Rev 15452 | Rev 16822 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
<?php$acl = $this->viewModel()->getRoot()->getVariable('acl');$currentUser = $this->currentUserHelper();$roleName = $currentUser->getUserTypeId();$routeDatatable = $this->url('settings/private-networks');$routeAdd = $this->url('settings/private-networks/add');$allowAdd = $acl->isAllowed($roleName, 'settings/private-networks/add') ? 1 : 0;$allowEdit = $acl->isAllowed($roleName, 'settings/private-networks/edit') ? 1 : 0;$allowDelete = $acl->isAllowed($roleName, 'settings/private-networks/delete') ? 1 : 0;$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));$this->inlineScript()->appendFile($this->basePath('plugins/ckeditor/ckeditor.js'));$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-responsive/css/responsive.bootstrap4.min.css'));$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/dataTables.responsive.min.js'));$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/responsive.bootstrap4.min.js'));$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));$this->inlineScript()->appendFile($this->basePath('plugins/select2/js/select2.js'));$this->inlineScript()->appendFile($this->basePath('plugins/select2/js/i18n/es.js'));$this->headLink()->appendStylesheet($this->basePath('plugins/select2/css/select2.css'));$this->headLink()->appendStylesheet($this->basePath('plugins/select2-bootstrap4-theme/select2-bootstrap4.css'));$status_active = \LeadersLinked\Model\Network::STATUS_ACTIVE;$this->inlineScript()->captureStart();echo <<<JSjQuery( document ).ready(function( $ ) {$.validator.addMethod('passwordStrengthCheck', function(value) {return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$^x%x*-]).{6,16}$/.test(value)}, 'ERROR_PASSWORD_STRENGTH');var allowEdit = $allowEdit;var allowDelete = $allowDelete;$.validator.setDefaults({debug: true,highlight: function(element) {$(element).addClass('is-invalid');},unhighlight: function(element) {$(element).removeClass('is-invalid');},errorElement: 'span',errorClass: 'error invalid-feedback',errorPlacement: function(error, element) {if(element.parent('.form-group').length) {error.insertAfter(element);} else if(element.parent('.toggle').length) {error.insertAfter(element.parent().parent());} else {error.insertAfter(element.parent());}}});$.fn.showFormErrorValidator = function(fieldname, errors) {var field = $(fieldname);if(field) {$(field).addClass('is-invalid');var error = $('<span id="' + fieldname +'-error" class="error invalid-feedback">' + errors + '</div>');if(field.parent('.form-group').length) {error.insertAfter(field);} else if(field.parent('.toggle').length) {error.insertAfter(field.parent().parent());} else {error.insertAfter(field.parent());}}};var gridTable = $('#gridTable').dataTable( {'processing': true,'serverSide': true,'searching': true,'order': [[ 0, 'asc' ]],'ordering': true,'ordenable' : true,'responsive': true,'select' : false,'paging': true,'pagingType': 'simple_numbers','ajax': {'url' : '$routeDatatable','type' : 'get','beforeSend': function (request) {NProgress.start();},'dataFilter': function(response) {var response = jQuery.parseJSON( response );var json = {};json.recordsTotal = 0;json.recordsFiltered = 0;json.data = [];if(response.success) {json.recordsTotal = response.data.total;json.recordsFiltered = response.data.total;json.data = response.data.items;} else {$.fn.showError(response.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','sInfoPostFix': '','sSearch': 'LABEL_DATATABLE_SSEARCH','sUrl': '','sInfoThousands': ',','sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS','oPaginate': {'sFirst': 'LABEL_DATATABLE_SFIRST','sLast': 'LABEL_DATATABLE_SLAST','sNext': 'LABEL_DATATABLE_SNEXT','sPrevious': 'LABEL_DATATABLE_SPREVIOUS'},'oAria': {'sSortAscending': ': LABEL_DATATABLE_SSORTASCENDING','sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'},},'drawCallback': function( settings ) {NProgress.done();$('button.btn-delete').confirmation({rootSelector: 'button.btn-delete',title : 'LABEL_ARE_YOU_SURE',singleton : true,btnOkLabel: 'LABEL_YES',btnCancelLabel: 'LABEL_NO',onConfirm: function(value) {var action = $(this).data('href');NProgress.start();$.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();});},});},'aoColumns': [{ 'mDataProp': 'name' },{ 'mDataProp': 'main_hostname' },{ 'mDataProp': 'admin_hostname' },{ 'mDataProp': 'status' },{ 'mDataProp': 'actions' },],'columnDefs': [{'targets':0,'className' : 'text-vertical-middle',},{'targets': -2,'orderable': false,'className' : 'text-center','render' : function ( data, type, row ) {checked = data == 'a' ? ' checked="checked" ' : '';return '<div class="checkbox checkbox-success">' +'<input class="styled" type="checkbox" ' + checked + ' disabled="disabled">' +'<label ></label></div>';}},{'targets': -1,'orderable': false,'render' : function ( data, type, row ) {s = '';if(allowEdit && data['link_edit']) {s = s + '<button class="btn btn-primary btn-edit" data-href="' + data['link_edit']+ '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pencil"></i> LABEL_EDIT </button> ';}if(allowDelete && data['link_delete']) {s = s + '<button class="btn btn-danger btn-delete" data-href="' + data['link_delete']+ '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button> ';}return s;}}],});var validatorAdd = $('#form-add').validate({debug: true,onclick: false,onkeyup: false,ignore: [':hidden'],rules: {'first_name': {required: true,maxlength: 64,},'last_name': {required: true,maxlength: 64,},'email': {required: true,email: true,maxlength: 250,},'password': {required: true,minlength: 6,maxlength: 16,passwordStrengthCheck: true,},'confirmation' : {required: true,minlength: 6,maxlength: 16,equalTo: '#form-add #password'},'company': {required: true,maxlength: 128,},'company_size_id': {required: true,},'industry_id': {required: true,},'main_hostname': {required: true,maxlength: 250,url: true,},'alternative_hostname': {required: false,maxlength: 250,url: true,},'admin_hostname': {required: true,maxlength: 250,url: true,},'moodle_url': {required: false,maxlength: 250,url: true,},'relationship_user_mode': {required: true,},'status': {required: false,},'theme_id': {required: true,},},submitHandler: function(form){NProgress.start();$.ajax({'dataType' : 'json','accept' : 'application/json','method' : 'post','url' : $('#form-add').attr('action'),'data' : $('#form-add').serialize()}).done(function(response) {if(response.success) {$.fn.showSuccess(response.data);$('#modalAdd').modal('hide');gridTable.api().ajax.reload(null, false);} else {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) {$.fn.showError(textStatus)}).always(function() {NProgress.done();})},invalidHandler: function(form, validator) {}});var validatorEdit = $('#form-edit').validate({debug: true,onclick: false,onkeyup: false,ignore: [':hidden'],rules: {'theme_id' : {required: true,},'name': {required: true,maxlength: 128,},'main_hostname': {required: true,maxlength: 250,},'alternative_hostname': {required: false,maxlength: 250,},'admin_hostname': {required: true,maxlength: 250,},'status': {required: false,},'moodle_url': {required: false,maxlength: 250,url: true,},'relationship_user_mode': {required: true,},'theme_id': {required: true,},},submitHandler: function(form){NProgress.start();$.ajax({'dataType' : 'json','accept' : 'application/json','method' : 'post','url' : $('#form-edit').attr('action'),'data' : $('#form-edit').serialize()}).done(function(response) {if(response.success) {$.fn.showSuccess(response.data);$('#modalEdit').modal('hide');gridTable.api().ajax.reload(null, false);} else {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();})},invalidHandler: function(form, validator) {}});$('body').on('click', 'button.btn-add', function(e) {e.preventDefault();$('#form-add #first_name').val('');$('#form-add #last_name').val('');$('#form-add #email').val('');$('#form-add #password').val('');$('#form-add #confirmation').val('');$('#form-add #company').val('');$('#form-add #company_size_id').val('').trigger('change');$('#form-add #industry_id').val('').trigger('change');$('#form-add #main_hostname').val('');$('#form-add #alternative_hostname').val('');$('#form-add #admin_hostname').val('');$('#form-add #moodle_url').val('');$('#form-add #relationship_user_mode').val('').trigger('change');$('#form-add #theme_id').val('');validatorAdd.resetForm();$('#modalAdd').modal('show');});$('body').on('click', 'button.btn-edit', function(e) {e.preventDefault();NProgress.start();var action = $(this).data('href');$.ajax({'dataType' : 'json','method' : 'get','url' : action,}).done(function(response) {if(response['success']) {$('#form-edit').attr('action', action);$('#form-edit #name').val(response['data']['name']);$('#form-edit #main_hostname').val(response['data']['main_hostname']);$('#form-edit #alternative_hostname').val(response['data']['alternative_hostname']);$('#form-edit #admin_hostname').val(response['data']['admin_hostname']);$('#form-edit #status').bootstrapToggle(response['data']['status'] == '$status_active' ? 'on' : 'off')$('#form-edit #theme_id').val(response['data']['theme_id']);$('#form-edit #moodle_url').val(response['data']['moodle_url']);$('#form-edit #relationship_user_mode').val(response['data']['relationship_user_mode']).trigger('change');validatorEdit.resetForm();$('#modalEdit').modal('show');} else {$.fn.showError(response['data']);}}).fail(function( jqXHR, textStatus, errorThrown) {$.fn.showError(textStatus);}).always(function() {NProgress.done();});});$('body').on('click', 'button.btn-refresh', function(e) {e.preventDefault();gridTable.api().ajax.reload(null, false);});$('body').on('click', 'button.btn-cancel', function(e) {e.preventDefault();$('#modalAdd').modal('hide');$('#modalEdit').modal('hide');});$('#form-add #company_size_id').select2({theme: 'bootstrap4',width: '100%',});$('#form-add #industry_id').select2({theme: 'bootstrap4',width: '100%',});$('#form-edit #status').bootstrapToggle({'on' : 'LABEL_ACTIVE', 'off' : 'LABEL_INACTIVE', 'width' : '160px', 'height' : '40px'});});JS;$this->inlineScript()->captureEnd();?><!-- Content Header (Page header) --><section class="content-header"><div class="container-fluid"><div class="row mb-2"><div class="col-sm-12"><h1>LABEL_PRIVATE_NETWORKS</h1></div></div></div><!-- /.container-fluid --></section><section class="content"><div class="container-fluid"><div class="row"><div class="col-12"><div class="card"><div class="card-body"><table id="gridTable" class="table table-striped table-hover"><thead><tr><th>LABEL_NAME</th><th>LABEL_MAIN_HOSTNAME</th><th>LABEL_ADMIN_HOSTNAME</th><th>LABEL_ACTIVE</th><th>LABEL_ACTIONS</th></tr></thead><tbody></tbody></table></div><div class="card-footer clearfix"><div style="float:right;"><button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button><?php if ($allowAdd) : ?><button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button><?php endif; ?></div></div></div></div></div></div></section><!-- The Modal --><div class="modal" id="modalAdd"><div class="modal-dialog modal-xl"><div class="modal-content"><!-- Modal Header --><div class="modal-header"><h4 class="modal-title">LABEL_NEW_PRIVATE_NETWORK<span id="form-title"></span></h4><button type="button" class="close" data-dismiss="modal">×</button></div><!-- Modal body --><div class="modal-body"><?php$form = $this->formAdd;$form->setAttributes(['method' => 'post','name' => 'form-add','id' => 'form-add','action' => $routeAdd,]);$form->prepare();echo $this->form()->openTag($form);?><div class="form-group"><?php$element = $form->get('first_name');$element->setOptions(['label' => 'LABEL_FIRST_NAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('last_name');$element->setOptions(['label' => 'LABEL_LAST_NAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('email');$element->setOptions(['label' => 'LABEL_EMAIL']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('password');$element->setOptions(['label' => 'LABEL_PASSWORD']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formPassword($element);?></div><div class="form-group"><?php$element = $form->get('confirmation');$element->setOptions(['label' => 'LABEL_CONFIRMATION']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formPassword($element);?></div><div class="form-group"><?php$element = $form->get('company');$element->setOptions(['label' => 'LABEL_COMPANY']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('industry_id');$element->setOptions(['label' => 'LABEL_INDUSTRY']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formSelect($element);?></div><div class="form-group"><?php$element = $form->get('company_size_id');$element->setOptions(['label' => 'LABEL_COMPANY_SIZE']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formSelect($element);?></div><div class="form-group"><?php$element = $form->get('main_hostname');$element->setOptions(['label' => 'LABEL_MAIN_HOSTNAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('alternative_hostname');$element->setOptions(['label' => 'LABEL_ALTERNATIVE_HOSTNAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('admin_hostname');$element->setOptions(['label' => 'LABEL_ADMIN_HOSTNAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('moodle_url');$element->setOptions(['label' => 'LABEL_MY_ONROOM_URL']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('relationship_user_mode');$element->setOptions(['label' => 'LABEL_THEME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formSelect($element);?></div><div class="form-group"><?php$element = $form->get('theme_id');$element->setOptions(['label' => 'LABEL_THEME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formSelect($element);?></div><div class="form-group"><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><!-- Modal footer --><div class="modal-footer"><button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button></div></div></div></div><!-- The Modal --><div class="modal" id="modalEdit"><div class="modal-dialog modal-xl"><div class="modal-content"><!-- Modal Header --><div class="modal-header"><h4 class="modal-title">LABEL_EDIT_PRIVATE_NETWORK<span id="form-title"></span></h4><button type="button" class="close" data-dismiss="modal">×</button></div><!-- Modal body --><div class="modal-body"><?php$form = $this->formEdit;$form->setAttributes(['method' => 'post','name' => 'form-edit','id' => 'form-edit',]);$form->prepare();echo $this->form()->openTag($form);?><div class="form-group"><?php$element = $form->get('name');$element->setOptions(['label' => 'LABEL_NAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('main_hostname');$element->setOptions(['label' => 'LABEL_MAIN_HOSTNAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('alternative_hostname');$element->setOptions(['label' => 'LABEL_ALTERNATIVE_HOSTNAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('admin_hostname');$element->setOptions(['label' => 'LABEL_ADMIN_HOSTNAME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('status');echo $this->formCheckbox($element);?></div><div class="form-group"><?php$element = $form->get('moodle_url');$element->setOptions(['label' => 'LABEL_MY_ONROOM_URL']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formText($element);?></div><div class="form-group"><?php$element = $form->get('relationship_user_mode');$element->setOptions(['label' => 'LABEL_THEME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formSelect($element);?></div><div class="form-group"><?php$element = $form->get('theme_id');$element->setOptions(['label' => 'LABEL_THEME']);$element->setAttributes(['class' => 'form-control']);echo $this->formLabel($element);echo $this->formSelect($element);?></div><div class="form-group"><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><!-- Modal footer --><div class="modal-footer"><button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button></div></div></div></div>