Subversion Repositories SmartDukaan

Rev

Rev 22804 | Rev 22806 | 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
93 
								v-model="chosenData.a.state">
94 
								<option v-for="state in states" v-bind:value="state">{{state}}</option>
95 
							</select>
96 
						</div>
97 
					</div>
98 
					<div class="modal-footer">
99 
						<button type="button" class="btn btn-sm btn-default"
100 
							data-dismiss="modal">Close</button>
101 
						<button type="button" class="btn btn-sm btn-primary">Save changes</button>
102 
					</div>
103 
				</div>
22799 amit.gupta 104 
			</div>
22805 amit.gupta 105 
		</div>
22766 amit.gupta 106 
	</div>
22805 amit.gupta 107 
	<script src="https://unpkg.com/vue"></script>
108 
	<script type="text/javascript">
22787 amit.gupta 109 
	var alldata = <?php echo json_encode($result);?>;
110 
	var vModal = new Vue({
111 
	el: '#vueFirst',
112 
	data: {
22803 amit.gupta 113 
		chosenData : alldata[0],
114 
		states : [
115 
    'Andaman & Nicobar Islands',
116 
    'Andhra Pradesh',
117 
    'Arunachal Pradesh',
118 
    'Assam',
119 
    'Bihar',
120 
    'Chandigarh',
121 
    'Chhattisgarh',
122 
    'Dadra & Nagar Haveli',
123 
    'Daman & Diu',
124 
    'Delhi',
125 
    'Goa',
126 
    'Gujarat',
127 
    'Haryana',
128 
    'Himachal Pradesh',
129 
    'Jammu & Kashmir',
130 
    'Jharkhand',
131 
    'Karnataka',
132 
    'Kerala',
133 
    'Lakshdweep',
134 
    'Madhya Pradesh',
135 
    'Maharashtra',
136 
    'Manipur',
137 
    'Meghalaya',
138 
    'Mizoram',
139 
    'Nagaland',
140 
    'Orissa',
141 
    'Pondicherry',
142 
    'Punjab',
143 
    'Rajasthan',
144 
    'Sikkim',
145 
    'Tamil Nadu',
146 
    'Telangana',
147 
    'Tripura',
148 
    'Uttar Pradesh',
149 
    'Uttranchal',
22804 amit.gupta 150 
    'West Bengal'
22803 amit.gupta 151 
  ]
22787 amit.gupta 152 
  	},
153 
  	methods: {
154 
  		setIndex: function(index){
22791 amit.gupta 155 
  			//console.log("called " + index);
156 
  			this.chosenData = alldata[index];
22787 amit.gupta 157 
  		}
158 
  	}
159 
})
160 
</script>