Proyectos de Subversion LeadersLinked - Backend

Rev

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
                },
17219 stevensc 268
                image: {
17178 stevensc 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
                },
17219 stevensc 366
                image: {
17178 stevensc 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()
17219 stevensc 493
                        $('#form-add #image').fileinput('reset')
494
                        $('#form-add #image').val('')
17178 stevensc 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,
17218 stevensc 541
                                    text: element.name,
542
                                    selected: element.selected
17178 stevensc 543
                                })
544
                            )
545
 
17211 stevensc 546
                            if (element.selected) {
547
                                let data = {
17215 stevensc 548
                                    id: element.uuid,
17211 stevensc 549
                                    name: element.name
550
                                }
551
 
552
                                $('#form-edit #table-capsules-edit tbody').append(
553
                                    $('#trCapsuleTemplate').render(data)
554
                                )
17210 stevensc 555
                            }
17178 stevensc 556
                        })
557
 
558
                        $('#form-edit').attr('action', url)
559
                        $('#form-edit #name').val(response['data']['name'])
560
                        $('#form-edit #privacy').val(response['data']['privacy'])
561
                        $('#form-edit #type').val(response['data']['type'])
562
                        $('#form-edit #order').val(response['data']['order'])
563
                        $('#form-edit #status').val(response['data']['status'])
564
 
565
                        if ('s' == response['data']['type']) {
566
                            $('#form-edit #form-row-cost').show()
567
                            $('#form-edit #cost').val(response['data']['cost'])
16822 efrain 568
                        } else {
17178 stevensc 569
                            $('#form-edit #form-row-cost').hide()
570
                            $('#form-edit #cost').val('')
16822 efrain 571
                        }
572
 
17219 stevensc 573
                        $('#form-edit #image').fileinput('reset')
574
                        $('#form-edit #image').val('')
1 www 575
 
17178 stevensc 576
                        $('#form-edit #marketplace').fileinput('reset')
17199 stevensc 577
                        $('#form-edit #marketplace').val('')
1 www 578
 
17178 stevensc 579
                        CKEDITOR.instances.description_edit.setData(
580
                            response['data']['description']
581
                        )
582
                        validatorEdit.resetForm()
1 www 583
 
17178 stevensc 584
                        $('#row-add').hide()
585
                        $('#row-listing').hide()
586
                        $('#row-edit').show()
587
                    } else {
588
                        validatorEdit.resetForm()
589
                        if (jQuery.type(response['data']) == 'string') {
590
                            $.fn.showError(response['data'])
591
                        } else {
592
                            $.each(response['data'], function (fieldname, errors) {
593
                                $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors)
594
                            })
595
                        }
596
                    }
597
                })
598
                .fail(function (jqXHR, textStatus, errorThrown) {
599
                    $.fn.showError(textStatus)
600
                })
601
                .always(function () {
602
                    NProgress.done()
603
                })
604
        })
1 www 605
 
17178 stevensc 606
        // Evento de botón de eliminar
607
        $('body').on('click', 'button.btn-delete', function (e) {
608
            e.preventDefault()
609
            var action = $(this).data('href')
610
 
611
            swal
612
                .fire({
613
                    title: 'LABEL_ARE_YOU_SURE',
614
                    icon: 'question',
615
                    cancelButtonText: 'LABEL_NO',
616
                    showCancelButton: true,
617
                    confirmButtonText: 'LABEL_YES'
618
                })
619
                .then((result) => {
620
                    if (result.isConfirmed) {
621
                        NProgress.start()
622
                        $.ajax({
623
                            dataType: 'json',
624
                            accept: 'application/json',
625
                            method: 'post',
626
                            url: action
627
                        })
628
                            .done(function (response) {
629
                                if (response['success']) {
630
                                    $.fn.showSuccess(response['data'])
631
                                    gridTable.api().ajax.reload(null, false)
632
                                } else {
633
                                    $.fn.showError(response['data'])
634
                                }
635
                            })
636
                            .fail(function (jqXHR, textStatus, errorThrown) {
637
                                $.fn.showError(textStatus)
638
                            })
639
                            .always(function () {
640
                                NProgress.done()
641
                            })
642
                    }
643
                })
644
        })
645
 
646
        // Evento de botón de cancelar
647
        $('body').on('click', 'button.btn-cancel', function (e) {
648
            e.preventDefault()
649
            $('#row-add').hide()
650
            $('#row-edit').hide()
651
            $('#row-listing').show()
652
        })
653
 
654
        // Evento de botón de refrescar
655
        $('body').on('click', 'button.btn-refresh', function (e) {
656
            e.preventDefault()
657
            gridTable.api().ajax.reload(null, false)
658
        })
659
 
660
        // Evento de botón de vista de usuarios
661
        $('body').on('click', 'button.btn-view-total-users', function (e) {
662
            e.preventDefault()
663
 
664
            var href = $(this).data('href')
665
            NProgress.start()
17093 stevensc 666
            $.ajax({
17178 stevensc 667
            dataType: 'json',
668
            accept: 'application/json',
669
            method: 'get',
670
            url: href
671
            })
672
            .done(function (response) {
17093 stevensc 673
                if (response['success']) {
17178 stevensc 674
                $('#table-users-capsule').val(response['data']['capsule'])
17093 stevensc 675
 
17178 stevensc 676
                $('#gridTableUsers tbody').empty()
1 www 677
 
17178 stevensc 678
                $.each(response['data']['items'], function (index, item) {
679
                    var s = '<tr>'
680
                    s = s + '<td>' + item['first_name'] + '</td>'
681
                    s = s + '<td>' + item['last_name'] + '</td>'
682
                    s = s + '<td>' + item['email'] + '</td>'
683
 
684
                    s = s + '<td>'
685
                    if (item['details']['access']) {
686
                    s = s + 'LABEL_ACCESS : ' + item['details']['access'] + '<br>'
687
                    }
688
                    if (item['details']['paid_from']) {
689
                    s =
690
                        s + 'LABEL_PAID_FROM : ' + item['details']['paid_from'] + '<br>'
691
                    }
692
                    if (item['details']['paid_to']) {
693
                    s = s + 'LABEL_PAID_TO : ' + item['details']['paid_to'] + '<br>'
694
                    }
695
 
696
                    s = s + '</td>'
697
                    s = s + '</tr>'
698
 
699
                    $('#gridTableUsers tbody').append(s)
700
                })
701
 
702
                $('#notificationUsersModal').modal('show')
17093 stevensc 703
                } else {
17178 stevensc 704
                $.fn.showError(response['data'])
17093 stevensc 705
                }
17178 stevensc 706
            })
707
            .fail(function (jqXHR, textStatus, errorThrown) {
708
                $.fn.showError(textStatus)
709
            })
710
            .always(function () {
711
                NProgress.done()
712
            })
713
            return false
714
        })
16891 efrain 715
 
17178 stevensc 716
        // Evento de cambio de tipo de formulario de creación
717
        $('#form-add #type').change(function (e) {
718
            e.preventDefault()
17093 stevensc 719
 
17178 stevensc 720
            if ('s' == $(this).val()) {
721
            $('#form-add #form-row-cost').show()
722
            } else {
723
            $('#form-add #cost').val(0)
724
            $('#form-add #form-row-cost').hide()
725
            }
726
        })
17093 stevensc 727
 
17178 stevensc 728
        // Evento de cambio de tipo de formulario de edición
729
        $('#form-edit #type').change(function (e) {
730
            e.preventDefault()
17093 stevensc 731
 
17178 stevensc 732
            if ('s' == $(this).val()) {
733
            $('#form-edit #form-row-cost').show()
734
            } else {
735
            $('#form-edit #cost').val(0)
736
            $('#form-edit #form-row-cost').hide()
737
            }
738
        })
5646 nelberth 739
 
17178 stevensc 740
        // Formato de número de formulario de creación
741
        $('#form-add #cost').inputNumberFormat({ decimal: 2 })
16891 efrain 742
 
17178 stevensc 743
        // Formato de número de formulario de edición
744
        $('#form-edit #cost').inputNumberFormat({ decimal: 2 })
1 www 745
 
17178 stevensc 746
        // Formato de número de formulario de creación
747
        $('#form-add #order').inputNumberFormat({ decimal: 0 })
17113 stevensc 748
 
17178 stevensc 749
        // Formato de número de formulario de edición
750
        $('#form-edit #order').inputNumberFormat({ decimal: 0 })
17113 stevensc 751
 
17178 stevensc 752
        // Configuración del formulario de creación
17219 stevensc 753
        $('#form-add #image').fileinput({
17178 stevensc 754
            theme: 'fa',
755
            language: 'es',
756
            showUpload: false,
757
            dropZoneEnabled: false,
758
            maxFileCount: 1,
759
            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
760
            allowedFileExtensions: ['jpeg', 'jpg', 'png']
761
        })
1 www 762
 
17178 stevensc 763
        // Configuración del formulario de edición
17219 stevensc 764
        $('#form-edit #image').fileinput({
17178 stevensc 765
            theme: 'fa',
766
            language: 'es',
767
            showUpload: false,
768
            dropZoneEnabled: false,
769
            maxFileCount: 1,
770
            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
771
            allowedFileExtensions: ['jpeg', 'jpg', 'png']
772
        })
16891 efrain 773
 
17178 stevensc 774
        // Configuración del formulario de creación
775
        $('#form-add #marketplace').fileinput({
776
            theme: 'fa',
777
            language: 'es',
778
            showUpload: false,
779
            dropZoneEnabled: false,
780
            maxFileCount: 1,
781
            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $marketplace_size',
782
            allowedFileExtensions: ['jpeg', 'jpg', 'png']
783
        })
1 www 784
 
17178 stevensc 785
        // Configuración del formulario de edición
786
        $('#form-edit #marketplace').fileinput({
787
            theme: 'fa',
788
            language: 'es',
789
            showUpload: false,
790
            dropZoneEnabled: false,
791
            maxFileCount: 1,
792
            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $marketplace_size',
793
            allowedFileExtensions: ['jpeg', 'jpg', 'png']
794
        })
17113 stevensc 795
 
17209 stevensc 796
        // Evento de botón de seleccionar capsule para formulario de agregar
797
        $('#btn-select-capsule-add').click(function (e) {
17178 stevensc 798
            e.preventDefault()
17113 stevensc 799
 
17215 stevensc 800
            var uuid = $('#capsule_uuid_add option:selected').val()
17113 stevensc 801
 
17215 stevensc 802
            if (!uuid) return false
17113 stevensc 803
 
17209 stevensc 804
            var name = $('#capsule_uuid_add option:selected').text()
17215 stevensc 805
            var key = '#tr_capsule_uuid_' + uuid
17178 stevensc 806
            var element = $(key)
17113 stevensc 807
 
17178 stevensc 808
            if (element.length > 0) return false
17113 stevensc 809
 
17178 stevensc 810
            if (name.length > 50) name = name.substr(0, 50) + '...'
17113 stevensc 811
 
17215 stevensc 812
            let data = { uuid, name }
17113 stevensc 813
 
17209 stevensc 814
            $('#table-capsules-add tbody').append($('#trCapsuleTemplate').render(data))
17119 stevensc 815
 
17178 stevensc 816
            return false
817
        })
818
 
17209 stevensc 819
        // Evento de botón de seleccionar capsule para formulario de editar
820
        $('#btn-select-capsule-edit').click(function (e) {
821
            e.preventDefault()
822
 
17215 stevensc 823
            var uuid = $('#capsule_uuid_edit option:selected').val()
17209 stevensc 824
 
17215 stevensc 825
            if (!uuid) return false
17209 stevensc 826
 
827
            var name = $('#capsule_uuid_edit option:selected').text()
17215 stevensc 828
            var key = '#tr_capsule_uuid_' + uuid
17209 stevensc 829
            var element = $(key)
830
 
831
            if (element.length > 0) return false
832
 
833
            if (name.length > 50) name = name.substr(0, 50) + '...'
834
 
17215 stevensc 835
            let data = { uuid, name }
17209 stevensc 836
 
837
            $('#table-capsules-edit tbody').append($('#trCapsuleTemplate').render(data))
838
 
839
            return false
840
        })
841
 
17178 stevensc 842
        // Configuración del formulario de creación
17209 stevensc 843
        $('#capsule_uuid_add').select2({
17119 stevensc 844
            theme: 'bootstrap-5',
17202 stevensc 845
            width: '100%',
17209 stevensc 846
            placeholder: 'LABEL_SELECT',
17218 stevensc 847
            multiple: true
17178 stevensc 848
        })
849
 
17209 stevensc 850
        // Configuración del formulario de edición
851
        $('#capsule_uuid_edit').select2({
852
            theme: 'bootstrap-5',
853
            width: '100%',
854
            placeholder: 'LABEL_SELECT',
17218 stevensc 855
            multiple: true
17209 stevensc 856
        })
857
 
858
        // Evento para remover cápsulas de las tablas
859
        $('body').on('click', '.btn-remove-capsule', function (e) {
860
            e.preventDefault()
17215 stevensc 861
            var uuid = $(this).data('uuid')
862
            $('#tr_capsule_uuid_' + uuid).remove()
17209 stevensc 863
            return false
864
        })
865
 
17178 stevensc 866
        // Configuración del editor de CKEditor para el formulario de creación
8290 stevensc 867
        CKEDITOR.replace('description_add', {
17178 stevensc 868
            toolbar: [
869
                { name: 'editing', items: ['Scayt'] },
870
                { name: 'links', items: ['Link', 'Unlink'] },
871
                {
872
                    name: 'paragraph',
873
                    items: [
874
                        'NumberedList',
875
                        'BulletedList',
876
                        '-',
877
                        'Outdent',
878
                        'Indent',
879
                        'Blockquote'
880
                    ]
881
                },
882
                {
883
                    name: 'basicstyles',
884
                    items: ['Bold', 'Italic', 'Strike', 'RemoveFormat']
885
                },
886
                '/',
887
                {
888
                    name: 'insert',
889
                    items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar']
890
                },
891
                { name: 'styles', items: ['Styles', 'Format'] },
892
                { name: 'tools', items: ['Maximize'] }
893
            ],
894
            removePlugins: 'elementspath,Anchor',
895
            heigth: 100
896
        })
17113 stevensc 897
 
17178 stevensc 898
        // Configuración del editor de CKEditor para el formulario de edición
8290 stevensc 899
        CKEDITOR.replace('description_edit', {
17178 stevensc 900
            toolbar: [
901
                { name: 'editing', items: ['Scayt'] },
902
                { name: 'links', items: ['Link', 'Unlink'] },
903
                {
904
                    name: 'paragraph',
905
                    items: [
906
                        'NumberedList',
907
                        'BulletedList',
908
                        '-',
909
                        'Outdent',
910
                        'Indent',
911
                        'Blockquote'
912
                    ]
913
                },
914
                {
915
                    name: 'basicstyles',
916
                    items: ['Bold', 'Italic', 'Strike', 'RemoveFormat']
917
                },
918
                '/',
919
                {
920
                    name: 'insert',
921
                    items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar']
922
                },
923
                { name: 'styles', items: ['Styles', 'Format'] },
924
                { name: 'tools', items: ['Maximize'] }
925
            ],
926
            removePlugins: 'elementspath,Anchor',
927
            heigth: 100
928
        })
929
    })
1 www 930
JS;
931
$this->inlineScript()->captureEnd();
932
?>
933
 
16891 efrain 934
<div class="container">
935
	<div class="card" id="row-listing">
936
	 	<div class="card-header">
937
	 		<h6 class="card-title">LABEL_TOPICS</h6>
938
	 	</div>
17178 stevensc 939
 
16891 efrain 940
	 	<div class="card-body">
17178 stevensc 941
	 	    <div class="row">
16891 efrain 942
	 	         <div class="col-12 mt-3">
17178 stevensc 943
                    <table id="gridTable" class="table   table-bordered">
944
                        <thead>
945
                            <tr>
946
                                <th>LABEL_NAME</th>
947
                                <th>LABEL_DETAILS</th>
948
                                <th>LABEL_IMAGES</th>
949
                                <th>LABEL_ACTIONS</th>
950
                            </tr>
951
                        </thead>
952
                        <tbody>
953
                        </tbody>
954
                    </table>
16891 efrain 955
	 	         </div>
17178 stevensc 956
	 	    </div>
16891 efrain 957
	 	</div>
17178 stevensc 958
 
16891 efrain 959
	 	<div class="card-footer text-right">
16992 efrain 960
			<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-sync"></i> LABEL_REFRESH </button>
16891 efrain 961
			<?php if ($allowAdd) : ?>
962
			<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
963
			<?php endif; ?>
964
	 	</div>
14934 stevensc 965
	</div>
16891 efrain 966
 
967
	<div class="card" id="row-add" style="display:none">
968
	 	<div class="card-header">
969
	 		<h6 class="card-title">LABEL_ADD_TOPIC</h6>
970
	 	</div>
17178 stevensc 971
 
16891 efrain 972
	 	<?php
14934 stevensc 973
		$form = $this->formAdd;
974
		$form->setAttributes([
975
			'method'  => 'post',
976
			'action'  => $routeAdd,
16905 efrain 977
			'name'    => 'form-add',
978
			'id'      => 'form-add',
14934 stevensc 979
		]);
5678 nelberth 980
 
14934 stevensc 981
		$form->prepare();
982
		echo $this->form()->openTag($form);
983
		?>
17178 stevensc 984
            <div class="card-body">
985
                <div class="row">
986
                    <div class="col-12 mt-3">
987
                        <?php
988
                        $element = $form->get('name');
989
 
990
                        $element->setAttributes(['class' => 'form-control']);
991
                        $element->setOptions(['label' => 'LABEL_NAME']);
992
                        echo $this->formLabel($element);
993
                        echo $this->formText($element);
994
                        ?>
995
                    </div>
996
                </div>
17093 stevensc 997
 
17178 stevensc 998
                <div class="row">
999
                    <div class="col-12 mt-3">
1000
                        <?php
1001
                        $element = $form->get('description');
1002
                        $element->setAttributes(['id' => 'description_add', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
1003
                        $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
1004
                        echo $this->formLabel($element);
1005
                        echo $this->formTextArea($element);
1006
                        ?>
1007
                    </div>
17113 stevensc 1008
                </div>
17178 stevensc 1009
 
1010
                <div class="row">
1011
                    <div class="col-12 mt-3">
1012
                        <?php
1013
                        $element = $form->get('order');
1014
                        $element->setAttributes(['class' => 'form-control']);
1015
                        $element->setOptions(['label' => 'LABEL_ORDER']);
1016
                        echo $this->formLabel($element);
1017
                        echo $this->formText($element);
1018
                        ?>
1019
                    </div>
17122 stevensc 1020
                </div>
17178 stevensc 1021
 
1022
                <div class="row">
1023
                    <div class="col-12 mt-3">
1024
                        <?php
1025
                        $element = $form->get('status');
1026
                        $element->setAttributes(['class' => 'form-control']);
1027
                        $element->setOptions(['label' => 'LABEL_STATUS']);
1028
                        echo $this->formLabel($element);
1029
                        echo $this->formSelect($element);
1030
                        ?>
1031
                    </div>
1032
                </div>
1033
 
1034
                <div class="row">
1035
                    <div class="col-12 mt-3">
1036
                        <?php
1037
                        $element = $form->get('privacy');
1038
                        $element->setAttributes(['class' => 'form-control']);
1039
                        $element->setOptions(['label' => 'LABEL_PRIVACY']);
1040
                        echo $this->formLabel($element);
1041
                        echo $this->formSelect($element);
1042
                        ?>
1043
                    </div>
1044
                </div>
1045
 
1046
                <div class="row">
1047
                    <div class="col-12 mt-3">
1048
                        <?php
1049
                        $element = $form->get('type');
1050
                        $element->setAttributes(['class' => 'form-control']);
1051
                        $element->setOptions(['label' => 'LABEL_TYPE']);
1052
                        echo $this->formLabel($element);
1053
                        echo $this->formSelect($element);
1054
                        ?>
1055
                    </div>
1056
                </div>
1057
 
1058
                <div class="row"  id="form-row-cost">
1059
                    <div class="col-12 mt-3">
1060
                        <?php
1061
                        $element = $form->get('cost');
1062
                        $element->setAttributes(['class' => 'form-control']);
1063
                        $element->setOptions(['label' => 'LABEL_COST']);
1064
                        echo $this->formLabel($element);
1065
                        echo $this->formText($element);
1066
                        ?>
1067
                    </div>
1068
                </div>
1069
 
1070
                <div class="row">
1071
                    <div class="col-12 mt-3">
1072
                        <?php
17219 stevensc 1073
                        $element = $form->get('image');
17178 stevensc 1074
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
1075
                        $element->setAttributes(['class' => 'form-control']);
1076
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
1077
                        echo $this->formLabel($element);
1078
                        echo $this->formFile($element);
1079
                        ?>
1080
                    </div>
1081
                </div>
1082
 
1083
                <div class="row">
17194 stevensc 1084
                    <div class="col-12 mt-3">
1085
                        <?php
1086
                        $element = $form->get('marketplace');
1087
                        $element->setOptions(['label' => 'LABEL_MARKETPLACE']);
1088
                        $element->setAttributes(['class' => 'form-control']);
1089
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
1090
                        echo $this->formLabel($element);
1091
                        echo $this->formFile($element);
1092
                        ?>
1093
                    </div>
1094
                </div>
1095
 
1096
                <div class="row">
17178 stevensc 1097
                    <div class="col-8 mt-3">
17218 stevensc 1098
                        <select name="capsule_uuid_add" id="capsule_uuid_add">
17178 stevensc 1099
                            <option value="">LABEL_SELECT</option>
1100
                        </select>
1101
                    </div>
1102
                    <div class="col-4 mt-3">
17209 stevensc 1103
                        <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 1104
                    </div>
1105
                </div>
1106
 
1107
                <div class="row">
1108
                    <div class="col-12 mt-3">
17209 stevensc 1109
                        <table id="table-capsules-add" class="table table-bordered">
17178 stevensc 1110
                            <thead>
1111
                                <tr>
1112
                                    <th>LABEL_NAME</th>
1113
                                    <th>LABEL_ACTIONS</th>
1114
                                </tr>
1115
                            </thead>
1116
                            <tbody>
1117
                            </tbody>
1118
                        </table>
1119
                    </div>
1120
                </div>
17122 stevensc 1121
            </div>
17178 stevensc 1122
 
1123
            <div class="card-footer text-right">
1124
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1125
                <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
1126
            </div>
16891 efrain 1127
	 	<?php echo $this->form()->closeTag($form); ?>
14934 stevensc 1128
	</div>
16891 efrain 1129
 
1130
 
1131
	<div class="card" id="row-edit" style="display:none">
1132
	 	<div class="card-header">
1133
	 		<h6 class="card-title">LABEL_EDIT_TOPIC</h6>
1134
	 	</div>
17178 stevensc 1135
 
16891 efrain 1136
	 	<?php
14934 stevensc 1137
		$form = $this->formEdit;
1138
		$form->setAttributes([
1139
			'method'    => 'post',
16905 efrain 1140
			'name'      => 'form-edit',
1141
			'id'        => 'form-edit'
14934 stevensc 1142
		]);
5895 nelberth 1143
 
14934 stevensc 1144
		$form->prepare();
1145
		echo $this->form()->openTag($form);
1146
		?>
16891 efrain 1147
 
17178 stevensc 1148
            <div class="card-body">
1149
                <div class="row">
1150
                    <div class="col-12 mt-3">
1151
                        <?php
1152
                        $element = $form->get('name');
1153
                        $element->setAttributes(['class' => 'form-control']);
1154
                        $element->setOptions(['label' => 'LABEL_NAME']);
1155
                        echo $this->formLabel($element);
1156
                        echo $this->formText($element);
1157
                        ?>
1158
                    </div>
1159
                </div>
1 www 1160
 
17178 stevensc 1161
                <div class="row">
1162
                    <div class="col-12 mt-3">
1163
                        <?php
1164
                        $element = $form->get('description');
1165
                        $element->setAttributes(['id' => 'description_edit', 'rows' => '2', 'class' => 'form-control',   'class' => 'form-control']);
1166
                        $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
1167
                        echo $this->formLabel($element);
1168
                        echo $this->formTextArea($element);
1169
                        ?>
1170
                    </div>
1171
                </div>
16891 efrain 1172
 
17178 stevensc 1173
                <div class="row">
1174
                    <div class="col-12 mt-3">
1175
                        <?php
1176
                        $element = $form->get('order');
1177
                        $element->setAttributes(['class' => 'form-control']);
1178
                        $element->setOptions(['label' => 'LABEL_ORDER']);
1179
                        echo $this->formLabel($element);
1180
                        echo $this->formText($element);
1181
                        ?>
1182
                    </div>
1183
                </div>
1 www 1184
 
17178 stevensc 1185
                <div class="row">
1186
                    <div class="col-12 mt-3">
1187
                        <?php
1188
                        $element = $form->get('status');
1189
                        $element->setAttributes(['class' => 'form-control']);
1190
                        $element->setOptions(['label' => 'LABEL_STATUS']);
1191
                        echo $this->formLabel($element);
1192
                        echo $this->formSelect($element);
1193
                        ?>
1194
                    </div>
1195
                </div>
14934 stevensc 1196
 
17178 stevensc 1197
                <div class="row">
1198
                    <div class="col-12 mt-3">
1199
                        <?php
1200
                        $element = $form->get('privacy');
1201
                        $element->setAttributes(['class' => 'form-control']);
1202
                        $element->setOptions(['label' => 'LABEL_PRIVACY']);
1203
                        echo $this->formLabel($element);
1204
                        echo $this->formSelect($element);
1205
                        ?>
1206
                    </div>
1207
                </div>
16891 efrain 1208
 
17178 stevensc 1209
                <div class="row">
1210
                    <div class="col-12 mt-3">
1211
                        <?php
1212
                        $element = $form->get('type');
1213
                        $element->setAttributes(['class' => 'form-control']);
1214
                        $element->setOptions(['label' => 'LABEL_TYPE']);
1215
                        echo $this->formLabel($element);
1216
                        echo $this->formSelect($element);
1217
                        ?>
1218
                    </div>
1219
                </div>
14934 stevensc 1220
 
17178 stevensc 1221
                <div class="row"  id="form-row-cost">
1222
                    <div class="col-12 mt-3">
16891 efrain 1223
                        <?php
17178 stevensc 1224
                        $element = $form->get('cost');
1225
                        $element->setAttributes(['class' => 'form-control']);
1226
                        $element->setOptions(['label' => 'LABEL_COST']);
1227
                        echo $this->formLabel($element);
1228
                        echo $this->formText($element);
1229
                        ?>
1230
                    </div>
1231
                </div>
1232
 
1233
                <div class="row">
1234
                    <div class="col-12 mt-3">
1235
                        <?php
17219 stevensc 1236
                        $element = $form->get('image');
16891 efrain 1237
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
1238
                        $element->setAttributes(['class' => 'form-control']);
16905 efrain 1239
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
16891 efrain 1240
                        echo $this->formLabel($element);
1241
                        echo $this->formFile($element);
1242
                        ?>
1243
                    </div>
17178 stevensc 1244
                </div>
1245
 
1246
                <div class="row">
1247
                    <div class="col-12 mt-3">
1248
                        <?php
1249
                        $element = $form->get('marketplace');
1250
                        $element->setOptions(['label' => 'LABEL_MARKETPLACE']);
1251
                        $element->setAttributes(['class' => 'form-control']);
1252
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
1253
                        echo $this->formLabel($element);
1254
                        echo $this->formFile($element);
1255
                        ?>
1256
                    </div>
16891 efrain 1257
                </div>
17201 stevensc 1258
 
1259
                <div class="row">
1260
                    <div class="col-8 mt-3">
17218 stevensc 1261
                        <select name="capsule_uuid_edit" id="capsule_uuid_edit">
17201 stevensc 1262
                            <option value="">LABEL_SELECT</option>
1263
                        </select>
1264
                    </div>
1265
                    <div class="col-4 mt-3">
17209 stevensc 1266
                        <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 1267
                    </div>
1268
                </div>
1269
 
1270
                <div class="row">
1271
                    <div class="col-12 mt-3">
17209 stevensc 1272
                        <table id="table-capsules-edit" class="table table-bordered">
17201 stevensc 1273
                            <thead>
1274
                                <tr>
1275
                                    <th>LABEL_NAME</th>
1276
                                    <th>LABEL_ACTIONS</th>
1277
                                </tr>
1278
                            </thead>
1279
                            <tbody>
1280
                            </tbody>
1281
                        </table>
1282
                    </div>
1283
                </div>
17178 stevensc 1284
            </div>
16891 efrain 1285
 
17178 stevensc 1286
            <div class="card-footer text-right">
1287
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1288
                <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
1289
            </div>
16891 efrain 1290
	 	<?php echo $this->form()->closeTag($form); ?>
14934 stevensc 1291
	</div>
16891 efrain 1292
</div>
14934 stevensc 1293
 
1 www 1294
<!-- The Modal -->
16891 efrain 1295
<div class="modal" id="modalPreviewImage">
1 www 1296
	<div class="modal-dialog ">
14934 stevensc 1297
		<div class="modal-content">
1 www 1298
 
14934 stevensc 1299
			<!-- Modal Header -->
1300
			<div class="modal-header">
16845 efrain 1301
				<h6 class="modal-title">LABEL_IMAGE</h6>
16822 efrain 1302
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
14934 stevensc 1303
			</div>
1 www 1304
 
14934 stevensc 1305
			<!-- Modal body -->
1306
			<div class="modal-body text-center">
1 www 1307
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-app" />
14934 stevensc 1308
			</div>
1309
 
1310
			<!-- Modal footer -->
16891 efrain 1311
			<div class="modal-footer text-right">
16822 efrain 1312
				 <button type="button" class="btn btn-light" data-bs-dismiss="modal">LABEL_CLOSE</button>
14934 stevensc 1313
			</div>
1314
		</div>
1 www 1315
	</div>
17113 stevensc 1316
</div>
1317
 
17178 stevensc 1318
<!-- The Modal -->
1319
<div class="modal" id="modalPreviewMarketPlace">
1320
	<div class="modal-dialog">
1321
		<div class="modal-content">
1322
			<!-- Modal Header -->
1323
			<div class="modal-header">
1324
				<h6 class="modal-title">LABEL_IMAGE_MARKETPLACE</h6>
1325
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
1326
			</div>
1327
 
1328
			<!-- Modal body -->
1329
			<div class="modal-body text-center">
1330
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-marketplace" />
1331
			</div>
1332
 
1333
			<!-- Modal footer -->
1334
			<div class="modal-footer text-right">
1335
				<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
1336
			</div>
1337
		</div>
1338
	</div>
1339
</div>
1340
 
1341
<!-- The Modal -->
1342
<div class="modal" id="notificationUsersModal">
1343
	<div class="modal-dialog modal-xl">
1344
		<div class="modal-content">
1345
 
1346
			<!-- Modal Header -->
1347
			<div class="modal-header">
1348
				<h6 class="modal-title">LABEL_USERS</h6>
1349
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
1350
			</div>
1351
 
1352
			<!-- Modal body -->
1353
			<div class="modal-body">
1354
				<form>
1355
					<div class="row">
1356
						<div class="col-12 mt-3">
1357
						<label>LABEL_CAPSULE</label>
1358
						<input type="text" readonly="readonly" id="table-users-capsule" class="form-control">
1359
						</div>
1360
					</div>
1361
				</form>
1362
				<div class="row">
1363
					<div class="col-12 mt-3">
1364
        				<div style="height: 300px;overflow: scroll;">
1365
        					<table id="gridTableUsers" style="width: 100%" class="table table-bordered">
1366
        						<thead>
1367
        							<tr>
1368
        								<th>LABEL_FIRST_NAME</th>
1369
        								<th>LABEL_LAST_NAME</th>
1370
        								<th>LABEL_EMAIL</th>
1371
        								<th>LABEL_DETAILS</th>
1372
        							</tr>
1373
        						</thead>
1374
        						<tbody>
1375
        						</tbody>
1376
        					</table>
1377
        				</div>
1378
    				</div>
1379
    			</div>
1380
			</div>
1381
 
1382
			<!-- Modal footer -->
1383
			<div class="modal-footer text-right">
1384
				<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
1385
			</div>
1386
 
1387
		</div>
1388
	</div>
1389
</div>
1390
 
17113 stevensc 1391
<script id="trCapsuleTemplate" type="text/x-jsrender">
17215 stevensc 1392
    <tr id="tr_capsule_uuid_{{:uuid}}">
17113 stevensc 1393
       <td class="text-left">
17215 stevensc 1394
            <input type="hidden" class="capsule_uuid" name="capsule_uuid" value="{{:uuid}}" />
17123 stevensc 1395
            <span class="d-none d-md-inline">{{:name}}</span>
17113 stevensc 1396
       </td>
1397
       <td>
17215 stevensc 1398
            <button class="btn btn-default btn-remove-capsule" data-uuid="{{:uuid}}" data-toggle="tooltip"  data-original-title="LABEL_DELETE">
17123 stevensc 1399
                <i class="fa fa-ban" aria-hidden="true"></i>
1400
                <span class="d-none d-md-inline">LABEL_DELETE</span>
1401
            </button>
17113 stevensc 1402
       </td>
1403
   </tr>
17178 stevensc 1404
</script>