xxxxxxxxxx1
<div class="wrapper-editor">2
3
<div class="row d-flex justify-content-center modalWrapper">4
<div class="modal fade addNewInputs" id="modalAdd" tabindex="-1" role="dialog"5
aria-labelledby="modalAdd"6
aria-hidden="true">7
<form data-request="onAddUpdate">8
<div class="modal-dialog" role="document">9
<div class="modal-content">10
<div class="modal-header text-center">11
<h4 class="modal-title w-100 font-weight-bold text-arl ml-5">Add12
new subscriber</h4>13
<button type="button" class="close text-danger"14
data-dismiss="modal" aria-label="Close">15
<span aria-hidden="true">×</span>16
</button>17
</div>18
<div class="modal-body mx-3">19
<div class="md-form mb-5">20
<input type="text" id="inputName"21
class="form-control validate"22
autocomplete="off">23
<label data-error="wrong" data-success="right"24
for="inputName">Name</label>25
</div>26
27
<div class="md-form mb-5">28
<input type="text" id="inputTitle"29
class="form-control validate"30
autocomplete="off">31
<label data-error="wrong" data-success="right"32
for="inputTitle">Title</label>33
</div>34
35
<div class="md-form mb-5">36
<input type="text" id="inputEmail"37
class="form-control validate"38
autocomplete="off">39
<label data-error="wrong" data-success="right"40
for="inputEmail">Email</label>41
</div>42
<div class="row">43
<div class="col-12">44
<div class="md-form mb-5">45
<select class="mdb-select md-form" id="inputCargHardcopy"46
autocomplete="off">47
<option value="" disabled selected>Choose your option48
</option>49
<option value="Yes">Yes</option>50
<option value="No">No</option>51
</select>52
<label data-error="wrong" data-success="right"53
for="inputCargHardcopy">CARG Hardcopy</label>54
</div>55
</div>56
<div class="col-12">57
58
<div class="md-form mb-5">59
<select class="mdb-select md-form" id="inputCargPdf"60
autocomplete="off">61
<option value="" disabled selected>Choose your option62
</option>63
<option value="Yes">Yes</option>64
<option value="No">No</option>65
</select>66
<label data-error="wrong" data-success="right"67
for="inputCargPdf">CARG PDF</label>68
</div>69
</div>70
<div class="col-12">71
<div class="md-form mb-5">72
<select class="mdb-select md-form" id="inputAimHardcopy"73
name="aimHardcopy" autocomplete="off">74
<option value="" disabled selected>Choose your option75
</option>76
<option value="Yes">Yes</option>77
<option value="No">No</option>78
</select>79
<label data-error="wrong" data-success="right"80
for="inputAimHardcopy">AIM Hardcopy</label>81
</div>82
</div>83
<div class="col-12">84
<div class="md-form mb-5">85
<select class="mdb-select md-form" id="inputAimPdf"86
name="aimPdf" autocomplete="off">87
<option value="" disabled selected>Choose your option88
</option>89
<option value="Yes">Yes</option>90
<option value="No">No</option>91
</select>92
<label data-error="wrong" data-success="right"93
for="inputAimPdf">AIM PDF</label>94
</div>95
</div>96
</div>97
<input hidden type="text" name="profile_id" value="1">98
</div>99
<div100
class="modal-footer d-flex justify-content-center buttonAddFormWrapper">101
<button class="btn btn-outline-arl btn-block buttonAdd"102
data-dismiss="modal">Add form103
<i class="fas fa-paper-plane-o ml-1"></i>104
</button>105
</div>106
</div>107
</div>108
</form>109
</div>110
111
<div class="text-center">112
<a href="" class="btn btn-outline-arl btn-sm" data-toggle="modal"113
data-target="#modalAdd">Add<i114
class="fas fa-plus-square ml-1"></i></a>115
</div>116
117
<div class="modal fade modalEditClass" id="modalEdit" tabindex="-1" role="dialog"118
aria-hidden="true">119
<form data-request="onEditUpdate">120
<div class="modal-dialog" role="document">121
<div class="modal-content">122
<div class="modal-header text-center">123
<h4 class="modal-title w-100 font-weight-bold text-arl ml-5">124
Edit Subscriber</h4>125
<button type="button" class="close text-danger"126
data-dismiss="modal" aria-label="Close">127
<span aria-hidden="true">×</span>128
</button>129
</div>130
<div class="modal-body mx-3">131
<div class="md-form mb-5">132
<input type="text" id="formNameEdit" name="name"133
class="form-control validate">134
<label data-error="wrong" data-success="right"135
for="formNameEdit">Name</label>136
</div>137
138
<div class="md-form mb-5">139
<input type="text" id="formTitleEdit" name="title"140
class="form-control validate">141
<label data-error="wrong" data-success="right"142
for="formTitleEdit">Title</label>143
</div>144
145
<div class="md-form mb-5">146
<input type="email" id="formEmailEdit" name="email"147
class="form-control validate">148
<label data-error="wrong" data-success="right"149
for="formEmailEdit">Email</label>150
</div>151
152
<div class="md-form mb-5">153
<select class="mdb-select md-form" id="formCargHardcopyEdit"154
name="cargHardcopy">155
<option value="" disabled selected>Choose your option156
</option>157
<option value="Yes">Yes</option>158
<option value="No">No</option>159
</select>160
<label data-error="wrong" data-success="right"161
for="formCargHardcopyEdit">CARG Hardcopy</label>162
</div>163
<div class="md-form mb-5">164
<select class="mdb-select md-form" id="formCargPdfEdit"165
name="cargPDF">166
<option value="" disabled selected>Choose your option167
</option>168
<option value="Yes">Yes</option>169
<option value="No">No</option>170
</select>171
<label data-error="wrong" data-success="right"172
for="formCargPdfEdit">CARG PDF</label>173
</div>174
<div class="md-form mb-5">175
<select class="mdb-select md-form" id="formAimHardcopyEdit"176
name="aimHardcopy">177
<option value="" disabled selected>Choose your option178
</option>179
<option value="Yes">Yes</option>180
<option value="No">No</option>181
</select>182
<label data-error="wrong" data-success="right"183
for="formAimHardcopyEdit">AIM Hardcopy</label>184
</div>185
<div class="md-form mb-5">186
<select class="mdb-select md-form" id="formAimPdfEdit"187
name="aimPdf">188
<option value="" disabled selected>Choose your option189
</option>190
<option value="Yes">Yes</option>191
<option value="No">No</option>192
</select>193
<label data-error="wrong" data-success="right"194
for="formAimPdfEdit">AIM PDF</label>195
</div>196
<input hidden type="text" name="profile_id">197
</div>198
<div199
class="modal-footer d-flex justify-content-center editInsideWrapper">200
<button class="btn btn-outline-arl btn-block editInside"201
data-dismiss="modal" data-request="onEditUpdate">Save202
Edit203
<i class="fas fa-paper-plane-o ml-1"></i>204
</button>205
</div>206
</div>207
</div>208
</form>209
</div>210
211
<div class="text-center buttonEditWrapper">212
<button class="btn btn-outline-arl btn-sm buttonEdit" data-toggle="modal"213
data-target="#modalEdit"214
disabled>Edit<i class="fas fa-pencil-square-o ml-1"></i></button>215
</div>216
217
<div class="modal fade" id="modalDelete" tabindex="-1" role="dialog"218
aria-labelledby="modalDelete"219
aria-hidden="true">220
<div class="modal-dialog" role="document">221
<div class="modal-content">222
<div class="modal-header text-center">223
<h4 class="modal-title w-100 font-weight-bold ml-5 text-danger">224
Delete</h4>225
<button type="button" class="close text-danger" data-dismiss="modal"226
aria-label="Close">227
<span aria-hidden="true">×</span>228
</button>229
</div>230
<div class="modal-body mx-3">231
<p class="text-center h4">Are you sure to delete selected row?</p>232
233
</div>234
<div235
class="modal-footer d-flex justify-content-center deleteButtonsWrapper">236
<button type="button" class="btn btn-outline-arl btnYesClass"237
id="btnYes"238
data-dismiss="modal">Yes239
</button>240
<button type="button" class="btn btn-outline-arl btnNoClass"241
id="btnNo"242
data-dismiss="modal">No243
</button>244
</div>245
</div>246
</div>247
</div>248
249
<div class="text-center">250
<button class="btn btn-outline-arl btn-sm buttonDelete"251
data-toggle="modal" disabled data-target="#modalDelete"252
disabled>Delete<i class="fas fa-times ml-1"></i></button>253
</div>254
</div>255
256
<table id="dtSubscribers" class="table table-striped table-bordered" cellspacing="0"257
width="100%">258
<thead>259
<tr>260
<th class="th-sm">Name261
262
</th>263
<th class="th-sm">Title264
265
</th>266
<th class="th-sm">Email267
268
</th>269
<th class="th-sm">CARG Hardcopy270
271
</th>272
<th class="th-sm">CARG PDF273
274
</th>275
<th class="th-sm">AIM Hardcopy276
277
</th>278
<th class="th-sm">AIM PDF279
</th>280
<th hidden>id</th>281
</tr>282
</thead>283
<tbody>284
<tr>285
<td>Mr Tester</td>286
<td>Tester</td>287
<td>test@test.test</td>288
<td>No</td>289
<td>No</td>290
<td>Yes</td>291
<td>No</td>292
<td hidden>{{ subscriber.id }}</td>293
</tr>294
</tfoot>295
</table>296
</div>1
1
xxxxxxxxxx1
// Material Select Initialization2
$(document).ready(function() {3
$('.mdb-select').materialSelect();4
}); Console errors: 0