Proyectos de Subversion LeadersLinked - Backend

Rev

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