Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 17214 | Rev 17218 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
14934 stevensc 1
<?php
1 www 2
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
3
$currentUser    = $this->currentUserHelper();
4
 
5
$roleName = $currentUser->getUserTypeId();
6
 
7
$routeAdd       = $this->url('microlearning/content/topics/add');
8
$routeDatatable = $this->url('microlearning/content/topics');
9
 
10
$allowAdd               = $acl->isAllowed($roleName, 'microlearning/content/topics/add') ? 1 : 0;
11
$allowEdit              = $acl->isAllowed($roleName, 'microlearning/content/topics/edit') ? 1 : 0;
12
$allowDelete            = $acl->isAllowed($roleName, 'microlearning/content/topics/delete') ? 1 : 0;
17190 stevensc 13
$allowUsers             = $acl->isAllowed($roleName, 'microlearning/content/topics/users') ? 1 : 0;
1 www 14
 
17178 stevensc 15
// NProgress
16822 efrain 16
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
17
$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
1 www 18
 
17178 stevensc 19
// CKEditor
16822 efrain 20
$this->inlineScript()->appendFile($this->basePath('assets/vendors/ckeditor/ckeditor.js'));
1 www 21
 
17178 stevensc 22
// File Input
16822 efrain 23
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/css/fileinput.min.css'));
24
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.css'));
16843 efrain 25
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/piexif.js'));
26
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/sortable.js'));
16822 efrain 27
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/fileinput.js'));
28
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/locales/es.js'));
29
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/fas/theme.js'));
30
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.js'));
1 www 31
 
17178 stevensc 32
// Datatables
16822 efrain 33
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css'));
34
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.css'));
35
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net/jquery.dataTables.js'));
36
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.js'));
37
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/dataTables.responsive.min.js'));
38
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.min.js'));
1 www 39
 
17178 stevensc 40
// Select2
17121 stevensc 41
$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/select2.js'));
42
$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/i18n/es.js'));
43
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2/css/select2.css'));
1 www 44
 
17121 stevensc 45
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2-bootstrap5-theme/select2-bootstrap-5-theme.css'));
46
 
17124 stevensc 47
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jsrender/jsrender.min.js'));
17121 stevensc 48
 
17178 stevensc 49
// Toggle
16822 efrain 50
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
51
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
1 www 52
 
17178 stevensc 53
// Input Number Format
16822 efrain 54
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-input-number/input-number-format.jquery.js'));
55
 
1 www 56
$this->inlineScript()->captureStart();
57
echo <<<JS
17178 stevensc 58
    jQuery(document).ready(function ($) {
1 www 59
        $.validator.setDefaults({
60
            debug: true,
17178 stevensc 61
            highlight: function (element) {
62
                $(element).addClass('is-invalid')
1 www 63
            },
17178 stevensc 64
            unhighlight: function (element) {
65
                $(element).removeClass('is-invalid')
1 www 66
            },
67
            errorElement: 'span',
68
            errorClass: 'error invalid-feedback',
17178 stevensc 69
            errorPlacement: function (error, element) {
70
                if (element.parent('.btn-file').length) {
71
                    error.insertAfter(element.parent().parent())
72
                } else if (element.parent('.toggle').length) {
73
                    error.insertAfter(element.parent().parent())
1 www 74
                } else {
17178 stevensc 75
                    error.insertAfter(element.parent())
1 www 76
                }
77
            }
17178 stevensc 78
        })
1 www 79
 
17178 stevensc 80
        var allowAdd = $allowAdd
81
        var allowEdit = $allowEdit
82
        var allowDelete = $allowDelete
17191 stevensc 83
        var allowUsers = $allowUsers
1 www 84
 
17178 stevensc 85
        // Datatables
86
        var gridTable = $('#gridTable').dataTable({
87
            processing: true,
88
            serverSide: true,
89
            searching: true,
90
            order: [[0, 'asc']],
91
            ordering: true,
92
            ordenable: true,
93
            responsive: true,
94
            select: false,
95
            paging: true,
96
            pagingType: 'simple_numbers',
97
            ajax: {
98
                url: '$routeDatatable',
99
                type: 'get',
100
                beforeSend: function (request) {
101
                    NProgress.start()
102
                },
103
                dataFilter: function (response) {
104
                    var response = jQuery.parseJSON(response)
1 www 105
 
17178 stevensc 106
                    var json = {}
107
                    json.recordsTotal = 0
108
                    json.recordsFiltered = 0
109
                    json.data = []
1 www 110
 
17178 stevensc 111
                    if (response.success) {
112
                        json.recordsTotal = response.data.total
113
                        json.recordsFiltered = response.data.total
114
                        json.data = response.data.items
1 www 115
                    } else {
116
                        $.fn.showError(response.data)
117
                    }
17178 stevensc 118
 
119
                    return JSON.stringify(json)
1 www 120
                }
17178 stevensc 121
            },
122
            language: {
123
                sProcessing: 'LABEL_DATATABLE_SPROCESSING',
124
                sLengthMenu: 'LABEL_DATATABLE_SLENGTHMENU',
125
                sZeroRecords: 'LABEL_DATATABLE_SZERORECORDS',
126
                sEmptyTable: 'LABEL_DATATABLE_SEMPTYTABLE',
127
                sInfo: 'LABEL_DATATABLE_SINFO',
128
                sInfoEmpty: 'LABEL_DATATABLE_SINFOEMPTY',
129
                sInfoFiltered: 'LABEL_DATATABLE_SINFOFILTERED',
130
                sInfoPostFix: '',
131
                sSearch: 'LABEL_DATATABLE_SSEARCH',
132
                sUrl: '',
133
                sInfoThousands: ',',
134
                sLoadingRecords: 'LABEL_DATATABLE_SLOADINGRECORDS',
135
                oPaginate: {
136
                    sFirst: 'LABEL_DATATABLE_SFIRST',
137
                    sLast: 'LABEL_DATATABLE_SLAST',
138
                    sNext: 'LABEL_DATATABLE_SNEXT',
139
                    sPrevious: 'LABEL_DATATABLE_SPREVIOUS'
1 www 140
                },
17178 stevensc 141
                oAria: {
142
                    sSortAscending: ': LABEL_DATATABLE_SSORTASCENDING',
143
                    sSortDescending: ':LABEL_DATATABLE_SSORTDESCENDING'
144
                }
1 www 145
            },
17178 stevensc 146
            drawCallback: function (settings) {
147
                NProgress.done()
1 www 148
            },
17178 stevensc 149
            aoColumns: [
150
                { mDataProp: 'name' },
151
                { mDataProp: 'details' },
17197 stevensc 152
                { mDataProp: 'images' },
17178 stevensc 153
                { mDataProp: 'actions' }
154
            ],
155
            columnDefs: [
1 www 156
                {
17178 stevensc 157
                    targets: 0,
158
                    className: 'text-vertical-middle'
1 www 159
                },
160
                {
17178 stevensc 161
                    targets: -3,
162
                    orderable: false,
163
                    render: function (data, type, row) {
164
                        var s = ''
165
                        s += 'LABEL_STATUS: ' + data['status'] + '<br/>'
1 www 166
 
17178 stevensc 167
                        if (allowUsers && row['actions']['link_total_users']) {
168
                            s +=
169
                                'LABEL_TOTAL_USERS: ' +
170
                                data['total_users'] +
171
                                ' <button class="btn btn-view-total-users" data-href="' +
172
                                row['actions']['link_total_users'] +
173
                                '" data-toggle="tooltip" title="LABEL_VIEW"><i class="fa fa-external-link-alt"></i></button> <br>'
174
                        } else {
175
                            s += 'LABEL_TOTAL_USERS: ' + data['total_users'] + '<br/>'
176
                        }
177
                        if (allowUsers && row['actions']['link_total_users_actives']) {
178
                            s +=
179
                                'LABEL_TOTAL_USERS_ACTIVE: ' +
180
                                data['total_users_active'] +
181
                                ' <button class="btn btn-view-total-users" data-href="' +
182
                                row['actions']['link_total_users_actives'] +
183
                                '" data-toggle="tooltip" title="LABEL_VIEW"><i class="fa fa-external-link-alt"></i></button> <br>'
184
                        } else {
185
                            s +=
186
                                'LABEL_TOTAL_USERS_ACTIVE: ' + data['total_users_active'] + '<br/>'
187
                        }
1 www 188
 
17178 stevensc 189
                        return s
1 www 190
                    }
191
                },
17178 stevensc 192
                {
193
                    targets: -2,
194
                    orderable: false,
195
                    render: function (data, type, row) {
196
                        s = ''
17199 stevensc 197
 
17198 stevensc 198
                        if (data['image']) {
17178 stevensc 199
                            s =
200
                                s +
201
                                '&nbsp; <img class="btn-view-image-app" data-href="' +
17198 stevensc 202
                                data['image'] +
17178 stevensc 203
                                '" data-toggle="tooltip" src="' +
17198 stevensc 204
                                data['image'] +
17178 stevensc 205
                                '" title="LABEL_VIEW" style="width: 40px; object-fit: cover; height: 40px;" /> '
206
                        } else {
207
                            s = s + ''
208
                        }
209
 
17198 stevensc 210
                        if (data['marketplace']) {
17195 stevensc 211
                            s =
212
                                s +
213
                                '&nbsp; <img class="btn-view-image-marketplace" data-href="' +
17198 stevensc 214
                                data['marketplace'] +
17195 stevensc 215
                                '" data-toggle="tooltip" src="' +
17198 stevensc 216
                                data['marketplace'] +
17195 stevensc 217
                                '" title="LABEL_VIEW" style="width: 40px; object-fit: cover; height: 40px;" /> '
218
                        } else {
219
                            s = s + ''
220
                        }
221
 
17178 stevensc 222
                        return s
223
                    }
224
                },
1 www 225
                {
17178 stevensc 226
                    targets: -1,
227
                    orderable: false,
228
                    render: function (data, type, row) {
229
                        s = ''
230
 
231
                        if (allowEdit && data['link_edit']) {
232
                            s =
233
                                s +
234
                                '<button class="btn btn-info btn-sm btn-edit" data-href="' +
235
                                data['link_edit'] +
236
                                '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pen"></i> LABEL_EDIT </button>&nbsp;'
1 www 237
                        }
17178 stevensc 238
                        if (allowDelete && data['link_delete']) {
239
                            s =
240
                                s +
241
                                '<button class="btn btn-danger btn-sm btn-delete" data-href="' +
242
                                data['link_delete'] +
243
                                '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button>&nbsp;'
1 www 244
                        }
17178 stevensc 245
                        return s
1 www 246
                    }
247
                }
17178 stevensc 248
            ]
249
        })
1 www 250
 
17178 stevensc 251
        // Validación de formulario de creación
252
        var validatorAdd = $('#form-add').validate({
253
            debug: true,
254
            onclick: false,
255
            onkeyup: false,
256
            ignore: [],
257
            rules: {
258
                name: {
259
                    required: true,
260
                    maxlength: 128
1 www 261
                },
17178 stevensc 262
                description: {
263
                    updateCkeditor: function () {
264
                        CKEDITOR.instances.description_add.updateElement()
265
                    },
266
                    required: true
267
                },
268
                file: {
269
                    required: true,
270
                    extension: 'jpg|jpeg|png',
271
                    accept: 'image/jpg,image/jpeg,image/png'
272
                },
273
                order: {
274
                    required: true,
275
                    digits: true,
276
                    min: 1,
277
                    max: 250
278
                },
279
                marketplace: {
280
                    required: false,
281
                    extension: 'jpg|jpeg|png',
282
                    accept: 'image/jpg,image/jpeg,image/png'
283
                },
284
                status: {
285
                    required: true
286
                },
287
                privacy: {
288
                    required: true
289
                },
290
                type: {
291
                    required: true
292
                },
293
                cost: {
294
                    required: function () {
295
                        return $('#form-add #type').val() == 's'
296
                    },
297
                    number: true,
298
                    min: 0
299
                }
1 www 300
            },
17178 stevensc 301
            submitHandler: function (form) {
302
                var formdata = false
303
                if (window.FormData) {
304
                    formdata = new FormData(form)
305
                }
5709 nelberth 306
 
17178 stevensc 307
                $('.info_noticia').prop('disabled', true)
308
                NProgress.start()
309
                $.ajax({
310
                    dataType: 'json',
311
                    accept: 'application/json',
312
                    method: 'post',
313
                    url: $('#form-add').attr('action'),
314
                    data: formdata,
315
                    processData: false,
316
                    contentType: false
317
                })
318
                    .done(function (response) {
319
                        if (response['success']) {
320
                            $.fn.showSuccess(response['data'])
16891 efrain 321
 
17178 stevensc 322
                            $('#row-add').hide()
323
                            $('#row-edit').hide()
324
                            $('#row-listing').show()
16891 efrain 325
 
17178 stevensc 326
                            gridTable.api().ajax.reload(null, false)
327
                        } else {
328
                            validatorAdd.resetForm()
329
                            if (jQuery.type(response['data']) == 'string') {
330
                                $.fn.showError(response['data'])
331
                            } else {
332
                                $.each(response['data'], function (fieldname, errors) {
333
                                    $.fn.showFormErrorValidator('#form-add #' + fieldname, errors)
334
                                })
335
                            }
336
                        }
337
                    })
338
                    .fail(function (jqXHR, textStatus, errorThrown) {
339
                        $.fn.showError(textStatus)
340
                    })
341
                    .always(function () {
342
                        NProgress.done()
343
                    })
344
                return false
345
            },
346
            invalidHandler: function (form, validator) { }
347
        })
16891 efrain 348
 
17178 stevensc 349
        // Validación de formulario de edición
350
        var validatorEdit = $('#form-edit').validate({
351
            debug: true,
352
            onclick: false,
353
            onkeyup: false,
354
            ignore: [],
355
            rules: {
356
                name: {
357
                    required: true,
358
                    maxlength: 128
359
                },
360
                description: {
361
                    updateCkeditor: function () {
362
                        CKEDITOR.instances.description_edit.updateElement()
363
                    },
364
                    required: true
365
                },
366
                file: {
367
                    required: false,
368
                    extension: 'jpg|jpeg|png',
369
                    accept: 'image/jpg,image/jpeg,image/png'
370
                },
371
                order: {
372
                    required: true,
373
                    digits: true,
374
                    min: 1,
375
                    max: 250
376
                },
377
                marketplace: {
378
                    required: false,
379
                    extension: 'jpg|jpeg|png',
380
                    accept: 'image/jpg,image/jpeg,image/png'
381
                },
382
                status: {
383
                    required: true
384
                },
385
                privacy: {
386
                    required: true
387
                },
388
                type: {
389
                    required: true
390
                },
391
                cost: {
392
                    required: function () {
393
                        return $('#form-edit #type').val() == 's'
394
                    },
395
                    number: true,
396
                    min: 0
1 www 397
                }
17178 stevensc 398
            },
399
            submitHandler: function (form) {
400
                var formdata = false
401
                if (window.FormData) {
402
                    formdata = new FormData(form)
403
                }
16891 efrain 404
 
17178 stevensc 405
                NProgress.start()
406
                $.ajax({
407
                    dataType: 'json',
408
                    accept: 'application/json',
409
                    method: 'post',
410
                    url: $('#form-edit').attr('action'),
411
                    data: formdata,
412
                    processData: false,
413
                    contentType: false
414
                })
415
                    .done(function (response) {
416
                        if (response['success']) {
417
                            $.fn.showSuccess(response['data'])
16891 efrain 418
 
17178 stevensc 419
                            gridTable.api().ajax.reload(null, false)
1 www 420
 
17178 stevensc 421
                            $('#row-add').hide()
422
                            $('#row-edit').hide()
423
                            $('#row-listing').show()
424
                        } else {
425
                            validatorEdit.resetForm()
426
                            if (jQuery.type(response['data']) == 'string') {
427
                                $.fn.showError(response['data'])
428
                            } else {
429
                                $.each(response['data'], function (fieldname, errors) {
430
                                    $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors)
431
                                })
432
                            }
433
                        }
434
                    })
435
                    .fail(function (jqXHR, textStatus, errorThrown) {
436
                        $.fn.showError(textStatus)
437
                    })
438
                    .always(function () {
439
                        NProgress.done()
440
                    })
441
                return false
1 www 442
            },
17178 stevensc 443
            invalidHandler: function (form, validator) { }
444
        })
1 www 445
 
17178 stevensc 446
        // Evento de botón de vista de imagen de la aplicación
447
        $('body').on('click', '.btn-view-image-app', function (e) {
448
            e.preventDefault()
1 www 449
 
17178 stevensc 450
            $('#image-app').attr('src', $(this).data('href'))
451
            $('#modalPreviewImage').modal('show')
452
            return false
453
        })
16891 efrain 454
 
17178 stevensc 455
        // Evento de botón de vista de imagen del marketplace
456
        $('body').on('click', '.btn-view-image-marketplace', function (e) {
457
            e.preventDefault()
458
 
459
            $('#image-marketplace').attr('src', $(this).data('href'))
460
            $('#modalPreviewMarketPlace').modal('show')
461
            return false
462
        })
463
 
464
        // Evento de botón de añadir
465
        $('body').on('click', 'button.btn-add', function (e) {
466
            e.preventDefault()
467
            NProgress.start()
468
 
1 www 469
            $.ajax({
17178 stevensc 470
                dataType: 'json',
471
                method: 'get',
472
                url: '$routeAdd'
473
            })
474
                .done(function (response) {
475
                    if (response['success']) {
17209 stevensc 476
                        $('#form-add #table-capsules-add tbody').empty()
16891 efrain 477
 
17209 stevensc 478
                        $('#form-add #capsule_uuid_add').children().not(':first').remove()
17178 stevensc 479
                        $.each(response['data']['capsules'], function (index, element) {
17209 stevensc 480
                            $('#form-add #capsule_uuid_add').append(
17178 stevensc 481
                                $('<option>', {
17215 stevensc 482
                                    value: element.uuid,
17178 stevensc 483
                                    text: element.name
484
                                })
485
                            )
486
                        })
16891 efrain 487
 
17178 stevensc 488
                        $('#form-add #name').val('')
489
                        $('#form-add #privacy').val('')
490
                        $('#form-add #status').val('')
491
                        $('#form-add #cost').val('')
492
                        $('#form-add #form-row-cost').hide()
493
                        $('#form-add #file').fileinput('reset')
494
                        $('#form-add #file').val('')
495
                        $('#form-add #marketplace').fileinput('reset')
496
                        $('#form-add #marketplace').val('')
497
                        $('#form-add #order').val('1')
16891 efrain 498
 
17178 stevensc 499
                        CKEDITOR.instances.description_add.setData('')
500
                        validatorAdd.resetForm()
501
 
502
                        $('#row-edit').hide()
503
                        $('#row-listing').hide()
504
                        $('#row-add').show()
505
                    } else {
506
                        $.fn.showError(response['data'])
1 www 507
                    }
17178 stevensc 508
                })
509
                .fail(function (jqXHR, textStatus, errorThrown) {
510
                    $.fn.showError(textStatus)
511
                })
512
                .always(function () {
513
                    NProgress.done()
514
                })
16891 efrain 515
 
17178 stevensc 516
            return false
517
        })
1 www 518
 
17178 stevensc 519
        // Evento de botón de editar
520
        $('body').on('click', 'button.btn-edit', function (e) {
521
            e.preventDefault()
522
            var url = $(this).data('href')
1 www 523
 
17178 stevensc 524
            NProgress.start()
525
            $.ajax({
526
                dataType: 'json',
527
                accept: 'application/json',
528
                method: 'get',
529
                url: url
530
            })
531
                .done(function (response) {
532
                    if (response['success']) {
533
                        $('#form-edit').attr('action', url)
16822 efrain 534
 
17209 stevensc 535
                        $('#form-edit #capsule_uuid_edit').children().not(':first').remove()
16822 efrain 536
 
17178 stevensc 537
                        $.each(response['data']['capsules'], function (index, element) {
17209 stevensc 538
                            $('#form-edit #capsule_uuid_edit').append(
17178 stevensc 539
                                $('<option>', {
17215 stevensc 540
                                    value: element.uuid,
17178 stevensc 541
                                    text: element.name
542
                                })
543
                            )
544
 
17211 stevensc 545
                            if (element.selected) {
546
                                let data = {
17215 stevensc 547
                                    id: element.uuid,
17211 stevensc 548
                                    name: element.name
549
                                }
550
 
551
                                $('#form-edit #table-capsules-edit tbody').append(
552
                                    $('#trCapsuleTemplate').render(data)
553
                                )
17210 stevensc 554
                            }
17178 stevensc 555
                        })
556
 
557
                        $('#form-edit').attr('action', url)
558
                        $('#form-edit #name').val(response['data']['name'])
559
                        $('#form-edit #privacy').val(response['data']['privacy'])
560
                        $('#form-edit #type').val(response['data']['type'])
561
                        $('#form-edit #order').val(response['data']['order'])
562
                        $('#form-edit #status').val(response['data']['status'])
563
 
564
                        if ('s' == response['data']['type']) {
565
                            $('#form-edit #form-row-cost').show()
566
                            $('#form-edit #cost').val(response['data']['cost'])
16822 efrain 567
                        } else {
17178 stevensc 568
                            $('#form-edit #form-row-cost').hide()
569
                            $('#form-edit #cost').val('')
16822 efrain 570
                        }
571
 
17178 stevensc 572
                        $('#form-edit #file').fileinput('reset')
17199 stevensc 573
                        $('#form-edit #file').val('')
1 www 574
 
17178 stevensc 575
                        $('#form-edit #marketplace').fileinput('reset')
17199 stevensc 576
                        $('#form-edit #marketplace').val('')
1 www 577
 
17178 stevensc 578
                        CKEDITOR.instances.description_edit.setData(
579
                            response['data']['description']
580
                        )
581
                        validatorEdit.resetForm()
1 www 582
 
17178 stevensc 583
                        $('#row-add').hide()
584
                        $('#row-listing').hide()
585
                        $('#row-edit').show()
586
                    } else {
587
                        validatorEdit.resetForm()
588
                        if (jQuery.type(response['data']) == 'string') {
589
                            $.fn.showError(response['data'])
590
                        } else {
591
                            $.each(response['data'], function (fieldname, errors) {
592
                                $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors)
593
                            })
594
                        }
595
                    }
596
                })
597
                .fail(function (jqXHR, textStatus, errorThrown) {
598
                    $.fn.showError(textStatus)
599
                })
600
                .always(function () {
601
                    NProgress.done()
602
                })
603
        })
1 www 604
 
17178 stevensc 605
        // Evento de botón de eliminar
606
        $('body').on('click', 'button.btn-delete', function (e) {
607
            e.preventDefault()
608
            var action = $(this).data('href')
609
 
610
            swal
611
                .fire({
612
                    title: 'LABEL_ARE_YOU_SURE',
613
                    icon: 'question',
614
                    cancelButtonText: 'LABEL_NO',
615
                    showCancelButton: true,
616
                    confirmButtonText: 'LABEL_YES'
617
                })
618
                .then((result) => {
619
                    if (result.isConfirmed) {
620
                        NProgress.start()
621
                        $.ajax({
622
                            dataType: 'json',
623
                            accept: 'application/json',
624
                            method: 'post',
625
                            url: action
626
                        })
627
                            .done(function (response) {
628
                                if (response['success']) {
629
                                    $.fn.showSuccess(response['data'])
630
                                    gridTable.api().ajax.reload(null, false)
631
                                } else {
632
                                    $.fn.showError(response['data'])
633
                                }
634
                            })
635
                            .fail(function (jqXHR, textStatus, errorThrown) {
636
                                $.fn.showError(textStatus)
637
                            })
638
                            .always(function () {
639
                                NProgress.done()
640
                            })
641
                    }
642
                })
643
        })
644
 
645
        // Evento de botón de cancelar
646
        $('body').on('click', 'button.btn-cancel', function (e) {
647
            e.preventDefault()
648
            $('#row-add').hide()
649
            $('#row-edit').hide()
650
            $('#row-listing').show()
651
        })
652
 
653
        // Evento de botón de refrescar
654
        $('body').on('click', 'button.btn-refresh', function (e) {
655
            e.preventDefault()
656
            gridTable.api().ajax.reload(null, false)
657
        })
658
 
659
        // Evento de botón de vista de usuarios
660
        $('body').on('click', 'button.btn-view-total-users', function (e) {
661
            e.preventDefault()
662
 
663
            var href = $(this).data('href')
664
            NProgress.start()
17093 stevensc 665
            $.ajax({
17178 stevensc 666
            dataType: 'json',
667
            accept: 'application/json',
668
            method: 'get',
669
            url: href
670
            })
671
            .done(function (response) {
17093 stevensc 672
                if (response['success']) {
17178 stevensc 673
                $('#table-users-capsule').val(response['data']['capsule'])
17093 stevensc 674
 
17178 stevensc 675
                $('#gridTableUsers tbody').empty()
1 www 676
 
17178 stevensc 677
                $.each(response['data']['items'], function (index, item) {
678
                    var s = '<tr>'
679
                    s = s + '<td>' + item['first_name'] + '</td>'
680
                    s = s + '<td>' + item['last_name'] + '</td>'
681
                    s = s + '<td>' + item['email'] + '</td>'
682
 
683
                    s = s + '<td>'
684
                    if (item['details']['access']) {
685
                    s = s + 'LABEL_ACCESS : ' + item['details']['access'] + '<br>'
686
                    }
687
                    if (item['details']['paid_from']) {
688
                    s =
689
                        s + 'LABEL_PAID_FROM : ' + item['details']['paid_from'] + '<br>'
690
                    }
691
                    if (item['details']['paid_to']) {
692
                    s = s + 'LABEL_PAID_TO : ' + item['details']['paid_to'] + '<br>'
693
                    }
694
 
695
                    s = s + '</td>'
696
                    s = s + '</tr>'
697
 
698
                    $('#gridTableUsers tbody').append(s)
699
                })
700
 
701
                $('#notificationUsersModal').modal('show')
17093 stevensc 702
                } else {
17178 stevensc 703
                $.fn.showError(response['data'])
17093 stevensc 704
                }
17178 stevensc 705
            })
706
            .fail(function (jqXHR, textStatus, errorThrown) {
707
                $.fn.showError(textStatus)
708
            })
709
            .always(function () {
710
                NProgress.done()
711
            })
712
            return false
713
        })
16891 efrain 714
 
17178 stevensc 715
        // Evento de cambio de tipo de formulario de creación
716
        $('#form-add #type').change(function (e) {
717
            e.preventDefault()
17093 stevensc 718
 
17178 stevensc 719
            if ('s' == $(this).val()) {
720
            $('#form-add #form-row-cost').show()
721
            } else {
722
            $('#form-add #cost').val(0)
723
            $('#form-add #form-row-cost').hide()
724
            }
725
        })
17093 stevensc 726
 
17178 stevensc 727
        // Evento de cambio de tipo de formulario de edición
728
        $('#form-edit #type').change(function (e) {
729
            e.preventDefault()
17093 stevensc 730
 
17178 stevensc 731
            if ('s' == $(this).val()) {
732
            $('#form-edit #form-row-cost').show()
733
            } else {
734
            $('#form-edit #cost').val(0)
735
            $('#form-edit #form-row-cost').hide()
736
            }
737
        })
5646 nelberth 738
 
17178 stevensc 739
        // Formato de número de formulario de creación
740
        $('#form-add #cost').inputNumberFormat({ decimal: 2 })
16891 efrain 741
 
17178 stevensc 742
        // Formato de número de formulario de edición
743
        $('#form-edit #cost').inputNumberFormat({ decimal: 2 })
1 www 744
 
17178 stevensc 745
        // Formato de número de formulario de creación
746
        $('#form-add #order').inputNumberFormat({ decimal: 0 })
17113 stevensc 747
 
17178 stevensc 748
        // Formato de número de formulario de edición
749
        $('#form-edit #order').inputNumberFormat({ decimal: 0 })
17113 stevensc 750
 
17178 stevensc 751
        // Configuración del formulario de creación
752
        $('#form-add #file').fileinput({
753
            theme: 'fa',
754
            language: 'es',
755
            showUpload: false,
756
            dropZoneEnabled: false,
757
            maxFileCount: 1,
758
            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
759
            allowedFileExtensions: ['jpeg', 'jpg', 'png']
760
        })
1 www 761
 
17178 stevensc 762
        // Configuración del formulario de edición
763
        $('#form-edit #file').fileinput({
764
            theme: 'fa',
765
            language: 'es',
766
            showUpload: false,
767
            dropZoneEnabled: false,
768
            maxFileCount: 1,
769
            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
770
            allowedFileExtensions: ['jpeg', 'jpg', 'png']
771
        })
16891 efrain 772
 
17178 stevensc 773
        // Configuración del formulario de creación
774
        $('#form-add #marketplace').fileinput({
775
            theme: 'fa',
776
            language: 'es',
777
            showUpload: false,
778
            dropZoneEnabled: false,
779
            maxFileCount: 1,
780
            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $marketplace_size',
781
            allowedFileExtensions: ['jpeg', 'jpg', 'png']
782
        })
1 www 783
 
17178 stevensc 784
        // Configuración del formulario de edición
785
        $('#form-edit #marketplace').fileinput({
786
            theme: 'fa',
787
            language: 'es',
788
            showUpload: false,
789
            dropZoneEnabled: false,
790
            maxFileCount: 1,
791
            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $marketplace_size',
792
            allowedFileExtensions: ['jpeg', 'jpg', 'png']
793
        })
17113 stevensc 794
 
17209 stevensc 795
        // Evento de botón de seleccionar capsule para formulario de agregar
796
        $('#btn-select-capsule-add').click(function (e) {
17178 stevensc 797
            e.preventDefault()
17113 stevensc 798
 
17215 stevensc 799
            var uuid = $('#capsule_uuid_add option:selected').val()
17113 stevensc 800
 
17215 stevensc 801
            if (!uuid) return false
17113 stevensc 802
 
17209 stevensc 803
            var name = $('#capsule_uuid_add option:selected').text()
17215 stevensc 804
            var key = '#tr_capsule_uuid_' + uuid
17178 stevensc 805
            var element = $(key)
17113 stevensc 806
 
17178 stevensc 807
            if (element.length > 0) return false
17113 stevensc 808
 
17178 stevensc 809
            if (name.length > 50) name = name.substr(0, 50) + '...'
17113 stevensc 810
 
17215 stevensc 811
            let data = { uuid, name }
17113 stevensc 812
 
17209 stevensc 813
            $('#table-capsules-add tbody').append($('#trCapsuleTemplate').render(data))
17119 stevensc 814
 
17178 stevensc 815
            return false
816
        })
817
 
17209 stevensc 818
        // Evento de botón de seleccionar capsule para formulario de editar
819
        $('#btn-select-capsule-edit').click(function (e) {
820
            e.preventDefault()
821
 
17215 stevensc 822
            var uuid = $('#capsule_uuid_edit option:selected').val()
17209 stevensc 823
 
17215 stevensc 824
            if (!uuid) return false
17209 stevensc 825
 
826
            var name = $('#capsule_uuid_edit option:selected').text()
17215 stevensc 827
            var key = '#tr_capsule_uuid_' + uuid
17209 stevensc 828
            var element = $(key)
829
 
830
            if (element.length > 0) return false
831
 
832
            if (name.length > 50) name = name.substr(0, 50) + '...'
833
 
17215 stevensc 834
            let data = { uuid, name }
17209 stevensc 835
 
836
            $('#table-capsules-edit tbody').append($('#trCapsuleTemplate').render(data))
837
 
838
            return false
839
        })
840
 
17178 stevensc 841
        // Configuración del formulario de creación
17209 stevensc 842
        $('#capsule_uuid_add').select2({
17119 stevensc 843
            theme: 'bootstrap-5',
17202 stevensc 844
            width: '100%',
17209 stevensc 845
            placeholder: 'LABEL_SELECT',
846
            multiple: false
17178 stevensc 847
        })
848
 
17209 stevensc 849
        // Configuración del formulario de edición
850
        $('#capsule_uuid_edit').select2({
851
            theme: 'bootstrap-5',
852
            width: '100%',
853
            placeholder: 'LABEL_SELECT',
854
            multiple: false
855
        })
856
 
857
        // Evento para remover cápsulas de las tablas
858
        $('body').on('click', '.btn-remove-capsule', function (e) {
859
            e.preventDefault()
17215 stevensc 860
            var uuid = $(this).data('uuid')
861
            $('#tr_capsule_uuid_' + uuid).remove()
17209 stevensc 862
            return false
863
        })
864
 
17178 stevensc 865
        // Configuración del editor de CKEditor para el formulario de creación
8290 stevensc 866
        CKEDITOR.replace('description_add', {
17178 stevensc 867
            toolbar: [
868
                { name: 'editing', items: ['Scayt'] },
869
                { name: 'links', items: ['Link', 'Unlink'] },
870
                {
871
                    name: 'paragraph',
872
                    items: [
873
                        'NumberedList',
874
                        'BulletedList',
875
                        '-',
876
                        'Outdent',
877
                        'Indent',
878
                        'Blockquote'
879
                    ]
880
                },
881
                {
882
                    name: 'basicstyles',
883
                    items: ['Bold', 'Italic', 'Strike', 'RemoveFormat']
884
                },
885
                '/',
886
                {
887
                    name: 'insert',
888
                    items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar']
889
                },
890
                { name: 'styles', items: ['Styles', 'Format'] },
891
                { name: 'tools', items: ['Maximize'] }
892
            ],
893
            removePlugins: 'elementspath,Anchor',
894
            heigth: 100
895
        })
17113 stevensc 896
 
17178 stevensc 897
        // Configuración del editor de CKEditor para el formulario de edición
8290 stevensc 898
        CKEDITOR.replace('description_edit', {
17178 stevensc 899
            toolbar: [
900
                { name: 'editing', items: ['Scayt'] },
901
                { name: 'links', items: ['Link', 'Unlink'] },
902
                {
903
                    name: 'paragraph',
904
                    items: [
905
                        'NumberedList',
906
                        'BulletedList',
907
                        '-',
908
                        'Outdent',
909
                        'Indent',
910
                        'Blockquote'
911
                    ]
912
                },
913
                {
914
                    name: 'basicstyles',
915
                    items: ['Bold', 'Italic', 'Strike', 'RemoveFormat']
916
                },
917
                '/',
918
                {
919
                    name: 'insert',
920
                    items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar']
921
                },
922
                { name: 'styles', items: ['Styles', 'Format'] },
923
                { name: 'tools', items: ['Maximize'] }
924
            ],
925
            removePlugins: 'elementspath,Anchor',
926
            heigth: 100
927
        })
928
    })
1 www 929
JS;
930
$this->inlineScript()->captureEnd();
931
?>
932
 
16891 efrain 933
<div class="container">
934
	<div class="card" id="row-listing">
935
	 	<div class="card-header">
936
	 		<h6 class="card-title">LABEL_TOPICS</h6>
937
	 	</div>
17178 stevensc 938
 
16891 efrain 939
	 	<div class="card-body">
17178 stevensc 940
	 	    <div class="row">
16891 efrain 941
	 	         <div class="col-12 mt-3">
17178 stevensc 942
                    <table id="gridTable" class="table   table-bordered">
943
                        <thead>
944
                            <tr>
945
                                <th>LABEL_NAME</th>
946
                                <th>LABEL_DETAILS</th>
947
                                <th>LABEL_IMAGES</th>
948
                                <th>LABEL_ACTIONS</th>
949
                            </tr>
950
                        </thead>
951
                        <tbody>
952
                        </tbody>
953
                    </table>
16891 efrain 954
	 	         </div>
17178 stevensc 955
	 	    </div>
16891 efrain 956
	 	</div>
17178 stevensc 957
 
16891 efrain 958
	 	<div class="card-footer text-right">
16992 efrain 959
			<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-sync"></i> LABEL_REFRESH </button>
16891 efrain 960
			<?php if ($allowAdd) : ?>
961
			<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
962
			<?php endif; ?>
963
	 	</div>
14934 stevensc 964
	</div>
16891 efrain 965
 
966
	<div class="card" id="row-add" style="display:none">
967
	 	<div class="card-header">
968
	 		<h6 class="card-title">LABEL_ADD_TOPIC</h6>
969
	 	</div>
17178 stevensc 970
 
16891 efrain 971
	 	<?php
14934 stevensc 972
		$form = $this->formAdd;
973
		$form->setAttributes([
974
			'method'  => 'post',
975
			'action'  => $routeAdd,
16905 efrain 976
			'name'    => 'form-add',
977
			'id'      => 'form-add',
14934 stevensc 978
		]);
5678 nelberth 979
 
14934 stevensc 980
		$form->prepare();
981
		echo $this->form()->openTag($form);
982
		?>
17178 stevensc 983
            <div class="card-body">
984
                <div class="row">
985
                    <div class="col-12 mt-3">
986
                        <?php
987
                        $element = $form->get('name');
988
 
989
                        $element->setAttributes(['class' => 'form-control']);
990
                        $element->setOptions(['label' => 'LABEL_NAME']);
991
                        echo $this->formLabel($element);
992
                        echo $this->formText($element);
993
                        ?>
994
                    </div>
995
                </div>
17093 stevensc 996
 
17178 stevensc 997
                <div class="row">
998
                    <div class="col-12 mt-3">
999
                        <?php
1000
                        $element = $form->get('description');
1001
                        $element->setAttributes(['id' => 'description_add', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
1002
                        $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
1003
                        echo $this->formLabel($element);
1004
                        echo $this->formTextArea($element);
1005
                        ?>
1006
                    </div>
17113 stevensc 1007
                </div>
17178 stevensc 1008
 
1009
                <div class="row">
1010
                    <div class="col-12 mt-3">
1011
                        <?php
1012
                        $element = $form->get('order');
1013
                        $element->setAttributes(['class' => 'form-control']);
1014
                        $element->setOptions(['label' => 'LABEL_ORDER']);
1015
                        echo $this->formLabel($element);
1016
                        echo $this->formText($element);
1017
                        ?>
1018
                    </div>
17122 stevensc 1019
                </div>
17178 stevensc 1020
 
1021
                <div class="row">
1022
                    <div class="col-12 mt-3">
1023
                        <?php
1024
                        $element = $form->get('status');
1025
                        $element->setAttributes(['class' => 'form-control']);
1026
                        $element->setOptions(['label' => 'LABEL_STATUS']);
1027
                        echo $this->formLabel($element);
1028
                        echo $this->formSelect($element);
1029
                        ?>
1030
                    </div>
1031
                </div>
1032
 
1033
                <div class="row">
1034
                    <div class="col-12 mt-3">
1035
                        <?php
1036
                        $element = $form->get('privacy');
1037
                        $element->setAttributes(['class' => 'form-control']);
1038
                        $element->setOptions(['label' => 'LABEL_PRIVACY']);
1039
                        echo $this->formLabel($element);
1040
                        echo $this->formSelect($element);
1041
                        ?>
1042
                    </div>
1043
                </div>
1044
 
1045
                <div class="row">
1046
                    <div class="col-12 mt-3">
1047
                        <?php
1048
                        $element = $form->get('type');
1049
                        $element->setAttributes(['class' => 'form-control']);
1050
                        $element->setOptions(['label' => 'LABEL_TYPE']);
1051
                        echo $this->formLabel($element);
1052
                        echo $this->formSelect($element);
1053
                        ?>
1054
                    </div>
1055
                </div>
1056
 
1057
                <div class="row"  id="form-row-cost">
1058
                    <div class="col-12 mt-3">
1059
                        <?php
1060
                        $element = $form->get('cost');
1061
                        $element->setAttributes(['class' => 'form-control']);
1062
                        $element->setOptions(['label' => 'LABEL_COST']);
1063
                        echo $this->formLabel($element);
1064
                        echo $this->formText($element);
1065
                        ?>
1066
                    </div>
1067
                </div>
1068
 
1069
                <div class="row">
1070
                    <div class="col-12 mt-3">
1071
                        <?php
1072
                        $element = $form->get('file');
1073
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
1074
                        $element->setAttributes(['class' => 'form-control']);
1075
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
1076
                        echo $this->formLabel($element);
1077
                        echo $this->formFile($element);
1078
                        ?>
1079
                    </div>
1080
                </div>
1081
 
1082
                <div class="row">
17194 stevensc 1083
                    <div class="col-12 mt-3">
1084
                        <?php
1085
                        $element = $form->get('marketplace');
1086
                        $element->setOptions(['label' => 'LABEL_MARKETPLACE']);
1087
                        $element->setAttributes(['class' => 'form-control']);
1088
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
1089
                        echo $this->formLabel($element);
1090
                        echo $this->formFile($element);
1091
                        ?>
1092
                    </div>
1093
                </div>
1094
 
1095
                <div class="row">
17178 stevensc 1096
                    <div class="col-8 mt-3">
17209 stevensc 1097
                        <select name="capsule_uuid" id="capsule_uuid_add">
17178 stevensc 1098
                            <option value="">LABEL_SELECT</option>
1099
                        </select>
1100
                    </div>
1101
                    <div class="col-4 mt-3">
17209 stevensc 1102
                        <button type="button" class="btn btn-primary" id="btn-select-capsule-add" data-toggle="tooltip" title="LABEL_ADD LABEL_CAPSULE">LABEL_ADD LABEL_CAPSULE</button>
17178 stevensc 1103
                    </div>
1104
                </div>
1105
 
1106
                <div class="row">
1107
                    <div class="col-12 mt-3">
17209 stevensc 1108
                        <table id="table-capsules-add" class="table table-bordered">
17178 stevensc 1109
                            <thead>
1110
                                <tr>
1111
                                    <th>LABEL_NAME</th>
1112
                                    <th>LABEL_ACTIONS</th>
1113
                                </tr>
1114
                            </thead>
1115
                            <tbody>
1116
                            </tbody>
1117
                        </table>
1118
                    </div>
1119
                </div>
17122 stevensc 1120
            </div>
17178 stevensc 1121
 
1122
            <div class="card-footer text-right">
1123
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1124
                <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
1125
            </div>
16891 efrain 1126
	 	<?php echo $this->form()->closeTag($form); ?>
14934 stevensc 1127
	</div>
16891 efrain 1128
 
1129
 
1130
	<div class="card" id="row-edit" style="display:none">
1131
	 	<div class="card-header">
1132
	 		<h6 class="card-title">LABEL_EDIT_TOPIC</h6>
1133
	 	</div>
17178 stevensc 1134
 
16891 efrain 1135
	 	<?php
14934 stevensc 1136
		$form = $this->formEdit;
1137
		$form->setAttributes([
1138
			'method'    => 'post',
16905 efrain 1139
			'name'      => 'form-edit',
1140
			'id'        => 'form-edit'
14934 stevensc 1141
		]);
5895 nelberth 1142
 
14934 stevensc 1143
		$form->prepare();
1144
		echo $this->form()->openTag($form);
1145
		?>
16891 efrain 1146
 
17178 stevensc 1147
            <div class="card-body">
1148
                <div class="row">
1149
                    <div class="col-12 mt-3">
1150
                        <?php
1151
                        $element = $form->get('name');
1152
                        $element->setAttributes(['class' => 'form-control']);
1153
                        $element->setOptions(['label' => 'LABEL_NAME']);
1154
                        echo $this->formLabel($element);
1155
                        echo $this->formText($element);
1156
                        ?>
1157
                    </div>
1158
                </div>
1 www 1159
 
17178 stevensc 1160
                <div class="row">
1161
                    <div class="col-12 mt-3">
1162
                        <?php
1163
                        $element = $form->get('description');
1164
                        $element->setAttributes(['id' => 'description_edit', 'rows' => '2', 'class' => 'form-control',   'class' => 'form-control']);
1165
                        $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
1166
                        echo $this->formLabel($element);
1167
                        echo $this->formTextArea($element);
1168
                        ?>
1169
                    </div>
1170
                </div>
16891 efrain 1171
 
17178 stevensc 1172
                <div class="row">
1173
                    <div class="col-12 mt-3">
1174
                        <?php
1175
                        $element = $form->get('order');
1176
                        $element->setAttributes(['class' => 'form-control']);
1177
                        $element->setOptions(['label' => 'LABEL_ORDER']);
1178
                        echo $this->formLabel($element);
1179
                        echo $this->formText($element);
1180
                        ?>
1181
                    </div>
1182
                </div>
1 www 1183
 
17178 stevensc 1184
                <div class="row">
1185
                    <div class="col-12 mt-3">
1186
                        <?php
1187
                        $element = $form->get('status');
1188
                        $element->setAttributes(['class' => 'form-control']);
1189
                        $element->setOptions(['label' => 'LABEL_STATUS']);
1190
                        echo $this->formLabel($element);
1191
                        echo $this->formSelect($element);
1192
                        ?>
1193
                    </div>
1194
                </div>
14934 stevensc 1195
 
17178 stevensc 1196
                <div class="row">
1197
                    <div class="col-12 mt-3">
1198
                        <?php
1199
                        $element = $form->get('privacy');
1200
                        $element->setAttributes(['class' => 'form-control']);
1201
                        $element->setOptions(['label' => 'LABEL_PRIVACY']);
1202
                        echo $this->formLabel($element);
1203
                        echo $this->formSelect($element);
1204
                        ?>
1205
                    </div>
1206
                </div>
16891 efrain 1207
 
17178 stevensc 1208
                <div class="row">
1209
                    <div class="col-12 mt-3">
1210
                        <?php
1211
                        $element = $form->get('type');
1212
                        $element->setAttributes(['class' => 'form-control']);
1213
                        $element->setOptions(['label' => 'LABEL_TYPE']);
1214
                        echo $this->formLabel($element);
1215
                        echo $this->formSelect($element);
1216
                        ?>
1217
                    </div>
1218
                </div>
14934 stevensc 1219
 
17178 stevensc 1220
                <div class="row"  id="form-row-cost">
1221
                    <div class="col-12 mt-3">
16891 efrain 1222
                        <?php
17178 stevensc 1223
                        $element = $form->get('cost');
1224
                        $element->setAttributes(['class' => 'form-control']);
1225
                        $element->setOptions(['label' => 'LABEL_COST']);
1226
                        echo $this->formLabel($element);
1227
                        echo $this->formText($element);
1228
                        ?>
1229
                    </div>
1230
                </div>
1231
 
1232
                <div class="row">
1233
                    <div class="col-12 mt-3">
1234
                        <?php
16891 efrain 1235
                        $element = $form->get('file');
1236
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
1237
                        $element->setAttributes(['class' => 'form-control']);
16905 efrain 1238
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
16891 efrain 1239
                        echo $this->formLabel($element);
1240
                        echo $this->formFile($element);
1241
                        ?>
1242
                    </div>
17178 stevensc 1243
                </div>
1244
 
1245
                <div class="row">
1246
                    <div class="col-12 mt-3">
1247
                        <?php
1248
                        $element = $form->get('marketplace');
1249
                        $element->setOptions(['label' => 'LABEL_MARKETPLACE']);
1250
                        $element->setAttributes(['class' => 'form-control']);
1251
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
1252
                        echo $this->formLabel($element);
1253
                        echo $this->formFile($element);
1254
                        ?>
1255
                    </div>
16891 efrain 1256
                </div>
17201 stevensc 1257
 
1258
                <div class="row">
1259
                    <div class="col-8 mt-3">
17209 stevensc 1260
                        <select name="capsule_uuid" id="capsule_uuid_edit">
17201 stevensc 1261
                            <option value="">LABEL_SELECT</option>
1262
                        </select>
1263
                    </div>
1264
                    <div class="col-4 mt-3">
17209 stevensc 1265
                        <button type="button" class="btn btn-primary" id="btn-select-capsule-edit" data-toggle="tooltip" title="LABEL_ADD LABEL_CAPSULE">LABEL_ADD LABEL_CAPSULE</button>
17201 stevensc 1266
                    </div>
1267
                </div>
1268
 
1269
                <div class="row">
1270
                    <div class="col-12 mt-3">
17209 stevensc 1271
                        <table id="table-capsules-edit" class="table table-bordered">
17201 stevensc 1272
                            <thead>
1273
                                <tr>
1274
                                    <th>LABEL_NAME</th>
1275
                                    <th>LABEL_ACTIONS</th>
1276
                                </tr>
1277
                            </thead>
1278
                            <tbody>
1279
                            </tbody>
1280
                        </table>
1281
                    </div>
1282
                </div>
17178 stevensc 1283
            </div>
16891 efrain 1284
 
17178 stevensc 1285
            <div class="card-footer text-right">
1286
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1287
                <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
1288
            </div>
16891 efrain 1289
	 	<?php echo $this->form()->closeTag($form); ?>
14934 stevensc 1290
	</div>
16891 efrain 1291
</div>
14934 stevensc 1292
 
1 www 1293
<!-- The Modal -->
16891 efrain 1294
<div class="modal" id="modalPreviewImage">
1 www 1295
	<div class="modal-dialog ">
14934 stevensc 1296
		<div class="modal-content">
1 www 1297
 
14934 stevensc 1298
			<!-- Modal Header -->
1299
			<div class="modal-header">
16845 efrain 1300
				<h6 class="modal-title">LABEL_IMAGE</h6>
16822 efrain 1301
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
14934 stevensc 1302
			</div>
1 www 1303
 
14934 stevensc 1304
			<!-- Modal body -->
1305
			<div class="modal-body text-center">
1 www 1306
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-app" />
14934 stevensc 1307
			</div>
1308
 
1309
			<!-- Modal footer -->
16891 efrain 1310
			<div class="modal-footer text-right">
16822 efrain 1311
				 <button type="button" class="btn btn-light" data-bs-dismiss="modal">LABEL_CLOSE</button>
14934 stevensc 1312
			</div>
1313
		</div>
1 www 1314
	</div>
17113 stevensc 1315
</div>
1316
 
17178 stevensc 1317
<!-- The Modal -->
1318
<div class="modal" id="modalPreviewMarketPlace">
1319
	<div class="modal-dialog">
1320
		<div class="modal-content">
1321
			<!-- Modal Header -->
1322
			<div class="modal-header">
1323
				<h6 class="modal-title">LABEL_IMAGE_MARKETPLACE</h6>
1324
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
1325
			</div>
1326
 
1327
			<!-- Modal body -->
1328
			<div class="modal-body text-center">
1329
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-marketplace" />
1330
			</div>
1331
 
1332
			<!-- Modal footer -->
1333
			<div class="modal-footer text-right">
1334
				<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
1335
			</div>
1336
		</div>
1337
	</div>
1338
</div>
1339
 
1340
<!-- The Modal -->
1341
<div class="modal" id="notificationUsersModal">
1342
	<div class="modal-dialog modal-xl">
1343
		<div class="modal-content">
1344
 
1345
			<!-- Modal Header -->
1346
			<div class="modal-header">
1347
				<h6 class="modal-title">LABEL_USERS</h6>
1348
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
1349
			</div>
1350
 
1351
			<!-- Modal body -->
1352
			<div class="modal-body">
1353
				<form>
1354
					<div class="row">
1355
						<div class="col-12 mt-3">
1356
						<label>LABEL_CAPSULE</label>
1357
						<input type="text" readonly="readonly" id="table-users-capsule" class="form-control">
1358
						</div>
1359
					</div>
1360
				</form>
1361
				<div class="row">
1362
					<div class="col-12 mt-3">
1363
        				<div style="height: 300px;overflow: scroll;">
1364
        					<table id="gridTableUsers" style="width: 100%" class="table table-bordered">
1365
        						<thead>
1366
        							<tr>
1367
        								<th>LABEL_FIRST_NAME</th>
1368
        								<th>LABEL_LAST_NAME</th>
1369
        								<th>LABEL_EMAIL</th>
1370
        								<th>LABEL_DETAILS</th>
1371
        							</tr>
1372
        						</thead>
1373
        						<tbody>
1374
        						</tbody>
1375
        					</table>
1376
        				</div>
1377
    				</div>
1378
    			</div>
1379
			</div>
1380
 
1381
			<!-- Modal footer -->
1382
			<div class="modal-footer text-right">
1383
				<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
1384
			</div>
1385
 
1386
		</div>
1387
	</div>
1388
</div>
1389
 
17113 stevensc 1390
<script id="trCapsuleTemplate" type="text/x-jsrender">
17215 stevensc 1391
    <tr id="tr_capsule_uuid_{{:uuid}}">
17113 stevensc 1392
       <td class="text-left">
17215 stevensc 1393
            <input type="hidden" class="capsule_uuid" name="capsule_uuid" value="{{:uuid}}" />
17123 stevensc 1394
            <span class="d-none d-md-inline">{{:name}}</span>
17113 stevensc 1395
       </td>
1396
       <td>
17215 stevensc 1397
            <button class="btn btn-default btn-remove-capsule" data-uuid="{{:uuid}}" data-toggle="tooltip"  data-original-title="LABEL_DELETE">
17123 stevensc 1398
                <i class="fa fa-ban" aria-hidden="true"></i>
1399
                <span class="d-none d-md-inline">LABEL_DELETE</span>
1400
            </button>
17113 stevensc 1401
       </td>
1402
   </tr>
17178 stevensc 1403
</script>