Subversion Repositories SmartDukaan

Rev

Rev 22803 | Rev 22805 | 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>
22766 amit.gupta 54 
	      </div>
55 
	      <div class="modal-body">
22801 amit.gupta 56 
	      <div class="form-inline">
22799 amit.gupta 57 
	      	<div class="form-group">
58 
	  			<label for="usr">Name:</label>
59 
	  			<input type="text" class="form-control" v-model="chosenData.a.name">
60 
			</div>
61 
	      	<div class="form-group">
22800 amit.gupta 62 
	  			<label for="usr">Business Number:</label>
22799 amit.gupta 63 
	  			<input type="text" class="form-control" v-model="chosenData.r.number">
64 
			</div>
65 
	      	<div class="form-group">
22800 amit.gupta 66 
	  			<label for="usr">Business Type:</label>
67 
	  			<input readonly type="text" class="form-control" v-model="chosenData.r.type">
68 
			</div>
22801 amit.gupta 69 
			</div>
70 
			<div class="form-inline">
22800 amit.gupta 71 
	      	<div class="form-group">
22799 amit.gupta 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>
22803 amit.gupta 77 
	  			<input type="text" class="form-control" v-model="chosenData.a.line_2">
22799 amit.gupta 78 
			</div>
79 
	      	<div class="form-group">
80 
	  			<label for="usr">City:</label>
22803 amit.gupta 81 
	  			<input type="text" class="form-control" id="usr" v-model="chosenData.a.city">
22799 amit.gupta 82 
			</div>
83 
	      	<div class="form-group">
84 
	  			<label for="usr">State:</label>
22803 amit.gupta 85 
	  			<select v-model="chosenData.a.state">
86 
	  				<option v-for="state in states" v-bind:value="state">
87 
	    				{{state}}
88 
	  				</option>
89 
				</select>
22799 amit.gupta 90 
			</div>
22801 amit.gupta 91 
			</form>
22766 amit.gupta 92 
	      </div>
93 
	      <div class="modal-footer">
22767 amit.gupta 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>
22766 amit.gupta 96 
	      </div>
97 
	    </div>
98 
	  </div>
99 
	</div>
22787 amit.gupta 100 
</div>
101 
<script src="https://unpkg.com/vue"></script>
102 
<script type="text/javascript">
103 
	var alldata = <?php echo json_encode($result);?>;
104 
	var vModal = new Vue({
105 
	el: '#vueFirst',
106 
	data: {
22803 amit.gupta 107 
		chosenData : alldata[0],
108 
		states : [
109 
    'Andaman & Nicobar Islands',
110 
    'Andhra Pradesh',
111 
    'Arunachal Pradesh',
112 
    'Assam',
113 
    'Bihar',
114 
    'Chandigarh',
115 
    'Chhattisgarh',
116 
    'Dadra & Nagar Haveli',
117 
    'Daman & Diu',
118 
    'Delhi',
119 
    'Goa',
120 
    'Gujarat',
121 
    'Haryana',
122 
    'Himachal Pradesh',
123 
    'Jammu & Kashmir',
124 
    'Jharkhand',
125 
    'Karnataka',
126 
    'Kerala',
127 
    'Lakshdweep',
128 
    'Madhya Pradesh',
129 
    'Maharashtra',
130 
    'Manipur',
131 
    'Meghalaya',
132 
    'Mizoram',
133 
    'Nagaland',
134 
    'Orissa',
135 
    'Pondicherry',
136 
    'Punjab',
137 
    'Rajasthan',
138 
    'Sikkim',
139 
    'Tamil Nadu',
140 
    'Telangana',
141 
    'Tripura',
142 
    'Uttar Pradesh',
143 
    'Uttranchal',
22804 amit.gupta 144 
    'West Bengal'
22803 amit.gupta 145 
  ]
22787 amit.gupta 146 
  	},
147 
  	methods: {
148 
  		setIndex: function(index){
22791 amit.gupta 149 
  			//console.log("called " + index);
150 
  			this.chosenData = alldata[index];
22787 amit.gupta 151 
  		}
152 
  	}
153 
})
154 
</script>