Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 17123 | Rev 17125 | 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
 
8
$routeAdd       = $this->url('microlearning/content/topics/add');
9
$routeDatatable = $this->url('microlearning/content/topics');
10
 
11
$allowAdd               = $acl->isAllowed($roleName, 'microlearning/content/topics/add') ? 1 : 0;
12
$allowEdit              = $acl->isAllowed($roleName, 'microlearning/content/topics/edit') ? 1 : 0;
13
$allowDelete            = $acl->isAllowed($roleName, 'microlearning/content/topics/delete') ? 1 : 0;
14
 
15
 
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
 
16822 efrain 19
$this->inlineScript()->appendFile($this->basePath('assets/vendors/ckeditor/ckeditor.js'));
1 www 20
 
21
 
16822 efrain 22
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/css/fileinput.min.css'));
23
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.css'));
1 www 24
 
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
 
32
 
33
 
16929 efrain 34
 
35
 
36
 
16822 efrain 37
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css'));
38
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.css'));
16905 efrain 39
 
16822 efrain 40
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net/jquery.dataTables.js'));
41
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.js'));
42
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/dataTables.responsive.min.js'));
43
$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.min.js'));
1 www 44
 
17121 stevensc 45
$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/select2.js'));
46
$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/i18n/es.js'));
47
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2/css/select2.css'));
1 www 48
 
17121 stevensc 49
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2-bootstrap5-theme/select2-bootstrap-5-theme.css'));
50
 
17124 stevensc 51
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jsrender/jsrender.min.js'));
17121 stevensc 52
 
16822 efrain 53
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
54
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
1 www 55
 
56
 
57
 
58
 
59
 
16822 efrain 60
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-input-number/input-number-format.jquery.js'));
61
 
62
 
1 www 63
$status_active = \LeadersLinked\Model\Degree::STATUS_ACTIVE;
64
 
4697 nelberth 65
 
66
 
4737 nelberth 67
 
1 www 68
$this->inlineScript()->captureStart();
69
echo <<<JS
70
    jQuery( document ).ready(function( $ ) {
71
 
72
        $.validator.setDefaults({
73
            debug: true,
74
            highlight: function(element) {
75
                $(element).addClass('is-invalid');
76
            },
77
            unhighlight: function(element) {
78
                $(element).removeClass('is-invalid');
79
            },
80
            errorElement: 'span',
81
            errorClass: 'error invalid-feedback',
82
            errorPlacement: function(error, element) {
83
                if(element.parent('.btn-file').length) {
84
                    error.insertAfter(element.parent().parent());
85
                } else if(element.parent('.toggle').length) {
86
                    error.insertAfter(element.parent().parent());
87
                } else {
88
                    error.insertAfter(element.parent());
89
                }
90
            }
91
        });
92
 
93
 
94
 
95
 
96
 
97
 
98
        var allowEdit   = $allowEdit;
99
        var allowDelete = $allowDelete;
100
 
101
        var gridTable = $('#gridTable').dataTable( {
102
            'processing': true,
103
            'serverSide': true,
104
            'searching': true,
105
            'order': [[ 0, 'asc' ]],
106
            'ordering':  true,
107
            'ordenable' : true,
108
            'responsive': true,
109
            'select' : false,
110
        	'paging': true,
111
            'pagingType': 'simple_numbers',
112
    		'ajax': {
113
    			'url' : '$routeDatatable',
114
    			'type' : 'get',
115
                'beforeSend': function (request) {
116
                  NProgress.start();
117
                },
118
                'dataFilter': function(response) {
119
                    var response = jQuery.parseJSON( response );
120
 
121
                    var json                = {};
122
                    json.recordsTotal       = 0;
123
                    json.recordsFiltered    = 0;
124
                    json.data               = [];
125
 
126
 
127
                    if(response.success) {
128
                        json.recordsTotal       = response.data.total;
129
                        json.recordsFiltered    = response.data.total;
130
                        json.data               = response.data.items;
131
                    } else {
132
                        $.fn.showError(response.data)
133
                    }
134
 
135
                    return JSON.stringify( json );
136
                }
137
    		},
138
            'language' : {
139
                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
140
                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
141
                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
142
                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
143
                'sInfo':           'LABEL_DATATABLE_SINFO',
144
                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
145
                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
146
                'sInfoPostFix':    '',
147
                'sSearch':         'LABEL_DATATABLE_SSEARCH',
148
                'sUrl':            '',
149
                'sInfoThousands':  ',',
150
                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
151
                'oPaginate': {
152
                    'sFirst':    'LABEL_DATATABLE_SFIRST',
153
                    'sLast':     'LABEL_DATATABLE_SLAST',
154
                    'sNext':     'LABEL_DATATABLE_SNEXT',
155
                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
156
                },
157
                'oAria': {
158
                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
159
                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
160
                },
161
            },
162
            'drawCallback': function( settings ) {
163
                NProgress.done();
16822 efrain 164
 
1 www 165
            },
166
            'aoColumns': [
167
                { 'mDataProp': 'name' },
168
                { 'mDataProp': 'status' },
169
                { 'mDataProp': 'image' },
170
                { 'mDataProp': 'actions' },
171
    	    ],
172
            'columnDefs': [
173
                {
174
                    'targets': 0,
175
                    'className' : 'text-vertical-middle',
176
                },
177
                {
178
                    'targets': -2,
179
                    'orderable': false,
180
                    'render' : function ( data, type, row ) {
181
                        s = '&nbsp;';
182
 
183
                        if( data )  {
184
                            s = s + '&nbsp;<img class="btn-view-image-app" data-href="' + data + '" data-toggle="tooltip" src="'+data+'" title="LABEL_VIEW" style="width: 40px; object-fit: cover; height: 40px;" /> '
185
                        }  else {
186
                            s = s + '&nbsp;LABEL_IMAGE: <br>';
187
                        }
188
 
189
 
190
                        return s;
191
                    }
192
                },
193
 
194
 
195
                {
196
                    'targets': -1,
197
                    'orderable': false,
198
                    'render' : function ( data, type, row ) {
199
                        s = '';
200
 
201
                        if(allowEdit && data['link_edit']  ) {
16906 efrain 202
                            s = s + '<button class="btn btn-info btn-sm btn-edit" data-href="' + data['link_edit']+ '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pen"></i> LABEL_EDIT </button>&nbsp;';
1 www 203
                        }
204
                        if(allowDelete && data['link_delete']  ) {
205
                            s = s + '<button class="btn btn-danger btn-sm btn-delete" data-href="' + data['link_delete']+ '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button>&nbsp;';
206
                        }
207
                        return s;
208
                    }
209
                }
210
              ],
211
        });
212
 
213
 
16905 efrain 214
    var validatorAdd = $('#form-add').validate({
1 www 215
        debug: true,
216
        onclick: false,
217
        onkeyup: false,
218
        ignore: [],
219
        rules: {
220
            'name': {
221
                required: true,
222
                maxlength: 128,
223
            },
224
            'description': {
225
                updateCkeditor:function() {
226
                        CKEDITOR.instances.description_add.updateElement();
227
                },
228
                required: true
229
            },
230
           'file': {
231
                required: true,
16891 efrain 232
                extension: 'jpg|jpeg|png',
233
                accept: 'image/jpg,image/jpeg,image/png'
1 www 234
            },
235
            'order' : {
236
                required: true,
237
                digits: true,
238
                min: 1,
239
                max: 250
240
            },
241
            'status' : {
242
                required: true,
243
            },
244
        },
245
        submitHandler: function(form)
246
        {
247
            var formdata = false;
248
            if (window.FormData){
249
                formdata = new FormData(form); //form[0]);
250
            }
5709 nelberth 251
 
252
 
253
			$('.info_noticia').prop('disabled', true);
5703 nelberth 254
			NProgress.start();
1 www 255
            $.ajax({
256
                'dataType'  : 'json',
257
                'accept'    : 'application/json',
258
                'method'    : 'post',
16905 efrain 259
                'url'       :  $('#form-add').attr('action'),
1 www 260
                'data'      :  formdata,
261
                'processData': false,
262
                'contentType': false,
263
            }).done(function(response) {
5542 nelberth 264
				console.log(response)
265
				if(response['success']) {
1 www 266
                    $.fn.showSuccess(response['data']);
16891 efrain 267
 
268
                    $('#row-add').hide();
269
                    $('#row-edit').hide();
270
                    $('#row-listing').show();
271
 
272
 
1 www 273
                    gridTable.api().ajax.reload(null, false);
274
                } else {
275
                    validatorAdd.resetForm();
276
                    if(jQuery.type(response['data']) == 'string') {
277
                        $.fn.showError(response['data']);
278
                    } else  {
279
                        $.each(response['data'], function( fieldname, errors ) {
16905 efrain 280
                            $.fn.showFormErrorValidator('#form-add #' + fieldname, errors);
1 www 281
                        });
282
                    }
283
                }
284
            }).fail(function( jqXHR, textStatus, errorThrown) {
5709 nelberth 285
 
16891 efrain 286
 
1 www 287
                $.fn.showError(textStatus);
288
            }).always(function() {
16891 efrain 289
 
1 www 290
                NProgress.done();
291
            });
292
            return false;
293
        },
294
        invalidHandler: function(form, validator) {
295
 
296
        }
297
    });
298
 
16905 efrain 299
    var validatorEdit  = $('#form-edit').validate({
1 www 300
        debug: true,
301
        onclick: false,
302
        onkeyup: false,
303
        ignore: [],
304
        rules: {
305
            'name': {
306
                required: true,
307
                maxlength: 128,
308
            },
309
            'description': {
310
                updateCkeditor:function() {
311
                        CKEDITOR.instances.description_edit.updateElement();
312
                },
313
                required: true
314
            },
315
           'file': {
16945 efrain 316
                required: false,
16891 efrain 317
                extension: 'jpg|jpeg|png',
318
                accept: 'image/jpg,image/jpeg,image/png'
1 www 319
            },
320
            'order' : {
321
                required: true,
322
                digits: true,
323
                min: 1,
324
                max: 250
325
            },
326
            'status' : {
327
                required: true,
328
            },
329
 
330
        },
331
        submitHandler: function(form)
332
        {
333
            var formdata = false;
334
            if (window.FormData){
335
                formdata = new FormData(form); //form[0]);
336
            }
337
 
16891 efrain 338
 
5982 nelberth 339
			NProgress.start();
1 www 340
            $.ajax({
341
                'dataType'  : 'json',
342
                'accept'    : 'application/json',
343
                'method'    : 'post',
16905 efrain 344
                'url'       :  $('#form-edit').attr('action'),
1 www 345
                'data'      :  formdata,
346
                'processData': false,
347
                'contentType': false,
348
            }).done(function(response) {
349
                if(response['success']) {
350
                    $.fn.showSuccess(response['data']);
351
 
16891 efrain 352
 
1 www 353
                    gridTable.api().ajax.reload(null, false);
16891 efrain 354
 
355
 
356
                    $('#row-add').hide();
357
                    $('#row-edit').hide();
358
                    $('#row-listing').show();
359
 
1 www 360
                } else {
16891 efrain 361
                    validatorEdit.resetForm();
1 www 362
                    if(jQuery.type(response['data']) == 'string') {
363
                        $.fn.showError(response['data']);
364
                    } else  {
365
                        $.each(response['data'], function( fieldname, errors ) {
16905 efrain 366
                            $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors);
1 www 367
                        });
368
                    }
369
                }
370
            }).fail(function( jqXHR, textStatus, errorThrown) {
371
                $.fn.showError(textStatus);
372
            }).always(function() {
7060 nelberth 373
 
16891 efrain 374
 
1 www 375
                NProgress.done();
376
            });
377
            return false;
378
        },
379
        invalidHandler: function(form, validator) {
380
 
381
        }
382
    });
383
 
16822 efrain 384
    $('body').on('click', 'button.btn-delete', function(e) {
385
        e.preventDefault();
386
        var action = $(this).data('href');
1 www 387
 
16822 efrain 388
 
389
          swal.fire({
390
            title: 'LABEL_ARE_YOU_SURE',
391
            icon: 'question',
392
            cancelButtonText: 'LABEL_NO',
393
            showCancelButton: true,
394
            confirmButtonText: 'LABEL_YES'
395
          }).then((result) => {
396
            if (result.isConfirmed) {
397
 
398
                    NProgress.start();
399
                    $.ajax({
400
                        'dataType'  : 'json',
401
                        'accept'    : 'application/json',
402
                        'method'    : 'post',
403
                        'url'       :  action,
404
                    }).done(function(response) {
405
                        if(response['success']) {
406
                            $.fn.showSuccess(response['data']);
407
                            gridTable.api().ajax.reload(null, false);
408
                        } else {
409
                            $.fn.showError(response['data']);
410
                        }
411
                    }).fail(function( jqXHR, textStatus, errorThrown) {
412
                        $.fn.showError(textStatus);
413
                    }).always(function() {
414
                        NProgress.done();
415
                    });
416
                }
417
           });
418
        });
419
 
1 www 420
 
421
        $('body').on('click', '.btn-view-image-app', function(e) {
422
            e.preventDefault();
423
 
424
            $('#image-app').attr('src', $(this).data('href'));
16891 efrain 425
            $('#modalPreviewImage').modal('show');
1 www 426
            return false;
427
        });
428
 
16905 efrain 429
        $('#form-add #order').inputNumberFormat({decimal: 0});
5741 nelberth 430
 
1 www 431
 
432
 
433
        $('body').on('click', 'button.btn-add', function(e) {
434
            e.preventDefault();
17093 stevensc 435
            NProgress.start();
1 www 436
 
17093 stevensc 437
            $.ajax({
438
                'dataType': 'json',
439
                'method': 'get',
440
                'url': '$routeAdd',
441
            }).done(function(response) {
442
                if (response['success']) {
443
 
17113 stevensc 444
                    $('#table-capsules tbody').empty();
17093 stevensc 445
 
17107 stevensc 446
                    $('#capsule_uuid').children().not(':first').remove();
17093 stevensc 447
                    $.each(response['data']['capsules'], function(index, element) {
17107 stevensc 448
                        $('#capsule_uuid').append($('<option>', {
17115 stevensc 449
                            value: element.id,
17093 stevensc 450
                            text: element.name
451
                        }));
452
                    });
1 www 453
 
17093 stevensc 454
                    $('#form-add #name').val('');
455
                    $('#form-add #order').val('1');
456
                    $('#form-add #name').val('');
457
 
458
                    $('#form-add #status').val('');
459
                    $('#form-add #file').fileinput('reset');
460
                    $('#form-add #file').val('');
461
 
1 www 462
 
17093 stevensc 463
 
464
                    CKEDITOR.instances.description_add.setData('');
465
                    validatorAdd.resetForm();
466
 
467
                    $('#row-edit').hide();
468
                    $('#row-listing').hide();
469
                    $('#row-add').show();
470
                } else {
471
                    $.fn.showError(response['data']);
472
                }
473
            }).fail(function(jqXHR, textStatus, errorThrown) {
474
                $.fn.showError(textStatus);
475
            }).always(function() {
476
                NProgress.done();
477
            });
16891 efrain 478
 
17093 stevensc 479
 
480
 
481
 
5646 nelberth 482
            return false;
483
        });
484
 
16891 efrain 485
 
1 www 486
 
16905 efrain 487
        $('#form-edit #order').inputNumberFormat({decimal: 0});
1 www 488
 
16905 efrain 489
          $('#form-add #file').fileinput({
16891 efrain 490
                theme: 'fa',
491
                language: 'es',
492
                showUpload: false,
493
                dropZoneEnabled: false,
494
                maxFileCount: 1,
16928 efrain 495
                msgPlaceholder:  'LABEL_RECOMMENDED_SIZE $image_size',
16891 efrain 496
                allowedFileExtensions: ['jpeg', 'jpg', 'png'],
497
            });
498
 
16905 efrain 499
            $('#form-edit #file').fileinput({
16891 efrain 500
                theme: 'fa',
501
                language: 'es',
502
                showUpload: false,
503
                dropZoneEnabled: false,
504
                maxFileCount: 1,
16928 efrain 505
                msgPlaceholder:  'LABEL_RECOMMENDED_SIZE $image_size',
16891 efrain 506
                allowedFileExtensions: ['jpeg', 'jpg', 'png'],
507
            });
8591 nelberth 508
 
1 www 509
        $('body').on('click', 'button.btn-edit', function(e) {
510
            e.preventDefault();
6015 nelberth 511
 
1 www 512
            var url = $(this).data('href');
5900 nelberth 513
			NProgress.start();
1 www 514
            $.ajax({
515
                'dataType'  : 'json',
516
                'accept'    : 'application/json',
517
                'method'    : 'get',
518
                'url'       :  url,
519
            }).done(function(response) {
520
                if(response['success']) {
5913 nelberth 521
					console.log(response['data'])
16905 efrain 522
                    $('#form-edit')[0].reset();
1 www 523
 
16905 efrain 524
                    $('#form-edit').attr('action',url);
525
                    $('#form-edit #name').val(response['data']['name']);
526
                    $('#form-edit #order').val(response['data']['order']);
17113 stevensc 527
                    $('#form-edit #capsule_uuid').children().not(':first').remove();
1 www 528
 
17113 stevensc 529
                    $.each(response['data']['capsules'], function(index, element) {
530
                        $('#form-edit #capsule_uuid').append($('<option>', {
17115 stevensc 531
                            value: element.id,
17113 stevensc 532
                            text: element.name
533
                        }));
534
 
535
                        if(element.checked ) {
536
                            let data = {
17115 stevensc 537
                                id : element.id,
17113 stevensc 538
                                name : element.name,
539
                            };
540
 
541
                            $('#table-capsules tbody').append(
17124 stevensc 542
                                $('#trCapsuleTemplate').render(data)
17113 stevensc 543
                            );
544
                        }
545
                    });
546
 
16905 efrain 547
					$('#form-edit #status').val(response['data']['status']);
548
                    $('#form-edit #file').fileinput('reset');
549
                    $('#form-edit #file').val('');
1 www 550
 
551
                    CKEDITOR.instances.description_edit.setData(response['data']['description']);
552
                    validatorEdit.resetForm();
16891 efrain 553
 
554
                    $('#row-add').hide();
555
                    $('#row-listing').hide();
556
                    $('#row-edit').show();
557
 
1 www 558
                } else {
559
                    validatorEdit.resetForm();
560
                    if(jQuery.type(response['data']) == 'string') {
561
                        $.fn.showError(response['data']);
562
                    } else  {
563
                        $.each(response['data'], function( fieldname, errors ) {
16905 efrain 564
                            $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors);
1 www 565
                        });
566
                    }
567
                }
568
            }).fail(function( jqXHR, textStatus, errorThrown) {
569
                $.fn.showError(textStatus);
570
            }).always(function() {
571
                NProgress.done();
572
            });
573
        });
574
 
575
        $('body').on('click', 'button.btn-cancel', function(e) {
576
            e.preventDefault();
16891 efrain 577
            $('#row-add').hide();
578
            $('#row-edit').hide();
579
            $('#row-listing').show();
580
 
1 www 581
        });
582
 
583
        $('body').on('click', 'button.btn-refresh', function(e) {
584
            e.preventDefault();
585
            gridTable.api().ajax.reload(null, false);
586
        });
17113 stevensc 587
 
17122 stevensc 588
        $('#btn-select-capsule').click(function(e) {
17113 stevensc 589
            e.preventDefault();
590
 
591
            var id  = $('#capsule_uuid option:selected').val();
592
 
17123 stevensc 593
            if(!id)  return false;
17113 stevensc 594
 
595
            var name = $('#capsule_uuid option:selected').text();
17122 stevensc 596
            var key         = '#tr_capsule_id_' + id ;
17113 stevensc 597
            var element     = $(key)
598
 
17123 stevensc 599
            if(element.length > 0)  return false;
17113 stevensc 600
 
17123 stevensc 601
            if(name.length > 50)  name = name.substr(0, 50) + '...';
17113 stevensc 602
 
17123 stevensc 603
            let data = { id, name };
17113 stevensc 604
 
605
            $('#table-capsules tbody').append(
17124 stevensc 606
                $('#trCapsuleTemplate').render(data)
17113 stevensc 607
            );
608
 
609
            return false;
610
        });
17119 stevensc 611
 
17121 stevensc 612
        $('#capsule_uuid').select2({
17119 stevensc 613
            theme: 'bootstrap-5',
614
            width: '100%',
17121 stevensc 615
        });
1 www 616
 
8290 stevensc 617
        CKEDITOR.replace('description_add', {
618
			toolbar: [
619
                    { name: 'editing', items: ['Scayt'] },
620
                    { name: 'links', items: ['Link', 'Unlink'] },
621
                    { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'] },
622
                    { name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', 'RemoveFormat'] },
623
                    '/',
624
                    { name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar'] },
625
                    { name: 'styles', items: ['Styles', 'Format'] },
626
                    { name: 'tools', items: ['Maximize'] }
627
                ],
628
                removePlugins: 'elementspath,Anchor',
629
                heigth: 100
630
		});
17113 stevensc 631
 
8290 stevensc 632
        CKEDITOR.replace('description_edit', {
633
			toolbar: [
634
                    { name: 'editing', items: ['Scayt'] },
635
                    { name: 'links', items: ['Link', 'Unlink'] },
636
                    { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'] },
637
                    { name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', 'RemoveFormat'] },
638
                    '/',
639
                    { name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar'] },
640
                    { name: 'styles', items: ['Styles', 'Format'] },
641
                    { name: 'tools', items: ['Maximize'] }
642
                ],
643
                removePlugins: 'elementspath,Anchor',
644
                heigth: 100
645
		});
1 www 646
    });
647
JS;
648
$this->inlineScript()->captureEnd();
649
?>
650
 
16891 efrain 651
<div class="container">
652
	<div class="card" id="row-listing">
653
	 	<div class="card-header">
654
	 		<h6 class="card-title">LABEL_TOPICS</h6>
655
	 	</div>
656
	 	<div class="card-body">
657
	 		<div class="row">
658
	 	         <div class="col-12 mt-3">
659
 
660
	 	         						<table id="gridTable" class="table   table-bordered">
14934 stevensc 661
							<thead>
662
								<tr>
663
									<th>LABEL_NAME</th>
664
									<th>LABEL_STATUS</th>
665
									<th>LABEL_DETAILS</th>
666
									<th>LABEL_ACTIONS</th>
667
								</tr>
668
							</thead>
669
							<tbody>
670
							</tbody>
671
						</table>
16891 efrain 672
 
673
	 	         </div>
674
	 	     </div>
675
	 	</div>
676
	 	<div class="card-footer text-right">
16992 efrain 677
			<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-sync"></i> LABEL_REFRESH </button>
16891 efrain 678
			<?php if ($allowAdd) : ?>
679
			<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
680
			<?php endif; ?>
681
	 	</div>
14934 stevensc 682
	</div>
16891 efrain 683
 
684
	<div class="card" id="row-add" style="display:none">
685
	 	<div class="card-header">
686
	 		<h6 class="card-title">LABEL_ADD_TOPIC</h6>
687
	 	</div>
688
	 	<?php
14934 stevensc 689
		$form = $this->formAdd;
690
		$form->setAttributes([
691
			'method'  => 'post',
692
			'action'  => $routeAdd,
16905 efrain 693
			'name'    => 'form-add',
694
			'id'      => 'form-add',
14934 stevensc 695
		]);
5678 nelberth 696
 
14934 stevensc 697
		$form->prepare();
698
		echo $this->form()->openTag($form);
699
		?>
16891 efrain 700
	 	<div class="card-body">
701
			<div class="row">
702
    	 		<div class="col-12 mt-3">
703
    			<?php
704
    			$element = $form->get('name');
705
 
706
    			$element->setAttributes(['class' => 'form-control']);
707
    			$element->setOptions(['label' => 'LABEL_NAME']);
708
    			echo $this->formLabel($element);
709
    			echo $this->formText($element);
710
    			?>
711
    			</div>
712
    		</div>
713
 
17123 stevensc 714
            <div class="row">
16891 efrain 715
    	 	         	<div class="col-12 mt-3">
716
    			<?php
717
    			$element = $form->get('description');
718
    			$element->setAttributes(['id' => 'description_add', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
719
    			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
720
    			echo $this->formLabel($element);
721
    			echo $this->formTextArea($element);
722
    			?>
723
    			</div>
724
    		</div>
725
 
17123 stevensc 726
            <div class="row">
727
    	 	    <div class="col-12 mt-3">
16891 efrain 728
    			<?php
729
    			$element = $form->get('order');
730
    			$element->setAttributes(['class' => 'form-control']);
731
    			$element->setOptions(['label' => 'LABEL_ORDER']);
732
    			echo $this->formLabel($element);
733
    			echo $this->formText($element);
734
    			?>
735
    			</div>
736
    		</div>
737
 
17123 stevensc 738
            <div class="row">
16891 efrain 739
    	 	         	<div class="col-12 mt-3">
740
    			<?php
741
    			$element = $form->get('status');
742
    			$element->setAttributes(['class' => 'form-control']);
743
    			$element->setOptions(['label' => 'LABEL_STATUS']);
744
    			echo $this->formLabel($element);
745
    			echo $this->formSelect($element);
746
 
747
    			?>
748
    			</div>
749
    		</div>
750
 
17123 stevensc 751
            <div class="row">
16891 efrain 752
    	 		<div class="col-12 mt-3">
753
                            <?php
754
                            $element = $form->get('file');
755
                            $element->setOptions(['label' => 'LABEL_IMAGE']);
756
                            $element->setAttributes(['class' => 'form-control']);
16905 efrain 757
                            $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
16891 efrain 758
                            echo $this->formLabel($element);
759
                            echo $this->formFile($element);
760
                            ?>
761
                	</div>
762
         	</div>
17093 stevensc 763
 
17110 stevensc 764
            <div class="row">
17113 stevensc 765
	 	        <div class="col-8 mt-3">
17115 stevensc 766
					<select name="capsule_uuid" id="capsule_uuid">
17113 stevensc 767
                   		<option value="">LABEL_SELECT</option>
768
                  	</select>
769
                </div>
770
         		<div class="col-4 mt-3">
17114 stevensc 771
                 	<button type="button" class="btn btn-primary" id="btn-select-capsule" data-toggle="tooltip" title="LABEL_ADD LABEL_CAPSULE">LABEL_ADD LABEL_CAPSULE</button>
17113 stevensc 772
       			</div>
773
     		</div>
17123 stevensc 774
 
17122 stevensc 775
            <div class="row">
776
                <div class="col-12 mt-3">
777
                    <table id="table-capsules" class="table table-bordered">
778
                        <thead>
779
                            <tr>
780
                                <th>LABEL_NAME</th>
781
                                <th>LABEL_ACTIONS</th>
782
                            </tr>
783
                        </thead>
784
                        <tbody>
785
                        </tbody>
786
                    </table>
787
                </div>
788
            </div>
17113 stevensc 789
 
16891 efrain 790
	 	</div>
791
	 	<div class="card-footer text-right">
792
	 	     <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
793
      		<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
794
	 	</div>
795
	 	<?php echo $this->form()->closeTag($form); ?>
14934 stevensc 796
	</div>
16891 efrain 797
 
798
 
799
	<div class="card" id="row-edit" style="display:none">
800
 
801
	 	<div class="card-header">
802
	 		<h6 class="card-title">LABEL_EDIT_TOPIC</h6>
803
	 	</div>
804
	 	<?php
14934 stevensc 805
		$form = $this->formEdit;
806
		$form->setAttributes([
807
			'method'    => 'post',
16905 efrain 808
			'name'      => 'form-edit',
809
			'id'        => 'form-edit'
14934 stevensc 810
		]);
5895 nelberth 811
 
14934 stevensc 812
		$form->prepare();
813
		echo $this->form()->openTag($form);
814
		?>
16891 efrain 815
 
816
	 	<div class="card-body">
1 www 817
 
16891 efrain 818
  <div class="row">
819
	 	         	<div class="col-12 mt-3">
14934 stevensc 820
			<?php
821
			$element = $form->get('description');
822
			$element->setAttributes(['id' => 'description_edit', 'rows' => '2', 'class' => 'form-control',   'class' => 'form-control']);
823
			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
824
			echo $this->formLabel($element);
825
			echo $this->formTextArea($element);
826
			?>
16891 efrain 827
			</div>
14934 stevensc 828
		</div>
16891 efrain 829
 
830
         <div class="row">
831
	 	         	<div class="col-12 mt-3">
14934 stevensc 832
			<?php
833
			$element = $form->get('order');
834
			$element->setAttributes(['class' => 'form-control']);
835
			$element->setOptions(['label' => 'LABEL_ORDER']);
836
			echo $this->formLabel($element);
837
			echo $this->formText($element);
838
			?>
16891 efrain 839
			</div>
14934 stevensc 840
		</div>
1 www 841
 
14934 stevensc 842
 
16891 efrain 843
 
844
         <div class="row">
845
	 	         	<div class="col-12 mt-3">
14934 stevensc 846
			<?php
847
			$element = $form->get('status');
848
			$element->setAttributes(['class' => 'form-control']);
849
			$element->setOptions(['label' => 'LABEL_STATUS']);
850
			echo $this->formLabel($element);
851
			echo $this->formSelect($element);
852
			?>
16891 efrain 853
			</div>
14934 stevensc 854
		</div>
855
 
16891 efrain 856
         <div class="row">
857
	 	         	<div class="col-12 mt-3">
858
                        <?php
859
                        $element = $form->get('file');
860
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
861
                        $element->setAttributes(['class' => 'form-control']);
16905 efrain 862
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
16891 efrain 863
                        echo $this->formLabel($element);
864
                        echo $this->formFile($element);
865
                        ?>
866
                    </div>
867
                </div>
868
 
869
 
870
	 	</div>
871
 
872
	 	<div class="card-footer text-right">
873
			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
874
      		<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
875
	 	</div>
876
	 	<?php echo $this->form()->closeTag($form); ?>
14934 stevensc 877
	</div>
16891 efrain 878
</div>
14934 stevensc 879
 
880
 
1 www 881
 
882
<!-- The Modal -->
16891 efrain 883
<div class="modal" id="modalPreviewImage">
1 www 884
	<div class="modal-dialog ">
14934 stevensc 885
		<div class="modal-content">
1 www 886
 
14934 stevensc 887
			<!-- Modal Header -->
888
			<div class="modal-header">
16845 efrain 889
				<h6 class="modal-title">LABEL_IMAGE</h6>
16822 efrain 890
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
14934 stevensc 891
			</div>
1 www 892
 
14934 stevensc 893
			<!-- Modal body -->
894
			<div class="modal-body text-center">
1 www 895
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-app" />
14934 stevensc 896
			</div>
897
 
898
			<!-- Modal footer -->
16891 efrain 899
			<div class="modal-footer text-right">
16822 efrain 900
				 <button type="button" class="btn btn-light" data-bs-dismiss="modal">LABEL_CLOSE</button>
14934 stevensc 901
			</div>
902
		</div>
1 www 903
	</div>
17113 stevensc 904
</div>
905
 
906
<script id="trCapsuleTemplate" type="text/x-jsrender">
17115 stevensc 907
    <tr id="tr_capsule_id_{{:id}}">
17113 stevensc 908
       <td class="text-left">
17123 stevensc 909
            <input type="hidden" class="capsule_id" name="capsule_id[]" value="{{:id}}" />
910
            <span class="d-none d-md-inline">{{:name}}</span>
17113 stevensc 911
       </td>
912
       <td>
17123 stevensc 913
            <button class="btn btn-default btn-remove-capsule" data-id="{{:id}}" data-toggle="tooltip"  data-original-title="LABEL_DELETE">
914
                <i class="fa fa-ban" aria-hidden="true"></i>
915
                <span class="d-none d-md-inline">LABEL_DELETE</span>
916
            </button>
17113 stevensc 917
       </td>
918
   </tr>
919
</script>