1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
<div class="modal fade bd-example-modal-lg" id="addNew" tabindex="-1" role="dialog" aria-labelledby="addNew" aria-disabled="true"> <div class="modal-dialog modal-md modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title">Add Store </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-disabled="true">×</span> </button> </div> <div class="modal-body"> <div class="card-body boxShadow whiteBg mb-3"> <div class="row"> <div class="col-md-12 d-flex justify-content-between"> <div class="row mb-4 w-100"> <div class="col-6 col-lg-3"> <span class="bold"> Created At :</span><br> 30 Jan 2020 05:50:00 </div> <div class="col-6 col-lg-3"> <span class="bold"> Created By :</span><br> May Chan </div> <div class="col-6 col-lg-3"> <span class="bold"> Last Update At :</span><br> 30 Jan 2020 05:50:00 </div> <div class="col-6 col-lg-3"> <span class="bold"> Last Update By :</span><br> May Chan </div> </div> <div class="custom-dropdown "> <select class="statusSelect"> <option value="" hidden>Status</option> <option value="Active">Active</option> <option value="Inactive">Inactive</option>
</select> </div> </div> <div class="col-lg-3"> <div class="form-group"> <label for="AddCode">Store Code</label> <input type="text" class="form-control" id="AddCode" value="" placeholder=""> </div> </div> <div class="col-lg-3"> <div class="form-group"> <label for="AddName">Store Name</label> <input type="text" class="form-control" id="AddName" value="" placeholder=""> </div> </div> <div class="col-lg-3"> <div class="form-group"> <label for="AddType">Type </label> <select class="form-control" id="AddType"> <option value="" Selected></option> <option value="Store">Store</option> <option value="Warehouse">Warehouse</option>
</select> </div> </div> <div class="col-lg-3"> <div class="form-group"> <label for="AddDistrict">District </label> <select class="form-control" id="AddDistrict"> <option value="" Selected></option> <option value="Hong Kong">Hong Kong</option> <option value="Kowloon">Kowloon</option>
</select> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="AddAddress" class="require">Address</label> <textarea class="form-control" id="AddAddress" rows="3"></textarea> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="AddDescription">Description</label> <textarea class="form-control" id="AddDescription" rows="3"></textarea> </div> </div> <div class="col-lg-3"> <div class="form-group"> <label for="AddLatitude">Latitude</label> <input type="text" class="form-control" id="AddLatitude" value="" placeholder=""> </div> </div> <div class="col-lg-3"> <div class="form-group"> <label for="AddLongtitude">Longtitude</label> <input type="text" class="form-control" id="AddLongtitude" value="" placeholder=""> </div> </div> <div class="col-lg-6 storeSeletion"> <div class="form-check form-check-inline mb-4 mt-4"> <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> <label class="form-check-label" for="inlineRadio1">Is Online Store</label> </div> <div class="form-check form-check-inline mb-4 mt-4"> <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> <label class="form-check-label" for="inlineRadio2">Support Store Pick Up</label> </div>
<div class="form-check form-check-inline"> <p class="nowrap mb-0 mr-2">Store Images:</p> <div class="custom-file"> <input class="custom-file-input" id="StoreImg" type="file"> <label class="custom-file-label garyFont" for="StoreImg">Upload Images</label> </div> </div>
</div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary saveDate shadow_blue">Create</button> </div> </div> </div> </div>
<script> $(document).on("change", "#AddType", function() { if ($(this).val() != "Store") { $(".storeSeletion").hide(); } else { $(".storeSeletion").fadeIn(); } }); </script>
|