Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
1 www 1
<?php
2
 
3
use LeadersLinked\Model\UserExperience;
4
 
5
$acl = $this->viewModel()
6
    ->getRoot()
7
    ->getVariable('acl');
8
$currentUserHelper = $this->currentUserHelper();
9
$currentUser = $currentUserHelper->getUser();
10
$currentCompany = $currentUserHelper->getCompany();
5761 stevensc 11
$companyId = $currentCompany->uuid;
1 www 12
 
13
$roleName = $currentUserHelper->getUserTypeId();
14
 
5743 stevensc 15
$routeWebsite = $this->url('profile/website', ['id' => $currentCompany->uuid]);
16
$routeCompanySize = $this->url('profile/company-size', ['id' => $currentCompany->uuid]);
17
$routeIndustry = $this->url('profile/industry', ['id' => $currentCompany->uuid]);
18
$routeExtended = $this->url('profile/extended', ['id' => $currentCompany->uuid]);
19
$routeSocialNetworks = $this->url('profile/social-network', ['id' => $currentCompany->uuid]);
20
$routeLocationAdd = $this->url('profile/location', ['id' => $currentCompany->uuid, 'operation' => 'add']);
21
$routeFoundationYear = $this->url('profile/foundation_year', ['id' => $currentCompany->uuid, 'operation' => 'add']);
22
$routeImageUpload = $this->url('profile/image', ['id' => $currentCompany->uuid, 'operation' => 'upload']);
23
$routeCoverUpload = $this->url('profile/cover', ['id' => $currentCompany->uuid, 'operation' => 'upload']);
24
$routeFooterUpload = $this->url('profile/footer', ['id' => $currentCompany->uuid, 'operation' => 'upload']);
25
$routeHeaderUpload = $this->url('profile/header', ['id' => $currentCompany->uuid, 'operation' => 'upload']);
1 www 26
 
27
 
28
$this->inlineScript()->appendFile('https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places');
29
 
30
$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
31
$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
32
 
33
$this->inlineScript()->appendFile($this->basePath('plugins/ckeditor/ckeditor.js'));
34
 
35
 
36
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/css/fileinput.min.css'));
37
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.css'));
38
 
39
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/piexif.js'));
40
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/sortable.js'));
41
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/fileinput.js'));
42
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/locales/es.js'));
43
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/fas/theme.js'));
44
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.js'));
45
 
46
 
47
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
48
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
49
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
50
 
51
 
52
 
53
$this->headLink()->appendStylesheet($this->basePath('plugins/select2/css/select2.min.css'));
54
$this->headLink()->appendStylesheet($this->basePath('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css'));
55
$this->inlineScript()->appendFile($this->basePath('plugins/select2/js/select2.min.js'));
56
 
57
 
58
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-input-number/input-number-format.jquery.min.js'));
59
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
60
 
61
 
62
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
63
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
64
 
65
 
66
 
67
 
68
 
69
$this->inlineScript()->appendFile($this->basePath('plugins/moment/moment-with-locales.min.js'));
70
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css'));
71
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js'));
72
 
73
$this->inlineScript()->captureStart();
74
echo <<<JS
75
jQuery( document ).ready(function( $ ) {
76
 
77
 
78
 
79
    $.validator.addMethod('greaterThan', function (value, element, param) {
80
        var otherElement = $(param);
81
        return parseInt(value, 10) > parseInt(otherElement.val(), 10);
82
    }, 'ERROR_INVALID_MINIMUM');
83
 
84
 
85
    $.validator.addMethod('checkLocation', function (value, element, param) {
86
        var otherElement = $(param);
87
        return $.trim(otherElement.val()).length > 0;
88
    }, 'ERROR_PLACED_AUTOCOMPLETE_DOES_NOT_CONTAIN_GEOMETRY');
89
 
90
    var autocompleteLocation = new google.maps.places.Autocomplete(
91
        (document.getElementById('location_search')),
92
        {types: ['(cities)']}
93
    );
94
 
95
 
96
 
97
 
98
 
99
    $.fn.fillInAddressLocation = function() {
100
        console.log('fillInAddressLocation');
101
 
102
        var place = autocompleteLocation.getPlace();
103
        if (!place.geometry) {
104
            $.fn.showError('ERROR_PLACED_AUTOCOMPLETE_DOES_NOT_CONTAIN_GEOMETRY')
105
            return;
106
        } else {
107
        address1 = '';
108
        address2 = '';
109
        city1 = '';
110
        city2 = '';
111
        state = '';
112
        country = '';
113
        postal_code = '';
114
 
115
        formatted_address = place.formatted_address;
116
        latitude = place.geometry.location.lat();
117
        longitude = place.geometry.location.lng();
118
        var arrAddress = place.address_components;
119
 
120
        $.each(arrAddress, function(i, address_component) {
121
            if (address_component.types[0] == "route") {
122
                address1 = address_component.long_name;
123
            }
124
            if (address_component.types[0] == "sublocality") {
125
                address2 = address_component.long_name;
126
            }
127
            if (address_component.types[0] == "locality") {
128
                city1 = address_component.long_name;
129
            }
130
            if (address_component.types[0] == "administrative_area_level_2") {
131
                city2 = address_component.long_name;
132
            }
133
            if (address_component.types[0] == "administrative_area_level_1") {
134
                state = address_component.long_name;
135
            }
136
            if (address_component.types[0] == "country") {
137
                country = address_component.long_name;
138
            }
139
            if (address_component.types[0] == "postal_code") {
140
                postal_code = address_component.long_name;
141
            }
142
        });
143
 
144
        $('#form-location #formatted_address').val(formatted_address);
145
        $('#form-location #address1').val(address1);
146
        $('#form-location #address2').val(address2);
147
        $('#form-location #city1').val(city1);
148
        $('#form-location #city2').val(city2);
149
        $('#form-location #state').val(state);
150
        $('#form-location #country').val(country);
151
        $('#form-location #postal_code').val(postal_code);
152
        $('#form-location #latitude').val(latitude);
153
        $('#form-location #longitude').val(longitude);
154
 
155
        }
156
    }
157
    $.fn.renderLocation = function(data) {
158
        $('#locations-records').empty();
159
        if(Array.isArray(data)) {
160
            max = data.length;
161
            for(i = 0; i < max; i++)
162
            {
163
                var location = data[i];
164
                s = '<p>' + location['formatted_address'];
165
                if(location['is_main'] == 'y') {
166
                    s = s + ' (LABEL_MAIN_LOCATION) ';
167
                }
168
                s = s + ' <a href="#" title="" data-link="' + location['link_edit'] + '" class="btn-location-edit"><i class="fa fa-pencil"></i></a>&nbsp; ';
169
                s = s + ' <a href="#" title="" data-link="' + location['link_delete'] + '" class="btn-location-delete"><i class="fa fa-trash"></i></a>';
170
                s = s + ' </p>';
171
 
172
                if(i < (max - 1)) {
173
                    s = s + '<hr/>';
174
                }
175
                $('#locations-records').append(s);
176
            }
177
        }
178
    }
179
 
180
 
181
 
182
            $.validator.setDefaults({
183
            debug: true,
184
            highlight: function(element) {
185
                $(element).addClass('is-invalid');
186
            },
187
            unhighlight: function(element) {
188
                $(element).removeClass('is-invalid');
189
            },
190
            errorElement: 'span',
191
            errorClass: 'error invalid-feedback',
192
            errorPlacement: function(error, element) {
193
                if(element.parent('.form-group').length) {
194
                    error.insertAfter(element);
195
                } else if(element.parent('.toggle').length) {
196
                    error.insertAfter(element.parent().parent());
197
                } else {
198
                    error.insertAfter(element.parent());
199
                }
200
            }
201
        });
202
 
203
 
204
        $.fn.showFormErrorValidator = function(fieldname, errors) {
205
            var field = $(fieldname);
206
            if(field) {
207
                $(field).addClass('is-invalid');
208
 
209
 
210
                var error = $('<span id="' + fieldname +'-error" class="error invalid-feedback">' + errors + '</div>');
211
                if(field.parent('.form-group').length) {
212
                    error.insertAfter(field);
213
                } else  if(field.parent('.toggle').length) {
214
                    error.insertAfter(field.parent().parent());
215
                } else {
216
                    error.insertAfter(field.parent());
217
                }
218
            }
219
        };
220
 
221
 
222
 
223
 
224
    var validatorLocation = $('#form-location').validate({
225
        debug: true,
226
        onclick: false,
227
        onkeyup: false,
228
        onfocusout: false,
229
        ignore: [],
230
        rules: {
231
            'location_search': {
232
                required: true,
233
                checkLocation: '#form-location #latitude'
234
            }
235
        },
236
        submitHandler: function(form)
237
        {
238
            NProgress.start();
239
            $.ajax({
240
                'dataType'  : 'json',
241
                'accept'    : 'application/json',
242
                'method'    : 'post',
243
                'url'       :  $('#form-location').attr('action'),
244
                'data'      :  $('#form-location').serialize(),
245
            }).done(function(response) {
246
                if(response['success']) {
247
                    $.fn.renderLocation(response['data']);
248
 
249
                    $("#location-box").modal('hide');
250
                } else {
251
                    validatorLocation.resetForm();
252
                    $.fn.showError(response['data']);
253
                }
254
            }).fail(function( jqXHR, textStatus, errorThrown) {
255
                $.fn.showError(textStatus);
256
            }).always(function() {
257
                NProgress.done();
258
            });
259
            return false;
260
        },
261
        invalidHandler: function(form, validator) {
262
 
263
        }
264
    });
265
 
266
    $('.btn-location-add').on("click", function(e){
267
        e.preventDefault();
268
 
269
        $('#form-location').attr('action', '$routeLocationAdd');
270
        $('#form-location #location_search').val('');
271
        $('#form-location #formatted_address').val('');
272
        $('#form-location #address1').val('');
273
        $('#form-location #address2').val('');
274
        $('#form-location #country').val('');
275
        $('#form-location #state').val('');
276
        $('#form-location #city1').val('');
277
        $('#form-location #city2').val('');
278
        $('#form-location #postal_code').val('');
279
        $('#form-location #latitude').val('');
280
        $('#form-location #longitude').val('');
281
        validatorLocation.resetForm();
282
 
283
        $("#location-box").modal('show');
284
    });
285
 
286
    $('body').on('click', 'a.btn-location-edit', function(e) {
287
        e.preventDefault();
288
 
289
        var url = $(this).data('link');
290
 
291
        NProgress.start();
292
        $.ajax({
293
            'dataType'  : 'json',
294
            'accept'    : 'application/json',
295
            'method'    : 'get',
296
            'url'       : url,
297
        }).done(function(response) {
298
           if(response['success']) {
299
                $('#form-location').attr('action', url);
300
                $('#form-location #location_search').val(response['data']['formatted_address']);
301
                $('#form-location #formatted_address').val(response['data']['formatted_address']);
302
                $('#form-location #address1').val(response['data']['address1']);
303
                $('#form-location #address2').val(response['data']['address2']);
304
                $('#form-location #country').val(response['data']['country']);
305
                $('#form-location #state').val(response['data']['state']);
306
                $('#form-location #city1').val(response['data']['city1']);
307
                $('#form-location #city2').val(response['data']['city2']);
308
                $('#form-location #postal_code').val(response['data']['postal_code']);
309
                $('#form-location #latitude').val(response['data']['latitude']);
310
                $('#form-location #longitude').val(response['data']['longitude']);
311
 
312
                if(response['data']['is_main'] == 'y') {
313
                    $('#form-location #is_main').bootstrapToggle('on')
314
                } else {
315
                    $('#form-location #is_main').bootstrapToggle('off')
316
                }
317
 
318
                validatorLocation.resetForm();
319
 
320
                $("#location-box").modal('show');
321
            } else {
322
                $.fn.showError(response['data']);
323
            }
324
        }).fail(function( jqXHR, textStatus, errorThrown) {
325
            $.fn.showError(textStatus);
326
        }).always(function() {
327
            NProgress.done();
328
        });
329
        return false;
330
 
331
 
332
    });
333
 
334
    $('body').on('click', 'a.btn-location-delete', function(e) {
335
        e.preventDefault();
336
 
337
        var url = $(this).data('link');
338
 
339
        NProgress.start();
340
        $.ajax({
341
            'dataType'  : 'json',
342
            'accept'    : 'application/json',
343
            'method'    : 'post',
344
            'url'       : url,
345
        }).done(function(response) {
346
           if(response['success']) {
347
                $.fn.renderLocation(response['data']);
348
            } else {
349
                $.fn.showError(response['data']);
350
            }
351
        }).fail(function( jqXHR, textStatus, errorThrown) {
352
            $.fn.showError(textStatus);
353
        }).always(function() {
354
            NProgress.done();
355
        });
356
        return false;
357
 
358
 
359
    });
360
 
361
 
362
    $('.btn-location-close').on("click", function(e){
363
        e.preventDefault();
364
 
365
        $("#location-box").modal('hide');
366
        return false;
367
    });
368
 
369
    var validatorSocialNetwork = $('#form-social-network').validate({
370
        debug: true,
371
        onclick: false,
372
        onkeyup: false,
373
        ignore: [],
374
        rules: {
375
            'facebook': {
376
                required: false,
377
                maxlength: 250,
378
                url: true,
379
            },
380
            'twitter': {
381
                required: false,
382
                maxlength: 250,
383
                url: true,
384
            },
385
            'instagram': {
386
                required: false,
387
                maxlength: 250,
388
                url: true,
389
            },
390
        },
391
 
392
        submitHandler: function(form)
393
        {
394
            NProgress.start();
395
            $.ajax({
396
                'dataType'  : 'json',
397
                'accept'    : 'application/json',
398
                'method'    : 'post',
399
                'url'       :  $('#form-social-network').attr('action'),
400
                'data'      :  $('#form-social-network').serialize()
401
            }).done(function(response) {
402
                if(response['success']) {
403
 
404
					$('#social-networks').empty();
405
                    var s = $.trim(response['data']['facebook']);
406
                    if(s.length > 32) {
407
                        s = s.substring(0, 31) + '...'
408
                    }
409
                    $('#social-networks').append('<li><a href="' + response['data']['facebook'] + '" target="_blank" title="">' +
410
                        '<i class="fa fa-facebook-square"></i> ' + s + '</a></li>');
411
 
412
                    var s = $.trim(response['data']['twitter']);
413
                    if(s.length > 32) {
414
                        s = s.substring(0, 31) + '...'
415
                    }
416
                    $('#social-networks').append('<li><a href="' + response['data']['twitter'] + '" target="_blank" title="">' +
417
                        '<i class="fa fa-twitter"></i> ' + s + '</a></li>');
418
 
419
                    var s = $.trim(response['data']['instagram']);
420
                    if(s.length > 32) {
421
                        s = s.substring(0, 31) + '...'
422
                    }
423
                    $('#social-networks').append('<li><a href="' + response['data']['instagram'] + '" target="_blank" title="">' +
424
                        '<i class="fa fa-instagram"></i> ' + s + '</a></li>');
425
 
426
                    $("#social-networks-box").modal('hide');
427
                } else {
428
                    validatorSocialNetwork.resetForm();
429
                    if(jQuery.type(response['data']) == 'string') {
430
                        $.fn.showError(response['data']);
431
                    } else  {
432
                        $.each(response['data'], function( fieldname, errors ) {
433
                            $.fn.showFormErrorValidator('#form-social-network #' + fieldname, errors);
434
                        });
435
                    }
436
                }
437
            }).fail(function( jqXHR, textStatus, errorThrown) {
438
                $.fn.showError(textStatus);
439
            }).always(function() {
440
                NProgress.done();
441
            });
442
            return false;
443
        },
444
        invalidHandler: function(form, validator) {
445
 
446
        }
447
    });
448
 
449
 
450
 
451
    $('.btn-social-network-edit').on("click", function(e){
452
        e.preventDefault();
453
 
454
        NProgress.start();
455
        $.ajax({
456
            'dataType'  : 'json',
457
            'accept'    : 'application/json',
458
            'method'    : 'get',
459
            'url'       : '$routeSocialNetworks',
460
        }).done(function(response) {
461
           if(response['success']) {
462
                $('#form-social-network #facebook').val(response['data']['facebook']);
463
                $('#form-social-network #twitter').val(response['data']['twitter']);
464
                $('#form-social-network #instagram').val(response['data']['instagram']);
465
                validatorSocialNetwork.resetForm();
466
 
467
                $("#social-networks-box").modal('show');
468
            } else {
469
                $.fn.showError(response['data']);
470
            }
471
        }).fail(function( jqXHR, textStatus, errorThrown) {
472
            $.fn.showError(textStatus);
473
        }).always(function() {
474
            NProgress.done();
475
        });
476
        return false;
477
 
478
    });
479
 
480
    $('.btn-social-network-close').on("click", function(e){
481
        e.preventDefault();
482
 
483
        $("#social-networks-box").modal('hide');
484
        return false;
485
    });
486
 
487
 
488
    var validatorExtended = $('#form-extended').validate({
489
        debug: true,
490
        onclick: false,
491
        onkeyup: false,
492
        onfocusout: false,
493
        ignore: [],
494
        rules: {
495
            'description': {
496
                updateCkeditor:function() {
497
                        CKEDITOR.instances.description.updateElement();
498
                },
499
                required: false,
500
            },
501
        },
502
 
503
        submitHandler: function(form)
504
        {
505
            NProgress.start();
506
            $.ajax({
507
                'dataType'  : 'json',
508
                'accept'    : 'application/json',
509
                'method'    : 'post',
510
                'url'       :  $('#form-extended').attr('action'),
511
                'data'      :  $('#form-extended').serialize()
512
            }).done(function(response) {
513
                if(response['success']) {
514
 
515
                    $('#overview-description').html(response['data']['description']);
516
                    $("#extended-box").modal('hide');
517
                } else {
518
                    validatorExtended.resetForm();
519
                    if(jQuery.type(response['data']) == 'string') {
520
                        $.fn.showError(response['data']);
521
                    } else  {
522
                        $.each(response['data'], function( fieldname, errors ) {
523
                            $.fn.showFormErrorValidator('#form-extended #' + fieldname, errors);
524
                        });
525
                    }
526
                }
527
            }).fail(function( jqXHR, textStatus, errorThrown) {
528
                $.fn.showError(textStatus);
529
            }).always(function() {
530
                NProgress.done();
531
            });
532
            return false;
533
        },
534
        invalidHandler: function(form, validator) {
535
 
536
        }
537
    });
538
 
539
 
540
    $('.btn-extended-edit').on("click", function(e){
541
        e.preventDefault();
542
 
543
        NProgress.start();
544
        $.ajax({
545
            'dataType'  : 'json',
546
            'accept'    : 'application/json',
547
            'method'    : 'get',
548
            'url'       : '$routeExtended',
549
        }).done(function(response) {
550
           if(response['success']) {
551
                CKEDITOR.instances.description.setData(response['data']['description']);
552
                validatorExtended.resetForm();
553
 
554
                $("#extended-box").modal('show');
555
            } else {
556
                $.fn.showError(response['data']);
557
            }
558
        }).fail(function( jqXHR, textStatus, errorThrown) {
559
            $.fn.showError(textStatus);
560
        }).always(function() {
561
            NProgress.done();
562
        });
563
        return false;
564
 
565
    });
566
 
567
    $('.btn-extended-close').on("click", function(e){
568
        e.preventDefault();
569
 
570
        $("#extended-box").modal('hide');
571
        return false;
572
    });
573
 
574
 
575
	var validatorFoundationYear = $('#form-foundation-year').validate({
576
        debug: true,
577
        onclick: false,
578
        onkeyup: false,
579
        onfocusout: false,
580
        ignore: [],
581
        rules: {
582
            'foundation_year': {
583
                required: true,
584
                maxlength: 4,
585
                digits: true,
586
            },
587
        },
588
 
589
        submitHandler: function(form)
590
        {
591
            NProgress.start();
592
            $.ajax({
593
                'dataType'  : 'json',
594
                'accept'    : 'application/json',
595
                'method'    : 'post',
596
                'url'       :  $('#form-foundation-year').attr('action'),
597
                'data'      :  $('#form-foundation-year').serialize()
598
            }).done(function(response) {
599
                if(response['success']) {
600
 
601
                    $('#overview-foundation-year').html(response['data']['foundation_year']);
602
                    $("#foundation-year-box").modal('hide');
603
                } else {
604
                    validatorFoundationYear.resetForm();
605
                    if(jQuery.type(response['data']) == 'string') {
606
                        $.fn.showError(response['data']);
607
                    } else  {
608
                        $.each(response['data'], function( fieldname, errors ) {
609
                            $.fn.showFormErrorValidator('#form-foundation-year #' + fieldname, errors);
610
                        });
611
                    }
612
                }
613
            }).fail(function( jqXHR, textStatus, errorThrown) {
614
                $.fn.showError(textStatus);
615
            }).always(function() {
616
                NProgress.done();
617
            });
618
            return false;
619
        },
620
        invalidHandler: function(form, validator) {
621
 
622
        }
623
    });
624
 
625
 
626
    $('.btn-foundation-year-edit').on("click", function(e){
627
        e.preventDefault();
628
 
629
        NProgress.start();
630
        $.ajax({
631
            'dataType'  : 'json',
632
            'accept'    : 'application/json',
633
            'method'    : 'get',
634
            'url'       : '$routeFoundationYear',
635
        }).done(function(response) {
636
           if(response['success']) {
637
				$('#form-foundation-year #foundation_year').val(response['data']['foundation_year'])
638
 
639
                validatorFoundationYear.resetForm();
640
 
641
                $("#foundation-year-box").modal('show');
642
            } else {
643
                $.fn.showError(response['data']);
644
            }
645
        }).fail(function( jqXHR, textStatus, errorThrown) {
646
            $.fn.showError(textStatus);
647
        }).always(function() {
648
            NProgress.done();
649
        });
650
        return false;
651
 
652
    });
653
 
654
    $('.btn-fondation-year-close').on("click", function(e){
655
        e.preventDefault();
656
 
657
        $("#foundation-year-box").modal('hide');
658
        return false;
659
    });
660
 
661
	var validatorCompanySize = $('#form-company-size').validate({
662
        debug: true,
663
        onclick: false,
664
        onkeyup: false,
665
        onfocusout: false,
666
        ignore: [],
667
        rules: {
668
            'company_size_id': {
669
                required: true,
670
            },
671
        },
672
 
673
        submitHandler: function(form)
674
        {
675
            NProgress.start();
676
            $.ajax({
677
                'dataType'  : 'json',
678
                'accept'    : 'application/json',
679
                'method'    : 'post',
680
                'url'       :  $('#form-company-size').attr('action'),
681
                'data'      :  $('#form-company-size').serialize()
682
            }).done(function(response) {
683
                if(response['success']) {
684
 
685
                    $('#overview-company-size').html(response['data']);
686
                    $("#company-size-box").modal('hide');
687
                } else {
688
                    validatorCompanySize.resetForm();
689
                    if(jQuery.type(response['data']) == 'string') {
690
                        $.fn.showError(response['data']);
691
                    } else  {
692
                        $.each(response['data'], function( fieldname, errors ) {
693
                            $.fn.showFormErrorValidator('#form-company-size #' + fieldname, errors);
694
                        });
695
                    }
696
                }
697
            }).fail(function( jqXHR, textStatus, errorThrown) {
698
                $.fn.showError(textStatus);
699
            }).always(function() {
700
                NProgress.done();
701
            });
702
            return false;
703
        },
704
        invalidHandler: function(form, validator) {
705
 
706
        }
707
    });
708
 
709
 
710
    $('.btn-company-size-edit').on("click", function(e){
711
        e.preventDefault();
712
 
713
        NProgress.start();
714
        $.ajax({
715
            'dataType'  : 'json',
716
            'accept'    : 'application/json',
717
            'method'    : 'get',
718
            'url'       : '$routeCompanySize',
719
        }).done(function(response) {
720
           if(response['success']) {
721
				$('#form-company-size #company_size_id').val(response['data']['company_size_id']).trigger('change');
722
 
723
                validatorCompanySize.resetForm();
724
 
725
                $("#company-size-box").modal('show');
726
            } else {
727
                $.fn.showError(response['data']);
728
            }
729
        }).fail(function( jqXHR, textStatus, errorThrown) {
730
            $.fn.showError(textStatus);
731
        }).always(function() {
732
            NProgress.done();
733
        });
734
        return false;
735
 
736
    });
737
 
738
    $('.btn-company-size-close').on("click", function(e){
739
        e.preventDefault();
740
 
741
        $("#company-size-box").modal('hide');
742
        return false;
743
    });
744
 
745
	var validatorIndustry = $('#form-industry').validate({
746
        debug: true,
747
        onclick: false,
748
        onkeyup: false,
749
        onfocusout: false,
750
        ignore: [],
751
        rules: {
752
            'industry_id': {
753
                required: true,
754
            },
755
        },
756
 
757
        submitHandler: function(form)
758
        {
759
            NProgress.start();
760
            $.ajax({
761
                'dataType'  : 'json',
762
                'accept'    : 'application/json',
763
                'method'    : 'post',
764
                'url'       :  $('#form-industry').attr('action'),
765
                'data'      :  $('#form-industry').serialize()
766
            }).done(function(response) {
767
                if(response['success']) {
768
 
769
                    $('#overview-industry').html(response['data']);
770
                    $("#industry-box").modal('hide');
771
                } else {
772
                    validatorIndustry.resetForm();
773
                    if(jQuery.type(response['data']) == 'string') {
774
                        $.fn.showError(response['data']);
775
                    } else  {
776
                        $.each(response['data'], function( fieldname, errors ) {
777
                            $.fn.showFormErrorValidator('#form-industry #' + fieldname, errors);
778
                        });
779
                    }
780
                }
781
            }).fail(function( jqXHR, textStatus, errorThrown) {
782
                $.fn.showError(textStatus);
783
            }).always(function() {
784
                NProgress.done();
785
            });
786
            return false;
787
        },
788
        invalidHandler: function(form, validator) {
789
 
790
        }
791
    });
792
 
793
 
794
    $('.btn-industry-edit').on("click", function(e){
795
        e.preventDefault();
796
 
797
        NProgress.start();
798
        $.ajax({
799
            'dataType'  : 'json',
800
            'accept'    : 'application/json',
801
            'method'    : 'get',
802
            'url'       : '$routeIndustry',
803
        }).done(function(response) {
804
           if(response['success']) {
805
				$('#form-industry #industry_id').val(response['data']['industry_id']).trigger('change');
806
 
807
                validatorIndustry.resetForm();
808
 
809
                $("#industry-box").modal('show');
810
            } else {
811
                $.fn.showError(response['data']);
812
            }
813
        }).fail(function( jqXHR, textStatus, errorThrown) {
814
            $.fn.showError(textStatus);
815
        }).always(function() {
816
            NProgress.done();
817
        });
818
        return false;
819
 
820
    });
821
 
822
    $('.btn-industry-close').on("click", function(e){
823
        e.preventDefault();
824
 
825
        $("#industry-box").modal('hide');
826
        return false;
827
    });
828
 
829
 
830
 
831
 
832
    var validatorImage = $('#form-image').validate({
833
        debug: true,
834
        onclick: false,
835
        onkeyup: false,
836
        onfocusout: false,
837
        ignore: [],
838
        rules: {
839
           'image': {
840
                required: true,
841
                extension: 'jpg|jpeg|png',
842
                accept: 'image/jpeg,image/png'
843
            },
844
        },
845
 
846
        submitHandler: function(form)
847
        {
848
            var formdata = false;
849
            if (window.FormData){
850
                formdata = new FormData(form); //form[0]);
851
            }
852
 
853
            NProgress.start();
854
            $.ajax({
855
                'dataType'  : 'json',
856
                'accept'    : 'application/json',
857
                'method'    : 'post',
858
                'url'       :  $('#form-image').attr('action'),
859
                'data'      : formdata ? formdata : $('#form-image').serialize(),
860
                'processData': false,
861
                'contentType': false,
862
            }).done(function(response) {
863
                if(response['success']) {
864
				    $('#company-img').attr('src',response['data']);
865
                    $("#image-box").modal('hide');
866
                } else {
867
                    validatorImage.resetForm();
868
                    if(jQuery.type(response['data']) == 'string') {
869
                        $.fn.showError(response['data']);
870
                    } else  {
871
                        $.each(response['data'], function( fieldname, errors ) {
872
                            console.log('#form-image #' + fieldname);
873
 
874
                            $.fn.showFormErrorValidator('#form-image #' + fieldname, errors);
875
                        });
876
                    }
877
                }
878
            }).fail(function( jqXHR, textStatus, errorThrown) {
879
                $.fn.showError(textStatus);
880
            }).always(function() {
881
                NProgress.done();
882
            });
883
            return false;
884
        },
885
        invalidHandler: function(form, validator) {
886
 
887
        }
888
    });
889
 
890
    $('.btn-image-open').on("click", function(e){
891
        e.preventDefault();
892
        $('#form-image #image').fileinput('reset');
893
        $('#form-image #image').val('');
894
        validatorImage.resetForm();
895
        $("#image-box").modal('show');
896
        return false;
897
    });
898
 
899
    $('.btn-image-close').on("click", function(e){
900
        e.preventDefault();
901
 
902
        $("#image-box").modal('hide');
903
        return false;
904
    });
905
 
772 geraldo 906
 
907
    var validatorCover = $('#form-header').validate({
908
        debug: true,
909
        onclick: false,
910
        onkeyup: false,
911
        onfocusout: false,
912
        ignore: [],
913
        rules: {
914
           'header': {
915
                required: true,
916
                extension: 'jpg|jpeg|png',
917
                accept: 'image/jpeg,image/png'
918
            },
919
        },
920
 
921
        submitHandler: function(form)
922
        {
923
            var formdata = false;
924
            if (window.FormData){
925
                formdata = new FormData(form); //form[0]);
926
            }
927
 
928
            NProgress.start();
929
            $.ajax({
930
                'dataType'  : 'json',
931
                'accept'    : 'application/json',
932
                'method'    : 'post',
933
                'url'       :  $('#form-header').attr('action'),
934
                'data'      : formdata ? formdata : $('#form-header').serialize(),
935
                'processData': false,
936
                'contentType': false,
937
            }).done(function(response) {
938
                if(response['success']) {
939
                    $('#user-header-img').attr('src',response['data']);
786 geraldo 940
                    $("#image-header-box").modal('hide');
819 geraldo 941
                    location.reload();
772 geraldo 942
                } else {
943
                    validatorCover.resetForm();
944
                    if(jQuery.type(response['data']) == 'string') {
945
                        $.fn.showError(response['data']);
946
                    } else  {
947
                        $.each(response['data'], function( fieldname, errors ) {
948
                            $.fn.showFormErrorValidator('#form-header #' + fieldname, errors);
949
                        });
950
                    }
951
                }
952
            }).fail(function( jqXHR, textStatus, errorThrown) {
953
                $.fn.showError(textStatus);
954
            }).always(function() {
955
                NProgress.done();
956
            });
957
            return false;
958
        },
959
        invalidHandler: function(form, validator) {
960
 
961
        }
962
    });
963
 
1 www 964
    $('.btn-image-explorer').on("click", function(e){
965
        e.preventDefault();
966
        $('#form-image #image').click();
967
        return false;
968
    });
969
 
970
    var validatorCover = $('#form-cover').validate({
971
        debug: true,
972
        onclick: false,
973
        onkeyup: false,
974
        onfocusout: false,
975
        ignore: [],
976
        rules: {
977
           'cover': {
978
                required: true,
979
                extension: 'jpg|jpeg|png',
980
                accept: 'image/jpeg,image/png'
981
            },
982
        },
983
 
984
        submitHandler: function(form)
985
        {
986
            var formdata = false;
987
            if (window.FormData){
988
                formdata = new FormData(form); //form[0]);
989
            }
990
 
991
            NProgress.start();
992
            $.ajax({
993
                'dataType'  : 'json',
994
                'accept'    : 'application/json',
995
                'method'    : 'post',
996
                'url'       :  $('#form-cover').attr('action'),
997
                'data'      : formdata ? formdata : $('#form-cover').serialize(),
998
                'processData': false,
999
                'contentType': false,
1000
            }).done(function(response) {
1001
                if(response['success']) {
1002
				    $('#user-cover-img').attr('src',response['data']);
1003
                    $("#cover-box").modal('hide');
1004
                } else {
1005
                    validatorCover.resetForm();
1006
                    if(jQuery.type(response['data']) == 'string') {
1007
                        $.fn.showError(response['data']);
1008
                    } else  {
1009
                        $.each(response['data'], function( fieldname, errors ) {
1010
                            $.fn.showFormErrorValidator('#form-cover #' + fieldname, errors);
1011
                        });
1012
                    }
1013
                }
1014
            }).fail(function( jqXHR, textStatus, errorThrown) {
1015
                $.fn.showError(textStatus);
1016
            }).always(function() {
1017
                NProgress.done();
1018
            });
1019
            return false;
1020
        },
1021
        invalidHandler: function(form, validator) {
1022
 
1023
        }
1024
    });
1025
 
1026
 
1027
    $('.btn-cover-open').on("click", function(e){
1028
        e.preventDefault();
1029
        $('#form-cover #cover').fileinput('reset');
1030
        $('#form-cover #cover').val('');
1031
        validatorCover.resetForm();
1032
        $("#cover-box").modal('show');
1033
        return false;
1034
    });
1035
 
1036
    $('.btn-cover-close').on("click", function(e){
1037
        e.preventDefault();
1038
 
1039
        $("#cover-box").modal('hide');
1040
        return false;
1041
    });
1042
 
1043
    $('.btn-cover-explorer').on("click", function(e){
1044
        e.preventDefault();
1045
 
1046
        $('#form-cover #cover').click();
1047
        return false;
1048
    });
1049
 
1050
    $("#form-cover #cover").fileinput({
1051
        theme: 'fas',
1052
        language: 'es',
1053
        showUpload: false,
1054
        dropZoneEnabled: false,
1055
        maxFileCount: 1,
1056
        allowedFileExtensions: ['jpg', 'jpeg', 'png', 'gif'],
1057
        mainClass: "input-group",
1058
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size_cover',
1059
    });
1060
 
1061
    $("#form-image #image").fileinput({
1062
        theme: 'fas',
1063
        language: 'es',
1064
        showUpload: false,
1065
        dropZoneEnabled: false,
1066
        maxFileCount: 1,
1067
        allowedFileExtensions: ['jpg', 'jpeg', 'png', 'gif'],
1068
        mainClass: "input-group",
1069
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size_profile',
1070
    });
1071
 
1072
   $('#form-skill #skills').select2({
1073
        theme: 'bootstrap4',
1074
        width: '100%',
1075
        placeholder: 'LABEL_SELECT_ONE_SKILLS'
1076
    });
1077
    $('#form-language #languages').select2({
1078
        theme: 'bootstrap4',
1079
        width: '100%',
1080
        placeholder: 'LABEL_SELECT_ONE_LANGUAGE'
1081
    });
1082
 
1083
 
1084
    CKEDITOR.replace('description');
1085
 
1086
    autocompleteLocation.addListener('place_changed', $.fn.fillInAddressLocation);
1087
 
1088
    $('#form-location #is_main').bootstrapToggle({'on' : 'LABEL_MAIN_LOCATION',  'off' : 'LABEL_SECONDARY_LOCATION', 'width' : '160px', 'height' : '40px'});
1089
 
1090
    $('#form-foundation-year #foundation_year').datetimepicker({
1091
        viewMode: 'years',
1092
        format: 'YYYY'
1093
    });
1094
 
1095
});
1096
 
1097
 
1098
JS;
1099
$this->inlineScript()->captureEnd();
1100
 
6005 stevensc 1101
$jsonLocations = json_encode($locations);
6003 stevensc 1102
 
5743 stevensc 1103
$js = <<<JS
1104
const urlVars = {
1105
    routeWebsite: "$routeWebsite",
1106
    routeCompanySize: "$routeCompanySize",
1107
    routeIndustry: "$routeIndustry",
1108
    routeExtended: "$routeExtended",
1109
    routeSocialNetworks: "$routeSocialNetworks",
1110
    routeLocationAdd: "$routeLocationAdd",
1111
    routeFoundationYear: "$routeFoundationYear",
1112
    routeImageUpload: "$routeImageUpload",
1113
    routeCoverUpload: "$routeCoverUpload",
1114
    routeFooterUpload: "$routeFooterUpload",
5757 stevensc 1115
    routeHeaderUpload: "$routeHeaderUpload",
1116
    cover: "$cover",
5795 stevensc 1117
    companyId: "$companyId",
5925 stevensc 1118
    followers: "$follower",
5988 stevensc 1119
    image: "$image",
6002 stevensc 1120
    overview: "$overview",
6025 stevensc 1121
    locations: JSON.parse('$jsonLocations'),
6026 stevensc 1122
    industry: "$industry",
6027 stevensc 1123
    companySize: "$company_size",
6050 stevensc 1124
    companyName: "$company_name",
1125
    foundationYear: "$foundation_year",
6055 stevensc 1126
    website: "$website",
6059 stevensc 1127
    header: "$header",
1128
    footer: "$footer"
5743 stevensc 1129
}
1130
JS;
1131
 
1132
$this->inlineScript()->appendScript($js);
1133
$this->inlineScript()->appendFile('/react-bundles/profile/profileBundle.js');
1 www 1134
?>
1135
 
777 geraldo 1136
<style>
5743 stevensc 1137
    .user-profile-ov {
1138
        position: relative;
1139
    }
777 geraldo 1140
 
5743 stevensc 1141
    .user-profile-ov .add-dp {
1142
        position: absolute;
1143
        top: 30%;
1144
        right: 10%;
1145
    }
779 geraldo 1146
 
5743 stevensc 1147
    .user-profile-ov .add-dp i {
1148
        font-size: 14px;
1149
        border: 2px solid #fff;
1150
        background: #e44d3a;
1151
        padding: 11px;
1152
        color: #ffff
1153
    }
777 geraldo 1154
</style>
1155
 
1 www 1156
<!-- Content Header (Page header) -->
5743 stevensc 1157
<div id="profile">
5800 stevensc 1158
</div>
1 www 1159
<div class="modal" tabindex="-1" role="dialog" id="extended-box">
5743 stevensc 1160
    <div class="modal-dialog" role="document">
1161
        <?php
1162
        $form = $this->formExtended;
1163
        $form->setAttributes([
1164
            'method' => 'post',
1165
            'action' => $routeExtended,
1166
            'name' => 'form-extended',
1167
            'id' => 'form-extended'
1168
        ]);
1169
        $form->prepare();
1170
        echo $this->form()->openTag($form);
1171
        ?>
1172
        <div class="modal-content">
1173
            <div class="modal-header">
1174
                <h3 class="modal-title">LABEL_CHANGE</h3>
770 geraldo 1175
            </div>
5743 stevensc 1176
            <div class="modal-body">
1177
                <div class="form-group">
1178
                    <?php
1179
                    $element = $form->get('description');
1180
                    $element->setAttributes(['class' => 'form-control']);
1181
                    $element->setOptions(['label' => 'LABEL_OVERVIEW']);
1182
                    echo $this->formLabel($element);
1183
                    echo $this->formTextArea($element);
1184
                    ?>
1185
                </div>
1186
            </div>
1187
            <div class="modal-footer">
1188
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1189
                <button type="button" class="btn btn-default btn-extended-close">LABEL_CANCEL</button>
1190
            </div>
1191
            <?php echo $this->form()->closeTag($form); ?>
1192
        </div>
1193
    </div>
1 www 1194
</div>
1195
<div class="modal" tabindex="-1" role="dialog" id="foundation-year-box">
5743 stevensc 1196
    <div class="modal-dialog" role="document">
1197
        <?php
1198
        $form = $this->formFoundationYear;
1199
        $form->setAttributes([
1200
            'method' => 'post',
1201
            'action' => $routeFoundationYear,
1202
            'name' => 'form-foundation-year',
1203
            'id' => 'form-foundation-year'
1204
        ]);
1205
        $form->prepare();
1206
        echo $this->form()->openTag($form);
1207
        ?>
1208
        <div class="modal-content">
1209
            <div class="modal-header">
1210
                <h3 class="modal-title">LABEL_CHANGE</h3>
770 geraldo 1211
            </div>
5743 stevensc 1212
            <div class="modal-body">
1213
                <div class="form-group">
1214
                    <?php
1215
                    $element = $form->get('foundation_year');
1216
                    $element->setAttributes(['class' => 'form-control']);
1217
                    $element->setOptions(['label' => 'LABEL_FOUNDATION_YEAR']);
1218
                    echo $this->formLabel($element);
1219
                    echo $this->formText($element);
1220
                    ?>
1221
                </div>
1222
            </div>
1223
            <div class="modal-footer">
1224
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1225
                <button type="button" class="btn btn-default btn-fondation-year-close">LABEL_CANCEL</button>
1226
            </div>
1227
            <?php echo $this->form()->closeTag($form); ?>
1228
        </div>
1229
    </div>
1 www 1230
</div>
1231
<div class="modal" tabindex="-1" role="dialog" id="industry-box">
5743 stevensc 1232
    <div class="modal-dialog" role="document">
1233
        <?php
1234
        $form = $this->formIndustry;
1235
        $form->setAttributes([
1236
            'method' => 'post',
1237
            'action' => $routeIndustry,
1238
            'name' => 'form-industry',
1239
            'id' => 'form-industry'
1240
        ]);
1241
        $form->prepare();
1242
        echo $this->form()->openTag($form);
1243
        ?>
1244
        <div class="modal-content">
1245
            <div class="modal-header">
1246
                <h3 class="modal-title">LABEL_CHANGE</h3>
770 geraldo 1247
            </div>
5743 stevensc 1248
            <div class="modal-body">
1249
                <div class="form-group">
1250
                    <?php
1251
                    $element = $form->get('industry_id');
1252
                    $element->setAttributes(['class' => 'form-control']);
1253
                    $element->setOptions(['label' => 'LABEL_INDUSTRY']);
1254
                    echo $this->formLabel($element);
1255
                    echo $this->formSelect($element);
1256
                    ?>
1257
                </div>
1258
            </div>
1259
            <div class="modal-footer">
1260
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1261
                <button type="button" class="btn btn-default btn-industry-close">LABEL_CANCEL</button>
1262
            </div>
1263
            <?php echo $this->form()->closeTag($form); ?>
1264
        </div>
1265
    </div>
1 www 1266
</div>
1267
<div class="modal" tabindex="-1" role="dialog" id="company-size-box">
5743 stevensc 1268
    <div class="modal-dialog" role="document">
1269
        <?php
1270
        $form = $this->formCompanySize;
1271
        $form->setAttributes([
1272
            'method' => 'post',
1273
            'action' => $routeCompanySize,
1274
            'name' => 'form-company-size',
1275
            'id' => 'form-company-size'
1276
        ]);
1277
        $form->prepare();
1278
        echo $this->form()->openTag($form);
1279
        ?>
1280
        <div class="modal-content">
1281
            <div class="modal-header">
1282
                <h3 class="modal-title">LABEL_CHANGE</h3>
770 geraldo 1283
            </div>
5743 stevensc 1284
            <div class="modal-body">
1285
                <div class="form-group">
1286
                    <?php
1287
                    $element = $form->get('company_size_id');
1288
                    $element->setAttributes(['class' => 'form-control']);
1289
                    $element->setOptions(['label' => 'LABEL_COMPANY_SIZE']);
1290
                    echo $this->formLabel($element);
1291
                    echo $this->formSelect($element);
1292
                    ?>
1293
                </div>
1294
            </div>
1295
            <div class="modal-footer">
1296
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1297
                <button type="button" class="btn btn-default btn-company-size-close">LABEL_CANCEL</button>
1298
            </div>
1299
            <?php echo $this->form()->closeTag($form); ?>
1300
        </div>
1301
    </div>
1 www 1302
</div>
1303
<div class="modal" tabindex="-1" role="dialog" id="location-box">
5743 stevensc 1304
    <div class="modal-dialog" role="document">
1305
        <?php
1306
        $form = $this->formLocation;
1307
        $form->setAttributes([
1308
            'method' => 'post',
1309
            'action' => '',
1310
            'name' => 'form-location',
1311
            'id' => 'form-location'
1312
        ]);
1313
        $form->prepare();
1314
        echo $this->form()->openTag($form);
1315
 
1316
        $fieldnames = [
1317
            'formatted_address',
1318
            'address1',
1319
            'address2',
1320
            'country',
1321
            'state',
1322
            'city1',
1323
            'city2',
1324
            'postal_code',
1325
            'latitude',
1326
            'longitude',
1327
        ];
1328
 
1329
        foreach ($fieldnames as $fieldname) {
1330
 
1331
            $element = $form->get($fieldname);
1332
            echo $this->formHidden($element);
1333
        }
1334
        ?>
1335
        <div class="modal-content">
1336
            <div class="modal-header">
1337
                <h3 class="modal-title">LABEL_CHANGE</h3>
770 geraldo 1338
            </div>
5743 stevensc 1339
            <div class="modal-body">
1340
                <div class="form-group datefm">
1341
                    <?php
1342
                    $element = $form->get('location_search');
1343
                    $element->setAttributes(['class' => 'form-control']);
1344
                    $element->setOptions(['label' => 'LABEL_LOCATION']);
1345
                    echo $this->formLabel($element);
1346
                    echo $this->formText($element);
1347
                    ?>
1348
                    <i class="fa fa-map-marker"></i>
1349
                </div>
1350
                <div class="form-group">
1351
                    <?php
1352
                    $element = $form->get('is_main');
1353
                    echo $this->formCheckbox($element);
1354
                    ?>
1355
                </div>
770 geraldo 1356
            </div>
5743 stevensc 1357
            <div class="modal-footer">
1358
                <button type="submit" class="btn btn-primary ">LABEL_SAVE</button>
1359
                <button type="button" class="btn btn-default btn-location-close">LABEL_CANCEL</button>
1360
            </div>
1361
            <?php echo $this->form()->closeTag($form); ?>
1362
        </div>
1363
    </div>
1 www 1364
</div>
1365
<div class="modal" tabindex="-1" role="dialog" id="social-networks-box">
5743 stevensc 1366
    <div class="modal-dialog" role="document">
1367
        <?php
1368
        $form = $this->formSocialNetwork;
1369
        $form->setAttributes([
1370
            'method' => 'post',
1371
            'action' => $routeSocialNetworks,
1372
            'name' => 'form-social-network',
1373
            'id' => 'form-social-network'
1374
        ]);
1375
        $form->prepare();
1376
        echo $this->form()->openTag($form);
1377
        ?>
1378
        <div class="modal-content">
1379
            <div class="modal-header">
1380
                <h3 class="modal-title">LABEL_CHANGE</h3>
770 geraldo 1381
            </div>
5743 stevensc 1382
            <div class="modal-body">
1383
                <div class="form-group">
1384
                    <?php
1385
                    $element = $form->get('facebook');
1386
                    $element->setAttributes(['class' => 'form-control']);
1387
                    $element->setOptions(['label' => 'LABEL_FACEBOOK']);
1388
                    echo $this->formLabel($element);
1389
                    echo $this->formText($element);
1390
                    ?>
1391
                </div>
1392
                <div class="form-group">
1393
                    <?php
1394
                    $element = $form->get('twitter');
1395
                    $element->setAttributes(['class' => 'form-control']);
1396
                    $element->setOptions(['label' => 'LABEL_TWITTER']);
1397
                    echo $this->formLabel($element);
1398
                    echo $this->formText($element);
1399
                    ?>
1400
                </div>
1401
                <div class="form-group">
1402
                    <?php
1403
                    $element = $form->get('instagram');
1404
                    $element->setAttributes(['class' => 'form-control']);
1405
                    $element->setOptions(['label' => 'LABEL_INSTAGRAM']);
1406
                    echo $this->formLabel($element);
1407
                    echo $this->formText($element);
1408
                    ?>
1409
                </div>
1410
                <div class="form-group">
1411
                </div>
1412
                <div class="modal-footer">
1413
                    <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1414
                    <button type="button" class="btn btn-default btn-social-network-close">LABEL_CANCEL</button>
1415
                </div>
770 geraldo 1416
            </div>
5743 stevensc 1417
            <?php echo $this->form()->closeTag($form); ?>
1418
        </div>
1419
    </div>
1420
</div>
1421
<div class="modal" tabindex="-1" role="dialog" id="image-box">
1422
    <div class="modal-dialog" role="document">
1423
        <?php
1424
        $form = $this->formImage;
1425
        $form->setAttributes([
1426
            'method' => 'post',
1427
            'action' => $routeImageUpload,
1428
            'name' => 'form-image',
1429
            'id' => 'form-image',
1430
            'enctype' => 'multipart/form-data'
1431
        ]);
1432
        $form->prepare();
1433
        echo $this->form()->openTag($form);
1434
        ?>
1435
        <div class="modal-content">
1436
            <div class="modal-header">
1437
                <h3 class="modal-title">LABEL_CHANGE</h3>
770 geraldo 1438
            </div>
5743 stevensc 1439
            <div class="modal-body">
1440
                <div class="form-group">
1441
                    <div class="file-loading">
1442
                        <?php
1443
                        $element = $form->get('image');
1444
                        $element->setAttributes(['class' => 'form-control', 'accept' => 'image/jpeg,image/png']);
1445
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
1446
                        echo $this->formLabel($element);
1447
                        echo $this->formFile($element);
1448
                        ?>
1449
                    </div>
1450
                </div>
770 geraldo 1451
            </div>
1452
            <div class="modal-footer">
5743 stevensc 1453
                <button type="submit" class="btn btn-primary">LABEL_UPLOAD</button>
1454
                <button type="button" class="btn btn-default btn-image-close">LABEL_CANCEL</button>
770 geraldo 1455
            </div>
5743 stevensc 1456
            <?php echo $this->form()->closeTag($form); ?>
1457
        </div>
1458
    </div>
6060 stevensc 1459
</div>