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

 $allowEdit      = $acl->isAllowed($roleName, 'companies/edit') ? 1 : 0;
 $allowServices  = $acl->isAllowed($roleName, 'companies/services') ? 1 : 0;
 $allowRoles     = $acl->isAllowed($roleName, 'companies/roles') ? 1 : 0;
-$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
+$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
-$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
-$this->inlineScript()->appendFile($this->basePath('plugins/ckeditor/ckeditor.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/ckeditor/ckeditor.js'));
-$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/jquery.validate.js'));
-$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/jquery-validation/additional-methods.js'));
-$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/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->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css'));
-$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));
+$this->headLink()->appendStylesheet($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.css'));
-$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('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'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/datatables.net-bs5-responsive/responsive.bootstrap5.min.js'));
+$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
+$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
-$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'));
                 $(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) {
+                if(element.parent('.toggle').length) {
                     error.insertAfter(element.parent().parent());
                 } else {
                     error.insertAfter(element.parent());
+                }
+            }
             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);
+                var error = $('<span id="' + fieldname +'-error" class="error invalid-feedback">' + errors + '</div>');
-                } else  if(field.parent('.toggle').length) {
+                if(element.parent('.toggle').length) {
-                    error.insertAfter(field.parent().parent());
+                    error.insertAfter(element.parent().parent());
                 } else {
+                    error.insertAfter(element.parent());
                     error.insertAfter(field.parent());
+            }
                     '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) {
-                        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': 'details' },
                 { 'mDataProp': 'security' },
                     'render' : function ( data, type, row ) {
                         var s = row['name'] + '<br>' + row['network'];
                         if(row['link_profile'] ) {
-                            s = s + '<br><button class="btn btn-sm btn-default btn-profile" data-href="' + row['link_profile']+ '" data-toggle="tooltip" title="LABEL_PROFILE"><i class="fa fa-external-link"></i></button>&nbsp;<br>';
+                            s = s + '<br><button class="btn btn-light btn-profile" data-href="' + row['link_profile']+ '" data-toggle="tooltip" title="LABEL_PROFILE"><i class="fa fa-external-link"></i></button>&nbsp;<br>';
+                        }
                         return s;
                     'orderable': false,
                     'render' : function ( data, type, row ) {
                         var s = 'LABEL_STATUS : ' + data['status']  + '<br>';
                         s = s +  'LABEL_INTERNAL : ' + data['internal']  + '<br>';
                         if(allowServices) {
-                            s = s + 'LABEL_SERVICES:  <button class="btn btn-sm btn-default btn-services" data-href="' + row['actions']['link_services']+ '" data-toggle="tooltip" title="LABEL_SERVICES"><i class="fa fa-external-link"></i></button>&nbsp;<br>';
+                            s = s + 'LABEL_SERVICES:  <button class="btn btn-light btn-services" data-href="' + row['actions']['link_services']+ '" data-toggle="tooltip" title="LABEL_SERVICES"><i class="fa fa-external-link"></i></button>&nbsp;<br>';
                         } else {
                             s = s + 'LABEL_SERVICES: <br>';
+                        }
                             });
                             s = s + '</ul>';
+                        }
                         if(allowRoles) {
-                            s = s + 'LABEL_ROLES: <button class="btn btn-sm btn-default btn-roles" data-href="' + row['actions']['link_roles']+ '" data-toggle="tooltip" title="LABEL_ROLES"><i class="fa fa-external-link"></i></button>&nbsp;<br>';
+                            s = s + 'LABEL_ROLES: <button class="btn btn-light btn-roles" data-href="' + row['actions']['link_roles']+ '" data-toggle="tooltip" title="LABEL_ROLES"><i class="fa fa-external-link"></i></button>&nbsp;<br>';
                         } else {
                             s = s + 'LABEL_ROLES: <br>';
             }).always(function() {
                 NProgress.done();
             });
+        });
+    $('body').on('click', 'button.btn-delete', function(e) {
+        e.preventDefault();
+        var action = $(this).data('href');
+          swal.fire({
+            title: 'LABEL_ARE_YOU_SURE',
+            icon: 'question',
+            cancelButtonText: 'LABEL_NO',
+            showCancelButton: true,
+            confirmButtonText: 'LABEL_YES'
+          }).then((result) => {
+            if (result.isConfirmed) {
+                    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();
+                    });
+            }
+       });
-        });
+    });
         $('#form-services').submit(function (e) {
             e.preventDefault();
                         var checked = role['checked'] ? ' checked="checked" ' : '';
                         var s = '<tr>';
+                        s = s + '<td>' + role['name'] + '</td>';
-                        s = s + '<td>' + role['name'] + '</td>';
+                        s = s + '<td><div class="form-check mb-3">' +
+                            '<input type="checkbox" class="form-check-input" id="checked' + role['id'] + '" name="checked' + role['id'] + '" ' + checked + '>' +
 						    '<label class="form-check-label" for="exampleCheck1">&nbsp;</label>'+
-                        s = s + '<td><input id="checked' + role['id'] + '" name="checked' + role['id'] + '" class="form-control" type="checkbox" ' + checked + ' style="width: 20px; height: 20px" value="1"></td>';
+					   '</div></td>';
                         s = s + '</tr>';
     });
 JS;
 $this->inlineScript()->captureEnd();
 ?>
-<!-- Content Header (Page header) -->
-<section class="content-header">
-    <div class="container-fluid">
+<div class="container">
-        <div class="row mb-2">
-            <div class="col-sm-12">
-                <h1>LABEL_COMPANIES</h1>
-            </div>
-        </div>
-    </div><!-- /.container-fluid -->
-</section>
+	<div class="card">
-<section class="content">
-    <div class="container-fluid">
-        <form name="form-filter" id="form-filter">
-            <table class="table">
-                <thead>
-                    <tr>
+		<div class="card-body">
-                        <th>LABEL_STATUS</th>
-                        <th>LABEL_PRIVATE_NETWORKS</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <select id="status" name="status" class="form-control">
-                                <option value="">LABEL_ALL</option>
-                                <option value="<?php echo Company::STATUS_PENDING ?>">LABEL_PENDING</option>
-                                <option value="<?php echo Company::STATUS_ACTIVE ?>">LABEL_ACTIVE</option>
-                                <option value="<?php echo Company::STATUS_INACTIVE ?>">LABEL_INACTIVE</option>
-                                <option value="<?php echo Company::STATUS_DELETED ?>">LABEL_DELETED</option>
-                                <option value="<?php echo Company::STATUS_REJECTED ?>">LABEL_REJECTED</option>
-                            </select>
-                        </td>
-                        <td>
-                            <select id="network_id" name="network_id" class="form-control">
-                                <option value="">LABEL_ALL</option>
-                                <?php foreach ($networks as $value => $label) : ?>
-                                    <option value="<?php echo $value ?>"><?php echo $label ?></option>
-                                <?php endforeach; ?>
-                            </select>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </form>
+			<h6 class="card-title">LABEL_COMPANIES</h6>
-        <div class="row">
+			<div class="row">
-            <div class="col-12">
+				<div class="col-12 mb-3 mt-3">
-                <div class="card">
+                    <form name="form-filter" id="form-filter">
-                    <div class="card-body">
-                        <table id="gridTable" class="table table-bordered table-hover">
+                        <table class="table">
                             <thead>
-                                <tr>
-                                    <th style="width: 30%">LABEL_NAME</th>
+                                <tr>
-                                    <th style="width: 30%">LABEL_DETAILS</th>
-                                    <th style="width: 30%">LABEL_SECURITY</th>
+                                    <th>LABEL_STATUS</th>
-                                    <th style="width: 10%">LABEL_ACTIONS</th>
+                                    <th>LABEL_PRIVATE_NETWORKS</th>
                                 </tr>
                             </thead>
+                            <tbody>
+                                <tr>
+                                    <td>
+                                        <select id="status" name="status" class="form-control">
+                                            <option value="">LABEL_ALL</option>
+                                            <option value="<?php echo Company::STATUS_PENDING ?>">LABEL_PENDING</option>
+                                            <option value="<?php echo Company::STATUS_ACTIVE ?>">LABEL_ACTIVE</option>
+                                            <option value="<?php echo Company::STATUS_INACTIVE ?>">LABEL_INACTIVE</option>
+                                            <option value="<?php echo Company::STATUS_DELETED ?>">LABEL_DELETED</option>
+                                            <option value="<?php echo Company::STATUS_REJECTED ?>">LABEL_REJECTED</option>
+                                        </select>
+                                    </td>
+                                    <td>
+                                        <select id="network_id" name="network_id" class="form-control">
+                                            <option value="">LABEL_ALL</option>
+                                            <?php foreach ($networks as $value => $label) : ?>
+                                                <option value="<?php echo $value ?>"><?php echo $label ?></option>
+                                            <?php endforeach; ?>
+                                        </select>
+                                    </td>
-                            <tbody>
+                                </tr>
+                            </tbody>
                             </tbody>
                         </table>
-                    </div>
-                    <div class="card-footer clearfix">
-                        <div style="float:right;">
-                            <button type="button" class="btn btn-sm btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
-                        </div>
-                    </div>
+                    </form>
                 </div>
+           	</div>
+            <div class="row">
+                <div class="col-12 mb-3 mt-3">
+         			<table id="gridTable" class="table table-bordered">
+                		<thead>
+                                    <tr>
+                                        <th style="width: 30%">LABEL_NAME</th>
+                                        <th style="width: 30%">LABEL_DETAILS</th>
+                                        <th style="width: 30%">LABEL_SECURITY</th>
+                                        <th style="width: 10%">LABEL_ACTIONS</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
-            </div>
+                                </tbody>
-        </div>
+              			</table>
-    </div>
+                </div>
+            </div>
+   	 	</div>
+   	 	<div class="card-footer text-right">
+   	 		<button type="button" class="btn btn-sm btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
+   	 	</div>
+	</div>
-</section>
+</div>
 <!-- The Modal -->
 <div class="modal" id="modalServices">
     <div class="modal-dialog  modal-xl">
         <div class="modal-content">
             <!-- Modal Header -->
             <div class="modal-header">
                 <h4 class="modal-title">LABEL_SERVICES</h4>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
-                <button type="button" class="close" data-dismiss="modal">&times;</button>
+            </div>
-            </div>
+            <!-- Modal body -->
+            <form name="form-services" id="form-services">
-            <!-- Modal body -->
+            <div class="modal-body">
-            <div class="modal-body">
+                <div class="row">
-                <form name="form-services" id="form-services">
+                	<div class="col-12 mb-3 mt-3">
-                    <table id="table-services" class="table table-bordered table-hover">
+                    	<table id="table-services" class="table table-bordered">
-                        <thead>
+                            <thead>
-                            <tr>
+                                <tr>
-                                <th>LABEL_NAME</th>
+                                    <th>LABEL_NAME</th>
-                                <th>LABEL_STATUS</th>
+                                    <th>LABEL_STATUS</th>
-                                <th>LABEL_PAID_FROM</th>
+                                    <th>LABEL_PAID_FROM</th>
-                                <th>LABEL_PAID_TO</th>
+                                    <th>LABEL_PAID_TO</th>
-                            </tr>
+                                </tr>
+                            </thead>
+                            <tbody>
+                            </tbody>
-                        </thead>
-                        <tbody>
-                        </tbody>
-                    </table>
+                        </table>
+                	</div>
                 </div>
             </div>
-                    <div class="form-group">
+            <div class="modal-footer">
-                        <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
+           		 <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
         <div class="modal-content">
             <!-- Modal Header -->
             <div class="modal-header">
                 <h4 class="modal-title">LABEL_ROLES</h4>
-                <button type="button" class="close" data-dismiss="modal">&times;</button>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
             </div>
             <!-- Modal body -->
+            <form name="form-roles" id="form-roles">
-            <!-- Modal body -->
+            <div class="modal-body">
-            <div class="modal-body">
+                <div class="row">
-                <form name="form-roles" id="form-roles">
+                	<div class="col-12 mb-3 mt-3">
-                    <table id="table-roles" class="table table-bordered table-hover">
+                    	<table id="table-roles" class="table table-bordered">
-                        <thead>
+                            <thead>
-                            <tr>
+                                <tr>
-                                <th>LABEL_NAME</th>
+                                    <th>LABEL_NAME</th>
-                                <th>LABEL_ACTIVE</th>
+                                    <th>LABEL_ACTIVE</th>
-                            </tr>
+                                </tr>
-                        </thead>
+                            </thead>
-                        <tbody>
+                            <tbody>
+                            </tbody>
+                        </table>
+                	</div>
+                </div>
-                        </tbody>
-                    </table>
                     <div class="form-group">
+            </div>
+            <div class="modal-footer">
-                        <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>
         <div class="modal-content">
             <!-- Modal Header -->
             <div class="modal-header">
                 <h4 class="modal-title">LABEL_EDIT</h4>
-                <button type="button" class="close" data-dismiss="modal">&times;</button>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
             </div>
             <!-- Modal body -->
-            <!-- Modal body -->
+            <form name="form-edit" id="form-edit">
             <div class="modal-body">
                 <form name="form-edit" id="form-edit">
                     <div class="row">
-                    <div class="form-group">
+                    	<div class="col-12">
                         <label for="status">LABEL_STATUS</label>
                         <select id="status" name="status" class="form-control">
                             <option value="<?php echo Company::STATUS_ACTIVE ?>">LABEL_ACTIVE</option>
                             <option value="<?php echo Company::STATUS_INACTIVE ?>">LABEL_INACTIVE</option>
                             <option value="<?php echo Company::STATUS_DELETED ?>">LABEL_DELETED</option>
+                            <option value="<?php echo Company::STATUS_PENDING ?>">LABEL_PENDING</option>
-                            <option value="<?php echo Company::STATUS_PENDING ?>">LABEL_PENDING</option>
+                            <option value="<?php echo Company::STATUS_REJECTED ?>">LABEL_REJECTED</option>
-                            <option value="<?php echo Company::STATUS_REJECTED ?>">LABEL_REJECTED</option>
+                        </select>
+                        </div>
-                        </select>
+                    </div>
-                    </div>
+                    <div class="row">
-                    <div class="form-group">
+                    	<div class="col-12">
+                        <label for="user_uuid">LABEL_CREATED_BY</label>
-                        <label for="user_uuid">LABEL_CREATED_BY</label>
+                        <select id="user_uuid" name="user_uuid" class="form-control">
+                        </select>
+ 						</div>
-                        <select id="user_uuid" name="user_uuid" class="form-control">
+                    </div>
                         </select>
                     </div>
-                    <div class="form-group">
+            </div>
-                        <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
+              <div class="card-footer text-right">
-                        <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
+                        <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
-                    </div>
+                        <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>

Proyectos de Subversion LeadersLinked - Backend

(root)/module/LeadersLinked/view/leaders-linked/companies/index.phtml – Rev 16821 → 16822