Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15630 | Rev 15831 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
15399 efrain 1
<?php
2
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
3
$currentUser    = $this->currentUserHelper();
4
 
5
$roleName = $currentUser->getUserTypeId();
6
 
7
 
8
$routeAdd       = $this->url('discovery-contacts/add');
9
$routeDatatable = $this->url('discovery-contacts');
15546 efrain 10
$routeUpload    = $this->url('discovery-contacts/upload');
15399 efrain 11
 
12
 
13
$allowInteractionAdd    = $acl->isAllowed($roleName, 'discovery-contacts/interactions/add') ? 1 : 0;
14
 
15546 efrain 15
$allowAdd           = $acl->isAllowed($roleName, 'discovery-contacts/add') ? 1 : 0;
16
$allowEdit      = $acl->isAllowed($roleName, 'discovery-contacts/edit') ? 1 : 0;
17
$allowDelete    = $acl->isAllowed($roleName, 'discovery-contacts/delete',) ? 1 : 0;
18
$allowView      = $acl->isAllowed($roleName, 'discovery-contacts/view',) ? 1 : 0;
19
$allowUpload    = $acl->isAllowed($roleName, 'discovery-contacts/upload') ? 1 : 0;
15399 efrain 20
 
21
 
22
$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
23
$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
24
 
25
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
26
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
27
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
28
 
29
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));
30
 
31
$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));
32
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));
33
 
34
 
35
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
36
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
37
 
38
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
39
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));
40
 
41
$this->headLink()->appendStylesheet($this->basePath('plugins/intl-tel-input/build/css/intlTelInput.css'));
42
$this->inlineScript()->appendFile($this->basePath('plugins/intl-tel-input/build/js/intlTelInput-jquery.js'));
43
$utilsScript = $this->basePath('plugins/intl-tel-input/build/js/utils.js');
44
 
45
$this->inlineScript()->appendFile($this->basePath('plugins/jsrender/jsrender.min.js'));
46
 
15546 efrain 47
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/css/fileinput.min.css'));
48
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.css'));
49
 
50
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/piexif.js'));
51
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/sortable.js'));
52
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/fileinput.js'));
53
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/locales/es.js'));
54
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/fa/theme.js'));
55
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fa/theme.js'));
56
 
57
 
58
$this->headStyle()->captureStart();
59
echo <<<CSS
60
 
61
#table-wrapper {
62
  width: 100%;
63
  height: 300px;
64
  overflow: auto;
65
}
66
 
67
#table-wrapper table {
68
  border-collapse: separate;
69
  border-spacing: 0;
70
}
71
 
72
#table-wrapper table thead {
73
  flex: 0 0 auto;
74
}
75
 
76
#table-wrapper table thead th,
77
#table-wrapper table tbody td {
78
 
79
}
80
 
81
/*
82
style=""
83
#gridTableUploadContacts {
84
    display: flex;
85
    flex-flow: column;
86
    width: 100%;
87
}
88
 
89
#gridTableUploadContacts thead {
90
    flex: 0 0 auto;
91
}
92
 
93
#gridTableUploadContacts tbody {
94
    flex: 1 1 auto;
95
    display: block;
96
    overflow-y: auto;
97
    overflow-x: auto;
98
}
99
 
100
#gridTableUploadContacts tr {
101
    width: 100%;
102
    display: table;
103
    table-layout: fixed;
104
*/
105
}
106
CSS;
107
$this->headStyle()->captureEnd();
108
 
15399 efrain 109
$this->inlineScript()->captureStart();
110
echo <<<JS
111
    jQuery( document ).ready(function( $ ) {
112
 
113
 
114
        $.validator.addMethod("isIntlPhoneNumber", function(value, element) {
115
            if(!value || value.length == '') {
116
                return true;
117
            }  else {
118
                return $(element).intlTelInput('isValidNumber');
119
            }
120
        },  'ERROR_INTERNATIONAL_PHONE_FORMAT_IS_INVALID');
121
 
122
        $.validator.setDefaults({
123
            debug: true,
124
            highlight: function(element) {
125
                $(element).addClass('is-invalid');
126
            },
127
            unhighlight: function(element) {
128
                $(element).removeClass('is-invalid');
129
            },
130
            errorElement: 'span',
131
            errorClass: 'error invalid-feedback',
132
            errorPlacement: function(error, element) {
133
                if(element.parent('.form-group').length) {
134
                    error.insertAfter(element);
135
                } else if(element.parent('.toggle').length) {
136
                    error.insertAfter(element.parent().parent());
137
                } else {
138
                    error.insertAfter(element.parent());
139
                }
140
            }
141
        });
142
 
143
 
144
 
145
 
146
        $.fn.showFormErrorValidator = function(fieldname, errors) {
147
            var field = $(fieldname);
148
            if(field) {
149
                $(field).addClass('is-invalid');
150
 
151
 
152
                var error = $('<span id="' + fieldname +'-error" class="error invalid-feedback">' + errors + '</div>');
153
                if(field.parent('.form-group').length) {
154
                    error.insertAfter(field);
155
                } else  if(field.parent('.toggle').length) {
156
                    error.insertAfter(field.parent().parent());
157
                } else {
158
                    error.insertAfter(field.parent());
159
                }
160
            }
161
        };
162
 
163
 
164
 
165
 
166
        var allowEdit   = $allowEdit;
167
        var allowDelete = $allowDelete;
168
        var allowView = $allowView;
169
 
170
        var linkInteractions = '';
171
        var linkInteractionsAdd = '';
172
        var linkLogs = '';
173
 
174
        var pageInteractions = 0;
175
        var pageLogs = 0;
176
 
177
 
178
        $.fn.loadLogs = function() {
179
            NProgress.start();
180
            var action = $(this).data('href');
181
 
182
            $.ajax({
183
                'dataType'  : 'json',
184
                'method'    : 'get',
185
                'url'       : linkLogs,
186
                'data'      : {
187
                    'page' : pageLogs
188
                }
189
            }).done(function(response) {
190
                if(response['success']) {
191
 
192
                    pagination = {
193
                        has_previous_page : response['data']['current']['page'] > 1,
194
                        has_next_page : response['data']['current']['page'] < response['data']['total']['page'],
195
                    }
196
 
197
 
198
                    if(pageLogs > response['data']['total']['page']) {
199
                        pageLogs = response['data']['total']['page'];
200
                    }
201
 
202
                    $('#discovery-contacts-pagination-logs').empty();
203
                    $('#discovery-contacts-pagination-logs').append($('#logPaginationTemplate').render(pagination));
204
 
205
 
206
                    $('#grid-discovery-contacts-tabs-logs').empty();
207
                    $('#grid-discovery-contacts-tabs-logs').append(
208
                        $('#logTemplate').render(response['data']['current'])
209
                    );
210
 
211
 
212
 
213
                } else {
214
                    $.fn.showError(response['data']);
215
                }
216
            }).fail(function( jqXHR, textStatus, errorThrown) {
217
                $.fn.showError(textStatus);
218
            }).always(function() {
219
                NProgress.done();
220
            });
221
 
222
        };
223
 
224
    $.fn.loadInteractions = function() {
225
            NProgress.start();
226
 
227
            $.ajax({
228
                'dataType'  : 'json',
229
                'method'    : 'get',
230
                'url'       : linkInteractions,
231
                'data'      : {
232
                    'page' : pageInteractions
233
                }
234
            }).done(function(response) {
235
                if(response['success']) {
236
 
237
                    pagination = {
238
                        has_previous_page : response['data']['current']['page'] > 1,
239
                        has_next_page : response['data']['current']['page'] < response['data']['total']['page'],
240
                    }
241
 
242
                    if(pageInteractions > response['data']['total']['page']) {
243
                        pageInteractions = response['data']['total']['page'];
244
                    }
245
 
246
                    $('#discovery-contacts-pagination-interactions').empty();
247
                    $('#discovery-contacts-pagination-interactions').append($('#interactionPaginationTemplate').render(pagination));
248
 
249
 
250
                    $('#grid-discovery-contacts-tabs-interactions').empty();
251
                    $('#grid-discovery-contacts-tabs-interactions').append(
252
                        $('#interactionTemplate').render(response['data']['current'])
253
                    );
254
 
255
 
256
 
257
 
258
 
259
                } else {
260
                    $.fn.showError(response['data']);
261
                }
262
            }).fail(function( jqXHR, textStatus, errorThrown) {
263
                $.fn.showError(textStatus);
264
            }).always(function() {
265
                NProgress.done();
266
            });
267
 
268
        };
269
 
270
     var gridTable = $('#gridTable').dataTable( {
271
            'processing': true,
272
            'serverSide': true,
273
            'searching': true,
274
            'order': [[ 0, 'asc' ]],
275
            'ordering':  true,
276
            'ordenable' : true,
277
            'responsive': true,
278
            'select' : false,
279
        	'paging': true,
280
            'pagingType': 'simple_numbers',
281
    		'ajax': {
282
    			'url' : '$routeDatatable',
283
    			'type' : 'get',
284
                'beforeSend': function (request) {
285
                  NProgress.start();
286
                },
287
                'dataFilter': function(response) {
288
                    var response = jQuery.parseJSON( response );
289
 
290
                    var json                = {};
291
                    json.recordsTotal       = 0;
292
                    json.recordsFiltered    = 0;
293
                    json.data               = [];
294
 
295
 
296
                    if(response.success) {
297
                        json.recordsTotal       = response.data.total;
298
                        json.recordsFiltered    = response.data.total;
299
                        json.data               = response.data.items;
300
                    } else {
301
                        $.fn.showError(response.data)
302
                    }
303
 
304
                    return JSON.stringify( json );
305
                }
306
    		},
307
            'language' : {
308
                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
309
                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
310
                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
311
                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
312
                'sInfo':           'LABEL_DATATABLE_SINFO',
313
                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
314
                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
315
                'sInfoPostFix':    '',
316
                'sSearch':         'LABEL_DATATABLE_SSEARCH',
317
                'sUrl':            '',
318
                'sInfoThousands':  ',',
319
                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
320
                'oPaginate': {
321
                    'sFirst':    'LABEL_DATATABLE_SFIRST',
322
                    'sLast':     'LABEL_DATATABLE_SLAST',
323
                    'sNext':     'LABEL_DATATABLE_SNEXT',
324
                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
325
                },
326
                'oAria': {
327
                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
328
                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
329
                },
330
            },
331
            'drawCallback': function( settings ) {
332
                NProgress.done();
333
                $('button.btn-delete').confirmation({
334
                    rootSelector: 'button.btn-delete',
335
                    title : 'LABEL_ARE_YOU_SURE',
336
                    singleton : true,
337
                    btnOkLabel: 'LABEL_YES',
338
                    btnCancelLabel: 'LABEL_NO',
339
                    onConfirm: function(value) {
340
                        action = $(this).data('href');
341
                        NProgress.start();
342
                        $.ajax({
343
                            'dataType'  : 'json',
344
                            'accept'    : 'application/json',
345
                            'method'    : 'post',
346
                            'url'       :  action,
347
                        }).done(function(response) {
348
                            if(response['success']) {
349
                                $.fn.showSuccess(response['data']);
350
                                gridTable.api().ajax.reload(null, false);
351
                            } else {
352
                                $.fn.showError(response['data']);
353
                            }
354
                        }).fail(function( jqXHR, textStatus, errorThrown) {
355
                            $.fn.showError(textStatus);
356
                        }).always(function() {
357
                            NProgress.done();
358
                        });
359
                    },
360
                });
361
            },
362
            'aoColumns': [
363
                { 'mDataProp': 'first_name' },
364
                { 'mDataProp': 'last_name' },
365
                { 'mDataProp': 'corporate_email' },
15624 anderson 366
                { 'mDataProp': 'company' },
15626 anderson 367
                { 'mDataProp': 'country' },
15627 anderson 368
                { 'mDataProp': 'sector' },
15399 efrain 369
                { 'mDataProp': 'actions' },
370
    	    ],
371
            'columnDefs': [
372
                {
373
                    'targets': -1,
374
                    'orderable': false,
375
                    'render' : function ( data, type, row ) {
376
                        s = '';
377
 
378
                        if(allowEdit && data['link_edit']) {
379
                            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>&nbsp;';
380
                        }
381
                        if(allowDelete && data['link_delete']) {
382
                            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>&nbsp;';
383
                        }
384
                        if(allowView && data['link_view']) {
385
                            s = s + '<button class="btn btn-default btn-view" data-href="' + data['link_view']+ '" data-toggle="tooltip" title="LABEL_VIEW"><i class="fa fa-external-link"></i> LABEL_VIEW </button>&nbsp;';
386
                        }
387
                        return s;
388
                    }
389
                }
390
              ],
391
        });
392
 
393
 
394
 
395
 
396
        var validator = $('#form').validate({
397
            debug: true,
398
            onclick: false,
399
            onkeyup: false,
400
            ignore: [],
401
            rules: {
402
                'first_name': {
403
                    required: true,
404
                    maxlength: 128,
405
                },
406
                'last_name': {
407
                    required: true,
408
                    maxlength: 128,
409
                },
410
                'corporate_email': {
411
                    required: true,
412
                    maxlength: 250,
413
                    email: true,
414
 
415
                },
416
                'company': {
417
                    required: true,
418
                    maxlength: 128,
419
                },
420
                'position': {
421
                    required: true,
422
                    maxlength: 128,
423
                },
424
                'country': {
425
                    required: true,
426
                    maxlength: 128,
427
                },
428
                'state': {
429
                    required: false,
430
                    maxlength: 128,
431
                },
432
                'city': {
433
                    required: false,
434
                    maxlength: 128,
435
                },
436
                'personal_email': {
437
                    required: false,
438
                    maxlength: 128,
439
                    email: true,
440
                },
441
                'phone': {
442
                    required: false,
443
                    maxlength: 25,
444
                    isIntlPhoneNumber: true,
445
                },
446
                'phone_extension': {
447
                    required: false,
448
                    maxlength: 5,
449
                },
450
                'celular': {
451
                    required: false,
452
                    maxlength: 25,
453
                    isIntlPhoneNumber: true,
454
                },
455
                'whatsapp': {
456
                    required: false,
457
                    maxlength: 25,
458
                    isIntlPhoneNumber: true,
459
                },
460
                'linkedin': {
461
                    required: false,
462
                    maxlength: 256,
463
                    url: true,
464
                },
465
            },
466
            submitHandler: function(form)
467
            {
468
                data = {
469
                    first_name :  $('#form #first_name').val(),
470
                    last_name :  $('#form #last_name').val(),
471
                    corporate_email :  $('#form #corporate_email').val(),
472
                    company :  $('#form #company').val(),
473
                    position :  $('#form #position').val(),
474
                    country :  $('#form #country').val(),
475
                    state :  $('#form #state').val(),
476
                    city :  $('#form #city').val(),
477
                    personal_email :  $('#form #personal_email').val(),
478
                    phone :  $('#form #phone').intlTelInput('getNumber'),
479
                    phone_extension :  $('#form #phone_extension').val(),
480
                    celular :  $('#form #celular').intlTelInput('getNumber'),
481
                    whatsapp :  $('#form #whatsapp').intlTelInput('getNumber'),
482
                    linkedin :  $('#form #linkedin').val(),
483
                };
484
 
485
                $('#modal .btn-primary').attr('disabled', true)
486
                $.ajax({
487
                    'dataType'  : 'json',
488
                    'accept'    : 'application/json',
489
                    'method'    : 'post',
490
                    'url'       :  $('#form').attr('action'),
491
                    'data'      :  data
492
                }).done(function(response) {
493
                    NProgress.start();
494
                    if(response['success']) {
495
                        $.fn.showSuccess(response['data']);
496
 
497
                        $('#form-row').hide();
498
                        $('#listing-row').show();
499
 
500
 
501
 
502
                        gridTable.api().ajax.reload(null, false);
503
                    } else {
504
                        validator.resetForm();
505
                        if(jQuery.type(response['data']) == 'string') {
506
                            $.fn.showError(response['data']);
507
                        } else  {
508
                            $.each(response['data'], function( fieldname, errors ) {
509
                                $.fn.showFormErrorValidator('#form #' + fieldname, errors);
510
                            });
511
                        }
512
                    }
513
                }).fail(function( jqXHR, textStatus, errorThrown) {
514
                    $.fn.showError(textStatus);
515
                }).always(function() {
516
                    NProgress.done();
517
                    $('#modal .btn-primary').removeAttr('disabled')
518
                });
519
                return false;
520
            },
521
            invalidHandler: function(form, validator) {
522
 
523
            }
524
        });
525
 
526
        var validatorInteraction = $('#form-interaction').validate({
527
            debug: true,
528
            onclick: false,
529
            onkeyup: false,
530
            ignore: [],
531
            rules: {
532
                'notes': {
533
                    required: true,
534
                },
535
                'interaction_type_id': {
536
                    required: true,
537
 
538
                },
539
            },
540
            submitHandler: function(form)
541
            {
542
 
543
                $.ajax({
544
                    'dataType'  : 'json',
545
                    'accept'    : 'application/json',
546
                    'method'    : 'post',
547
                    'url'       :  $('#form-interaction').attr('action'),
548
                    'data'      :  $('#form-interaction').serialize()
549
                }).done(function(response) {
550
                    NProgress.start();
551
                    if(response['success']) {
552
                        $.fn.showSuccess(response['data']);
553
 
554
                        $('#modal-interaction').modal('hide');
555
 
556
 
557
                        $.fn.loadInteractions();
558
                        $.fn.loadLogs();
559
                    } else {
560
                        validator.resetForm();
561
                        if(jQuery.type(response['data']) == 'string') {
562
                            $.fn.showError(response['data']);
563
                        } else  {
564
                            $.each(response['data'], function( fieldname, errors ) {
565
                                $.fn.showFormErrorValidator('#form-interaction #' + fieldname, errors);
566
                            });
567
                        }
568
                    }
569
                }).fail(function( jqXHR, textStatus, errorThrown) {
570
                    $.fn.showError(textStatus);
571
                }).always(function() {
572
                    NProgress.done();
573
 
574
                });
575
                return false;
576
            },
577
            invalidHandler: function(form, validator) {
578
 
579
            }
580
        });
581
 
582
        $('body').on('click', 'button.btn-add-interaction', function(e) {
583
            e.preventDefault();
584
 
585
            $('#form-interaction').attr('action', linkInteractionsAdd);
586
            $('#form-interaction #notes').val('');
587
            $('#form-interaction #status').val('');
588
 
589
            validator.resetForm();
590
            $('#modal-interaction').modal('show');
591
        });
592
 
593
 
594
        $('body').on('click', 'button.btn-cancel-interaction', function(e) {
595
            e.preventDefault();
596
            $('#modal-interaction').modal('hide');
597
        });
598
 
599
        $('body').on('click', 'button.btn-delete-interaction', function(e) {
600
            e.preventDefault();
601
            var action = $(this).data('href');
602
            NProgress.start();
603
            $.ajax({
604
                'dataType'  : 'json',
605
                'accept'    : 'application/json',
606
                'method'    : 'post',
607
                'url'       :  action,
608
            }).done(function(response) {
609
                if(response['success']) {
610
                    $.fn.showSuccess(response['data']);
611
 
612
                    $.fn.loadLogs();
613
                    $.fn.loadInteractions();
614
                } else {
615
                    $.fn.showError(response['data']);
616
                }
617
            }).fail(function( jqXHR, textStatus, errorThrown) {
618
                $.fn.showError(textStatus);
619
            }).always(function() {
620
                NProgress.done();
621
            });
622
 
623
        });
624
 
625
 
626
        $('body').on('click', 'button.btn-add', function(e) {
627
            e.preventDefault();
628
 
629
            $('span[id="form-title"]').html('LABEL_ADD');
630
            $('#form').attr('action', '$routeAdd');
631
            $('#form #first_name').val('');
632
            $('#form #last_name').val('');
633
            $('#form #corporate_email').val('');
634
            $('#form #company').val('');
635
            $('#form #position').val('');
636
            $('#form #country').val('');
637
            $('#form #state').val('');
638
            $('#form #city').val('');
639
            $('#form #personal_email').val('');
640
            $('#form #phone').intlTelInput('setNumber', '');
641
            $('#form #phone_extension').val('');
642
            $('#form #celular').intlTelInput('setNumber', '');
643
            $('#form #whatsapp').intlTelInput('setNumber', '');
644
            $('#form #linkedin').val('');
645
 
646
            validator.resetForm();
647
 
648
 
649
            $('#listing-row').hide();
650
            $('#form-row').show();
651
 
652
        });
653
 
654
        $('body').on('click', 'button.btn-edit', function(e) {
655
            e.preventDefault();
656
            NProgress.start();
657
            var action = $(this).data('href');
658
 
659
            $.ajax({
660
                'dataType'  : 'json',
661
                'method'    : 'get',
662
                'url'       :  action,
663
            }).done(function(response) {
664
                if(response['success']) {
665
 
666
                    $('span[id="form-title"]').html('LABEL_EDIT');
667
                    $('#form').attr('action', action);
668
                    $('#form #first_name').val(response['data']['first_name']);
669
                    $('#form #last_name').val(response['data']['last_name']);
670
                    $('#form #corporate_email').val(response['data']['corporate_email']);
671
                    $('#form #company').val(response['data']['company']);
672
                    $('#form #position').val(response['data']['position']);
673
                    $('#form #country').val(response['data']['country']);
674
                    $('#form #state').val(response['data']['state']);
675
                    $('#form #city').val(response['data']['city']);
676
                    $('#form #personal_email').val(response['data']['personal_email']);
677
                    $('#form #phone').intlTelInput('setNumber', response['data']['phone']);
678
                    $('#form #phone_extension').val(response['data']['phone_extension']);
679
                    $('#form #celular').intlTelInput('setNumber', response['data']['celular']);
680
                    $('#form #whatsapp').intlTelInput('setNumber', response['data']['whatsapp']);
681
                    $('#form #linkedin').val(response['data']['linkedin']);
682
 
683
                    validator.resetForm();
684
 
685
 
686
                    $('#listing-row').hide();
687
                    $('#form-row').show();
688
                } else {
689
                    $.fn.showError(response['data']);
690
                }
691
            }).fail(function( jqXHR, textStatus, errorThrown) {
692
                $.fn.showError(textStatus);
693
            }).always(function() {
694
                NProgress.done();
695
            });
696
        });
697
 
698
 
699
        $('body').on('click', 'a.class-btn-log-previous', function(e) {
700
            e.preventDefault();
701
 
702
            if( pageLogs  > 1) {
703
                pageLogs  =  pageLogs  - 1;
704
                $.fn.loadLogs();
705
 
706
            }
707
        });
708
 
709
        $('body').on('click', 'a.class-btn-log-next', function(e) {
710
            e.preventDefault();
711
            pageLogs  =  pageLogs  + 1;
712
             $.fn.loadLogs();
713
        });
714
 
715
        $('body').on('click', 'a.class-btn-interaction-previous', function(e) {
716
            e.preventDefault();
717
 
718
            if( pageInteractions  > 1) {
719
                pageInteractions  =  v  - 1;
720
                $.fn.loadInteractions();
721
 
722
            }
723
        });
724
 
725
        $('body').on('click', 'a.class-btn-interaction-next', function(e) {
726
            e.preventDefault();
727
            pageInteractions  =  pageInteractions  + 1;
728
             $.fn.loadInteractions();
729
        });
730
 
731
        $('body').on('click', 'button.btn-view', function(e) {
732
            e.preventDefault();
733
            NProgress.start();
734
            var action = $(this).data('href');
735
 
736
            $.ajax({
737
                'dataType'  : 'json',
738
                'method'    : 'get',
739
                'url'       :  action,
740
            }).done(function(response) {
741
                if(response['success']) {
742
 
743
 
744
                    $('#interactions-first_name').val(response['data']['first_name']);
745
                    $('#interactions-last_name').val(response['data']['last_name']);
746
                    $('#interactions-corporate_email').val(response['data']['corporate_email']);
747
                    $('#interactions-company').val(response['data']['company']);
748
                    $('#interactions-position').val(response['data']['position']);
749
                    $('#interactions-country').val(response['data']['country']);
750
                    $('#interactions-state').val(response['data']['state']);
751
                    $('#interactions-city').val(response['data']['city']);
752
                    $('#interactions-personal_email').val(response['data']['personal_email']);
753
                    $('#interactions-phone').val(response['data']['phone']);
754
                    $('#interactions-phone_extension').val(response['data']['phone_extension']);
755
                    $('#interactions-celular').val(response['data']['celular']);
756
                    $('#interactions-whatsapp').val(response['data']['whatsapp']);
757
                    $('#interactions-linkedin').val(response['data']['linkedin']);
758
 
759
                    linkInteractions = response['data']['link_interactions'];
760
                    linkInteractionsAdd = response['data']['link_interactions_add'];
761
                    linkLogs = response['data']['link_logs'];
762
 
763
                    pageInteractions = 0;
764
                    pageLogs = 0;
765
 
766
 
767
 
768
 
769
                    $.fn.loadLogs();
770
                    $.fn.loadInteractions();
771
 
772
 
773
 
774
                    $('#listing-row').hide();
775
                    $('#interactions-row').show();
776
                } else {
777
                    $.fn.showError(response['data']);
778
                }
779
            }).fail(function( jqXHR, textStatus, errorThrown) {
780
                $.fn.showError(textStatus);
781
            }).always(function() {
782
                NProgress.done();
783
            });
784
        });
785
 
786
        $('body').on('click', 'button.btn-refresh', function(e) {
787
            e.preventDefault();
788
            gridTable.api().ajax.reload(null, false);
789
        });
790
 
791
 
792
        $('body').on('click', 'button.btn-cancel', function(e) {
793
 
794
 
795
            e.preventDefault();
796
            $('#form-row').hide();
797
            $('#listing-row').show();
798
        });
799
 
800
        $('body').on('click', 'button.btn-close-view', function(e) {
801
 
802
 
803
            e.preventDefault();
804
            $('#interactions-row').hide();
805
            $('#listing-row').show();
806
        });
807
 
808
 
809
 
810
        $('#form #phone').intlTelInput({
811
            utilsScript: "$utilsScript",
812
            formatOnDisplay: true,
813
             separateDialCode: false,
814
        });
815
 
816
 
817
 
818
       $('#form #celular').intlTelInput({
819
            utilsScript: "$utilsScript",
820
            formatOnDisplay: true,
821
            separateDialCode: false,
822
        });
823
 
824
        $('#form #whatsapp').intlTelInput({
825
            utilsScript: "$utilsScript",
826
            formatOnDisplay: true,
827
            separateDialCode: false,
828
        });
829
 
15546 efrain 830
var validatorContactUpload = $('#form-contact-upload').validate({
831
        debug: true,
832
        onclick: false,
833
        onkeyup: false,
834
        onfocusout: false,
835
        ignore: [],
836
        rules: {
837
            'file' : {
838
                required: true,
839
                extension: 'xls|xlsx',
840
                accept: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel'
841
            },
842
        },
843
 
844
        submitHandler: function(form)
845
        {
846
            NProgress.start();
847
            var formdata = false;
848
            if (window.FormData){
849
                formdata = new FormData(form);
850
            }
851
            formdata.append('step','validation');
852
 
853
 
854
            $.ajax({
855
                'dataType'  : 'json',
856
                'accept'    : 'application/json',
857
                'method'    : 'post',
858
                'url'       :  '$routeUpload',
859
                'data'      :  formdata,
860
                'processData': false,
861
                'contentType': false,
862
            }).done(function(response) {
863
                if(response['success']) {
864
 
865
                    $('#table-upload-contacts-key').val(response['data']['key']);
866
                    $('#table-upload-contacts-topic').val(response['data']['topic']);
867
          			$('#table-upload-contacts-capsule').val(response['data']['capsule']);
868
 
869
                    $('#gridTableUploadContacts tbody').html($('#uploadContactTemplate').render(response['data']))
870
 
871
                    $('#modalContactUpload').modal('hide');
872
                    $('#modalContactUploadTable').modal('show');
873
 
874
 
875
 
876
                } else {
877
                    validatorContactUpload.resetForm();
878
                    if(jQuery.type(response['data']) == 'string') {
879
                        $.fn.showError(response['data']);
880
                    } else  {
881
                        $.each(response['data'], function( fieldname, errors ) {
882
                            $.fn.showFormErrorValidator('#form-contact-upload #' + fieldname, errors);
883
                        });
884
                    }
885
                }
886
            }).fail(function( jqXHR, textStatus, errorThrown) {
887
                $.fn.showError(textStatus);
888
            }).always(function() {
889
 
890
                NProgress.done();
891
            });
892
            return false;
893
        },
894
        invalidHandler: function(form, validator) {
895
 
896
        }
15399 efrain 897
    });
15546 efrain 898
 
899
 
900
    $('body').on('click', 'button.btn-upload', function(e) {
901
        e.preventDefault();
902
 
903
        $('#form-contact-upload #file').fileinput('reset');
904
        $('#form-contact-upload #file').val('');
905
 
906
        $('#modalContactUpload').modal('show');
907
    });
908
 
909
 
910
    $('#form-contact-upload #file').fileinput({
911
        theme: 'fa',
912
        language: 'es',
913
        showUpload: false,
914
        dropZoneEnabled: false,
915
        maxFileCount: 1,
916
        allowedFileExtensions: ['xls', 'xlsx'],
917
    });
918
 
919
    $('body').on('click', 'button.btn-upload', function(e) {
920
        e.preventDefault();
921
 
922
        $('#form-contact-upload #file').fileinput('reset');
923
        $('#form-contact-upload #file').val('');
924
 
925
        $('#modalContactUpload').modal('show');
926
    });
927
 
928
    $('body').on('click', 'button.btn-upload-contacts-step2', function(e) {
929
        e.preventDefault();
930
        NProgress.start();
931
 
932
        $.ajax({
933
            'dataType'  : 'json',
934
            'accept'    : 'application/json',
935
            'method'    : 'post',
936
            'url'       : '$routeUpload',
937
            'data'      :  {
938
                'step' : 'process',
939
                'key' : $('#table-upload-contacts-key').val(),
940
            }
941
        }).done(function(response) {
942
            if(response['success']) {
943
 
944
                var s = response['data']['new_contacts'] + ' LABEL_NEW_CONTACTS <br>' +
945
                response['data']['error_contacts'] + ' LABEL_ERROR_CONTACTS <br>' +
946
                response['data']['duplicate_contacts'] + ' LABEL_DUPLICATE_CONTACTS <br>';
947
 
948
 
949
 
950
                $.fn.showSuccess(s);
951
 
952
                 gridTable.api().ajax.reload(null, false);
953
                $('#modalContactUploadTable').modal('hide');
954
            } else {
955
                $.fn.showError(response['data']);
956
            }
957
        }).fail(function( jqXHR, textStatus, errorThrown) {
958
            $.fn.showError(textStatus);
959
        }).always(function() {
960
            NProgress.done();
961
        });
962
        return false;
963
    });
964
 
965
 
966
    });
15399 efrain 967
JS;
968
$this->inlineScript()->captureEnd();
969
?>
970
 
971
 
972
 
973
 
15532 stevensc 974
<section class="content" id="listing-row">
15399 efrain 975
    <div class="container-fluid">
976
        <div class="row">
977
            <div class="col-12">
978
                <div class="card">
15532 stevensc 979
                    <div class="card-header">
980
                        <h2>LABEL_CONTACTS</h2>
981
                    </div>
15399 efrain 982
                    <div class="card-body">
983
                        <table id="gridTable" class="table table-striped table-hover">
984
                            <thead>
985
                                <tr>
986
                                    <th>LABEL_FIRST_NAME</th>
987
                                    <th>LABEL_LAST_NAME</th>
988
                                    <th>LABEL_CORPORATE_EMAIL</th>
15625 anderson 989
                                    <th>LABEL_COMPANY</th>
15626 anderson 990
                                    <th>LABEL_COUNTRY</th>
15627 anderson 991
                                    <th>LABEL_SECTOR</th>
15399 efrain 992
                                    <th>LABEL_ACTIONS</th>
993
                                </tr>
994
                            </thead>
995
                            <tbody>
996
                            </tbody>
997
                        </table>
998
                    </div>
999
                    <div class="card-footer clearfix">
1000
                        <div style="float:right;">
1001
                            <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
15624 anderson 1002
                            <?php if ($allowUpload) : ?>
1003
                                <button type="button" class="btn btn-primary btn-upload"><i class="fa fa-upload"></i> LABEL_UPLOAD </button>
1004
                            <?php endif; ?>
15399 efrain 1005
                            <?php if ($allowAdd) : ?>
15624 anderson 1006
                                <button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
15399 efrain 1007
                            <?php endif; ?>
1008
                        </div>
1009
                    </div>
1010
                </div>
1011
            </div>
1012
        </div>
1013
    </div>
1014
</section>
1015
 
1016
<section class="content" id="form-row" style="display: none">
1017
    <div class="container-fluid">
1018
        <div class="row">
1019
            <div class="col-12">
1020
                <div class="card">
1021
 
15532 stevensc 1022
                    <div class="card-header">
1023
                        <h2>LABEL_CONTACT - <span id="form-title"></span></h2>
1024
                    </div>
15399 efrain 1025
                    <div class="card-body">
15532 stevensc 1026
                        <?php
1027
                        $form = $this->form;
1028
                        $form->setAttributes([
1029
                            'method' => 'post',
1030
                            'action' => $routeAdd,
1031
                            'name' => 'form',
1032
                            'id' => 'form',
1033
                        ]);
1034
                        $form->prepare();
1035
                        echo $this->form()->openTag($form);
1036
                        ?>
1037
                        <div class="row">
1038
                            <div class="col-sm-6">
1039
                                <div class="form-group">
1040
                                    <?php
1041
                                    $label = 'LABEL_FIRST_NAME';
1042
                                    $field = 'first_name';
1043
 
1044
                                    $element = $form->get($field);
1045
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1046
                                    $element->setOptions(['label' => $label]);
1047
                                    echo $this->formLabel($element);
1048
                                    echo $this->formText($element);
1049
                                    ?>
15399 efrain 1050
                                </div>
15532 stevensc 1051
                            </div>
1052
                            <div class="col-sm-6">
1053
                                <div class="form-group">
1054
                                    <?php
15399 efrain 1055
                                    $label = 'LABEL_LAST_NAME';
1056
                                    $field = 'last_name';
15532 stevensc 1057
 
15399 efrain 1058
                                    $element = $form->get($field);
1059
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1060
                                    $element->setOptions(['label' => $label]);
1061
                                    echo $this->formLabel($element);
1062
                                    echo $this->formText($element);
1063
                                    ?>
15532 stevensc 1064
                                </div>
15399 efrain 1065
                            </div>
15532 stevensc 1066
                        </div>
1067
                        <div class="row">
1068
                            <div class="col-sm-6">
1069
                                <div class="form-group">
1070
                                    <?php
1071
 
1072
                                    $label = 'LABEL_CORPORATE_EMAIL';
1073
                                    $field = 'corporate_email';
1074
 
15399 efrain 1075
                                    $element = $form->get($field);
1076
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1077
                                    $element->setOptions(['label' => $label]);
1078
                                    echo $this->formLabel($element);
1079
                                    echo $this->formText($element);
1080
                                    ?>
15532 stevensc 1081
                                </div>
15399 efrain 1082
                            </div>
15532 stevensc 1083
                            <div class="col-sm-6">
1084
                                <div class="form-group">
1085
                                    <?php
1086
                                    $label = 'LABEL_COMPANY';
1087
                                    $field = 'company';
1088
 
15399 efrain 1089
                                    $element = $form->get($field);
1090
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1091
                                    $element->setOptions(['label' => $label]);
1092
                                    echo $this->formLabel($element);
1093
                                    echo $this->formText($element);
1094
                                    ?>
15532 stevensc 1095
                                </div>
15399 efrain 1096
                            </div>
15532 stevensc 1097
                        </div>
1098
                        <div class="row">
1099
                            <div class="col-sm-6">
1100
                                <div class="form-group">
1101
                                    <?php
1102
                                    $label = 'LABEL_POSITION';
1103
                                    $field = 'position';
1104
 
1105
 
15399 efrain 1106
                                    $element = $form->get($field);
1107
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1108
                                    $element->setOptions(['label' => $label]);
1109
                                    echo $this->formLabel($element);
1110
                                    echo $this->formText($element);
1111
                                    ?>
15532 stevensc 1112
                                </div>
15399 efrain 1113
                            </div>
15532 stevensc 1114
                            <div class="col-sm-6">
1115
                                <div class="form-group">
1116
                                    <?php
1117
                                    $label = 'LABEL_COUNTRY';
15399 efrain 1118
                                    $field = 'country';
1119
                                    $element = $form->get($field);
1120
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1121
                                    $element->setOptions(['label' => $label]);
1122
                                    echo $this->formLabel($element);
1123
                                    echo $this->formText($element);
1124
                                    ?>
15532 stevensc 1125
                                </div>
15399 efrain 1126
                            </div>
15532 stevensc 1127
                        </div>
1128
                        <div class="row">
1129
                            <div class="col-sm-6">
1130
                                <div class="form-group">
1131
                                    <?php
1132
                                    $label = 'LABEL_STATE';
1133
                                    $field = 'state';
15399 efrain 1134
 
15532 stevensc 1135
 
15399 efrain 1136
                                    $element = $form->get($field);
1137
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1138
                                    $element->setOptions(['label' => $label]);
1139
                                    echo $this->formLabel($element);
1140
                                    echo $this->formText($element);
1141
                                    ?>
15532 stevensc 1142
                                </div>
15399 efrain 1143
                            </div>
15532 stevensc 1144
                            <div class="col-sm-6">
1145
                                <div class="form-group">
1146
                                    <?php
1147
                                    $label = 'LABEL_CITY';
1148
                                    $field = 'city';
1149
 
15399 efrain 1150
                                    $element = $form->get($field);
1151
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1152
                                    $element->setOptions(['label' => $label]);
1153
                                    echo $this->formLabel($element);
1154
                                    echo $this->formText($element);
1155
                                    ?>
15532 stevensc 1156
                                </div>
15399 efrain 1157
                            </div>
15532 stevensc 1158
                        </div>
1159
                        <div class="row">
1160
                            <div class="col-sm-6">
1161
                                <div class="form-group">
1162
                                    <?php
1163
                                    $label = 'LABEL_PHONE';
1164
                                    $field = 'phone';
1165
 
1166
 
1167
 
1168
 
15399 efrain 1169
                                    $element = $form->get($field);
1170
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1171
                                    $element->setOptions(['label' => $label]);
1172
                                    echo $this->formLabel($element);
1173
                                    echo '<br>';
1174
                                    echo $this->formText($element);
1175
                                    ?>
15532 stevensc 1176
                                </div>
15399 efrain 1177
                            </div>
15532 stevensc 1178
                            <div class="col-sm-6">
1179
                                <div class="form-group">
1180
                                    <?php
1181
                                    $label = 'LABEL_PHONE_EXTENSION';
1182
                                    $field = 'phone_extension';
1183
 
1184
 
15399 efrain 1185
                                    $element = $form->get($field);
1186
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1187
                                    $element->setOptions(['label' => $label]);
15532 stevensc 1188
 
15399 efrain 1189
                                    echo $this->formLabel($element);
15532 stevensc 1190
 
15399 efrain 1191
                                    echo $this->formText($element);
1192
                                    ?>
15532 stevensc 1193
                                </div>
15399 efrain 1194
                            </div>
15532 stevensc 1195
                        </div>
15399 efrain 1196
                        <div class="row">
15532 stevensc 1197
                            <div class="col-sm-6">
1198
                                <div class="form-group">
1199
                                    <?php
1200
                                    $label = 'LABEL_PERSONAL_EMAIL';
1201
                                    $field = 'personal_email';
1202
 
1203
 
1204
 
1205
 
15399 efrain 1206
                                    $element = $form->get($field);
1207
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1208
                                    $element->setOptions(['label' => $label]);
1209
                                    echo $this->formLabel($element);
1210
                                    echo $this->formText($element);
1211
                                    ?>
15532 stevensc 1212
                                </div>
15399 efrain 1213
                            </div>
15532 stevensc 1214
                            <div class="col-sm-6">
1215
                                <div class="form-group">
1216
                                    <?php
1217
                                    $label = 'LABEL_CELULAR';
1218
                                    $field = 'celular';
1219
 
15399 efrain 1220
                                    $element = $form->get($field);
1221
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1222
                                    $element->setOptions(['label' => $label]);
1223
                                    echo $this->formLabel($element);
1224
                                    echo '<br>';
1225
                                    echo $this->formText($element);
1226
                                    ?>
15532 stevensc 1227
                                </div>
15399 efrain 1228
                            </div>
15532 stevensc 1229
                        </div>
15399 efrain 1230
                        <div class="row">
15532 stevensc 1231
                            <div class="col-sm-6">
1232
                                <div class="form-group">
1233
                                    <?php
1234
                                    $label = 'LABEL_WHATSAPP';
1235
                                    $field = 'whatsapp';
15399 efrain 1236
 
1237
                                    $element = $form->get($field);
1238
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1239
                                    $element->setOptions(['label' => $label]);
1240
                                    echo $this->formLabel($element);
1241
                                    echo '<br>';
1242
                                    echo $this->formText($element);
1243
                                    ?>
15532 stevensc 1244
                                </div>
15399 efrain 1245
                            </div>
15532 stevensc 1246
                            <div class="col-sm-6">
1247
                                <div class="form-group">
1248
                                    <?php
1249
                                    $label = 'LABEL_LINKEDIN';
1250
                                    $field = 'linkedin';
1251
 
15399 efrain 1252
                                    $element = $form->get($field);
1253
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1254
                                    $element->setOptions(['label' => $label]);
1255
                                    echo $this->formLabel($element);
1256
                                    echo $this->formText($element);
1257
                                    ?>
15532 stevensc 1258
                                </div>
15399 efrain 1259
                            </div>
15532 stevensc 1260
 
1261
 
1262
 
1263
                        </div>
1264
 
15399 efrain 1265
                    </div>
1266
                    <div class="card-footer clearfix">
1267
                        <div style="float:right;">
1268
                            <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
15532 stevensc 1269
                            <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
15399 efrain 1270
                        </div>
1271
                    </div>
15532 stevensc 1272
                    <?php echo $this->form()->closeTag($form); ?>
15399 efrain 1273
                </div>
1274
            </div>
1275
        </div>
1276
    </div>
15532 stevensc 1277
</section>
15399 efrain 1278
 
1279
 
1280
 
15532 stevensc 1281
<section class="content" id="interactions-row" style="display: none">
15399 efrain 1282
    <div class="container-fluid">
15532 stevensc 1283
        <div class="row">
15399 efrain 1284
            <div class="col-12">
15532 stevensc 1285
                <h2>LABEL_CONTACT</h2>
15399 efrain 1286
            </div>
15532 stevensc 1287
        </div>
15399 efrain 1288
        <div class="row">
1289
            <div class="col-12">
1290
                <div class="card card-primary card-outline card-tabs">
15537 stevensc 1291
                    <div class="card-body p-0 pt-2">
15532 stevensc 1292
 
15538 stevensc 1293
                        <div class="row mx-0">
15532 stevensc 1294
                            <?php
1295
                            $fields = [
1296
                                'LABEL_FIRST_NAME' => 'interactions-first_name',
1297
                                'LABEL_LAST_NAME' => 'interactions-last_name',
1298
                                'LABEL_CORPORATE_EMAIL' => 'interactions-corporate_email',
1299
                                'LABEL_COMPANY' => 'interactions-company',
1300
                                'LABEL_POSITION' => 'interactions-position',
1301
                                'LABEL_COUNTRY' => 'interactions-country',
1302
                                'LABEL_STATE' => 'interactions-state',
1303
                                'LABEL_CITY' => 'interactions-city',
1304
                                'LABEL_PHONE' => 'interactions-phone',
1305
                                'LABEL_PHONE_EXTENSION' => 'interactions-phone_extension',
1306
                                'LABEL_PERSONAL_EMAIL' => 'interactions-personal_email',
1307
                                'LABEL_CELULAR' => 'interactions-celular',
1308
                                'LABEL_WHATSAPP' => 'interactions-whatsapp',
1309
                                'LABEL_LINKEDIN' => 'interactions-linkedin',
1310
 
1311
 
1312
                            ];
1313
                            foreach ($fields as $label => $field) :
1314
 
1315
                            ?>
1316
 
1317
                                <div class="col-sm-6">
1318
                                    <div class="form-group">
1319
                                        <label for="<?php echo $field ?>"><?php echo $label ?></label>
1320
                                        <input type="text" id="<?php echo $field ?>" class="form-control" value="" readonly="readonly" />
1321
                                    </div>
1322
                                </div>
1323
 
15399 efrain 1324
                            <?php endforeach; ?>
1325
 
15532 stevensc 1326
                        </div>
1327
 
15539 stevensc 1328
                        <ul class="nav nav-tabs border-bottom-0" id="custom-tabs-three-tab" role="tablist">
15532 stevensc 1329
                            <li class="nav-item">
15535 stevensc 1330
                                <a class="nav-link px-2 active" id="discovery-contacts-tabs-interactions-tab" data-toggle="pill" href="#discovery-contacts-tabs-interactions" role="tab" aria-controls="discovery-contacts-tabs-interactions" aria-selected="false">LABEL_INTERACTIONS</a>
15532 stevensc 1331
                            </li>
1332
                            <li class="nav-item">
15535 stevensc 1333
                                <a class="nav-link px-2" id="discovery-contacts-tabs-logs-tab" data-toggle="pill" href="#discovery-contacts-tabs-logs" role="tab" aria-controls="discovery-contacts-tabs-logs" aria-selected="false">LABEL_LOGS</a>
15532 stevensc 1334
                            </li>
1335
                        </ul>
1336
                    </div>
1337
 
15536 stevensc 1338
                    <div class="card-body p-0">
15532 stevensc 1339
                        <div class="tab-content" id="custom-tabs-three-tabContent">
1340
                            <div class="tab-pane fade show active" id="discovery-contacts-tabs-interactions" role="tabpanel" aria-labelledby="discovery-contacts-tabs-interactions-tab">
1341
                                <table class="table table-striped table-hover">
1342
                                    <thead>
15399 efrain 1343
                                        <tr>
1344
                                            <th>LABEL_FIRST_NAME</th>
1345
                                            <th>LABEL_LAST_NAME</th>
1346
                                            <th>LABEL_EMAIL</th>
1347
                                            <th>LABEL_DATE</th>
1348
                                            <th>LABEL_ACTIONS</th>
1349
                                        </tr>
1350
                                    </thead>
1351
                                    <tbody id="grid-discovery-contacts-tabs-interactions">
1352
                                    </tbody>
15532 stevensc 1353
                                </table>
1354
                                <br>
1355
                                <ul id="discovery-contacts-pagination-interactions" class="pagination pagination-sm m-0 float-right">
1356
 
1357
                                </ul>
1358
 
1359
 
1360
 
1361
                            </div>
1362
                            <div class="tab-pane fade" id="discovery-contacts-tabs-logs" role="tabpanel" aria-labelledby="discovery-contacts-tabs-logs-tab">
1363
                                <table class="table table-striped table-hover">
1364
                                    <thead>
15399 efrain 1365
                                        <tr>
1366
                                            <th>LABEL_FIRST_NAME</th>
1367
                                            <th>LABEL_LAST_NAME</th>
1368
                                            <th>LABEL_EMAIL</th>
1369
                                            <th>LABEL_ACTIVITY</th>
1370
                                        </tr>
1371
                                    </thead>
1372
                                    <tbody id="grid-discovery-contacts-tabs-logs">
1373
                                    </tbody>
15532 stevensc 1374
                                </table>
1375
                                <br>
1376
                                <ul id="discovery-contacts-pagination-logs" class="pagination pagination-sm m-0 float-right">
15399 efrain 1377
 
15532 stevensc 1378
                                </ul>
15399 efrain 1379
 
15532 stevensc 1380
                            </div>
1381
                        </div>
1382
                    </div>
1383
 
1384
 
1385
 
15399 efrain 1386
                    <div class="card-footer clearfix">
1387
                        <div style="float:right;">
15532 stevensc 1388
                            <button type="button" class="btn btn-primary btn-close-view"><i class="fa fa-chevron-left"></i> LABEL_BACK </button>
15399 efrain 1389
                            <?php if ($allowInteractionAdd) : ?>
1390
                                <button type="button" class="btn btn-primary btn-add-interaction"><i class="fa fa-plus"></i> LABEL_ADD </button>
1391
                            <?php endif; ?>
1392
                        </div>
1393
                    </div>
1394
                </div>
1395
            </div>
1396
        </div>
1397
    </div>
1398
</section>
1399
 
1400
<!-- The Modal -->
1401
<div class="modal" id="modal-interaction">
1402
    <div class="modal-dialog  modal-xl">
1403
        <div class="modal-content">
1404
 
1405
            <!-- Modal Header -->
1406
            <div class="modal-header">
1407
                <h4 class="modal-title">LABEL_INTERACTION</h4>
1408
                <button type="button" class="close" data-dismiss="modal">&times;</button>
1409
            </div>
1410
 
1411
            <!-- Modal body -->
1412
            <div class="modal-body">
1413
                <?php
1414
                $form = $this->formInteraction;
1415
                $form->setAttributes([
1416
                    'method'    => 'post',
1417
                    'name'      => 'form-interaction',
1418
                    'id'        => 'form-interaction'
1419
                ]);
1420
 
1421
                $form->prepare();
1422
                echo $this->form()->openTag($form);
1423
                ?>
15532 stevensc 1424
                <div class="form-group">
15399 efrain 1425
                    <?php
1426
                    $element = $form->get('interaction_type_id');
1427
                    $element->setOptions(['label' => 'LABEL_INTERACTION_TYPE']);
1428
                    $element->setAttributes(['class' => 'form-control']);
15532 stevensc 1429
 
15399 efrain 1430
                    echo $this->formLabel($element);
1431
                    echo $this->formSelect($element);
1432
                    ?>
1433
                </div>
15532 stevensc 1434
 
15399 efrain 1435
                <div class="form-group">
1436
                    <?php
1437
                    $element = $form->get('notes');
1438
                    $element->setOptions(['label' => 'LABEL_NOTES']);
1439
                    $element->setAttributes(['class' => 'form-control']);
1440
 
1441
                    echo $this->formLabel($element);
1442
                    echo $this->formTextArea($element);
1443
                    ?>
1444
                </div>
15532 stevensc 1445
 
15399 efrain 1446
                <div class="text-right">
1447
                    <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1448
                    <button type="button" class="btn btn-light btn-cancel-interaction">LABEL_CANCEL</button>
1449
                </div>
1450
                <?php echo $this->form()->closeTag($form); ?>
1451
            </div>
1452
 
1453
 
1454
        </div>
1455
    </div>
1456
</div>
1457
 
1458
 
15546 efrain 1459
<!-- The Modal -->
1460
<div class="modal" id="modalContactUpload">
15624 anderson 1461
    <div class="modal-dialog  modal-xl">
1462
        <div class="modal-content">
15399 efrain 1463
 
15546 efrain 1464
            <!-- Modal Header -->
15624 anderson 1465
            <div class="modal-header">
1466
                <h4 class="modal-title">LABEL_UPLOAD</h4>
1467
                <button type="button" class="close" data-dismiss="modal">&times;</button>
1468
            </div>
15546 efrain 1469
 
1470
            <!-- Modal body -->
15624 anderson 1471
            <div class="modal-body">
1472
                <?php
1473
                $form = $this->contactUploadForm;
1474
                $form->setAttributes([
1475
                    'method'    => 'post',
1476
                    'name'      => 'form-contact-upload',
1477
                    'id'        => 'form-contact-upload'
1478
                ]);
15546 efrain 1479
 
15624 anderson 1480
                $form->prepare();
1481
                echo $this->form()->openTag($form);
1482
                ?>
1483
 
1484
                <div class="form-group">
1485
 
1486
 
1487
                    <?php
1488
                    $element = $form->get('file');
1489
                    $element->setOptions(['label' => 'LABEL_EXCEL']);
1490
                    echo $this->formLabel($element);
1491
                    ?>
1492
                    <div class="file-loading">
1493
                        <?php
15546 efrain 1494
                        $element->setAttributes(['class' => 'form-control', 'accept' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel']);
1495
                        echo $this->formFile($element);
1496
                        ?>
15624 anderson 1497
                    </div>
1498
                </div>
15546 efrain 1499
 
1500
 
1501
 
15624 anderson 1502
                <div class="form-group">
1503
                    <button type="submit" class="btn btn-primary">LABEL_UPLOAD</button>
1504
                    <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
1505
                </div>
1506
                <?php echo $this->form()->closeTag($form); ?>
1507
            </div>
1508
 
15546 efrain 1509
            <!-- Modal footer -->
15624 anderson 1510
            <div class="modal-footer">
1511
                <button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
1512
            </div>
15546 efrain 1513
 
15624 anderson 1514
        </div>
1515
    </div>
1516
</div>
15546 efrain 1517
 
1518
 
1519
 
1520
<!-- The Modal -->
1521
<div class="modal" id="modalContactUploadTable">
15624 anderson 1522
    <div class="modal-dialog modal-xl">
1523
        <div class="modal-content">
15546 efrain 1524
 
1525
            <!-- Modal Header -->
15624 anderson 1526
            <div class="modal-header">
1527
                <h4 class="modal-title">LABEL_CONTACTS</h4>
1528
                <button type="button" class="close" data-dismiss="modal">&times;</button>
1529
            </div>
15546 efrain 1530
 
1531
            <!-- Modal body -->
15624 anderson 1532
            <div class="modal-body">
1533
                <form>
1534
                    <input type="hidden" name="table-upload-contacts-key" id="table-upload-contacts-key">
1535
                </form>
1536
 
1537
 
1538
 
1539
                <div id="table-wrapper">
1540
                    <table id="gridTableUploadContacts" class="table table-bordered table-hover">
1541
                        <thead>
1542
                            <tr>
1543
                                <th>LABEL_FIRST_NAME</th>
1544
                                <th>LABEL_LAST_NAME</th>
1545
                                <th>LABEL_EMAIL</th>
1546
                                <th>LABEL_CORPORATE_EMAIL</th>
15546 efrain 1547
                                <th>LABEL_COMPANY</th>
1548
                                <th>LABEL_POSITION</th>
1549
                                <th>LABEL_COUNTRY</th>
1550
                                <th>LABEL_STATE</th>
1551
                                <th>LABEL_CITY</th>
1552
                                <th>LABEL_PHONE</th>
1553
                                <th>LABEL_PHONE_EXTENSION</th>
1554
                                <th>LABEL_PERSONAL_EMAIL</th>
1555
                                <th>LABEL_CELULAR</th>
1556
                                <th>LABEL_WHATSAPP</th>
1557
                                <th>LABEL_LINKEDIN</th>
1558
 
15624 anderson 1559
                            </tr>
1560
                        </thead>
1561
                        <tbody>
1562
                        </tbody>
1563
                    </table>
1564
                </div>
15546 efrain 1565
 
15624 anderson 1566
            </div>
1567
 
15546 efrain 1568
            <!-- Modal footer -->
15624 anderson 1569
            <div class="modal-footer">
1570
                <button type="submit" class="btn btn-primary btn-upload-contacts-step2">LABEL_SAVE</button>
1571
                <button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
1572
            </div>
15546 efrain 1573
 
15624 anderson 1574
        </div>
1575
    </div>
1576
</div>
15546 efrain 1577
 
1578
 
15399 efrain 1579
<script id="interactionTemplate" type="text/x-jsrender">
1580
    {{for items}}
15532 stevensc 1581
    <tr>
1582
        <td>{{>first_name}}</td>
1583
        <td>{{>last_name}}</td>
1584
        <td>{{>email}}</td>
1585
        <td> {{>added_on}}</td>
1586
        <td>
1587
            <button class="btn btn-danger btn-delete-interaction" data-href="{{>link_delete}}" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button>
1588
        </td>
1589
    </tr>
1590
    <tr>
1591
        <td colspan="2">
1592
            {{>name}}
1593
        </td>
1594
        <td colspan="3">
1595
            {{>notes}}
1596
        </td>
1597
    </tr>
15399 efrain 1598
    {{/for}}
1599
</script>
1600
 
1601
 
1602
<script id="logTemplate" type="text/x-jsrender">
1603
    {{for items}}
15532 stevensc 1604
    <tr>
1605
        <td>{{>first_name}}</td>
1606
        <td>{{>last_name}}</td>
1607
        <td>{{>email}}</td>
15533 stevensc 1608
        <td>
15534 stevensc 1609
            {{>activity}} -
1610
            {{>added_on}}
15532 stevensc 1611
        </td>
15533 stevensc 1612
    </tr>
15532 stevensc 1613
 
15533 stevensc 1614
    <tr>
1615
        <td>
1616
        </td>
1617
        <td>
1618
        </td>
1619
        <td>
1620
        </td>
1621
 
1622
        <td>
15532 stevensc 1623
            {{>details}}
1624
        </td>
15533 stevensc 1625
    </tr>
15532 stevensc 1626
 
15399 efrain 1627
    {{/for}}
1628
</script>
1629
 
15546 efrain 1630
 
1631
<script id="uploadContactTemplate" type="text/x-jsrender">
1632
    {{for items}}
1633
    <tr>
1634
        <td>{{>first_name}}</td>
1635
        <td>{{>last_name}}</td>
1636
        <td>{{>email_personal}}</td>
1637
        <td>{{>email_company}}</td>
1638
        <td>{{>company}}</td>
1639
        <td>{{>position}}</td>
1640
        <td>{{>country}}</td>
1641
        <td>{{>state}}</td>
1642
        <td>{{>city}}</td>
1643
        <td>{{>phone}}</td>
1644
        <td>{{>extension}}</td>
1645
        <td>{{>movil}}</td>
1646
        <td>{{>whatsapp}}</td>
1647
        <td>{{>linkedin}}</td>
1648
 
1649
    </tr>
1650
 
1651
 
1652
    {{/for}}
1653
</script>
1654
 
15399 efrain 1655
<script id="logPaginationTemplate" type="text/x-jsrender">
1656
    {{if has_previous_page}}
15532 stevensc 1657
    <li class="page-item"><a class="page-link class-btn-log-previous" href="#"> <i class="fa fa-chevron-left" aria-hidden="true"></i> LABEL_PREVIOUS </a></li>
15399 efrain 1658
    {{/if}}
1659
 
1660
    {{if has_next_page}}
15532 stevensc 1661
    <li class="page-item"><a class="page-link class-btn-log-next" href="#"> LABEL_NEXT <i class="fa fa-chevron-right" aria-hidden="true"></i> </a></li>
15399 efrain 1662
    {{/if}}
1663
</script>
1664
 
1665
<script id="interactionPaginationTemplate" type="text/x-jsrender">
1666
    {{if has_previous_page}}
15532 stevensc 1667
    <li class="page-item"><a class="page-link class-btn-interaction-previous" href="#"> <i class="fa fa-chevron-left" aria-hidden="true"></i> LABEL_PREVIOUS </a></li>
15399 efrain 1668
    {{/if}}
1669
 
1670
    {{if has_next_page}}
15532 stevensc 1671
    <li class="page-item"><a class="page-link class-btn-interaction-next" href="#"> LABEL_NEXT <i class="fa fa-chevron-right" aria-hidden="true"></i> </a></li>
15399 efrain 1672
    {{/if}}
1673
</script>