Subversion Repositories SmartDukaan

Rev

Rev 22804 | Rev 22806 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 22804 Rev 22805
Line 1... Line 1...
1 
<style>
 1 
<style>
2 
.modal-dialog {
 2 
.modal-dialog {
3 
  width: 75%;
 3 
	width: 75%;
4 
  height: auto;
 4 
	height: auto;
5 
}
 5 
}
6 
 
 6 
 
7 
.modal-content {
 7 
.modal-content {
8 
  height: auto;
 8 
	height: auto;
9 
  min-height: 100%;
 9 
	min-height: 100%;
10 
  border-radius: 0;
 10 
	border-radius: 0;
11 
}
 11 
}
12 
</style>
 12 
</style>
13 
<div class="container" id="vueFirst">
 13 
<div class="container" id="vueFirst">
14
14 
 
15 
	<?php if(isset($result) && !empty($result)):?>
 15 
<?php if(isset($result) && !empty($result)):?>
16 
		<div class="row">
 16 
	<div class="row">
17 
			<div class="col-xs-12">
 17 
		<div class="col-xs-12">
18 
				<table cellpadding="0" cellspacing="0" class="table table-striped">
 18 
			<table cellpadding="0" cellspacing="0" class="table table-striped">
19 
					<tr>
 19 
				<tr>
20 
						<th>Name</th>
 20 
					<th>Name</th>
21 
						<th>Email</th>
 21 
					<th>Email</th>
22 
						<th>Mobile</th>
 22 
					<th>Mobile</th>
23 
						<th>Business Name</th>
 23 
					<th>Business Name</th>
24 
						<th>Type</th>
 24 
					<th>Type</th>
25 
						<th>Number</th>
 25 
					<th>Number</th>
26 
						<th>Created</th>
 26 
					<th>Created</th>
27 
						<th>Actions</th>
 27 
					<th>Actions</th>
28 
					</tr>
 28 
				</tr>
29
29 
 
30 
					<?php foreach ($result as $rkey =>$rval):?>
 30 
				<?php foreach ($result as $rkey =>$rval):?>
31 
					<tr>
 31 
				<tr>
32 
						<td><?php echo $rval['u']['first_name'].' '.$rval['u']['last_name'];?></td>
 32 
					<td><?php echo $rval['u']['first_name'].' '.$rval['u']['last_name'];?>
- 
 
 33 
					</td>
33 
						<td><?php echo $rval['u']['email'];?></td>
 34 
					<td><?php echo $rval['u']['email'];?></td>
34 
						<td><?php echo $rval['u']['mobile_number'];?></td>
 35 
					<td><?php echo $rval['u']['mobile_number'];?></td>
35 
						<td><?php echo $rval['a']['name'];?></td>
 36 
					<td><?php echo $rval['a']['name'];?></td>
36 
						<td><?php echo $rval['r']['type'];?></td>
 37 
					<td><?php echo $rval['r']['type'];?></td>
37 
						<td><?php echo $rval['r']['number'];?></td>
 38 
					<td><?php echo $rval['r']['number'];?></td>
38 
						<td><?php echo $rval['r']['create_timestamp'];?></td>
 39 
					<td><?php echo $rval['r']['create_timestamp'];?></td>
- 
 
 40 
					<td><button type="button" class="btn btn-primary btn-sm"
- 
 
 41 
							data-toggle="modal" data-target="#myModal"
39 
						<td><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal" v-on:click="setIndex(<?php echo $rkey?>)">View Details</button>
42 
							v-on:click="setIndex(<?php echo $rkey?>)">View Details</button>
- 
 
 43
40 
					</tr>
 44 
				</tr>
41 
					<?php endforeach;?>
 45 
				<?php endforeach;?>
42
46 
 
43 
				</table>
 47 
			</table>
44 
			</div>
 - 
 
45 
		</div>
 48 
		</div>
- 
 
 49 
	</div>
46 
	<?php endif;?>
 50 
	<?php endif;?>
47 
	<!-- Modal -->
 51 
	<!-- Modal -->
48 
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 52 
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
- 
 
 53 
		aria-labelledby="myModalLabel">
49 
	  <div class="modal-dialog" role="document">
 54 
		<div class="modal-dialog" role="document">
50 
	    <div class="modal-content">
 55 
			<div class="modal-content">
51 
	      <div class="modal-header">
 56 
				<div class="modal-header">
52 
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 57 
					<button type="button" class="close" data-dismiss="modal"
- 
 
 58 
						aria-label="Close">
- 
 
 59 
						<span aria-hidden="true">&times;</span>
- 
 
 60 
					</button>
53 
	        <h4 class="modal-title" id="myModalLabel">{{chosenData.a.name}}</h4>
 61 
					<h4 class="modal-title" id="myModalLabel">{{chosenData.a.name}}</h4>
54 
	      </div>
 62 
				</div>
55 
	      <div class="modal-body">
 63 
				<div class="modal-body">
56 
	      <div class="form-inline">
 64 
					<div class="form-inline">
57 
	      	<div class="form-group">
 65 
						<div class="form-group">
58 
	  			<label for="usr">Name:</label>
 66 
							<label for="usr">Name:</label> <input type="text"
59 
	  			<input type="text" class="form-control" v-model="chosenData.a.name">
 67 
								class="form-control" v-model="chosenData.a.name">
60 
			</div>
 68 
						</div>
61 
	      	<div class="form-group">
 69 
						<div class="form-group">
62 
	  			<label for="usr">Business Number:</label>
 70 
							<label for="usr">Business Number:</label> <input type="text"
63 
	  			<input type="text" class="form-control" v-model="chosenData.r.number">
 71 
								class="form-control" v-model="chosenData.r.number">
64 
			</div>
 72 
						</div>
65 
	      	<div class="form-group">
 73 
						<div class="form-group">
66 
	  			<label for="usr">Business Type:</label>
 74 
							<label for="usr">Business Type:</label> <input readonly
67 
	  			<input readonly type="text" class="form-control" v-model="chosenData.r.type">
 75 
								type="text" class="form-control" v-model="chosenData.r.type">
- 
 
 76 
						</div>
- 
 
 77 
					</div>
- 
 
 78 
					<div class="form-inline">
- 
 
 79 
						<div class="form-group">
- 
 
 80 
							<label for="usr">Line1:</label> <input type="text"
- 
 
 81 
								class="form-control" v-model="chosenData.a.line_1">
- 
 
 82 
						</div>
- 
 
 83 
						<div class="form-group">
- 
 
 84 
							<label for="usr">Line2:</label> <input type="text"
- 
 
 85 
								class="form-control" v-model="chosenData.a.line_2">
- 
 
 86 
						</div>
- 
 
 87 
						<div class="form-group">
- 
 
 88 
							<label for="usr">City:</label> <input type="text"
- 
 
 89 
								class="form-control" id="usr" v-model="chosenData.a.city">
- 
 
 90 
						</div>
- 
 
 91 
						<div class="form-group">
- 
 
 92 
							<label for="usr">State:</label> <select
- 
 
 93 
								v-model="chosenData.a.state">
- 
 
 94 
								<option v-for="state in states" v-bind:value="state">{{state}}</option>
- 
 
 95 
							</select>
- 
 
 96 
						</div>
- 
 
 97 
					</div>
- 
 
 98 
					<div class="modal-footer">
- 
 
 99 
						<button type="button" class="btn btn-sm btn-default"
- 
 
 100 
							data-dismiss="modal">Close</button>
- 
 
 101 
						<button type="button" class="btn btn-sm btn-primary">Save changes</button>
- 
 
 102 
					</div>
- 
 
 103 
				</div>
68 
			</div>
 104 
			</div>
69 
			</div>
 105 
		</div>
70 
			<div class="form-inline">
 - 
 
71 
	      	<div class="form-group">
 - 
 
72 
	  			<label for="usr">Line1:</label>
 - 
 
73 
	  			<input type="text" class="form-control" v-model="chosenData.a.line_1">
 - 
 
74 
			</div>
 - 
 
75 
	      	<div class="form-group">
 - 
 
76 
	  			<label for="usr">Line2:</label>
 - 
 
77 
	  			<input type="text" class="form-control" v-model="chosenData.a.line_2">
 - 
 
78 
			</div>
 - 
 
79 
	      	<div class="form-group">
 - 
 
80 
	  			<label for="usr">City:</label>
 - 
 
81 
	  			<input type="text" class="form-control" id="usr" v-model="chosenData.a.city">
 - 
 
82 
			</div>
 - 
 
83 
	      	<div class="form-group">
 - 
 
84 
	  			<label for="usr">State:</label>
 - 
 
85 
	  			<select v-model="chosenData.a.state">
 - 
 
86 
	  				<option v-for="state in states" v-bind:value="state">
 - 
 
87 
	    				{{state}}
 - 
 
88 
	  				</option>
 - 
 
89 
				</select>
 - 
 
90 
			</div>
 - 
 
91 
			</form>
 - 
 
92 
	      </div>
 - 
 
93 
	      <div class="modal-footer">
 - 
 
94 
	        <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
 - 
 
95 
	        <button type="button" class="btn btn-sm btn-primary">Save changes</button>
 - 
 
96 
	      </div>
 - 
 
97 
	    </div>
 - 
 
98 
	  </div>
 - 
 
99 
	</div>
 106 
	</div>
100 
</div>
 - 
 
101 
<script src="https://unpkg.com/vue"></script>
 107 
	<script src="https://unpkg.com/vue"></script>
102 
<script type="text/javascript">
 108 
	<script type="text/javascript">
103 
	var alldata = <?php echo json_encode($result);?>;
 109 
	var alldata = <?php echo json_encode($result);?>;
104 
	var vModal = new Vue({
 110 
	var vModal = new Vue({
105 
	el: '#vueFirst',
 111 
	el: '#vueFirst',
106 
	data: {
 112 
	data: {
107 
		chosenData : alldata[0],
 113 
		chosenData : alldata[0],