Subversion Repositories SmartDukaan

Rev

Rev 22853 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
22793 amit.gupta 1
<style>
2
.modal-dialog {
22823 amit.gupta 3
	width: 85%;
22805 amit.gupta 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>
22854 amit.gupta 22
					<th>Mobile</th>
22853 amit.gupta 23
					<th>Activated</th>
22805 amit.gupta 24
					<th>Business Name</th>
25
					<th>Type</th>
26
					<th>Number</th>
27
					<th>Created</th>
28
					<th>Actions</th>
29
				</tr>
30
 
31
				<?php foreach ($result as $rkey =>$rval):?>
32
				<tr>
22853 amit.gupta 33
					<td><?php echo $rval['u']['first_name'].' '.$rval['u']['last_name'];?></td>
22805 amit.gupta 34
					<td><?php echo $rval['u']['email'];?></td>
35
					<td><?php echo $rval['u']['mobile_number'];?></td>
22853 amit.gupta 36
					<td><?php echo $rval['u']['activated'];?></td>
22805 amit.gupta 37
					<td><?php echo $rval['a']['name'];?></td>
38
					<td><?php echo $rval['r']['type'];?></td>
39
					<td><?php echo $rval['r']['number'];?></td>
40
					<td><?php echo $rval['r']['create_timestamp'];?></td>
41
					<td><button type="button" class="btn btn-primary btn-sm"
42
							data-toggle="modal" data-target="#myModal"
43
							v-on:click="setIndex(<?php echo $rkey?>)">View Details</button>
44
 
45
				</tr>
46
				<?php endforeach;?>
47
 
48
			</table>
22761 amit.gupta 49
		</div>
22805 amit.gupta 50
	</div>
22761 amit.gupta 51
	<?php endif;?>
22766 amit.gupta 52
	<!-- Modal -->
22805 amit.gupta 53
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
54
		aria-labelledby="myModalLabel">
55
		<div class="modal-dialog" role="document">
56
			<div class="modal-content">
57
				<div class="modal-header">
58
					<button type="button" class="close" data-dismiss="modal"
59
						aria-label="Close">
60
						<span aria-hidden="true">&times;</span>
61
					</button>
62
					<h4 class="modal-title" id="myModalLabel">{{chosenData.a.name}}</h4>
63
				</div>
64
				<div class="modal-body">
65
					<div class="form-inline">
66
						<div class="form-group">
67
							<label for="usr">Name:</label> <input type="text"
68
								class="form-control" v-model="chosenData.a.name">
69
						</div>
70
						<div class="form-group">
71
							<label for="usr">Business Number:</label> <input type="text"
72
								class="form-control" v-model="chosenData.r.number">
73
						</div>
74
						<div class="form-group">
75
							<label for="usr">Business Type:</label> <input readonly
76
								type="text" class="form-control" v-model="chosenData.r.type">
77
						</div>
78
					</div>
79
					<div class="form-inline">
80
						<div class="form-group">
81
							<label for="usr">Line1:</label> <input type="text"
82
								class="form-control" v-model="chosenData.a.line_1">
83
						</div>
84
						<div class="form-group">
85
							<label for="usr">Line2:</label> <input type="text"
86
								class="form-control" v-model="chosenData.a.line_2">
87
						</div>
88
						<div class="form-group">
89
							<label for="usr">City:</label> <input type="text"
90
								class="form-control" id="usr" v-model="chosenData.a.city">
91
						</div>
92
						<div class="form-group">
93
							<label for="usr">State:</label> <select
22807 amit.gupta 94
								v-model="chosenData.a.state" class="form-control">
22805 amit.gupta 95
								<option v-for="state in states" v-bind:value="state">{{state}}</option>
96
							</select>
97
						</div>
98
					</div>
22824 amit.gupta 99
					<div class="row">
22849 amit.gupta 100
						<div class="col-md-4">
22824 amit.gupta 101
							<div class="thumbnail">
102
								<div class="caption">
103
									<p>Business Image</p>
104
								</div>
22826 amit.gupta 105
								<img
106
									:src="'http://app.profitmandi.com:8080/profitmandi-web/document/' + chosenData.r.document_id"
22849 amit.gupta 107
									alt="Business Image missing" style="width: 100%">
22824 amit.gupta 108
							</div>
22823 amit.gupta 109
						</div>
22849 amit.gupta 110
						<div class="col-md-4">
22824 amit.gupta 111
							<div class="thumbnail">
112
								<div class="caption">
113
									<p>Shop Image</p>
114
								</div>
22826 amit.gupta 115
								<img
22849 amit.gupta 116
									:src="'http://app.profitmandi.com:8080/profitmandi-web/document/' + chosenData.s.document_id"
117
									alt="Shop image Missing" style="width: 100%">
22824 amit.gupta 118
							</div>
22823 amit.gupta 119
						</div>
120
					</div>
22805 amit.gupta 121
				</div>
22826 amit.gupta 122
				<div class="modal-footer">
123
					<button type="button" class="btn btn-sm btn-default"
124
						data-dismiss="modal">Close</button>
125
					<button type="button" class="btn btn-sm btn-primary">Save changes</button>
126
				</div>
22799 amit.gupta 127
			</div>
22805 amit.gupta 128
		</div>
22766 amit.gupta 129
	</div>
22826 amit.gupta 130
</div>
131
<script src="https://unpkg.com/vue"></script>
132
<script type="text/javascript">
22787 amit.gupta 133
	var alldata = <?php echo json_encode($result);?>;
134
	var vModal = new Vue({
135
	el: '#vueFirst',
136
	data: {
22803 amit.gupta 137
		chosenData : alldata[0],
138
		states : [
139
    'Andaman & Nicobar Islands',
140
    'Andhra Pradesh',
141
    'Arunachal Pradesh',
142
    'Assam',
143
    'Bihar',
144
    'Chandigarh',
145
    'Chhattisgarh',
146
    'Dadra & Nagar Haveli',
147
    'Daman & Diu',
148
    'Delhi',
149
    'Goa',
150
    'Gujarat',
151
    'Haryana',
152
    'Himachal Pradesh',
153
    'Jammu & Kashmir',
154
    'Jharkhand',
155
    'Karnataka',
156
    'Kerala',
157
    'Lakshdweep',
158
    'Madhya Pradesh',
159
    'Maharashtra',
160
    'Manipur',
161
    'Meghalaya',
162
    'Mizoram',
163
    'Nagaland',
164
    'Orissa',
165
    'Pondicherry',
166
    'Punjab',
167
    'Rajasthan',
168
    'Sikkim',
169
    'Tamil Nadu',
170
    'Telangana',
171
    'Tripura',
172
    'Uttar Pradesh',
173
    'Uttranchal',
22804 amit.gupta 174
    'West Bengal'
22803 amit.gupta 175
  ]
22787 amit.gupta 176
  	},
177
  	methods: {
178
  		setIndex: function(index){
22791 amit.gupta 179
  			//console.log("called " + index); 
180
  			this.chosenData = alldata[index];
22787 amit.gupta 181
  		}
182
  	}
183
}) 
22826 amit.gupta 184
</script>