Subversion Repositories SmartDukaan

Rev

Rev 22791 | Rev 22793 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
22783 amit.gupta 1 
<div class="container" id="vueFirst">
22761 amit.gupta 2 
 
3 
	<?php if(isset($result) && !empty($result)):?>
4 
		<div class="row">
22783 amit.gupta 5 
			<div class="col-xs-12">
22761 amit.gupta 6 
				<table cellpadding="0" cellspacing="0" class="table table-striped">
7 
					<tr>
8 
						<th>Name</th>
9 
						<th>Email</th>
10 
						<th>Mobile</th>
11 
						<th>Business Name</th>
12 
						<th>Type</th>
13 
						<th>Number</th>
14 
						<th>Created</th>
15 
						<th>Actions</th>
16 
					</tr>
17 
 
18 
					<?php foreach ($result as $rkey =>$rval):?>
19 
					<tr>
22777 amit.gupta 20 
						<td><?php echo $rval['u']['first_name'].' '.$rval['u']['last_name'];?></td>
22761 amit.gupta 21 
						<td><?php echo $rval['u']['email'];?></td>
22 
						<td><?php echo $rval['u']['mobile_number'];?></td>
22779 amit.gupta 23 
						<td><?php echo $rval['a']['name'];?></td>
22761 amit.gupta 24 
						<td><?php echo $rval['r']['type'];?></td>
25 
						<td><?php echo $rval['r']['number'];?></td>
22780 amit.gupta 26 
						<td><?php echo $rval['r']['create_timestamp'];?></td>
22788 amit.gupta 27 
						<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>
22761 amit.gupta 28 
					</tr>
29 
					<?php endforeach;?>
30 
 
31 
				</table>
32 
			</div>
33 
		</div>
34 
	<?php endif;?>
22766 amit.gupta 35 
	<!-- Modal -->
36 
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
37 
	  <div class="modal-dialog" role="document">
38 
	    <div class="modal-content">
39 
	      <div class="modal-header">
40 
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
22789 amit.gupta 41 
	        <h4 class="modal-title" id="myModalLabel">{{chosenData.a.name}}</h4>
22766 amit.gupta 42 
	      </div>
43 
	      <div class="modal-body">
22792 amit.gupta 44 
	        <input v-model="chosenData.r.number" >
45 
	        <input v-model="chosenData.a.line_1">
46 
	        <input v-model="chosenData.a.line_2">
47 
	        <input v-model="chosenData.a.city">
48 
	        <input v-model="chosenData.a.state">
49 
	        <input v-model="chosenData.a.pin">
22766 amit.gupta 50 
	      </div>
51 
	      <div class="modal-footer">
22767 amit.gupta 52 
	        <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
53 
	        <button type="button" class="btn btn-sm btn-primary">Save changes</button>
22766 amit.gupta 54 
	      </div>
55 
	    </div>
56 
	  </div>
57 
	</div>
22787 amit.gupta 58 
</div>
59 
<script src="https://unpkg.com/vue"></script>
60 
<script type="text/javascript">
61 
	var alldata = <?php echo json_encode($result);?>;
62 
	var vModal = new Vue({
63 
	el: '#vueFirst',
64 
	data: {
22788 amit.gupta 65 
		chosenData : alldata[0]
22787 amit.gupta 66 
  	},
67 
  	methods: {
68 
  		setIndex: function(index){
22791 amit.gupta 69 
  			//console.log("called " + index);
70 
  			this.chosenData = alldata[index];
22787 amit.gupta 71 
  		}
72 
  	}
73 
})
74 
</script>