Subversion Repositories SmartDukaan

Rev

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

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