WebSVN – LeadersLinked - Backend – Diff – /module/LeadersLinked/view/leaders-linked/microlearning-capsules/index.phtml

 <?php
 $acl            = $this->viewModel()->getRoot()->getVariable('acl');
 $currentUser    = $this->currentUserHelper();
-$roleName = $currentUser->getUserTypeId();
 $roleName = $currentUser->getUserTypeId();
 $routeDatatable = $this->url('microlearning/content/capsules');
 $allowAdd       = $acl->isAllowed($roleName, 'microlearning/content/capsules/add') ? 1 : 0;
 $allowEdit      = $acl->isAllowed($roleName, 'microlearning/content/capsules/edit') ? 1 : 0;
-$allowDelete    = $acl->isAllowed($roleName, 'microlearning/content/capsules/delete') ? 1 : 0;
-$allowUsers     = $acl->isAllowed($roleName, 'microlearning/content/capsules/users') ? 1 : 0;
+$allowDelete    = $acl->isAllowed($roleName, 'microlearning/content/capsules/delete') ? 1 : 0;
 $allowUsers     = $acl->isAllowed($roleName, 'microlearning/content/capsules/users') ? 1 : 0;
+// NProgress
 $this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
 $this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
+// CKEditor
 $this->inlineScript()->appendFile($this->basePath('assets/vendors/ckeditor/ckeditor.js'));
-$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/css/fileinput.min.css'));
+// File Input
-$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.css'));
+$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/css/fileinput.min.css'));
 $this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.css'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/piexif.js'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/sortable.js'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/fileinput.js'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/locales/es.js'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/fas/theme.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/piexif.js'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/sortable.js'));
 $this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/fileinput.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/locales/es.js'));
 $this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/fas/theme.js'));
 $this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.js'));
 // Datatables
+$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css'));
-$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css'));
+$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.css'));
 $this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.css'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net/jquery.dataTables.js'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.js'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/dataTables.responsive.min.js'));
+// Datatables
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.min.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net/jquery.dataTables.js'));
 $this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.js'));
-$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/dataTables.responsive.min.js'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.min.js'));
+// Toggle
+$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
-$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-input-number/input-number-format.jquery.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
-$this->headStyle()->captureStart();
+// Input Number Format
-echo <<<CSS
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-input-number/input-number-format.jquery.js'));
-#gridTableUsers {
+$this->headStyle()->captureStart();
-    display: flex;
+echo <<<CSS
-    flex-flow: column;
+    #gridTableUsers {
-    width: 100%;
+        display: flex;
-}
+        flex-flow: column;
-#gridTableUsers thead {
+        width: 100%;
-    flex: 0 0 auto;
+    }
-}
+    #gridTableUsers thead {
+        flex: 0 0 auto;
-#gridTableUsers tbody {
+    }
-    flex: 1 1 auto;
+    #gridTableUsers tbody {
-    display: block;
+        flex: 1 1 auto;
-    overflow-y: auto;
+        display: block;
-    overflow-x: hidden;
+        overflow-y: auto;
-}
+        overflow-x: hidden;
+    }
-#gridTableUsers tr {
+    #gridTableUsers tr {
-    width: 100%;
+        width: 100%;
-    display: table;
+        display: table;
-    table-layout: fixed;
+        table-layout: fixed;
+    }
-.imagen-contaner{
+    .imagen-contaner{
-	border:1px solid rgb(200,200,200);
+        border:1px solid rgb(200,200,200);
-	border-radius:5px;
+        border-radius:5px;
-	padding:10px;
-	display:flex;
+        padding:10px;
-	flex-flow:column;
+        display:flex;
-	align-items:center;
+        flex-flow:column;
-}
+        align-items:center;
-CSS;
+    }
-$this->headStyle()->captureEnd();
+CSS;
+$this->headStyle()->captureEnd();
-$this->headLink()->captureStart();
 $this->headLink()->captureStart();
 $this->inlineScript()->captureStart();
-echo <<<JS
+$this->inlineScript()->captureStart();
-    jQuery( document ).ready(function( $ ) {
+echo <<<JS
+    jQuery(document).ready(function ($) {
         // Configuración de validación de formularios
         $.validator.setDefaults({
             debug: true,
-            highlight: function(element) {
+            highlight: function (element) {
-                $(element).addClass('is-invalid');
+            $(element).addClass('is-invalid')
             },
-            unhighlight: function(element) {
+            unhighlight: function (element) {
-                $(element).removeClass('is-invalid');
+            $(element).removeClass('is-invalid')
             },
             errorElement: 'span',
             errorClass: 'error invalid-feedback',
-            errorPlacement: function(error, element) {
+            errorPlacement: function (error, element) {
-                if(element.parent('.btn-file').length) {
+            if (element.parent('.btn-file').length) {
-                    error.insertAfter(element.parent().parent());
+                error.insertAfter(element.parent().parent())
-                } else if(element.parent('.toggle').length) {
+            } else if (element.parent('.toggle').length) {
-                    error.insertAfter(element.parent().parent());
+                error.insertAfter(element.parent().parent())
-                } else {
+            } else {
-                    error.insertAfter(element.parent());
+                error.insertAfter(element.parent())
-                }
+            }
             }
-        });
+        })
         // Variables de permisos
-        var allowEdit   = $allowEdit;
+        var allowEdit = $allowEdit
-        var allowDelete = $allowDelete;
+        var allowDelete = $allowDelete
-        var allowUsers  = $allowUsers;
+        var allowUsers = $allowUsers
         // Configuración de la tabla principal
         var gridTable = $('#gridTable').dataTable({
-            'processing': true,
+            processing: true,
-            'serverSide': true,
+            serverSide: true,
-            'searching': true,
+            searching: true,
-            'order': [[ 0, 'asc' ]],
+            order: [[0, 'asc']],
+            ordering: true,
+            ordenable: true,
+            responsive: true,
+            select: false,
+            paging: true,
+            pagingType: 'simple_numbers',
-            'ordering':  true,
-            'ordenable' : true,
-            'responsive': true,
-            'select' : false,
-        	'paging': true,
-            'pagingType': 'simple_numbers',
-    		'ajax': {
+            ajax: {
-    			'url' : '$routeDatatable',
+            url: '$routeDatatable',
-    			'type' : 'get',
+            type: 'get',
-                'beforeSend': function (request) {
+            beforeSend: function (request) {
-                  NProgress.start();
+                NProgress.start()
-                },
+            },
-                'dataFilter': function(response) {
+            dataFilter: function (response) {
-                    const data = JSON.parse(response);
-                    var json = {
-                        recordsTotal: 0,
+                const data = JSON.parse(response)
-                        recordsFiltered: 0,
-                        data: []
-                    };
-                    if(data.success) {
-                        $('#form-add').attr('action', data.data.link_add);
-                        json.recordsTotal = data.data.total;
-                        json.recordsFiltered = data.data.total;
-                        json.data = data.data.items;
-                    } else {
+                var json = {
-                        $.fn.showError(data.data);
-                    }
-                    return JSON.stringify(json);
-                }
-    		},
-            'language' : {
-                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
-                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
-                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
-                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
-                'sInfo':           'LABEL_DATATABLE_SINFO',
-                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
-                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
+                recordsTotal: 0,
-                'sInfoPostFix':    '',
+                recordsFiltered: 0,
+                data: []
+                }
+                if (data.success) {
+                $('#form-add').attr('action', data.data.link_add)
+                json.recordsTotal = data.data.total
+                json.recordsFiltered = data.data.total
+                json.data = data.data.items
+                } else {
-                'sSearch':         'LABEL_DATATABLE_SSEARCH',
+                $.fn.showError(data.data)
+                }
-                'sUrl':            '',
+                return JSON.stringify(json)
+            }
+            },
+            language: {
+            sProcessing: 'LABEL_DATATABLE_SPROCESSING',
+            sLengthMenu: 'LABEL_DATATABLE_SLENGTHMENU',
+            sZeroRecords: 'LABEL_DATATABLE_SZERORECORDS',
+            sEmptyTable: 'LABEL_DATATABLE_SEMPTYTABLE',
+            sInfo: 'LABEL_DATATABLE_SINFO',
+            sInfoEmpty: 'LABEL_DATATABLE_SINFOEMPTY',
+            sInfoFiltered: 'LABEL_DATATABLE_SINFOFILTERED',
-                'sInfoThousands':  ',',
+            sInfoPostFix: '',
+            sSearch: 'LABEL_DATATABLE_SSEARCH',
+            sUrl: '',
+            sInfoThousands: ',',
-                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
+            sLoadingRecords: 'LABEL_DATATABLE_SLOADINGRECORDS',
-                'oPaginate': {
+            oPaginate: {
-                    'sFirst':    'LABEL_DATATABLE_SFIRST',
+                sFirst: 'LABEL_DATATABLE_SFIRST',
-                    'sLast':     'LABEL_DATATABLE_SLAST',
+                sLast: 'LABEL_DATATABLE_SLAST',
-                    'sNext':     'LABEL_DATATABLE_SNEXT',
+                sNext: 'LABEL_DATATABLE_SNEXT',
-                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
+                sPrevious: 'LABEL_DATATABLE_SPREVIOUS'
-                },
+            },
-                'oAria': {
+            oAria: {
-                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
+                sSortAscending: ': LABEL_DATATABLE_SSORTASCENDING',
-                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
+                sSortDescending: ':LABEL_DATATABLE_SSORTDESCENDING'
-                },
+            }
             },
-            'drawCallback': function( settings ) {
+            drawCallback: function (settings) {
-                NProgress.done();
+            NProgress.done()
             },
-            'aoColumns': [
+            aoColumns: [
-                { 'mDataProp': 'name' },
+            { mDataProp: 'name' },
-                { 'mDataProp': 'details' },
+            { mDataProp: 'details' },
-                { 'mDataProp': 'images' },
+            { mDataProp: 'images' },
-                { 'mDataProp': 'actions' },
+            { mDataProp: 'actions' }
-    	    ],
+            ],
-            'columnDefs': [
+            columnDefs: [
-                {
+            {
-                    'targets': 0,
+                targets: 0,
-                    'className' : 'text-vertical-middle',
+                className: 'text-vertical-middle'
-                },
+            },
-                {
+            {
-                    'targets': -3,
+                targets: -3,
-                    'orderable': false,
-                    'render' : function ( data, type, row ) {
+                orderable: false,
-                        var s = '';
+                render: function (data, type, row) {
-                        s += 'LABEL_STATUS: ' + data['status']  + '<br/>';
-                         if(allowUsers && row['actions']['link_total_users']  ) {
+                var s = ''
-                            s += 'LABEL_TOTAL_USERS: ' + data['total_users']  + ' <button class="btn btn-view-total-users" data-href="' + row['actions']['link_total_users'] + '" data-toggle="tooltip" title="LABEL_VIEW"><i class="fa fa-external-link-alt"></i></button> <br>';
+                s += 'LABEL_STATUS: ' + data['status'] + '<br/>'
-                         } else {
-                            s += 'LABEL_TOTAL_USERS: ' + data['total_users']  + '<br/>';
+                if (allowUsers && row['actions']['link_total_users']) {
-                         }
-                         if(allowUsers && row['actions']['link_total_users_actives']  ) {
-                            s += 'LABEL_TOTAL_USERS_ACTIVE: ' + data['total_users_active']  + ' <button class="btn btn-view-total-users" data-href="' + row['actions']['link_total_users_actives'] + '" data-toggle="tooltip" title="LABEL_VIEW"><i class="fa fa-external-link-alt"></i></button> <br>';
+                    s +=
-                         } else {
+                    'LABEL_TOTAL_USERS: ' +
-                            s += 'LABEL_TOTAL_USERS_ACTIVE: ' + data['total_users_active']  + '<br/>';
-                         }
+                    data['total_users'] +
-                        return s;
+                    ' <button class="btn btn-view-total-users" data-href="' +
-                    }
-                },
+                    row['actions']['link_total_users'] +
-                {
+                    '" data-toggle="tooltip" title="LABEL_VIEW"><i class="fa fa-external-link-alt"></i></button> <br>'
-                    'targets': -2,
+                } else {
+                    s += 'LABEL_TOTAL_USERS: ' + data['total_users'] + '<br/>'
+                }
+                if (allowUsers && row['actions']['link_total_users_actives']) {
+                    s +=
+                    'LABEL_TOTAL_USERS_ACTIVE: ' +
+                    data['total_users_active'] +
+                    ' <button class="btn btn-view-total-users" data-href="' +
+                    row['actions']['link_total_users_actives'] +
-                    'orderable': false,
+                    '" data-toggle="tooltip" title="LABEL_VIEW"><i class="fa fa-external-link-alt"></i></button> <br>'
+                } else {
+                    s +=
+                    'LABEL_TOTAL_USERS_ACTIVE: ' +
+                    data['total_users_active'] +
+                    '<br/>'
+                }
+                return s
+                }
+            },
+            {
+                targets: -2,
+                orderable: false,
+                render: function (data, type, row) {
+                s = ''
+                if (data['marketplace']) {
-                    'render' : function ( data, type, row ) {
+                    s =
+                    s +
+                    '&nbsp; <img class="btn-view-image-marketplace" data-href="' +
+                    data['marketplace'] +
+                    '" data-toggle="tooltip" src="' +
-                        s = '';
+                    data['marketplace'] +
+                    '" title="LABEL_VIEW" style="width: 40px; object-fit: cover; height: 40px;" /> '
-						if( data['marketplace'] )  {
+                } else {
-                            s = s + '&nbsp; <img class="btn-view-image-marketplace" data-href="' + data['marketplace'] + '" data-toggle="tooltip" src="'+data['marketplace']+'" title="LABEL_VIEW" style="width: 40px; object-fit: cover; height: 40px;" /> '
+                    s = s + ''
-                        }  else {
+                }
-                            s = s + '';
-                        }
+                if (data['image']) {
+                    s =
-                        if( data['image'] )  {
+                    s +
-                            s = s + '&nbsp; <img class="btn-view-image-app" data-href="' + data['image'] + '" data-toggle="tooltip" src="'+data['image']+'" title="LABEL_VIEW" style="width: 40px; object-fit: cover; height: 40px;" /> '
+                    '&nbsp; <img class="btn-view-image-app" data-href="' +
+                    data['image'] +
+                    '" data-toggle="tooltip" src="' +
+                    data['image'] +
+                    '" title="LABEL_VIEW" style="width: 40px; object-fit: cover; height: 40px;" /> '
-                        }  else {
+                } else {
-                            s = s + '';
+                    s = s + ''
-                        }
+                }
+                return s
+                }
+            },
+            {
+                targets: -1,
+                orderable: false,
                 render: function (data, type, row) {
+                s = ''
-                        return s;
-                    }
+                if (allowEdit && data['link_edit']) {
-                },
-                {
+                    s =
-                    'targets': -1,
+                    s +
-                    'orderable': false,
+                    '<button class="btn btn-info btn-sm btn-edit" data-href="' +
-                    'render' : function ( data, type, row ) {
+                    data['link_edit'] +
-                        s = '';
+                    '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pen"></i> LABEL_EDIT </button>&nbsp;'
+                }
-                        if(allowEdit && data['link_edit']  ) {
+                if (allowDelete && data['link_delete']) {
-                            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;';
+                    s =
                     s +
-                        if(allowDelete && data['link_delete']  ) {
+                    '<button class="btn btn-danger btn-sm btn-delete" data-href="' +
-                            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;';
+                    data['link_delete'] +
-                        }
+                    '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button>&nbsp;'
+                }
-                        return s;
                 return s
+                }
             ],
-        });
+            ]
         })
-        var seleccionarCampo;
+        // Validación de formulario de creación
-    var validatorAdd = $('#form-add').validate({
+        var validatorAdd = $('#form-add').validate({
-        debug: true,
-        onclick: false,
-        onkeyup: false,
-        ignore: [],
-        rules: {
-            'name': {
-                required: true,
-                maxlength: 128,
+            debug: true,
-            },
-            'description': {
-                updateCkeditor:function() {
-                        CKEDITOR.instances.description_add.updateElement();
-                },
-                required: true
-            },
-           'file': {
-                required: true,
-                extension: 'jpg|jpeg|png',
-                accept: 'image/jpg,image/jpeg,image/png'
-            },
-           'marketplace': {
-                required: false,
-                extension: 'jpg|jpeg|png',
+            onclick: false,
-                accept: 'image/jpg,image/jpeg,image/png'
-            },
+            onkeyup: false,
-            'status' : {
+            ignore: [],
-                required: true,
+            rules: {
-            },
+            name: {
-            'privacy' : {
                 required: true,
-            },
+                maxlength: 128
-            'type' : {
+            },
-                required: true,
+            description: {
-            },
+                updateCkeditor: function () {
-            'cost' : {
+                CKEDITOR.instances.description_add.updateElement()
-                required: function() {
+                },
-                    return $('#form-add #type').val() == 's';
+                required: true
-                },
+            },
+            file: {
-                'number' : true,
+                required: true,
-                'min' : 0
+                extension: 'jpg|jpeg|png',
-            }
+                accept: 'image/jpg,image/jpeg,image/png'
-        },
+            },
-        submitHandler: function(form)
+            },
-        {
+            submitHandler: function (form) {
-            var formdata = false;
+            var formdata = false
-            if (window.FormData){
+            if (window.FormData) {
-                formdata = new FormData(form); //form[0]);
+                formdata = new FormData(form) //form[0]);
-            }
+            }
-			NProgress.start();
-            $.ajax({
+            NProgress.start()
-                'dataType'  : 'json',
+            $.ajax({
-                'accept'    : 'application/json',
+                dataType: 'json',
-                'method'    : 'post',
+                accept: 'application/json',
-                'url'       :  $('#form-add').attr('action'),
+                method: 'post',
-                'data'      :  formdata,
+                url: $('#form-add').attr('action'),
-                'processData': false,
+                data: formdata,
-                'contentType': false,
+                processData: false,
+                contentType: false
-            }).done(function(response) {
+            })
-                if(response['success']) {
+                .done(function (response) {
-                    $.fn.showSuccess(response['data']);
+                if (response['success']) {
+                    $.fn.showSuccess(response['data'])
-					gridTable.api().ajax.reload(null, false);
+                    gridTable.api().ajax.reload(null, false)
-                    $('#row-add').hide();
-                    $('#row-edit').hide();
+                    $('#row-add').hide()
-                    $('#row-listing').show();
-                } else {
-                    validatorAdd.resetForm();
-                    if(jQuery.type(response['data']) == 'string') {
-                        $.fn.showError(response['data']);
-                    } else  {
-                        $.each(response['data'], function( fieldname, errors ) {
-                            $.fn.showFormErrorValidator('#form-add #' + fieldname, errors);
-                        });
-                    }
-                }
-            }).fail(function( jqXHR, textStatus, errorThrown) {
-				console.log(jqXHR)
-                $.fn.showError(textStatus);
+                    $('#row-edit').hide()
+                    $('#row-listing').show()
+                } else {
+                    validatorAdd.resetForm()
+                    if (jQuery.type(response['data']) == 'string') {
+                    $.fn.showError(response['data'])
+                    } else {
+                    $.each(response['data'], function (fieldname, errors) {
+                        $.fn.showFormErrorValidator('#form-add #' + fieldname, errors)
+                    })
-            }).always(function() {
+                    }
+                }
+                })
-                NProgress.done();
+                .fail(function (jqXHR, textStatus, errorThrown) {
-            });
+                console.log(jqXHR)
-            return false;
+                $.fn.showError(textStatus)
-        },
-        invalidHandler: function(form, validator) {
-        }
-    });
-    var validatorEdit  = $('#form-edit').validate({
-        debug: true,
-        onclick: false,
+                })
-        onkeyup: false,
+                .always(function () {
-        ignore: [],
-        rules: {
-              'name': {
-                required: true,
-                maxlength: 128,
-            },
-            'description': {
-                updateCkeditor:function() {
+                NProgress.done()
-                        CKEDITOR.instances.description_edit.updateElement();
+                })
-                },
-                required: true
-            },
-           'file': {
-                required: false,
+            return false
-                extension: 'jpg|jpeg|png',
-                accept: 'image/jpg,image/jpeg,image/png'
+            },
-            },
-           'marketplace': {
-                required: false,
-                extension: 'jpg|jpeg|png',
-                accept: 'image/jpg,image/jpeg,image/png'
+            invalidHandler: function (form, validator) {}
-            },
+        })
-            'status' : {
-                required: true,
+        // Validación de formulario de edición
-            },
-            'privacy' : {
-                required: true,
-            },
+        var validatorEdit = $('#form-edit').validate({
-            'type' : {
-                required: true,
-            },
-            'cost' : {
-                required: function() {
+            debug: true,
-                    return $('#form-edit #type').val() == 's';
+            onclick: false,
-                },
-                'number' : true,
-                'min' : 0
+            onkeyup: false,
-            }
-        },
-        submitHandler: function(form)
-        {
-            var formdata = false;
-            if (window.FormData){
-                formdata = new FormData(form); //form[0]);
-            }
-			NProgress.start();
+            ignore: [],
-            $.ajax({
-                'dataType'  : 'json',
-                'accept'    : 'application/json',
-                'method'    : 'post',
-                'url'       :  $('#form-edit').attr('action'),
-                'data'      :  formdata,
-                'processData': false,
-                'contentType': false,
+            rules: {
-            }).done(function(response) {
-                if(response['success']) {
-                    $.fn.showSuccess(response['data']);
-                    gridTable.api().ajax.reload(null, false);
-                    $('#row-add').hide();
-                    $('#row-edit').hide();
-                    $('#row-listing').show();
-                } else {
-                    validatorEdit.resetForm();
-                    if(jQuery.type(response['data']) == 'string') {
-                        $.fn.showError(response['data']);
-                    } else  {
-                        $.each(response['data'], function( fieldname, errors ) {
-                            $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors);
+                name: {
-                        });
-                    }
-                }
-            }).fail(function( jqXHR, textStatus, errorThrown) {
+                    required: true,
-                $.fn.showError(textStatus);
-            }).always(function() {
+                    maxlength: 128
-                NProgress.done();
-            });
+                },
-            return false;
+                description: {
-        },
-        invalidHandler: function(form, validator) {
-        }
-    });
+                    updateCkeditor: function () {
-        $('body').on('click', '.btn-view-image-marketplace', function(e) {
-            e.preventDefault();
-            $('#image-marketplace').attr('src', $(this).data('href'));
-            $('#modalPreviewMarketPlace').modal('show');
-            return false;
-        });
-        $('body').on('click', '.btn-view-image-app', function(e) {
-            e.preventDefault();
-            $('#image-app').attr('src', $(this).data('href'));
+                    CKEDITOR.instances.description_edit.updateElement()
-            $('#modalPreviewImage').modal('show');
-            return false;
-        });
-        $('body').on('click', 'button.btn-add', function(e) {
+                    },
-            e.preventDefault();
+                    required: true
-            $('#form-add #name').val('');
+                },
-            $('#form-add #privacy').val('');
-            $('#form-add #status').val('');
-            $('#form-add #cost').val('');
-            $('#form-add #form-row-cost').hide();
-            $('#form-add #file').fileinput('reset');
+                file: {
-            $('#form-add #file').val('');
+                    required: false,
-            $('#form-add #marketplace').fileinput('reset');
-            $('#form-add #marketplace').val('');
-            CKEDITOR.instances.description_add.setData('');
-            validatorAdd.resetForm();
+                    extension: 'jpg|jpeg|png',
+                    accept: 'image/jpg,image/jpeg,image/png'
+                }
-            $('#row-listing').hide();
+            },
-            $('#row-edit').hide();
+            submitHandler: function (form) {
-            $('#row-add').show();
+                var formdata = false
-        });
+                if (window.FormData) {
                     formdata = new FormData(form) //form[0]);
-        $('body').on('click', 'button.btn-edit', function(e) {
+                }
-            e.preventDefault();
+                NProgress.start()
+                $.ajax({
+                    dataType: 'json',
+                    accept: 'application/json',
+                    method: 'post',
+                    url: $('#form-edit').attr('action'),
-			NProgress.start();
+                    data: formdata,
+                    processData: false,
+                    contentType: false
+                })
+                    .done(function (response) {
+                    if (response['success']) {
+                        $.fn.showSuccess(response['data'])
+                        gridTable.api().ajax.reload(null, false)
+                        $('#row-add').hide()
+                        $('#row-edit').hide()
-            var url = $(this).data('href');
+                        $('#row-listing').show()
+                    } else {
+                        validatorEdit.resetForm()
+                        if (jQuery.type(response['data']) == 'string') {
+                        $.fn.showError(response['data'])
+                        } else {
+                        $.each(response['data'], function (fieldname, errors) {
+                            $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors)
+                        })
+                        }
+                    }
+                    })
+                    .fail(function (jqXHR, textStatus, errorThrown) {
+                    $.fn.showError(textStatus)
+                    })
-            $.ajax({
+                    .always(function () {
+                    NProgress.done()
+                    })
+                return false
+            },
+            invalidHandler: function (form, validator) {}
+        })
-                'dataType'  : 'json',
+        // Evento de botón de vista de imagen del marketplace
-                'accept'    : 'application/json',
+        $('body').on('click', '.btn-view-image-marketplace', function (e) {
-                'method'    : 'get',
+            e.preventDefault()
-                'url'       :  url,
-            }).done(function(response) {
+            $('#image-marketplace').attr('src', $(this).data('href'))
-                if(response['success']) {
+            $('#modalPreviewMarketPlace').modal('show')
-					console.log(response)
+            return false
-                    $('#form-edit').attr('action',url);
+        })
-                    $('#form-edit #name').val(response['data']['name']);
-                    $('#form-edit #privacy').val(response['data']['privacy']);
+        // Evento de botón de vista de imagen de la aplicación
+        $('body').on('click', '.btn-view-image-app', function (e) {
-                    $('#form-edit #type').val(response['data']['type']);
+            e.preventDefault()
+            $('#image-app').attr('src', $(this).data('href'))
+            $('#modalPreviewImage').modal('show')
+            return false
+        })
+        // Evento de botón de añadir
+        $('body').on('click', 'button.btn-add', function (e) {
+            e.preventDefault()
+            $('#form-add #name').val('')
+            $('#form-add #file').fileinput('reset')
+            $('#form-add #file').val('')
+            CKEDITOR.instances.description_add.setData('')
+            validatorAdd.resetForm()
+            $('#row-listing').hide()
+            $('#row-edit').hide()
+            $('#row-add').show()
+        })
+        // Evento de botón de editar
+        $('body').on('click', 'button.btn-edit', function (e) {
+            e.preventDefault()
+            NProgress.start()
-                    $('#form-edit #status').val(response['data']['status']);
+            var url = $(this).data('href')
+            $.ajax({
-                    if('s' == response['data']['type']) {
+            dataType: 'json',
-                        $('#form-edit #form-row-cost').show();
+            accept: 'application/json',
-                        $('#form-edit #cost').val(response['data']['cost']);
+            method: 'get',
-                    } else {
+            url: url
-                        $('#form-edit #form-row-cost').hide();
+            })
-                        $('#form-edit #cost').val('');
-                    }
+            .done(function (response) {
                 if (response['success']) {
+                $('#form-edit').attr('action', url)
+                $('#form-edit #name').val(response['data']['name'])
-                    $('#form-edit #file').fileinput('reset');
+                $('#form-edit #file').fileinput('reset')
-                    $('#form-edit #file').val('');
+                $('#form-edit #file').val('')
-                    $('#form-edit #marketplace').fileinput('reset');
+                CKEDITOR.instances.description_edit.setData(
-                    $('#form-edit #marketplace').val('');
+                    response['data']['description']
+                )
-                    CKEDITOR.instances.description_edit.setData(response['data']['description']);
+                validatorEdit.resetForm()
-                    validatorEdit.resetForm();
-                    $('#row-listing').hide();
-                    $('#row-add').hide();
-                    $('#row-edit').show();
+                $('#row-listing').hide()
-                } else {
-                    validatorEdit.resetForm();
-                    if(jQuery.type(response['data']) == 'string') {
-                        $.fn.showError(response['data']);
-                    } else  {
-                        $.each(response['data'], function( fieldname, errors ) {
-                            $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors);
-                        });
-                    }
-                }
-            }).fail(function( jqXHR, textStatus, errorThrown) {
-                $.fn.showError(textStatus);
-            }).always(function() {
-                NProgress.done();
-            });
-        });
-        CKEDITOR.replace('description_add', {
-			toolbar: [
-                    { name: 'editing', items: ['Scayt'] },
-                    { name: 'links', items: ['Link', 'Unlink'] },
-                    { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'] },
-                    { name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', 'RemoveFormat'] },
-                    '/',
-                    { name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar'] },
+                $('#row-add').hide()
-                    { name: 'styles', items: ['Styles', 'Format'] },
+                $('#row-edit').show()
-                    { name: 'tools', items: ['Maximize'] }
-                ],
+                } else {
-                removePlugins: 'elementspath,Anchor',
-                heigth: 100
-		});
-        CKEDITOR.replace('description_edit', {
-			toolbar: [
-                    { name: 'editing', items: ['Scayt'] },
+                validatorEdit.resetForm()
-                    { name: 'links', items: ['Link', 'Unlink'] },
+                if (jQuery.type(response['data']) == 'string') {
-                    { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'] },
-                    { name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', 'RemoveFormat'] },
-                    '/',
+                    $.fn.showError(response['data'])
-                    { name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar'] },
-                    { name: 'styles', items: ['Styles', 'Format'] },
+                } else {
-                    { name: 'tools', items: ['Maximize'] }
+                    $.each(response['data'], function (fieldname, errors) {
-                ],
+                    $.fn.showFormErrorValidator('#form-edit #' + fieldname, errors)
-                removePlugins: 'elementspath,Anchor',
+                    })
-                heigth: 100
+                }
-		});
+                }
-        $('#form-add #type').change(function(e) {
-            e.preventDefault();
-            if('s' == $(this).val()) {
-                $('#form-add #form-row-cost').show();
-            } else {
-                $('#form-add #cost').val(0);
-                $('#form-add #form-row-cost').hide();
-            }
+            })
-        });
+            .fail(function (jqXHR, textStatus, errorThrown) {
-        $('#form-edit #type').change(function(e) {
+                $.fn.showError(textStatus)
-            e.preventDefault();
+            })
+            .always(function () {
-            if('s' == $(this).val()) {
+                NProgress.done()
-                $('#form-edit #form-row-cost').show();
+            })
-            } else {
+        })
-                $('#form-edit #cost').val(0);
-                $('#form-edit #form-row-cost').hide();
-            }
-        });
-        $('#form-add #cost').inputNumberFormat({decimal: 2});
-    $('body').on('click', 'button.btn-view-total-users', function(e) {
+        // Evento de botón de eliminar
-        e.preventDefault();
+        $('body').on('click', 'button.btn-delete', function (e) {
+            e.preventDefault()
-        var href = $(this).data('href');
-        NProgress.start();
+            var action = $(this).data('href')
-        $.ajax({
-            'dataType'  : 'json',
-            'accept'    : 'application/json',
+            swal
-            'method'    : 'get',
-            'url'       : href,
+            .fire({
-        }).done(function(response) {
-            if(response['success']) {
-                $('#table-users-capsule').val(response['data']['capsule']);
-                $('#gridTableUsers tbody').empty();
+                title: 'LABEL_ARE_YOU_SURE',
-                $.each(response['data']['items'], function(index, item) {
-                    var s = '<tr>';
-                    s = s + '<td>' + item['first_name'] + '</td>';
-                    s = s + '<td>' + item['last_name'] + '</td>';
-                    s = s + '<td>' + item['email'] + '</td>';
+                icon: 'question',
-                    s = s + '<td>';
+                cancelButtonText: 'LABEL_NO',
-                    if(item['details']['access']) {
-                        s = s + 'LABEL_ACCESS : ' + item['details']['access'] + '<br>';
-                    }
-                    if(item['details']['paid_from']) {
-                        s = s + 'LABEL_PAID_FROM : ' + item['details']['paid_from'] + '<br>';
-                    }
-                    if(item['details']['paid_to']) {
-                        s = s + 'LABEL_PAID_TO : ' + item['details']['paid_to'] + '<br>';
-                    }
-                    s = s + '</td>';
-                    s = s + '</tr>';
-                    $('#gridTableUsers tbody').append(s);
-                });
-                $('#notificationUsersModal').modal('show');
-            } else {
-                $.fn.showError(response['data']);
-            }
-        }).fail(function( jqXHR, textStatus, errorThrown) {
-            $.fn.showError(textStatus);
-        }).always(function() {
-            NProgress.done();
-        });
-        return false;
-    });
-    $('body').on('click', 'button.btn-refresh', function(e) {
-        e.preventDefault();
-        gridTable.api().ajax.reload(null, false);
-    });
-    $('body').on('click', 'button.btn-delete', function(e) {
-        e.preventDefault();
-        var action = $(this).data('href');
+                showCancelButton: true,
-          swal.fire({
-            title: 'LABEL_ARE_YOU_SURE',
-            icon: 'question',
+                confirmButtonText: 'LABEL_YES'
-            cancelButtonText: 'LABEL_NO',
+            })
-            showCancelButton: true,
+            .then((result) => {
-            confirmButtonText: 'LABEL_YES'
+                if (result.isConfirmed) {
-          }).then((result) => {
+                NProgress.start()
-            if (result.isConfirmed) {
+                $.ajax({
+                    dataType: 'json',
+                    accept: 'application/json',
+                    method: 'post',
+                    url: action
+                })
+                    .done(function (response) {
+                    if (response['success']) {
+                        $.fn.showSuccess(response['data'])
+                        gridTable.api().ajax.reload(null, false)
+                    } else {
+                        $.fn.showError(response['data'])
+                    }
+                    })
+                    .fail(function (jqXHR, textStatus, errorThrown) {
+                    $.fn.showError(textStatus)
+                    })
+                    .always(function () {
+                    NProgress.done()
+                    })
+                }
+            })
+        })
+        // Evento de botón de cancelar
+        $('body').on('click', 'button.btn-cancel', function (e) {
+            e.preventDefault()
+            $('#row-add').hide()
+            $('#row-edit').hide()
+            $('#row-listing').show()
+        })
+        // Evento de botón de refrescar
+        $('body').on('click', 'button.btn-refresh', function (e) {
+            e.preventDefault()
+            gridTable.api().ajax.reload(null, false)
-                    NProgress.start();
+        })
-                    $.ajax({
-                        'dataType'  : 'json',
+        // Configuración del formulario de creación
-                        'accept'    : 'application/json',
+        $('#form-add #file').fileinput({
-                        'method'    : 'post',
-                        'url'       :  action,
-                    }).done(function(response) {
+            theme: 'fa',
-                        if(response['success']) {
+            language: 'es',
-                            $.fn.showSuccess(response['data']);
-                            gridTable.api().ajax.reload(null, false);
-                        } else {
+            showUpload: false,
-                            $.fn.showError(response['data']);
+            dropZoneEnabled: false,
-                        }
+            maxFileCount: 1,
-                    }).fail(function( jqXHR, textStatus, errorThrown) {
-                        $.fn.showError(textStatus);
+            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
-                    }).always(function() {
-                        NProgress.done();
-                    });
+            allowedFileExtensions: ['jpeg', 'jpg', 'png']
-                }
-           });
+        })
-        });
+        // Configuración del formulario de edición
+        $('#form-edit #file').fileinput({
-  $('#form-add #file').fileinput({
+            theme: 'fa',
-                theme: 'fa',
+            language: 'es',
-                language: 'es',
+            showUpload: false,
-                showUpload: false,
+            dropZoneEnabled: false,
-                dropZoneEnabled: false,
+            maxFileCount: 1,
-                maxFileCount: 1,
-                msgPlaceholder:  'LABEL_RECOMMENDED_SIZE $image_size',
-                allowedFileExtensions: ['jpeg', 'jpg', 'png'],
+            msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
-            });
+            allowedFileExtensions: ['jpeg', 'jpg', 'png']
-  $('#form-add #marketplace').fileinput({
-                theme: 'fa',
+        })
-                language: 'es',
-                showUpload: false,
-                dropZoneEnabled: false,
+        // Configuración del editor de CKEditor para el formulario de creación
-                maxFileCount: 1,
-                msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $marketplace_size',
+        CKEDITOR.replace('description_add', {
-                allowedFileExtensions: ['jpeg', 'jpg', 'png'],
+            toolbar: [
-            });
+            { name: 'editing', items: ['Scayt'] },
+            { name: 'links', items: ['Link', 'Unlink'] },
-            $('#form-edit #file').fileinput({
+            {
-                theme: 'fa',
-                language: 'es',
+                name: 'paragraph',
+                items: [
+                'NumberedList',
+                'BulletedList',
+                '-',
+                'Outdent',
+                'Indent',
+                'Blockquote'
+                ]
+            },
+            {
+                name: 'basicstyles',
+                items: ['Bold', 'Italic', 'Strike', 'RemoveFormat']
+            },
+            '/',
+            {
+                name: 'insert',
+                items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar']
+            },
+            { name: 'styles', items: ['Styles', 'Format'] },
+            { name: 'tools', items: ['Maximize'] }
+            ],
+            removePlugins: 'elementspath,Anchor',
+            heigth: 100
+        })
+        // Configuración del editor de CKEditor para el formulario de edición
+        CKEDITOR.replace('description_edit', {
+            toolbar: [
+            { name: 'editing', items: ['Scayt'] },
+            { name: 'links', items: ['Link', 'Unlink'] },
+            {
-                showUpload: false,
+                name: 'paragraph',
-                dropZoneEnabled: false,
+                items: [
-                maxFileCount: 1,
+                'NumberedList',
-                msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
+                'BulletedList',
-                allowedFileExtensions: ['jpeg', 'jpg', 'png'],
-            });
+                '-',
                 'Outdent',
-            $('#form-edit #marketplace').fileinput({
+                'Indent',
-                theme: 'fa',
+                'Blockquote'
                 language: 'es',
+            },
                 showUpload: false,
-                dropZoneEnabled: false,
+                name: 'basicstyles',
-                maxFileCount: 1,
+                items: ['Bold', 'Italic', 'Strike', 'RemoveFormat']
-                msgPlaceholder:  'LABEL_RECOMMENDED_SIZE $marketplace_size',
+            },
-                allowedFileExtensions: ['jpeg', 'jpg', 'png'],
+            '/',
-            });
+            {
+                name: 'insert',
-        $('body').on('click', 'button.btn-cancel', function(e) {
+                items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar']
-            e.preventDefault();
+            },
-            $('#row-add').hide();
+            { name: 'styles', items: ['Styles', 'Format'] },
-            $('#row-edit').hide();
+            { name: 'tools', items: ['Maximize'] }
-            $('#row-listing').show();
+            ],
             removePlugins: 'elementspath,Anchor',
-        });
+            heigth: 100
         })
-});
+    })
 JS;
 $this->inlineScript()->captureEnd();
+?>
 ?>
 <div class="container">
 	<div class="card" id="row-listing">
-<div class="container">
+	 	<div class="card-header">
-	<div class="card" id="row-listing">
+	 		<h6 class="card-title">LABEL_CAPSULES</h6>
 	<div class="card" id="row-add" style="display: none">
 	 	<div class="card-header">
 	 		<h6 class="card-title">LABEL_ADD_CAPSULE</h6>
+	 	</div>
 	 	</div>
 	 	<?php
 		$form = $this->formAdd;
 		$form->setAttributes([
 			'method'  => 'post',
 		]);
 		$form->prepare();
 		echo $this->form()->openTag($form);
-		?>
-	 	<div class="card-body">
-	 		<div class="row">
-	 	         <div class="col-12 mt-3">
-    			<?php
-    			$element = $form->get('name');
+		?>
-    			$element->setAttributes(['class' => 'form-control']);
-    			$element->setOptions(['label' => 'LABEL_NAME']);
-    			echo $this->formLabel($element);
-    			echo $this->formText($element);
-    			?>
-    			</div>
-    		</div>
-	 		<div class="row">
-	 	         <div class="col-12 mt-3">
-        			<?php
-        			$element = $form->get('description');
-        			$element->setAttributes(['id' => 'description_add', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
-        			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
-        			echo $this->formLabel($element);
-        			echo $this->formTextArea($element);
-        			?>
-        		</div>
-        	</div>
-	 		<div class="row">
+            <div class="card-body">
-	 	         <div class="col-12 mt-3">
-    			<?php
-    			$element = $form->get('status');
-    			$element->setAttributes(['class' => 'form-control']);
-    			$element->setOptions(['label' => 'LABEL_STATUS']);
-    			echo $this->formLabel($element);
-    			echo $this->formSelect($element);
-    			?>
-				</div>
-			</div>
-	 		<div class="row">
+                <div class="row">
-	 	         <div class="col-12 mt-3">
-        			<?php
-        			$element = $form->get('privacy');
-        			$element->setAttributes(['class' => 'form-control']);
-        			$element->setOptions(['label' => 'LABEL_PRIVACY']);
-        			echo $this->formLabel($element);
-        			echo $this->formSelect($element);
-        			?>
-        		</div>
-        	</div>
-			<div class="row">
-	 			<div class="col-12 mt-3">
-        			<?php
-        			$element = $form->get('type');
-        			$element->setAttributes(['class' => 'form-control']);
-        			$element->setOptions(['label' => 'LABEL_TYPE']);
-        			echo $this->formLabel($element);
-        			echo $this->formSelect($element);
-        			?>
-        		</div>
-        	</div>
-		  	<div class="row"  id="form-row-cost">
-	 			<div class="col-12 mt-3">
-        			<?php
-        			$element = $form->get('cost');
-        			$element->setAttributes(['class' => 'form-control']);
-        			$element->setOptions(['label' => 'LABEL_COST']);
-        			echo $this->formLabel($element);
-        			echo $this->formText($element);
-        			?>
-				</div>
-			</div>
-			<div class="row">
-	 	 		<div class="col-12 mt-3">
+                    <div class="col-12 mt-3">
                         <?php
-                        $element = $form->get('file');
+                        $element = $form->get('name');
                         $element->setOptions(['label' => 'LABEL_IMAGE']);
                         $element->setAttributes(['class' => 'form-control']);
-                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
+                        $element->setOptions(['label' => 'LABEL_NAME']);
+                        echo $this->formLabel($element);
+                        echo $this->formText($element);
+                        ?>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-12 mt-3">
+                        <?php
+                        $element = $form->get('description');
+                        $element->setAttributes(['id' => 'description_add', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
-                        echo $this->formLabel($element);
+                        $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
+                        echo $this->formLabel($element);
-                        echo $this->formFile($element);
+                        echo $this->formTextArea($element);
                         ?>
-            	</div>
+                    </div>
+                </div>
-           	</div>
-           	<div class="row">
+                <div class="row">
-	 	         <div class="col-12 mt-3">
+                    <div class="col-12 mt-3">
                         <?php
-                        $element = $form->get('marketplace');
+                        $element = $form->get('file');
-                        $element->setOptions(['label' => 'LABEL_MARKETPLACE']);
+                        $element->setOptions(['label' => 'LABEL_IMAGE']);
                         $element->setAttributes(['class' => 'form-control']);
                         $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
                         echo $this->formLabel($element);
                         echo $this->formFile($element);
                         ?>
-          		</div>
+                    </div>
-          	</div>
+                </div>
+            </div>
-	 	</div>
-	 	<div class="card-footer text-right">
+            <div class="card-footer text-right">
-			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
+                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
-      		<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
+                <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
-	 	</div>
+            </div>
 	 	<?php echo $this->form()->closeTag($form); ?>
 	</div>
 	<div class="card" id="row-edit" style="display: none">
 	 	<div class="card-header">
+	 		<h6 class="card-title">LABEL_EDIT_CAPSULE</h6>
-	 		<h6 class="card-title">LABEL_EDIT_CAPSULE</h6>
+	 	</div>
 	 	</div>
 	 	<?php
 		$form = $this->formEdit;
 		$form->setAttributes([
 		]);
 		$form->prepare();
 		echo $this->form()->openTag($form);
-		?>
-	 	<div class="card-body">
-	 		<div class="row">
+		?>
-	 	         <div class="col-12 mt-3">
-    			<?php
-    			$element = $form->get('name');
-    			$element->setAttributes(['class' => 'form-control']);
-    			$element->setOptions(['label' => 'LABEL_NAME']);
-    			echo $this->formLabel($element);
-    			echo $this->formText($element);
-    			?>
-    			</div>
-    		</div>
-	 		<div class="row">
-	 	         <div class="col-12 mt-3">
-        			<?php
-        			$element = $form->get('description');
-        			$element->setAttributes(['id' => 'description_edit', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
-        			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
-        			echo $this->formLabel($element);
-        			echo $this->formTextArea($element);
-        			?>
-        		</div>
-        	</div>
-	 		<div class="row">
+            <div class="card-body">
-	 	         <div class="col-12 mt-3">
-    			<?php
-    			$element = $form->get('status');
-    			$element->setAttributes(['class' => 'form-control']);
-    			$element->setOptions(['label' => 'LABEL_STATUS']);
-    			echo $this->formLabel($element);
-    			echo $this->formSelect($element);
-    			?>
-				</div>
-			</div>
-	 		<div class="row">
+                <div class="row">
-	 	         <div class="col-12 mt-3">
-        			<?php
-        			$element = $form->get('privacy');
-        			$element->setAttributes(['class' => 'form-control']);
-        			$element->setOptions(['label' => 'LABEL_PRIVACY']);
-        			echo $this->formLabel($element);
-        			echo $this->formSelect($element);
-        			?>
-        		</div>
-        	</div>
-			<div class="row">
-	 			<div class="col-12 mt-3">
-        			<?php
-        			$element = $form->get('type');
-        			$element->setAttributes(['class' => 'form-control']);
-        			$element->setOptions(['label' => 'LABEL_TYPE']);
-        			echo $this->formLabel($element);
-        			echo $this->formSelect($element);
-        			?>
-        		</div>
-        	</div>
-		  	<div class="row"  id="form-row-cost">
-	 			<div class="col-12 mt-3">
-        			<?php
-        			$element = $form->get('cost');
-        			$element->setAttributes(['class' => 'form-control']);
-        			$element->setOptions(['label' => 'LABEL_COST']);
-        			echo $this->formLabel($element);
-        			echo $this->formText($element);
-        			?>
-				</div>
-			</div>
-			<div class="row">
-	 	 		<div class="col-12 mt-3">
+                    <div class="col-12 mt-3">
                         <?php
-                        $element = $form->get('file');
-                        $element->setOptions(['label' => 'LABEL_IMAGE']);
+                        $element = $form->get('name');
                         $element->setAttributes(['class' => 'form-control']);
-                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
+                        $element->setOptions(['label' => 'LABEL_NAME']);
                         echo $this->formLabel($element);
-                        echo $this->formFile($element);
+                        echo $this->formText($element);
                         ?>
-            	</div>
+                    </div>
+                </div>
-           	</div>
-           	<div class="row">
+                <div class="row">
-	 	         <div class="col-12 mt-3">
+                    <div class="col-12 mt-3">
                         <?php
-                        $element = $form->get('marketplace');
-                        $element->setOptions(['label' => 'LABEL_MARKETPLACE']);
+                        $element = $form->get('description');
-                        $element->setAttributes(['class' => 'form-control']);
+                        $element->setAttributes(['id' => 'description_edit', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
-                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
+                        $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
                         echo $this->formLabel($element);
-                        echo $this->formFile($element);
+                        echo $this->formTextArea($element);
                         ?>
-          		</div>
+                    </div>
-          	</div>
-	 	</div>
-	 	<div class="card-footer text-right">
-			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
-      		<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
-	 	</div>
-	 	<?php echo $this->form()->closeTag($form); ?>
-	</div>
-</div>
+                </div>
-<!-- The Modal -->
+                <div class="row">
-<div class="modal" id="modalPreviewMarketPlace">
+                    <div class="col-12 mt-3">
-	<div class="modal-dialog">
+                            <?php
-		<div class="modal-content">
+                            $element = $form->get('file');
+                            $element->setOptions(['label' => 'LABEL_IMAGE']);
-			<!-- Modal Header -->
+                            $element->setAttributes(['class' => 'form-control']);
-			<div class="modal-header">
+                            $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
-				<h6 class="modal-title">LABEL_IMAGE_MARKETPLACE</h6>
+                            echo $this->formLabel($element);
-				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
-			</div>
+                            echo $this->formFile($element);
+                            ?>
-			<!-- Modal body -->
-			<div class="modal-body text-center">
+                    </div>
-				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-marketplace" />
+                </div>
-			</div>
+            </div>
-			<!-- Modal footer -->
+            <div class="card-footer text-right">
-			<div class="modal-footer text-right">
+                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
-				<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
+                <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
-			</div>
+            </div>
-		</div>
+	 	<?php echo $this->form()->closeTag($form); ?>
-	</div>
-</div>
+	</div>
 </div>
 <!-- The Modal -->
 			<div class="modal-footer text-right">
 				<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
 			</div>
 		</div>
 	</div>
-</div>
-<!-- The Modal -->
-<div class="modal" id="notificationUsersModal">
-	<div class="modal-dialog modal-xl">
-		<div class="modal-content">
-			<!-- Modal Header -->
-			<div class="modal-header">
-				<h6 class="modal-title">LABEL_USERS</h6>
-				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
-			</div>
-			<!-- Modal body -->
-			<div class="modal-body">
-				<form>
-					<div class="row">
-						<div class="col-12 mt-3">
-						<label>LABEL_CAPSULE</label>
-						<input type="text" readonly="readonly" id="table-users-capsule" class="form-control">
-						</div>
-					</div>
-				</form>
-				<div class="row">
-					<div class="col-12 mt-3">
-        				<div style="height: 300px;overflow: scroll;">
-        					<table id="gridTableUsers" style="width: 100%" class="table table-bordered">
-        						<thead>
-        							<tr>
-        								<th>LABEL_FIRST_NAME</th>
-        								<th>LABEL_LAST_NAME</th>
-        								<th>LABEL_EMAIL</th>
-        								<th>LABEL_DETAILS</th>
-        							</tr>
-        						</thead>
-        						<tbody>
-        						</tbody>
-        					</table>
-        				</div>
-    				</div>
-    			</div>
-			</div>
-			<!-- Modal footer -->
-			<div class="modal-footer text-right">
-				<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
-			</div>
-		</div>
-	</div>
 </div>

Proyectos de Subversion LeadersLinked - Backend

(root)/module/LeadersLinked/view/leaders-linked/microlearning-capsules/index.phtml – Rev 17085 → 17178