Subversion Repositories SmartDukaan

Rev

Rev 22806 | Rev 22817 | 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 {
22805 amit.gupta 3 
	width: 75%;
4 
	height: auto;
22793 amit.gupta 5 
}
6 
 
7 
.modal-content {
22805 amit.gupta 8 
	height: auto;
9 
	min-height: 100%;
10 
	border-radius: 0;
22793 amit.gupta 11 
}
12 
</style>
22783 amit.gupta 13 
<div class="container" id="vueFirst">
22805 amit.gupta 14 
 
15 
<?php if(isset($result) && !empty($result)):?>
16 
	<div class="row">
17 
		<div class="col-xs-12">
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>
32 
					<td><?php echo $rval['u']['first_name'].' '.$rval['u']['last_name'];?>
33 
					</td>
34 
					<td><?php echo $rval['u']['email'];?></td>
35 
					<td><?php echo $rval['u']['mobile_number'];?></td>
36 
					<td><?php echo $rval['a']['name'];?></td>
37 
					<td><?php echo $rval['r']['type'];?></td>
38 
					<td><?php echo $rval['r']['number'];?></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"
42 
							v-on:click="setIndex(<?php echo $rkey?>)">View Details</button>
43 
 
44 
				</tr>
45 
				<?php endforeach;?>
46 
 
47 
			</table>
22761 amit.gupta 48 
		</div>
22805 amit.gupta 49 
	</div>
22761 amit.gupta 50 
	<?php endif;?>
22766 amit.gupta 51 
	<!-- Modal -->
22805 amit.gupta 52 
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
53 
		aria-labelledby="myModalLabel">
54 
		<div class="modal-dialog" role="document">
55 
			<div class="modal-content">
56 
				<div class="modal-header">
57 
					<button type="button" class="close" data-dismiss="modal"
58 
						aria-label="Close">
59 
						<span aria-hidden="true">&times;</span>
60 
					</button>
61 
					<h4 class="modal-title" id="myModalLabel">{{chosenData.a.name}}</h4>
62 
				</div>
63 
				<div class="modal-body">
64 
					<div class="form-inline">
65 
						<div class="form-group">
66 
							<label for="usr">Name:</label> <input type="text"
67 
								class="form-control" v-model="chosenData.a.name">
68 
						</div>
69 
						<div class="form-group">
70 
							<label for="usr">Business Number:</label> <input type="text"
71 
								class="form-control" v-model="chosenData.r.number">
72 
						</div>
73 
						<div class="form-group">
74 
							<label for="usr">Business Type:</label> <input readonly
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
22807 amit.gupta 93 
								v-model="chosenData.a.state" class="form-control">
22805 amit.gupta 94 
								<option v-for="state in states" v-bind:value="state">{{state}}</option>
95 
							</select>
96 
						</div>
97 
					</div>
98 
				</div>
22806 amit.gupta 99 
				<div class="modal-footer">
100 
					<button type="button" class="btn btn-sm btn-default"
101 
						data-dismiss="modal">Close</button>
102 
					<button type="button" class="btn btn-sm btn-primary">Save changes</button>
103 
				</div>
22799 amit.gupta 104 
			</div>
22805 amit.gupta 105 
		</div>
22766 amit.gupta 106 
	</div>
22806 amit.gupta 107 
</div>
108 
<script src="https://unpkg.com/vue"></script>
109 
<script type="text/javascript">
22787 amit.gupta 110 
	var alldata = <?php echo json_encode($result);?>;
111 
	var vModal = new Vue({
112 
	el: '#vueFirst',
113 
	data: {
22803 amit.gupta 114 
		chosenData : alldata[0],
115 
		states : [
116 
    'Andaman & Nicobar Islands',
117 
    'Andhra Pradesh',
118 
    'Arunachal Pradesh',
119 
    'Assam',
120 
    'Bihar',
121 
    'Chandigarh',
122 
    'Chhattisgarh',
123 
    'Dadra & Nagar Haveli',
124 
    'Daman & Diu',
125 
    'Delhi',
126 
    'Goa',
127 
    'Gujarat',
128 
    'Haryana',
129 
    'Himachal Pradesh',
130 
    'Jammu & Kashmir',
131 
    'Jharkhand',
132 
    'Karnataka',
133 
    'Kerala',
134 
    'Lakshdweep',
135 
    'Madhya Pradesh',
136 
    'Maharashtra',
137 
    'Manipur',
138 
    'Meghalaya',
139 
    'Mizoram',
140 
    'Nagaland',
141 
    'Orissa',
142 
    'Pondicherry',
143 
    'Punjab',
144 
    'Rajasthan',
145 
    'Sikkim',
146 
    'Tamil Nadu',
147 
    'Telangana',
148 
    'Tripura',
149 
    'Uttar Pradesh',
150 
    'Uttranchal',
22804 amit.gupta 151 
    'West Bengal'
22803 amit.gupta 152 
  ]
22787 amit.gupta 153 
  	},
154 
  	methods: {
155 
  		setIndex: function(index){
22791 amit.gupta 156 
  			//console.log("called " + index);
157 
  			this.chosenData = alldata[index];
22787 amit.gupta 158 
  		}
159 
  	}
160 
})
22806 amit.gupta 161 
</script>