Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 17092 | Rev 17107 | 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
 
439
                    $('#select-capsule').children().not(':first').remove();
440
                    $.each(response['data']['capsules'], function(index, element) {
441
                        $('#select-capsule').append($('<option>', {
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
 
4798 nelberth 591
 
592
 
5202 nelberth 593
 
1 www 594
    });
595
JS;
596
$this->inlineScript()->captureEnd();
597
?>
598
 
16891 efrain 599
<div class="container">
600
	<div class="card" id="row-listing">
601
	 	<div class="card-header">
602
	 		<h6 class="card-title">LABEL_TOPICS</h6>
603
	 	</div>
604
	 	<div class="card-body">
605
	 		<div class="row">
606
	 	         <div class="col-12 mt-3">
607
 
608
	 	         						<table id="gridTable" class="table   table-bordered">
14934 stevensc 609
							<thead>
610
								<tr>
611
									<th>LABEL_NAME</th>
612
									<th>LABEL_STATUS</th>
613
									<th>LABEL_DETAILS</th>
614
									<th>LABEL_ACTIONS</th>
615
								</tr>
616
							</thead>
617
							<tbody>
618
							</tbody>
619
						</table>
16891 efrain 620
 
621
	 	         </div>
622
	 	     </div>
623
	 	</div>
624
	 	<div class="card-footer text-right">
16992 efrain 625
			<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-sync"></i> LABEL_REFRESH </button>
16891 efrain 626
			<?php if ($allowAdd) : ?>
627
			<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
628
			<?php endif; ?>
629
	 	</div>
14934 stevensc 630
	</div>
16891 efrain 631
 
632
	<div class="card" id="row-add" style="display:none">
633
	 	<div class="card-header">
634
	 		<h6 class="card-title">LABEL_ADD_TOPIC</h6>
635
	 	</div>
636
	 	<?php
14934 stevensc 637
		$form = $this->formAdd;
638
		$form->setAttributes([
639
			'method'  => 'post',
640
			'action'  => $routeAdd,
16905 efrain 641
			'name'    => 'form-add',
642
			'id'      => 'form-add',
14934 stevensc 643
		]);
5678 nelberth 644
 
14934 stevensc 645
		$form->prepare();
646
		echo $this->form()->openTag($form);
647
		?>
16891 efrain 648
	 	<div class="card-body">
649
			<div class="row">
650
    	 		<div class="col-12 mt-3">
651
    			<?php
652
    			$element = $form->get('name');
653
 
654
    			$element->setAttributes(['class' => 'form-control']);
655
    			$element->setOptions(['label' => 'LABEL_NAME']);
656
    			echo $this->formLabel($element);
657
    			echo $this->formText($element);
658
    			?>
659
    			</div>
660
    		</div>
661
 
662
 
663
             <div class="row">
664
    	 	         	<div class="col-12 mt-3">
665
    			<?php
666
    			$element = $form->get('description');
667
    			$element->setAttributes(['id' => 'description_add', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
668
    			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
669
    			echo $this->formLabel($element);
670
    			echo $this->formTextArea($element);
671
    			?>
672
    			</div>
673
    		</div>
674
 
675
             <div class="row">
676
    	 	         	<div class="col-12 mt-3">
677
    			<?php
678
    			$element = $form->get('order');
679
    			$element->setAttributes(['class' => 'form-control']);
680
    			$element->setOptions(['label' => 'LABEL_ORDER']);
681
    			echo $this->formLabel($element);
682
    			echo $this->formText($element);
683
    			?>
684
    			</div>
685
    		</div>
686
 
687
 
688
 
689
             <div class="row">
690
    	 	         	<div class="col-12 mt-3">
691
    			<?php
692
    			$element = $form->get('status');
693
    			$element->setAttributes(['class' => 'form-control']);
694
    			$element->setOptions(['label' => 'LABEL_STATUS']);
695
    			echo $this->formLabel($element);
696
    			echo $this->formSelect($element);
697
 
698
    			?>
699
    			</div>
700
    		</div>
701
 
702
 
703
             <div class="row">
704
    	 		<div class="col-12 mt-3">
705
                            <?php
706
                            $element = $form->get('file');
707
                            $element->setOptions(['label' => 'LABEL_IMAGE']);
708
                            $element->setAttributes(['class' => 'form-control']);
16905 efrain 709
                            $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
16891 efrain 710
                            echo $this->formLabel($element);
711
                            echo $this->formFile($element);
712
                            ?>
713
                	</div>
714
         	</div>
17093 stevensc 715
 
716
             <div class="row">
717
	 	         <div class="col-8 mt-3">
718
					<select name="select-capsule" id="select-capsule" >
719
                   		<option value="">LABEL_SELECT</option>
720
                  	</select>
721
         		</div>
722
         		<div class="col-4 mt-3">
723
                 	<button type="button" class="btn btn-primary" id="btn-select-capsule" data-toggle="tooltip" title="LABEL_ADD LABEL_CAPSULE">LABEL_ADD LABEL_CAPSULE</button>
724
       			</div>
725
            </div>
726
 
16891 efrain 727
	 	</div>
728
	 	<div class="card-footer text-right">
729
	 	     <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
730
      		<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
731
	 	</div>
732
	 	<?php echo $this->form()->closeTag($form); ?>
14934 stevensc 733
	</div>
16891 efrain 734
 
735
 
736
	<div class="card" id="row-edit" style="display:none">
737
 
738
	 	<div class="card-header">
739
	 		<h6 class="card-title">LABEL_EDIT_TOPIC</h6>
740
	 	</div>
741
	 	<?php
14934 stevensc 742
		$form = $this->formEdit;
743
		$form->setAttributes([
744
			'method'    => 'post',
16905 efrain 745
			'name'      => 'form-edit',
746
			'id'        => 'form-edit'
14934 stevensc 747
		]);
5895 nelberth 748
 
14934 stevensc 749
		$form->prepare();
750
		echo $this->form()->openTag($form);
751
		?>
16891 efrain 752
 
753
	 	<div class="card-body">
1 www 754
 
16891 efrain 755
  <div class="row">
756
	 	         	<div class="col-12 mt-3">
14934 stevensc 757
			<?php
758
			$element = $form->get('description');
759
			$element->setAttributes(['id' => 'description_edit', 'rows' => '2', 'class' => 'form-control',   'class' => 'form-control']);
760
			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
761
			echo $this->formLabel($element);
762
			echo $this->formTextArea($element);
763
			?>
16891 efrain 764
			</div>
14934 stevensc 765
		</div>
16891 efrain 766
 
767
         <div class="row">
768
	 	         	<div class="col-12 mt-3">
14934 stevensc 769
			<?php
770
			$element = $form->get('order');
771
			$element->setAttributes(['class' => 'form-control']);
772
			$element->setOptions(['label' => 'LABEL_ORDER']);
773
			echo $this->formLabel($element);
774
			echo $this->formText($element);
775
			?>
16891 efrain 776
			</div>
14934 stevensc 777
		</div>
1 www 778
 
14934 stevensc 779
 
16891 efrain 780
 
781
         <div class="row">
782
	 	         	<div class="col-12 mt-3">
14934 stevensc 783
			<?php
784
			$element = $form->get('status');
785
			$element->setAttributes(['class' => 'form-control']);
786
			$element->setOptions(['label' => 'LABEL_STATUS']);
787
			echo $this->formLabel($element);
788
			echo $this->formSelect($element);
789
			?>
16891 efrain 790
			</div>
14934 stevensc 791
		</div>
792
 
16891 efrain 793
         <div class="row">
794
	 	         	<div class="col-12 mt-3">
795
                        <?php
796
                        $element = $form->get('file');
797
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
798
                        $element->setAttributes(['class' => 'form-control']);
16905 efrain 799
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
16891 efrain 800
                        echo $this->formLabel($element);
801
                        echo $this->formFile($element);
802
                        ?>
803
                    </div>
804
                </div>
805
 
806
 
807
	 	</div>
808
 
809
	 	<div class="card-footer text-right">
810
			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
811
      		<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
812
	 	</div>
813
	 	<?php echo $this->form()->closeTag($form); ?>
14934 stevensc 814
	</div>
16891 efrain 815
</div>
14934 stevensc 816
 
817
 
1 www 818
 
819
<!-- The Modal -->
16891 efrain 820
<div class="modal" id="modalPreviewImage">
1 www 821
	<div class="modal-dialog ">
14934 stevensc 822
		<div class="modal-content">
1 www 823
 
14934 stevensc 824
			<!-- Modal Header -->
825
			<div class="modal-header">
16845 efrain 826
				<h6 class="modal-title">LABEL_IMAGE</h6>
16822 efrain 827
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
14934 stevensc 828
			</div>
1 www 829
 
14934 stevensc 830
			<!-- Modal body -->
831
			<div class="modal-body text-center">
1 www 832
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-app" />
14934 stevensc 833
			</div>
834
 
835
			<!-- Modal footer -->
16891 efrain 836
			<div class="modal-footer text-right">
16822 efrain 837
				 <button type="button" class="btn btn-light" data-bs-dismiss="modal">LABEL_CLOSE</button>
14934 stevensc 838
			</div>
839
		</div>
1 www 840
	</div>
14934 stevensc 841
</div>