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

 $roleName = $currentUser->getUserTypeId();
+$routeAdd       = $this->url('discovery-contacts/add');
-$routeAdd       = $this->url('discovery-contacts/add');
+$routeDatatable = $this->url('discovery-contacts');
-$routeDatatable = $this->url('discovery-contacts');
+$routeUpload    = $this->url('discovery-contacts/upload');
 $allowInteractionAdd    = $acl->isAllowed($roleName, 'discovery-contacts/interactions/add') ? 1 : 0;
 $allowAdd           = $acl->isAllowed($roleName, 'discovery-contacts/add') ? 1 : 0;
-$allowAdd               = $acl->isAllowed($roleName, 'discovery-contacts/add') ? 1 : 0;
+$allowEdit      = $acl->isAllowed($roleName, 'discovery-contacts/edit') ? 1 : 0;
 $this->inlineScript()->appendFile($this->basePath('plugins/intl-tel-input/build/js/intlTelInput-jquery.js'));
 $utilsScript = $this->basePath('plugins/intl-tel-input/build/js/utils.js');
+$this->inlineScript()->appendFile($this->basePath('plugins/jsrender/jsrender.min.js'));
+$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/css/fileinput.min.css'));
+$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.css'));
+$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/piexif.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/sortable.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/fileinput.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/locales/es.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/fa/theme.js'));
+$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fa/theme.js'));
+$this->headStyle()->captureStart();
+echo <<<CSS
+#table-wrapper {
+  width: 100%;
+  height: 300px;
+  overflow: auto;
+}
+#table-wrapper table {
+  border-collapse: separate;
+  border-spacing: 0;
+}
+#table-wrapper table thead {
+  flex: 0 0 auto;
+}
+#table-wrapper table thead th,
+#table-wrapper table tbody td {
+}
+/*
+style=""
+#gridTableUploadContacts {
+    display: flex;
+    flex-flow: column;
+    width: 100%;
+}
+#gridTableUploadContacts thead {
+    flex: 0 0 auto;
+}
+#gridTableUploadContacts tbody {
+    flex: 1 1 auto;
+    display: block;
+    overflow-y: auto;
+    overflow-x: auto;
+}
+#gridTableUploadContacts tr {
+    width: 100%;
+    display: table;
+    table-layout: fixed;
+*/
+}
+CSS;
-$this->inlineScript()->appendFile($this->basePath('plugins/jsrender/jsrender.min.js'));
+$this->headStyle()->captureEnd();
 $this->inlineScript()->captureStart();
             utilsScript: "$utilsScript",
             formatOnDisplay: true,
             separateDialCode: false,
         });
+var validatorContactUpload = $('#form-contact-upload').validate({
+        debug: true,
+        onclick: false,
+        onkeyup: false,
+        onfocusout: false,
+        ignore: [],
+        rules: {
+            'file' : {
+                required: true,
+                extension: 'xls|xlsx',
+                accept: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel'
+            },
+        },
+        submitHandler: function(form)
+        {
+            NProgress.start();
+            var formdata = false;
+            if (window.FormData){
+                formdata = new FormData(form);
+            }
+            formdata.append('step','validation');
+            $.ajax({
+                'dataType'  : 'json',
+                'accept'    : 'application/json',
+                'method'    : 'post',
+                'url'       :  '$routeUpload',
+                'data'      :  formdata,
+                'processData': false,
+                'contentType': false,
+            }).done(function(response) {
+                if(response['success']) {
+                    $('#table-upload-contacts-key').val(response['data']['key']);
+                    $('#table-upload-contacts-topic').val(response['data']['topic']);
+          			$('#table-upload-contacts-capsule').val(response['data']['capsule']);
+                    $('#gridTableUploadContacts tbody').html($('#uploadContactTemplate').render(response['data']))
+                    $('#modalContactUpload').modal('hide');
+                    $('#modalContactUploadTable').modal('show');
+                } else {
+                    validatorContactUpload.resetForm();
+                    if(jQuery.type(response['data']) == 'string') {
+                        $.fn.showError(response['data']);
+                    } else  {
+                        $.each(response['data'], function( fieldname, errors ) {
+                            $.fn.showFormErrorValidator('#form-contact-upload #' + fieldname, errors);
+                        });
+                    }
+                }
+            }).fail(function( jqXHR, textStatus, errorThrown) {
+                $.fn.showError(textStatus);
+            }).always(function() {
+                NProgress.done();
+            });
+            return false;
+        },
+        invalidHandler: function(form, validator) {
+        }
+    });
+    $('body').on('click', 'button.btn-upload', function(e) {
+        e.preventDefault();
+        $('#form-contact-upload #file').fileinput('reset');
+        $('#form-contact-upload #file').val('');
+        $('#modalContactUpload').modal('show');
+    });
+    $('#form-contact-upload #file').fileinput({
+        theme: 'fa',
+        language: 'es',
+        showUpload: false,
+        dropZoneEnabled: false,
+        maxFileCount: 1,
+        allowedFileExtensions: ['xls', 'xlsx'],
+    });
+    $('body').on('click', 'button.btn-upload', function(e) {
+        e.preventDefault();
+        $('#form-contact-upload #file').fileinput('reset');
+        $('#form-contact-upload #file').val('');
+        $('#modalContactUpload').modal('show');
+    });
+    $('body').on('click', 'button.btn-upload-contacts-step2', function(e) {
+        e.preventDefault();
+        NProgress.start();
+        $.ajax({
+            'dataType'  : 'json',
+            'accept'    : 'application/json',
+            'method'    : 'post',
+            'url'       : '$routeUpload',
+            'data'      :  {
+                'step' : 'process',
+                'key' : $('#table-upload-contacts-key').val(),
+            }
+        }).done(function(response) {
+            if(response['success']) {
+                var s = response['data']['new_contacts'] + ' LABEL_NEW_CONTACTS <br>' +
+                response['data']['error_contacts'] + ' LABEL_ERROR_CONTACTS <br>' +
+                response['data']['duplicate_contacts'] + ' LABEL_DUPLICATE_CONTACTS <br>';
+                $.fn.showSuccess(s);
+                 gridTable.api().ajax.reload(null, false);
+                $('#modalContactUploadTable').modal('hide');
+            } else {
+                $.fn.showError(response['data']);
+            }
+        }).fail(function( jqXHR, textStatus, errorThrown) {
+            $.fn.showError(textStatus);
+        }).always(function() {
+            NProgress.done();
+        });
+        return false;
+    });
     });
 JS;
 $this->inlineScript()->captureEnd();
                         </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($allowUpload) : ?>
+                          	<button type="button" class="btn btn-primary btn-upload"><i class="fa fa-upload"></i> LABEL_UPLOAD  </button>
+                   			<?php endif; ?>
                             <?php if ($allowAdd) : ?>
-                                <button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
+                            <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>
 </div>
+<!-- The Modal -->
+<div class="modal" id="modalContactUpload">
+	<div class="modal-dialog  modal-xl">
+    	<div class="modal-content">
+            <!-- Modal Header -->
+      		<div class="modal-header">
+        		<h4 class="modal-title">LABEL_UPLOAD</h4>
+        		<button type="button" class="close" data-dismiss="modal">&times;</button>
+      		</div>
+            <!-- Modal body -->
+      		<div class="modal-body">
+       			 <?php
+       			      $form = $this->contactUploadForm;
+            		$form->setAttributes([
+                        'method'    => 'post',
+                        'name'      => 'form-contact-upload',
+                        'id'        => 'form-contact-upload'
+                    ]);
+                    $form->prepare();
+                    echo $this->form()->openTag($form);
+                ?>
+				<div class="form-group">
+                 		<?php
+                        $element = $form->get('file');
+                        $element->setOptions(['label' => 'LABEL_EXCEL']);
+                        echo $this->formLabel($element);
+                        ?>
+                        <div class="file-loading">
+                        <?php
+                        $element->setAttributes(['class' => 'form-control', 'accept' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel']);
+                        echo $this->formFile($element);
+                        ?>
+                	</div>
+          		</div>
+        		<div class="form-group">
+                	<button type="submit" class="btn btn-primary">LABEL_UPLOAD</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">LABEL_CLOSE</button>
+      		</div>
+    	</div>
+	</div>
+</div>
+<!-- The Modal -->
+<div class="modal" id="modalContactUploadTable">
+	<div class="modal-dialog modal-xl">
+    	<div class="modal-content">
+            <!-- Modal Header -->
+      		<div class="modal-header">
+        		<h4 class="modal-title">LABEL_CONTACTS</h4>
+        		<button type="button" class="close" data-dismiss="modal">&times;</button>
+      		</div>
+            <!-- Modal body -->
+      		<div class="modal-body">
+      			<form>
+      				<input type="hidden" name="table-upload-contacts-key" id="table-upload-contacts-key">
+      			</form>
+      			<div id="table-wrapper">
+    				<table id="gridTableUploadContacts" class="table table-bordered table-hover">
+                		<thead>
+                			<tr>
+                          		<th>LABEL_FIRST_NAME</th>
+                         		<th>LABEL_LAST_NAME</th>
+                             	<th>LABEL_EMAIL</th>
+                           		<th>LABEL_CORPORATE_EMAIL</th>
+                                <th>LABEL_COMPANY</th>
+                                <th>LABEL_POSITION</th>
+                                <th>LABEL_COUNTRY</th>
+                                <th>LABEL_STATE</th>
+                                <th>LABEL_CITY</th>
+                                <th>LABEL_PHONE</th>
+                                <th>LABEL_PHONE_EXTENSION</th>
+                                <th>LABEL_PERSONAL_EMAIL</th>
+                                <th>LABEL_CELULAR</th>
+                                <th>LABEL_WHATSAPP</th>
+                                <th>LABEL_LINKEDIN</th>
+                 			</tr>
+                      	</thead>
+                   		<tbody>
+                   		</tbody>
+             		</table>
+         		</div>
+      		</div>
+            <!-- Modal footer -->
+      		<div class="modal-footer">
+      			<button type="submit" class="btn btn-primary btn-upload-contacts-step2">LABEL_SAVE</button>
+        		<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
+      		</div>
+    	</div>
+	</div>
 </div>
 <script id="interactionTemplate" type="text/x-jsrender">
     </tr>
     {{/for}}
+</script>
+<script id="uploadContactTemplate" type="text/x-jsrender">
+    {{for items}}
+    <tr>
+        <td>{{>first_name}}</td>
+        <td>{{>last_name}}</td>
+        <td>{{>email_personal}}</td>
+        <td>{{>email_company}}</td>
+        <td>{{>company}}</td>
+        <td>{{>position}}</td>
+        <td>{{>country}}</td>
+        <td>{{>state}}</td>
+        <td>{{>city}}</td>
+        <td>{{>phone}}</td>
+        <td>{{>extension}}</td>
+        <td>{{>movil}}</td>
+        <td>{{>whatsapp}}</td>
+        <td>{{>linkedin}}</td>
+    </tr>
+    {{/for}}
 </script>
 <script id="logPaginationTemplate" type="text/x-jsrender">
     {{if has_previous_page}}

Proyectos de Subversion LeadersLinked - Backend

(root)/module/LeadersLinked/view/leaders-linked/discovery-contacts/index.phtml – Rev 15539 → 15546