Subversion Repositories SmartDukaan

Rev

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

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