Proyectos de Subversion LeadersLinked - Backend

Rev

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