Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15539 | Rev 15624 | 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' },
366
                { 'mDataProp': 'actions' },
367
    	    ],
368
            'columnDefs': [
369
                {
370
                    'targets': -1,
371
                    'orderable': false,
372
                    'render' : function ( data, type, row ) {
373
                        s = '';
374
 
375
                        if(allowEdit && data['link_edit']) {
376
                            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;';
377
                        }
378
                        if(allowDelete && data['link_delete']) {
379
                            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;';
380
                        }
381
                        if(allowView && data['link_view']) {
382
                            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;';
383
                        }
384
                        return s;
385
                    }
386
                }
387
              ],
388
        });
389
 
390
 
391
 
392
 
393
        var validator = $('#form').validate({
394
            debug: true,
395
            onclick: false,
396
            onkeyup: false,
397
            ignore: [],
398
            rules: {
399
                'first_name': {
400
                    required: true,
401
                    maxlength: 128,
402
                },
403
                'last_name': {
404
                    required: true,
405
                    maxlength: 128,
406
                },
407
                'corporate_email': {
408
                    required: true,
409
                    maxlength: 250,
410
                    email: true,
411
 
412
                },
413
                'company': {
414
                    required: true,
415
                    maxlength: 128,
416
                },
417
                'position': {
418
                    required: true,
419
                    maxlength: 128,
420
                },
421
                'country': {
422
                    required: true,
423
                    maxlength: 128,
424
                },
425
                'state': {
426
                    required: false,
427
                    maxlength: 128,
428
                },
429
                'city': {
430
                    required: false,
431
                    maxlength: 128,
432
                },
433
                'personal_email': {
434
                    required: false,
435
                    maxlength: 128,
436
                    email: true,
437
                },
438
                'phone': {
439
                    required: false,
440
                    maxlength: 25,
441
                    isIntlPhoneNumber: true,
442
                },
443
                'phone_extension': {
444
                    required: false,
445
                    maxlength: 5,
446
                },
447
                'celular': {
448
                    required: false,
449
                    maxlength: 25,
450
                    isIntlPhoneNumber: true,
451
                },
452
                'whatsapp': {
453
                    required: false,
454
                    maxlength: 25,
455
                    isIntlPhoneNumber: true,
456
                },
457
                'linkedin': {
458
                    required: false,
459
                    maxlength: 256,
460
                    url: true,
461
                },
462
            },
463
            submitHandler: function(form)
464
            {
465
                data = {
466
                    first_name :  $('#form #first_name').val(),
467
                    last_name :  $('#form #last_name').val(),
468
                    corporate_email :  $('#form #corporate_email').val(),
469
                    company :  $('#form #company').val(),
470
                    position :  $('#form #position').val(),
471
                    country :  $('#form #country').val(),
472
                    state :  $('#form #state').val(),
473
                    city :  $('#form #city').val(),
474
                    personal_email :  $('#form #personal_email').val(),
475
                    phone :  $('#form #phone').intlTelInput('getNumber'),
476
                    phone_extension :  $('#form #phone_extension').val(),
477
                    celular :  $('#form #celular').intlTelInput('getNumber'),
478
                    whatsapp :  $('#form #whatsapp').intlTelInput('getNumber'),
479
                    linkedin :  $('#form #linkedin').val(),
480
                };
481
 
482
                $('#modal .btn-primary').attr('disabled', true)
483
                $.ajax({
484
                    'dataType'  : 'json',
485
                    'accept'    : 'application/json',
486
                    'method'    : 'post',
487
                    'url'       :  $('#form').attr('action'),
488
                    'data'      :  data
489
                }).done(function(response) {
490
                    NProgress.start();
491
                    if(response['success']) {
492
                        $.fn.showSuccess(response['data']);
493
 
494
                        $('#form-row').hide();
495
                        $('#listing-row').show();
496
 
497
 
498
 
499
                        gridTable.api().ajax.reload(null, false);
500
                    } else {
501
                        validator.resetForm();
502
                        if(jQuery.type(response['data']) == 'string') {
503
                            $.fn.showError(response['data']);
504
                        } else  {
505
                            $.each(response['data'], function( fieldname, errors ) {
506
                                $.fn.showFormErrorValidator('#form #' + fieldname, errors);
507
                            });
508
                        }
509
                    }
510
                }).fail(function( jqXHR, textStatus, errorThrown) {
511
                    $.fn.showError(textStatus);
512
                }).always(function() {
513
                    NProgress.done();
514
                    $('#modal .btn-primary').removeAttr('disabled')
515
                });
516
                return false;
517
            },
518
            invalidHandler: function(form, validator) {
519
 
520
            }
521
        });
522
 
523
        var validatorInteraction = $('#form-interaction').validate({
524
            debug: true,
525
            onclick: false,
526
            onkeyup: false,
527
            ignore: [],
528
            rules: {
529
                'notes': {
530
                    required: true,
531
                },
532
                'interaction_type_id': {
533
                    required: true,
534
 
535
                },
536
            },
537
            submitHandler: function(form)
538
            {
539
 
540
                $.ajax({
541
                    'dataType'  : 'json',
542
                    'accept'    : 'application/json',
543
                    'method'    : 'post',
544
                    'url'       :  $('#form-interaction').attr('action'),
545
                    'data'      :  $('#form-interaction').serialize()
546
                }).done(function(response) {
547
                    NProgress.start();
548
                    if(response['success']) {
549
                        $.fn.showSuccess(response['data']);
550
 
551
                        $('#modal-interaction').modal('hide');
552
 
553
 
554
                        $.fn.loadInteractions();
555
                        $.fn.loadLogs();
556
                    } else {
557
                        validator.resetForm();
558
                        if(jQuery.type(response['data']) == 'string') {
559
                            $.fn.showError(response['data']);
560
                        } else  {
561
                            $.each(response['data'], function( fieldname, errors ) {
562
                                $.fn.showFormErrorValidator('#form-interaction #' + fieldname, errors);
563
                            });
564
                        }
565
                    }
566
                }).fail(function( jqXHR, textStatus, errorThrown) {
567
                    $.fn.showError(textStatus);
568
                }).always(function() {
569
                    NProgress.done();
570
 
571
                });
572
                return false;
573
            },
574
            invalidHandler: function(form, validator) {
575
 
576
            }
577
        });
578
 
579
        $('body').on('click', 'button.btn-add-interaction', function(e) {
580
            e.preventDefault();
581
 
582
            $('#form-interaction').attr('action', linkInteractionsAdd);
583
            $('#form-interaction #notes').val('');
584
            $('#form-interaction #status').val('');
585
 
586
            validator.resetForm();
587
            $('#modal-interaction').modal('show');
588
        });
589
 
590
 
591
        $('body').on('click', 'button.btn-cancel-interaction', function(e) {
592
            e.preventDefault();
593
            $('#modal-interaction').modal('hide');
594
        });
595
 
596
        $('body').on('click', 'button.btn-delete-interaction', function(e) {
597
            e.preventDefault();
598
            var action = $(this).data('href');
599
            NProgress.start();
600
            $.ajax({
601
                'dataType'  : 'json',
602
                'accept'    : 'application/json',
603
                'method'    : 'post',
604
                'url'       :  action,
605
            }).done(function(response) {
606
                if(response['success']) {
607
                    $.fn.showSuccess(response['data']);
608
 
609
                    $.fn.loadLogs();
610
                    $.fn.loadInteractions();
611
                } else {
612
                    $.fn.showError(response['data']);
613
                }
614
            }).fail(function( jqXHR, textStatus, errorThrown) {
615
                $.fn.showError(textStatus);
616
            }).always(function() {
617
                NProgress.done();
618
            });
619
 
620
        });
621
 
622
 
623
        $('body').on('click', 'button.btn-add', function(e) {
624
            e.preventDefault();
625
 
626
            $('span[id="form-title"]').html('LABEL_ADD');
627
            $('#form').attr('action', '$routeAdd');
628
            $('#form #first_name').val('');
629
            $('#form #last_name').val('');
630
            $('#form #corporate_email').val('');
631
            $('#form #company').val('');
632
            $('#form #position').val('');
633
            $('#form #country').val('');
634
            $('#form #state').val('');
635
            $('#form #city').val('');
636
            $('#form #personal_email').val('');
637
            $('#form #phone').intlTelInput('setNumber', '');
638
            $('#form #phone_extension').val('');
639
            $('#form #celular').intlTelInput('setNumber', '');
640
            $('#form #whatsapp').intlTelInput('setNumber', '');
641
            $('#form #linkedin').val('');
642
 
643
            validator.resetForm();
644
 
645
 
646
            $('#listing-row').hide();
647
            $('#form-row').show();
648
 
649
        });
650
 
651
        $('body').on('click', 'button.btn-edit', function(e) {
652
            e.preventDefault();
653
            NProgress.start();
654
            var action = $(this).data('href');
655
 
656
            $.ajax({
657
                'dataType'  : 'json',
658
                'method'    : 'get',
659
                'url'       :  action,
660
            }).done(function(response) {
661
                if(response['success']) {
662
 
663
                    $('span[id="form-title"]').html('LABEL_EDIT');
664
                    $('#form').attr('action', action);
665
                    $('#form #first_name').val(response['data']['first_name']);
666
                    $('#form #last_name').val(response['data']['last_name']);
667
                    $('#form #corporate_email').val(response['data']['corporate_email']);
668
                    $('#form #company').val(response['data']['company']);
669
                    $('#form #position').val(response['data']['position']);
670
                    $('#form #country').val(response['data']['country']);
671
                    $('#form #state').val(response['data']['state']);
672
                    $('#form #city').val(response['data']['city']);
673
                    $('#form #personal_email').val(response['data']['personal_email']);
674
                    $('#form #phone').intlTelInput('setNumber', response['data']['phone']);
675
                    $('#form #phone_extension').val(response['data']['phone_extension']);
676
                    $('#form #celular').intlTelInput('setNumber', response['data']['celular']);
677
                    $('#form #whatsapp').intlTelInput('setNumber', response['data']['whatsapp']);
678
                    $('#form #linkedin').val(response['data']['linkedin']);
679
 
680
                    validator.resetForm();
681
 
682
 
683
                    $('#listing-row').hide();
684
                    $('#form-row').show();
685
                } else {
686
                    $.fn.showError(response['data']);
687
                }
688
            }).fail(function( jqXHR, textStatus, errorThrown) {
689
                $.fn.showError(textStatus);
690
            }).always(function() {
691
                NProgress.done();
692
            });
693
        });
694
 
695
 
696
        $('body').on('click', 'a.class-btn-log-previous', function(e) {
697
            e.preventDefault();
698
 
699
            if( pageLogs  > 1) {
700
                pageLogs  =  pageLogs  - 1;
701
                $.fn.loadLogs();
702
 
703
            }
704
        });
705
 
706
        $('body').on('click', 'a.class-btn-log-next', function(e) {
707
            e.preventDefault();
708
            pageLogs  =  pageLogs  + 1;
709
             $.fn.loadLogs();
710
        });
711
 
712
        $('body').on('click', 'a.class-btn-interaction-previous', function(e) {
713
            e.preventDefault();
714
 
715
            if( pageInteractions  > 1) {
716
                pageInteractions  =  v  - 1;
717
                $.fn.loadInteractions();
718
 
719
            }
720
        });
721
 
722
        $('body').on('click', 'a.class-btn-interaction-next', function(e) {
723
            e.preventDefault();
724
            pageInteractions  =  pageInteractions  + 1;
725
             $.fn.loadInteractions();
726
        });
727
 
728
        $('body').on('click', 'button.btn-view', function(e) {
729
            e.preventDefault();
730
            NProgress.start();
731
            var action = $(this).data('href');
732
 
733
            $.ajax({
734
                'dataType'  : 'json',
735
                'method'    : 'get',
736
                'url'       :  action,
737
            }).done(function(response) {
738
                if(response['success']) {
739
 
740
 
741
                    $('#interactions-first_name').val(response['data']['first_name']);
742
                    $('#interactions-last_name').val(response['data']['last_name']);
743
                    $('#interactions-corporate_email').val(response['data']['corporate_email']);
744
                    $('#interactions-company').val(response['data']['company']);
745
                    $('#interactions-position').val(response['data']['position']);
746
                    $('#interactions-country').val(response['data']['country']);
747
                    $('#interactions-state').val(response['data']['state']);
748
                    $('#interactions-city').val(response['data']['city']);
749
                    $('#interactions-personal_email').val(response['data']['personal_email']);
750
                    $('#interactions-phone').val(response['data']['phone']);
751
                    $('#interactions-phone_extension').val(response['data']['phone_extension']);
752
                    $('#interactions-celular').val(response['data']['celular']);
753
                    $('#interactions-whatsapp').val(response['data']['whatsapp']);
754
                    $('#interactions-linkedin').val(response['data']['linkedin']);
755
 
756
                    linkInteractions = response['data']['link_interactions'];
757
                    linkInteractionsAdd = response['data']['link_interactions_add'];
758
                    linkLogs = response['data']['link_logs'];
759
 
760
                    pageInteractions = 0;
761
                    pageLogs = 0;
762
 
763
 
764
 
765
 
766
                    $.fn.loadLogs();
767
                    $.fn.loadInteractions();
768
 
769
 
770
 
771
                    $('#listing-row').hide();
772
                    $('#interactions-row').show();
773
                } else {
774
                    $.fn.showError(response['data']);
775
                }
776
            }).fail(function( jqXHR, textStatus, errorThrown) {
777
                $.fn.showError(textStatus);
778
            }).always(function() {
779
                NProgress.done();
780
            });
781
        });
782
 
783
        $('body').on('click', 'button.btn-refresh', function(e) {
784
            e.preventDefault();
785
            gridTable.api().ajax.reload(null, false);
786
        });
787
 
788
 
789
        $('body').on('click', 'button.btn-cancel', function(e) {
790
 
791
 
792
            e.preventDefault();
793
            $('#form-row').hide();
794
            $('#listing-row').show();
795
        });
796
 
797
        $('body').on('click', 'button.btn-close-view', function(e) {
798
 
799
 
800
            e.preventDefault();
801
            $('#interactions-row').hide();
802
            $('#listing-row').show();
803
        });
804
 
805
 
806
 
807
        $('#form #phone').intlTelInput({
808
            utilsScript: "$utilsScript",
809
            formatOnDisplay: true,
810
             separateDialCode: false,
811
        });
812
 
813
 
814
 
815
       $('#form #celular').intlTelInput({
816
            utilsScript: "$utilsScript",
817
            formatOnDisplay: true,
818
            separateDialCode: false,
819
        });
820
 
821
        $('#form #whatsapp').intlTelInput({
822
            utilsScript: "$utilsScript",
823
            formatOnDisplay: true,
824
            separateDialCode: false,
825
        });
826
 
15546 efrain 827
var validatorContactUpload = $('#form-contact-upload').validate({
828
        debug: true,
829
        onclick: false,
830
        onkeyup: false,
831
        onfocusout: false,
832
        ignore: [],
833
        rules: {
834
            'file' : {
835
                required: true,
836
                extension: 'xls|xlsx',
837
                accept: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel'
838
            },
839
        },
840
 
841
        submitHandler: function(form)
842
        {
843
            NProgress.start();
844
            var formdata = false;
845
            if (window.FormData){
846
                formdata = new FormData(form);
847
            }
848
            formdata.append('step','validation');
849
 
850
 
851
            $.ajax({
852
                'dataType'  : 'json',
853
                'accept'    : 'application/json',
854
                'method'    : 'post',
855
                'url'       :  '$routeUpload',
856
                'data'      :  formdata,
857
                'processData': false,
858
                'contentType': false,
859
            }).done(function(response) {
860
                if(response['success']) {
861
 
862
                    $('#table-upload-contacts-key').val(response['data']['key']);
863
                    $('#table-upload-contacts-topic').val(response['data']['topic']);
864
          			$('#table-upload-contacts-capsule').val(response['data']['capsule']);
865
 
866
                    $('#gridTableUploadContacts tbody').html($('#uploadContactTemplate').render(response['data']))
867
 
868
                    $('#modalContactUpload').modal('hide');
869
                    $('#modalContactUploadTable').modal('show');
870
 
871
 
872
 
873
                } else {
874
                    validatorContactUpload.resetForm();
875
                    if(jQuery.type(response['data']) == 'string') {
876
                        $.fn.showError(response['data']);
877
                    } else  {
878
                        $.each(response['data'], function( fieldname, errors ) {
879
                            $.fn.showFormErrorValidator('#form-contact-upload #' + fieldname, errors);
880
                        });
881
                    }
882
                }
883
            }).fail(function( jqXHR, textStatus, errorThrown) {
884
                $.fn.showError(textStatus);
885
            }).always(function() {
886
 
887
                NProgress.done();
888
            });
889
            return false;
890
        },
891
        invalidHandler: function(form, validator) {
892
 
893
        }
15399 efrain 894
    });
15546 efrain 895
 
896
 
897
    $('body').on('click', 'button.btn-upload', function(e) {
898
        e.preventDefault();
899
 
900
        $('#form-contact-upload #file').fileinput('reset');
901
        $('#form-contact-upload #file').val('');
902
 
903
        $('#modalContactUpload').modal('show');
904
    });
905
 
906
 
907
    $('#form-contact-upload #file').fileinput({
908
        theme: 'fa',
909
        language: 'es',
910
        showUpload: false,
911
        dropZoneEnabled: false,
912
        maxFileCount: 1,
913
        allowedFileExtensions: ['xls', 'xlsx'],
914
    });
915
 
916
    $('body').on('click', 'button.btn-upload', function(e) {
917
        e.preventDefault();
918
 
919
        $('#form-contact-upload #file').fileinput('reset');
920
        $('#form-contact-upload #file').val('');
921
 
922
        $('#modalContactUpload').modal('show');
923
    });
924
 
925
    $('body').on('click', 'button.btn-upload-contacts-step2', function(e) {
926
        e.preventDefault();
927
        NProgress.start();
928
 
929
        $.ajax({
930
            'dataType'  : 'json',
931
            'accept'    : 'application/json',
932
            'method'    : 'post',
933
            'url'       : '$routeUpload',
934
            'data'      :  {
935
                'step' : 'process',
936
                'key' : $('#table-upload-contacts-key').val(),
937
            }
938
        }).done(function(response) {
939
            if(response['success']) {
940
 
941
                var s = response['data']['new_contacts'] + ' LABEL_NEW_CONTACTS <br>' +
942
                response['data']['error_contacts'] + ' LABEL_ERROR_CONTACTS <br>' +
943
                response['data']['duplicate_contacts'] + ' LABEL_DUPLICATE_CONTACTS <br>';
944
 
945
 
946
 
947
                $.fn.showSuccess(s);
948
 
949
                 gridTable.api().ajax.reload(null, false);
950
                $('#modalContactUploadTable').modal('hide');
951
            } else {
952
                $.fn.showError(response['data']);
953
            }
954
        }).fail(function( jqXHR, textStatus, errorThrown) {
955
            $.fn.showError(textStatus);
956
        }).always(function() {
957
            NProgress.done();
958
        });
959
        return false;
960
    });
961
 
962
 
963
    });
15399 efrain 964
JS;
965
$this->inlineScript()->captureEnd();
966
?>
967
 
968
 
969
 
970
 
15532 stevensc 971
<section class="content" id="listing-row">
15399 efrain 972
    <div class="container-fluid">
973
        <div class="row">
974
            <div class="col-12">
975
                <div class="card">
15532 stevensc 976
                    <div class="card-header">
977
                        <h2>LABEL_CONTACTS</h2>
978
                    </div>
15399 efrain 979
                    <div class="card-body">
980
                        <table id="gridTable" class="table table-striped table-hover">
981
                            <thead>
982
                                <tr>
983
                                    <th>LABEL_FIRST_NAME</th>
984
                                    <th>LABEL_LAST_NAME</th>
985
                                    <th>LABEL_CORPORATE_EMAIL</th>
986
                                    <th>LABEL_ACTIONS</th>
987
                                </tr>
988
                            </thead>
989
                            <tbody>
990
                            </tbody>
991
                        </table>
992
                    </div>
993
                    <div class="card-footer clearfix">
994
                        <div style="float:right;">
995
                            <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
15546 efrain 996
                      		<?php if($allowUpload) : ?>
997
                          	<button type="button" class="btn btn-primary btn-upload"><i class="fa fa-upload"></i> LABEL_UPLOAD  </button>
998
                   			<?php endif; ?>
15399 efrain 999
                            <?php if ($allowAdd) : ?>
15546 efrain 1000
                            <button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
15399 efrain 1001
                            <?php endif; ?>
1002
                        </div>
1003
                    </div>
1004
                </div>
1005
            </div>
1006
        </div>
1007
    </div>
1008
</section>
1009
 
1010
<section class="content" id="form-row" style="display: none">
1011
    <div class="container-fluid">
1012
        <div class="row">
1013
            <div class="col-12">
1014
                <div class="card">
1015
 
15532 stevensc 1016
                    <div class="card-header">
1017
                        <h2>LABEL_CONTACT - <span id="form-title"></span></h2>
1018
                    </div>
15399 efrain 1019
                    <div class="card-body">
15532 stevensc 1020
                        <?php
1021
                        $form = $this->form;
1022
                        $form->setAttributes([
1023
                            'method' => 'post',
1024
                            'action' => $routeAdd,
1025
                            'name' => 'form',
1026
                            'id' => 'form',
1027
                        ]);
1028
                        $form->prepare();
1029
                        echo $this->form()->openTag($form);
1030
                        ?>
1031
                        <div class="row">
1032
                            <div class="col-sm-6">
1033
                                <div class="form-group">
1034
                                    <?php
1035
                                    $label = 'LABEL_FIRST_NAME';
1036
                                    $field = 'first_name';
1037
 
1038
                                    $element = $form->get($field);
1039
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1040
                                    $element->setOptions(['label' => $label]);
1041
                                    echo $this->formLabel($element);
1042
                                    echo $this->formText($element);
1043
                                    ?>
15399 efrain 1044
                                </div>
15532 stevensc 1045
                            </div>
1046
                            <div class="col-sm-6">
1047
                                <div class="form-group">
1048
                                    <?php
15399 efrain 1049
                                    $label = 'LABEL_LAST_NAME';
1050
                                    $field = 'last_name';
15532 stevensc 1051
 
15399 efrain 1052
                                    $element = $form->get($field);
1053
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1054
                                    $element->setOptions(['label' => $label]);
1055
                                    echo $this->formLabel($element);
1056
                                    echo $this->formText($element);
1057
                                    ?>
15532 stevensc 1058
                                </div>
15399 efrain 1059
                            </div>
15532 stevensc 1060
                        </div>
1061
                        <div class="row">
1062
                            <div class="col-sm-6">
1063
                                <div class="form-group">
1064
                                    <?php
1065
 
1066
                                    $label = 'LABEL_CORPORATE_EMAIL';
1067
                                    $field = 'corporate_email';
1068
 
15399 efrain 1069
                                    $element = $form->get($field);
1070
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1071
                                    $element->setOptions(['label' => $label]);
1072
                                    echo $this->formLabel($element);
1073
                                    echo $this->formText($element);
1074
                                    ?>
15532 stevensc 1075
                                </div>
15399 efrain 1076
                            </div>
15532 stevensc 1077
                            <div class="col-sm-6">
1078
                                <div class="form-group">
1079
                                    <?php
1080
                                    $label = 'LABEL_COMPANY';
1081
                                    $field = 'company';
1082
 
15399 efrain 1083
                                    $element = $form->get($field);
1084
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1085
                                    $element->setOptions(['label' => $label]);
1086
                                    echo $this->formLabel($element);
1087
                                    echo $this->formText($element);
1088
                                    ?>
15532 stevensc 1089
                                </div>
15399 efrain 1090
                            </div>
15532 stevensc 1091
                        </div>
1092
                        <div class="row">
1093
                            <div class="col-sm-6">
1094
                                <div class="form-group">
1095
                                    <?php
1096
                                    $label = 'LABEL_POSITION';
1097
                                    $field = 'position';
1098
 
1099
 
15399 efrain 1100
                                    $element = $form->get($field);
1101
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1102
                                    $element->setOptions(['label' => $label]);
1103
                                    echo $this->formLabel($element);
1104
                                    echo $this->formText($element);
1105
                                    ?>
15532 stevensc 1106
                                </div>
15399 efrain 1107
                            </div>
15532 stevensc 1108
                            <div class="col-sm-6">
1109
                                <div class="form-group">
1110
                                    <?php
1111
                                    $label = 'LABEL_COUNTRY';
15399 efrain 1112
                                    $field = 'country';
1113
                                    $element = $form->get($field);
1114
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1115
                                    $element->setOptions(['label' => $label]);
1116
                                    echo $this->formLabel($element);
1117
                                    echo $this->formText($element);
1118
                                    ?>
15532 stevensc 1119
                                </div>
15399 efrain 1120
                            </div>
15532 stevensc 1121
                        </div>
1122
                        <div class="row">
1123
                            <div class="col-sm-6">
1124
                                <div class="form-group">
1125
                                    <?php
1126
                                    $label = 'LABEL_STATE';
1127
                                    $field = 'state';
15399 efrain 1128
 
15532 stevensc 1129
 
15399 efrain 1130
                                    $element = $form->get($field);
1131
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1132
                                    $element->setOptions(['label' => $label]);
1133
                                    echo $this->formLabel($element);
1134
                                    echo $this->formText($element);
1135
                                    ?>
15532 stevensc 1136
                                </div>
15399 efrain 1137
                            </div>
15532 stevensc 1138
                            <div class="col-sm-6">
1139
                                <div class="form-group">
1140
                                    <?php
1141
                                    $label = 'LABEL_CITY';
1142
                                    $field = 'city';
1143
 
15399 efrain 1144
                                    $element = $form->get($field);
1145
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1146
                                    $element->setOptions(['label' => $label]);
1147
                                    echo $this->formLabel($element);
1148
                                    echo $this->formText($element);
1149
                                    ?>
15532 stevensc 1150
                                </div>
15399 efrain 1151
                            </div>
15532 stevensc 1152
                        </div>
1153
                        <div class="row">
1154
                            <div class="col-sm-6">
1155
                                <div class="form-group">
1156
                                    <?php
1157
                                    $label = 'LABEL_PHONE';
1158
                                    $field = 'phone';
1159
 
1160
 
1161
 
1162
 
15399 efrain 1163
                                    $element = $form->get($field);
1164
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1165
                                    $element->setOptions(['label' => $label]);
1166
                                    echo $this->formLabel($element);
1167
                                    echo '<br>';
1168
                                    echo $this->formText($element);
1169
                                    ?>
15532 stevensc 1170
                                </div>
15399 efrain 1171
                            </div>
15532 stevensc 1172
                            <div class="col-sm-6">
1173
                                <div class="form-group">
1174
                                    <?php
1175
                                    $label = 'LABEL_PHONE_EXTENSION';
1176
                                    $field = 'phone_extension';
1177
 
1178
 
15399 efrain 1179
                                    $element = $form->get($field);
1180
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1181
                                    $element->setOptions(['label' => $label]);
15532 stevensc 1182
 
15399 efrain 1183
                                    echo $this->formLabel($element);
15532 stevensc 1184
 
15399 efrain 1185
                                    echo $this->formText($element);
1186
                                    ?>
15532 stevensc 1187
                                </div>
15399 efrain 1188
                            </div>
15532 stevensc 1189
                        </div>
15399 efrain 1190
                        <div class="row">
15532 stevensc 1191
                            <div class="col-sm-6">
1192
                                <div class="form-group">
1193
                                    <?php
1194
                                    $label = 'LABEL_PERSONAL_EMAIL';
1195
                                    $field = 'personal_email';
1196
 
1197
 
1198
 
1199
 
15399 efrain 1200
                                    $element = $form->get($field);
1201
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1202
                                    $element->setOptions(['label' => $label]);
1203
                                    echo $this->formLabel($element);
1204
                                    echo $this->formText($element);
1205
                                    ?>
15532 stevensc 1206
                                </div>
15399 efrain 1207
                            </div>
15532 stevensc 1208
                            <div class="col-sm-6">
1209
                                <div class="form-group">
1210
                                    <?php
1211
                                    $label = 'LABEL_CELULAR';
1212
                                    $field = 'celular';
1213
 
15399 efrain 1214
                                    $element = $form->get($field);
1215
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1216
                                    $element->setOptions(['label' => $label]);
1217
                                    echo $this->formLabel($element);
1218
                                    echo '<br>';
1219
                                    echo $this->formText($element);
1220
                                    ?>
15532 stevensc 1221
                                </div>
15399 efrain 1222
                            </div>
15532 stevensc 1223
                        </div>
15399 efrain 1224
                        <div class="row">
15532 stevensc 1225
                            <div class="col-sm-6">
1226
                                <div class="form-group">
1227
                                    <?php
1228
                                    $label = 'LABEL_WHATSAPP';
1229
                                    $field = 'whatsapp';
15399 efrain 1230
 
1231
                                    $element = $form->get($field);
1232
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1233
                                    $element->setOptions(['label' => $label]);
1234
                                    echo $this->formLabel($element);
1235
                                    echo '<br>';
1236
                                    echo $this->formText($element);
1237
                                    ?>
15532 stevensc 1238
                                </div>
15399 efrain 1239
                            </div>
15532 stevensc 1240
                            <div class="col-sm-6">
1241
                                <div class="form-group">
1242
                                    <?php
1243
                                    $label = 'LABEL_LINKEDIN';
1244
                                    $field = 'linkedin';
1245
 
15399 efrain 1246
                                    $element = $form->get($field);
1247
                                    $element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
1248
                                    $element->setOptions(['label' => $label]);
1249
                                    echo $this->formLabel($element);
1250
                                    echo $this->formText($element);
1251
                                    ?>
15532 stevensc 1252
                                </div>
15399 efrain 1253
                            </div>
15532 stevensc 1254
 
1255
 
1256
 
1257
                        </div>
1258
 
15399 efrain 1259
                    </div>
1260
                    <div class="card-footer clearfix">
1261
                        <div style="float:right;">
1262
                            <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
15532 stevensc 1263
                            <button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
15399 efrain 1264
                        </div>
1265
                    </div>
15532 stevensc 1266
                    <?php echo $this->form()->closeTag($form); ?>
15399 efrain 1267
                </div>
1268
            </div>
1269
        </div>
1270
    </div>
15532 stevensc 1271
</section>
15399 efrain 1272
 
1273
 
1274
 
15532 stevensc 1275
<section class="content" id="interactions-row" style="display: none">
15399 efrain 1276
    <div class="container-fluid">
15532 stevensc 1277
        <div class="row">
15399 efrain 1278
            <div class="col-12">
15532 stevensc 1279
                <h2>LABEL_CONTACT</h2>
15399 efrain 1280
            </div>
15532 stevensc 1281
        </div>
15399 efrain 1282
        <div class="row">
1283
            <div class="col-12">
1284
                <div class="card card-primary card-outline card-tabs">
15537 stevensc 1285
                    <div class="card-body p-0 pt-2">
15532 stevensc 1286
 
15538 stevensc 1287
                        <div class="row mx-0">
15532 stevensc 1288
                            <?php
1289
                            $fields = [
1290
                                'LABEL_FIRST_NAME' => 'interactions-first_name',
1291
                                'LABEL_LAST_NAME' => 'interactions-last_name',
1292
                                'LABEL_CORPORATE_EMAIL' => 'interactions-corporate_email',
1293
                                'LABEL_COMPANY' => 'interactions-company',
1294
                                'LABEL_POSITION' => 'interactions-position',
1295
                                'LABEL_COUNTRY' => 'interactions-country',
1296
                                'LABEL_STATE' => 'interactions-state',
1297
                                'LABEL_CITY' => 'interactions-city',
1298
                                'LABEL_PHONE' => 'interactions-phone',
1299
                                'LABEL_PHONE_EXTENSION' => 'interactions-phone_extension',
1300
                                'LABEL_PERSONAL_EMAIL' => 'interactions-personal_email',
1301
                                'LABEL_CELULAR' => 'interactions-celular',
1302
                                'LABEL_WHATSAPP' => 'interactions-whatsapp',
1303
                                'LABEL_LINKEDIN' => 'interactions-linkedin',
1304
 
1305
 
1306
                            ];
1307
                            foreach ($fields as $label => $field) :
1308
 
1309
                            ?>
1310
 
1311
                                <div class="col-sm-6">
1312
                                    <div class="form-group">
1313
                                        <label for="<?php echo $field ?>"><?php echo $label ?></label>
1314
                                        <input type="text" id="<?php echo $field ?>" class="form-control" value="" readonly="readonly" />
1315
                                    </div>
1316
                                </div>
1317
 
15399 efrain 1318
                            <?php endforeach; ?>
1319
 
15532 stevensc 1320
                        </div>
1321
 
15539 stevensc 1322
                        <ul class="nav nav-tabs border-bottom-0" id="custom-tabs-three-tab" role="tablist">
15532 stevensc 1323
                            <li class="nav-item">
15535 stevensc 1324
                                <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 1325
                            </li>
1326
                            <li class="nav-item">
15535 stevensc 1327
                                <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 1328
                            </li>
1329
                        </ul>
1330
                    </div>
1331
 
15536 stevensc 1332
                    <div class="card-body p-0">
15532 stevensc 1333
                        <div class="tab-content" id="custom-tabs-three-tabContent">
1334
                            <div class="tab-pane fade show active" id="discovery-contacts-tabs-interactions" role="tabpanel" aria-labelledby="discovery-contacts-tabs-interactions-tab">
1335
                                <table class="table table-striped table-hover">
1336
                                    <thead>
15399 efrain 1337
                                        <tr>
1338
                                            <th>LABEL_FIRST_NAME</th>
1339
                                            <th>LABEL_LAST_NAME</th>
1340
                                            <th>LABEL_EMAIL</th>
1341
                                            <th>LABEL_DATE</th>
1342
                                            <th>LABEL_ACTIONS</th>
1343
                                        </tr>
1344
                                    </thead>
1345
                                    <tbody id="grid-discovery-contacts-tabs-interactions">
1346
                                    </tbody>
15532 stevensc 1347
                                </table>
1348
                                <br>
1349
                                <ul id="discovery-contacts-pagination-interactions" class="pagination pagination-sm m-0 float-right">
1350
 
1351
                                </ul>
1352
 
1353
 
1354
 
1355
                            </div>
1356
                            <div class="tab-pane fade" id="discovery-contacts-tabs-logs" role="tabpanel" aria-labelledby="discovery-contacts-tabs-logs-tab">
1357
                                <table class="table table-striped table-hover">
1358
                                    <thead>
15399 efrain 1359
                                        <tr>
1360
                                            <th>LABEL_FIRST_NAME</th>
1361
                                            <th>LABEL_LAST_NAME</th>
1362
                                            <th>LABEL_EMAIL</th>
1363
                                            <th>LABEL_ACTIVITY</th>
1364
                                        </tr>
1365
                                    </thead>
1366
                                    <tbody id="grid-discovery-contacts-tabs-logs">
1367
                                    </tbody>
15532 stevensc 1368
                                </table>
1369
                                <br>
1370
                                <ul id="discovery-contacts-pagination-logs" class="pagination pagination-sm m-0 float-right">
15399 efrain 1371
 
15532 stevensc 1372
                                </ul>
15399 efrain 1373
 
15532 stevensc 1374
                            </div>
1375
                        </div>
1376
                    </div>
1377
 
1378
 
1379
 
15399 efrain 1380
                    <div class="card-footer clearfix">
1381
                        <div style="float:right;">
15532 stevensc 1382
                            <button type="button" class="btn btn-primary btn-close-view"><i class="fa fa-chevron-left"></i> LABEL_BACK </button>
15399 efrain 1383
                            <?php if ($allowInteractionAdd) : ?>
1384
                                <button type="button" class="btn btn-primary btn-add-interaction"><i class="fa fa-plus"></i> LABEL_ADD </button>
1385
                            <?php endif; ?>
1386
                        </div>
1387
                    </div>
1388
                </div>
1389
            </div>
1390
        </div>
1391
    </div>
1392
</section>
1393
 
1394
<!-- The Modal -->
1395
<div class="modal" id="modal-interaction">
1396
    <div class="modal-dialog  modal-xl">
1397
        <div class="modal-content">
1398
 
1399
            <!-- Modal Header -->
1400
            <div class="modal-header">
1401
                <h4 class="modal-title">LABEL_INTERACTION</h4>
1402
                <button type="button" class="close" data-dismiss="modal">&times;</button>
1403
            </div>
1404
 
1405
            <!-- Modal body -->
1406
            <div class="modal-body">
1407
                <?php
1408
                $form = $this->formInteraction;
1409
                $form->setAttributes([
1410
                    'method'    => 'post',
1411
                    'name'      => 'form-interaction',
1412
                    'id'        => 'form-interaction'
1413
                ]);
1414
 
1415
                $form->prepare();
1416
                echo $this->form()->openTag($form);
1417
                ?>
15532 stevensc 1418
                <div class="form-group">
15399 efrain 1419
                    <?php
1420
                    $element = $form->get('interaction_type_id');
1421
                    $element->setOptions(['label' => 'LABEL_INTERACTION_TYPE']);
1422
                    $element->setAttributes(['class' => 'form-control']);
15532 stevensc 1423
 
15399 efrain 1424
                    echo $this->formLabel($element);
1425
                    echo $this->formSelect($element);
1426
                    ?>
1427
                </div>
15532 stevensc 1428
 
15399 efrain 1429
                <div class="form-group">
1430
                    <?php
1431
                    $element = $form->get('notes');
1432
                    $element->setOptions(['label' => 'LABEL_NOTES']);
1433
                    $element->setAttributes(['class' => 'form-control']);
1434
 
1435
                    echo $this->formLabel($element);
1436
                    echo $this->formTextArea($element);
1437
                    ?>
1438
                </div>
15532 stevensc 1439
 
15399 efrain 1440
                <div class="text-right">
1441
                    <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1442
                    <button type="button" class="btn btn-light btn-cancel-interaction">LABEL_CANCEL</button>
1443
                </div>
1444
                <?php echo $this->form()->closeTag($form); ?>
1445
            </div>
1446
 
1447
 
1448
        </div>
1449
    </div>
1450
</div>
1451
 
1452
 
15546 efrain 1453
<!-- The Modal -->
1454
<div class="modal" id="modalContactUpload">
1455
	<div class="modal-dialog  modal-xl">
1456
    	<div class="modal-content">
15399 efrain 1457
 
15546 efrain 1458
            <!-- Modal Header -->
1459
      		<div class="modal-header">
1460
        		<h4 class="modal-title">LABEL_UPLOAD</h4>
1461
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
1462
      		</div>
1463
 
1464
            <!-- Modal body -->
1465
      		<div class="modal-body">
1466
       			 <?php
1467
       			      $form = $this->contactUploadForm;
1468
            		$form->setAttributes([
1469
                        'method'    => 'post',
1470
                        'name'      => 'form-contact-upload',
1471
                        'id'        => 'form-contact-upload'
1472
                    ]);
1473
 
1474
                    $form->prepare();
1475
                    echo $this->form()->openTag($form);
1476
                ?>
1477
 
1478
				<div class="form-group">
1479
 
1480
 
1481
                 		<?php
1482
                        $element = $form->get('file');
1483
                        $element->setOptions(['label' => 'LABEL_EXCEL']);
1484
                        echo $this->formLabel($element);
1485
                        ?>
1486
                        <div class="file-loading">
1487
                        <?php
1488
                        $element->setAttributes(['class' => 'form-control', 'accept' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel']);
1489
                        echo $this->formFile($element);
1490
                        ?>
1491
                	</div>
1492
          		</div>
1493
 
1494
 
1495
 
1496
        		<div class="form-group">
1497
                	<button type="submit" class="btn btn-primary">LABEL_UPLOAD</button>
1498
             		<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
1499
           		</div>
1500
    			<?php echo $this->form()->closeTag($form); ?>
1501
      		</div>
1502
 
1503
            <!-- Modal footer -->
1504
      		<div class="modal-footer">
1505
        		<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
1506
      		</div>
1507
 
1508
    	</div>
1509
	</div>
1510
</div>
1511
 
1512
 
1513
 
1514
<!-- The Modal -->
1515
<div class="modal" id="modalContactUploadTable">
1516
	<div class="modal-dialog modal-xl">
1517
    	<div class="modal-content">
1518
 
1519
            <!-- Modal Header -->
1520
      		<div class="modal-header">
1521
        		<h4 class="modal-title">LABEL_CONTACTS</h4>
1522
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
1523
      		</div>
1524
 
1525
            <!-- Modal body -->
1526
      		<div class="modal-body">
1527
      			<form>
1528
      				<input type="hidden" name="table-upload-contacts-key" id="table-upload-contacts-key">
1529
      			</form>
1530
 
1531
 
1532
 
1533
      			<div id="table-wrapper">
1534
    				<table id="gridTableUploadContacts" class="table table-bordered table-hover">
1535
                		<thead>
1536
                			<tr>
1537
                          		<th>LABEL_FIRST_NAME</th>
1538
                         		<th>LABEL_LAST_NAME</th>
1539
                             	<th>LABEL_EMAIL</th>
1540
                           		<th>LABEL_CORPORATE_EMAIL</th>
1541
                                <th>LABEL_COMPANY</th>
1542
                                <th>LABEL_POSITION</th>
1543
                                <th>LABEL_COUNTRY</th>
1544
                                <th>LABEL_STATE</th>
1545
                                <th>LABEL_CITY</th>
1546
                                <th>LABEL_PHONE</th>
1547
                                <th>LABEL_PHONE_EXTENSION</th>
1548
                                <th>LABEL_PERSONAL_EMAIL</th>
1549
                                <th>LABEL_CELULAR</th>
1550
                                <th>LABEL_WHATSAPP</th>
1551
                                <th>LABEL_LINKEDIN</th>
1552
 
1553
                 			</tr>
1554
                      	</thead>
1555
                   		<tbody>
1556
                   		</tbody>
1557
             		</table>
1558
         		</div>
1559
 
1560
      		</div>
1561
 
1562
            <!-- Modal footer -->
1563
      		<div class="modal-footer">
1564
      			<button type="submit" class="btn btn-primary btn-upload-contacts-step2">LABEL_SAVE</button>
1565
        		<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
1566
      		</div>
1567
 
1568
    	</div>
1569
	</div>
1570
</div>
1571
 
1572
 
15399 efrain 1573
<script id="interactionTemplate" type="text/x-jsrender">
1574
    {{for items}}
15532 stevensc 1575
    <tr>
1576
        <td>{{>first_name}}</td>
1577
        <td>{{>last_name}}</td>
1578
        <td>{{>email}}</td>
1579
        <td> {{>added_on}}</td>
1580
        <td>
1581
            <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>
1582
        </td>
1583
    </tr>
1584
    <tr>
1585
        <td colspan="2">
1586
            {{>name}}
1587
        </td>
1588
        <td colspan="3">
1589
            {{>notes}}
1590
        </td>
1591
    </tr>
15399 efrain 1592
    {{/for}}
1593
</script>
1594
 
1595
 
1596
<script id="logTemplate" type="text/x-jsrender">
1597
    {{for items}}
15532 stevensc 1598
    <tr>
1599
        <td>{{>first_name}}</td>
1600
        <td>{{>last_name}}</td>
1601
        <td>{{>email}}</td>
15533 stevensc 1602
        <td>
15534 stevensc 1603
            {{>activity}} -
1604
            {{>added_on}}
15532 stevensc 1605
        </td>
15533 stevensc 1606
    </tr>
15532 stevensc 1607
 
15533 stevensc 1608
    <tr>
1609
        <td>
1610
        </td>
1611
        <td>
1612
        </td>
1613
        <td>
1614
        </td>
1615
 
1616
        <td>
15532 stevensc 1617
            {{>details}}
1618
        </td>
15533 stevensc 1619
    </tr>
15532 stevensc 1620
 
15399 efrain 1621
    {{/for}}
1622
</script>
1623
 
15546 efrain 1624
 
1625
<script id="uploadContactTemplate" type="text/x-jsrender">
1626
    {{for items}}
1627
    <tr>
1628
        <td>{{>first_name}}</td>
1629
        <td>{{>last_name}}</td>
1630
        <td>{{>email_personal}}</td>
1631
        <td>{{>email_company}}</td>
1632
        <td>{{>company}}</td>
1633
        <td>{{>position}}</td>
1634
        <td>{{>country}}</td>
1635
        <td>{{>state}}</td>
1636
        <td>{{>city}}</td>
1637
        <td>{{>phone}}</td>
1638
        <td>{{>extension}}</td>
1639
        <td>{{>movil}}</td>
1640
        <td>{{>whatsapp}}</td>
1641
        <td>{{>linkedin}}</td>
1642
 
1643
    </tr>
1644
 
1645
 
1646
    {{/for}}
1647
</script>
1648
 
15399 efrain 1649
<script id="logPaginationTemplate" type="text/x-jsrender">
1650
    {{if has_previous_page}}
15532 stevensc 1651
    <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 1652
    {{/if}}
1653
 
1654
    {{if has_next_page}}
15532 stevensc 1655
    <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 1656
    {{/if}}
1657
</script>
1658
 
1659
<script id="interactionPaginationTemplate" type="text/x-jsrender">
1660
    {{if has_previous_page}}
15532 stevensc 1661
    <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 1662
    {{/if}}
1663
 
1664
    {{if has_next_page}}
15532 stevensc 1665
    <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 1666
    {{/if}}
1667
</script>