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
|
<div class="modal fade bd-example-modal-lg" id="Edit" tabindex="-1" role="dialog" aria-labelledby="Edit" 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">Edit Staff
</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>
<div class="col-md-4">
<div class="form-group">
<label for="EditStaffCode" class="require">Staff Code</label>
<input type="text" class="form-control" id="EditStaffCode" value="ST-00001" placeholder="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="EditStores" class="require">Stores </label>
<select class="form-control" id="EditStores">
<option value="Shop01">Shop01</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="EditRole" class="require">Role </label>
<select class="form-control" id="EditRole">
<option value="Admin">Admin</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="EditStaffNameTC">Name(TC)</label>
<input type="text" class="form-control" id="EditStaffNameTC" value="梅" placeholder="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="EditStaffNameEN">Name(EN)</label>
<input type="text" class="form-control" id="EditStaffNameEN" value="May Chan" placeholder="">
</div>
</div>
<div class="col-md-12">
<div class="form-group ">
<label for="EditManagingStores">Managing Store</label>
<select class="form-control" id="EditManagingStores" multiple="multiple" style="width: 100%;">
<option value="Shop01">Shop01</option>
<option value="Shop02">Shop02</option>
<option value="Shop03">Shop03</option>
<option value="Shop04">Shop04</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="EditStaffUserName" class="require">User Name</label>
<input type="text" class="form-control" id="EditStaffUserName" value="May" placeholder="">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="EditStaffPassword" class="require">Password</label>
<input type="password" class="form-control" id="EditStaffPassword" value="123468765" placeholder="">
</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>
$("#EditManagingStores").select2({
placeholder: "Name",
allowClear: true
});
</script>
|