Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
16849 stevensc 1
<?php
16822 efrain 2
$currentUser = $this->currentUserHelper();
3
$currentUser = $currentUser->getUser();
16761 efrain 4
 
1 www 5
$routeTimeline = $this->url('feeds/timeline');
16761 efrain 6
 
7
 
16841 efrain 8
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
9
$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
16822 efrain 10
 
16841 efrain 11
$this->inlineScript()->appendFile($this->basePath('assets/vendors/ckeditor/ckeditor.js'));
16822 efrain 12
 
13
 
16841 efrain 14
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/css/fileinput.min.css'));
15
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fa/theme.css'));
16822 efrain 16
 
16843 efrain 17
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/piexif.js'));
18
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/sortable.js'));
16841 efrain 19
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/fileinput.js'));
20
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/locales/es.js'));
21
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/fa/theme.js'));
22
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fa/theme.js'));
16822 efrain 23
 
17003 efrain 24
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css'));
25
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js'));
16822 efrain 26
 
16841 efrain 27
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jsrender/jsrender.min.js'));
16822 efrain 28
 
29
 
16841 efrain 30
$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootbox/bootbox.all.min.js'));
16822 efrain 31
 
32
$this->inlineScript()->captureStart();
33
echo <<<JS
34
jQuery( document ).ready(function( $ ) {
35
    var feed_unique_shared = '';
36
 
37
    $.validator.addMethod('requiredContent', function (value, element, param) {
38
        value = $.trim($.fn.stripHtml(value));
39
        return value.length > 0;
40
    }, 'ERROR_REQUIRED');
41
 
42
    $.fn.reload = function(page) {
43
        NProgress.start();
44
        $.ajax({
45
            'dataType'  : 'json',
46
            'accept'    : 'application/json',
47
            'method'    : 'get',
48
            'data'      : {
49
                'page' : page
50
            },
51
            'url'       :  '$routeTimeline'
52
        }).done(function(response) {
53
            if(response['success']) {
54
                $('.posts-section').empty();
55
 
56
                $( ".posts-section" ).append(
57
                    $( "#feedTemplate" ).render( response['data']['current']['items'] )
58
                );
59
 
60
 
61
                if(response['data']['total']['pages'] > 1 ) {
62
 
63
                    $('#paginator-process-comm').show();
64
                    if(response['data']['current']['page']  > 1) {
65
                        $('#btn-page-previous').data('page', response['data']['current']['page'] - 1);
66
                        $('#btn-page-previous').show();
67
                    } else {
68
                         $('#btn-page-previous').hide();
69
                    }
70
                    if(response['data']['current']['page'] <  response['data']['total']['pages']) {
71
                        $('#btn-page-next').data('page', response['data']['current']['page'] + 1);
72
                        $('#btn-page-next').show();
73
                    } else {
74
                         $('#btn-page-next').hide();
75
                    }
76
 
77
                    $('#paginator-process-comm').show();
78
 
79
                } else {
80
                    $('#paginator-process-comm').hide();
81
                }
82
 
83
 
84
            } else {
85
                $.fn.showError(response['data']);
86
            }
87
        }).fail(function( jqXHR, textStatus, errorThrown) {
88
            $.fn.showError(textStatus);
89
        }).always(function() {
90
            NProgress.done();
91
        });
92
 
93
    }
94
 
95
    $('#btn-page-previous').click(function(e) {
96
        e.preventDefault();
97
 
98
        var page = $(this).data('page');
99
        $.fn.reload(page);
100
 
101
    });
102
 
103
    $('#btn-page-next').click(function(e) {
104
        e.preventDefault();
105
 
106
        var page = $(this).data('page');
107
        $.fn.reload(page);
108
 
109
    });
110
 
111
 
112
 
113
 
114
    var validatorFeed = $('#form-feed').validate({
115
        debug: true,
116
        onclick: false,
117
        onkeyup: false,
118
        onfocusout: false,
119
        ignore: [],
120
        rules: {
121
            'shared_with' : {
122
                required: true,
123
            },
124
           'description': {
125
                updateCkeditor:function() {
126
                        CKEDITOR.instances.description_feed.updateElement();
127
                },
128
                required: true
129
            },
130
        },
131
 
132
        submitHandler: function(form)
133
        {
134
            $('input[type="submit"]').prop('disabled', true);
135
            NProgress.start();
136
            $.ajax({
137
                'dataType'  : 'json',
138
                'accept'    : 'application/json',
139
                'method'    : 'post',
140
                'url'       : $('#form-feed').attr('action'),
141
                'data'      : $('#form-feed').serialize(),
142
            }).done(function(response) {
143
                if(response['success']) {
144
                    var s = $( "#feedTemplate" ).render( response['data'] );
145
                    $(s).prependTo(".posts-section");
146
 
147
                   $('#form-feed')[0].reset()
148
                    $("#modal-feed-box").modal('hide');
149
                } else {
150
                    validatorFeed.resetForm();
151
                    if(jQuery.type(response['data']) == 'string') {
152
                        $.fn.showError(response['data']);
153
                    } else  {
154
                        $.each(response['data'], function( fieldname, errors ) {
155
                            $.fn.showFormErrorValidator('#form-feed #' + fieldname, errors);
156
                        });
157
                    }
158
                }
159
            }).fail(function( jqXHR, textStatus, errorThrown) {
160
                $.fn.showError(textStatus);
161
            }).always(function() {
162
                $('input[type="submit"]').prop('disabled', false);
163
                NProgress.done();
164
            });
165
            return false;
166
        },
167
        invalidHandler: function(form, validator) {
168
 
169
        }
170
    });
171
 
172
    $('.btn-modal-feed-close').click(function(e) {
173
        e.preventDefault();
174
        $('#form-feed')[0].reset()
175
        $('#modal-feed-box').modal('hide');
176
        return false;
177
    });
178
 
179
    $('#description-main, #btn-description-main').click(function(e) {
180
        e.preventDefault();
181
 
182
        $('#form-feed')[0].reset()
183
        validatorFeed.resetForm();
184
        $("#modal-feed-box").modal('show');
185
    })
186
 
187
    var validatorFeedImage = $('#form-feed-image').validate({
188
        debug: true,
189
        onclick: false,
190
        onkeyup: false,
191
        onfocusout: false,
192
        ignore: [],
193
        rules: {
194
            'shared_with' : {
195
                required: true,
196
            },
197
           'description': {
198
                updateCkeditor:function() {
199
                        CKEDITOR.instances.description_image.updateElement();
200
                },
201
                required: true
202
            },
203
           'file': {
204
                required: true,
205
                extension: 'jpg|jpeg|png',
206
                accept: 'image/jpg,image/jpeg,image/png'
207
            },
208
        },
209
 
210
        submitHandler: function(form)
211
        {
212
            var formdata = false;
213
            if (window.FormData){
214
                formdata = new FormData(form); //form[0]);
215
            }
216
 
217
            $('input[type="submit"]').prop('disabled', true);
218
            NProgress.start();
219
            $.ajax({
220
                'dataType'  : 'json',
221
                'accept'    : 'application/json',
222
                'method'    : 'post',
223
                'url'       :  $('#form-feed-image').attr('action'),
224
                'data'      : formdata ? formdata : $('#form-feed-image').serialize(),
225
                'processData': false,
226
                'contentType': false,
227
            }).done(function(response) {
228
                if(response['success']) {
229
 
230
 
231
                    var s = $( "#feedTemplate" ).render( response['data'] );
232
                    $(s).prependTo(".posts-section");
233
 
234
                    $("#modal-feed-image-box").modal('hide');
235
                } else {
236
                    validatorFeedImage.resetForm();
237
                    if(jQuery.type(response['data']) == 'string') {
238
                        $.fn.showError(response['data']);
239
                    } else  {
240
                        $.each(response['data'], function( fieldname, errors ) {
16929 efrain 241
 
242
                                $.fn.showFormErrorValidator('#form-feed-image #' + fieldname, errors);
243
 
16822 efrain 244
                        });
245
                    }
246
                }
247
            }).fail(function( jqXHR, textStatus, errorThrown) {
248
                $.fn.showError(textStatus);
249
            }).always(function() {
250
                $('input[type="submit"]').prop('disabled', false);
251
                NProgress.done();
252
            });
253
            return false;
254
        },
255
        invalidHandler: function(form, validator) {
256
 
257
        }
258
    });
259
 
260
    var validatorFeedVideo = $('#form-feed-video').validate({
261
        debug: true,
262
        onclick: false,
263
        onkeyup: false,
264
        onfocusout: false,
265
        ignore: [],
266
        rules: {
267
            'shared_with' : {
268
                required: true,
269
            },
270
           'description': {
271
                updateCkeditor:function() {
272
                        CKEDITOR.instances.description_video.updateElement();
273
                },
274
                required: true
275
            },
276
           'file': {
277
                required: true,
278
                extension: 'webm,mp4,webm',
279
                accept: 'video/webm,video/mpeg,video/mp4'
280
            },
281
        },
282
 
283
        submitHandler: function(form)
284
        {
285
            var formdata = false;
286
            if (window.FormData){
287
                formdata = new FormData(form); //form[0]);
288
            }
289
 
290
            $('input[type="submit"]').prop('disabled', true);
291
            NProgress.start();
292
            $.ajax({
293
                'dataType'  : 'json',
294
                'accept'    : 'application/json',
295
                'method'    : 'post',
296
                'url'       :  $('#form-feed-video').attr('action'),
297
                'data'      : formdata ? formdata : $('#form-feed-video').serialize(),
298
                'processData': false,
299
                'contentType': false,
300
            }).done(function(response) {
301
                if(response['success']) {
302
                    var s = $( "#feedTemplate" ).render( response['data'] );
303
                    $(s).prependTo(".posts-section");
304
 
305
                    $("#modal-feed-video-box").modal('hide');
306
                } else {
307
                    validatorFeedVideo.resetForm();
308
                    if(jQuery.type(response['data']) == 'string') {
309
                        $.fn.showError(response['data']);
310
                    } else  {
311
                        $.each(response['data'], function( fieldname, errors ) {
312
                            $.fn.showFormErrorValidator('#form-feed-video #' + fieldname, errors);
313
                        });
314
                    }
315
                }
316
            }).fail(function( jqXHR, textStatus, errorThrown) {
317
                $.fn.showError(textStatus);
318
            }).always(function() {
319
                $('input[type="submit"]').prop('disabled', false);
320
                NProgress.done();
321
            });
322
            return false;
323
        },
324
        invalidHandler: function(form, validator) {
325
 
326
        }
327
    });
328
 
329
    var validatorFeedDocument = $('#form-feed-document').validate({
330
        debug: true,
331
        onclick: false,
332
        onkeyup: false,
333
        onfocusout: false,
334
        ignore: [],
335
        rules: {
336
            'shared_with' : {
337
                required: true,
338
            },
339
           'description': {
340
                updateCkeditor:function() {
341
                        CKEDITOR.instances.description_document.updateElement();
342
                },
343
                required: true
344
            },
345
           'file': {
346
                required: true,
347
                extension: 'pdf',
348
                accept: 'application/pdf'
349
            },
350
        },
351
 
352
        submitHandler: function(form)
353
        {
354
            var formdata = false;
355
            if (window.FormData){
356
                formdata = new FormData(form); //form[0]);
357
            }
358
 
359
            $('input[type="submit"]').prop('disabled', true);
360
            NProgress.start();
361
            $.ajax({
362
                'dataType'  : 'json',
363
                'accept'    : 'application/json',
364
                'method'    : 'post',
365
                'url'       :  $('#form-feed-document').attr('action'),
366
                'data'      : formdata ? formdata : $('#form-feed-document').serialize(),
367
                'processData': false,
368
                'contentType': false,
369
            }).done(function(response) {
370
                if(response['success']) {
371
                    var s = $( "#feedTemplate" ).render( response['data'] );
372
                    $(s).prependTo(".posts-section");
373
 
374
                    $("#modal-feed-document-box").modal('hide');
375
                } else {
376
                    validatorFeedDocument.resetForm();
377
                    if(jQuery.type(response['data']) == 'string') {
378
                        $.fn.showError(response['data']);
379
                    } else  {
380
                        $.each(response['data'], function( fieldname, errors ) {
381
                            $.fn.showFormErrorValidator('#form-feed-document #' + fieldname, errors);
382
                        });
383
                    }
384
                }
385
            }).fail(function( jqXHR, textStatus, errorThrown) {
386
                $.fn.showError(textStatus);
387
            }).always(function() {
388
                $('input[type="submit"]').prop('disabled', false);
389
                NProgress.done();
390
            });
391
            return false;
392
        },
393
        invalidHandler: function(form, validator) {
394
 
395
        }
396
    });
397
 
398
 
399
 
400
 
401
 
16845 efrain 402
    $('i.fa-file').on('click', function(e){
16822 efrain 403
        e.preventDefault();
404
 
405
        $('#form-feed-document #shared_with').val('');
406
        $('#form-feed-document #file').val('');
407
        CKEDITOR.instances.description_document.setData('');
408
 
409
        $('#form-feed-document')[0].reset()
410
        validatorFeedDocument.resetForm();
411
        $('#modal-feed-document-box').modal('show');
412
    });
413
 
414
    $('#form-feed-document #file').fileinput({
415
        theme: 'fa',
416
        language: 'es',
417
        showUpload: false,
418
        dropZoneEnabled: false,
419
        maxFileCount: 1,
420
        allowedFileExtensions: ['pdf'],
421
    });
422
 
423
 
424
    $('.btn-modal-feed-document-close').on('click', function(e){
425
        e.preventDefault();
426
 
427
        $('#modal-feed-document-box').modal('hide');
428
        return false;
429
    });
430
 
431
 
16845 efrain 432
    $('i.fa-camera').on('click', function(e){
16822 efrain 433
        e.preventDefault();
434
 
435
        $('#form-feed-image #shared_with').val('');
436
        $('#form-feed-image #file').val('');
437
        CKEDITOR.instances.description_image.setData('');
438
 
439
        $('#form-feed-image')[0].reset()
440
        validatorFeedImage.resetForm();
441
        $('#modal-feed-image-box').modal('show');
442
    });
443
 
444
    $('#form-feed-image #file').fileinput({
445
        theme: 'fa',
446
        language: 'es',
447
        showUpload: false,
448
        dropZoneEnabled: false,
449
        maxFileCount: 1,
450
        allowedFileExtensions: ['jpg', 'jpeg', 'png', 'gif'],
451
    });
452
 
453
 
454
    $('.btn-modal-feed-image-close').on('click', function(e){
455
        e.preventDefault();
456
 
457
        $('#modal-feed-image-box').modal('hide');
458
        return false;
459
    });
460
 
461
 
16845 efrain 462
    $('i.fa-video').on('click', function(e){
16822 efrain 463
        e.preventDefault();
464
 
465
        $('#form-feed-video #shared_with').val('');
466
        $('#form-feed-video #file').val('');
467
        CKEDITOR.instances.description_video.setData('');
468
 
469
 
470
        $('#form-feed-video')[0].reset()
471
        validatorFeedVideo.resetForm();
472
        $('#modal-feed-video-box').modal('show');
473
    });
474
 
475
    $('#form-feed-video #file').fileinput({
476
        theme: 'fa',
477
        language: 'es',
478
        showUpload: false,
479
        dropZoneEnabled: false,
480
        maxFileCount: 1,
481
        allowedFileExtensions: ['mp4', 'mpeg','webm'],
482
    });
483
 
484
 
485
    $('.btn-modal-feed-video-close').on('click', function(e){
486
        e.preventDefault();
487
 
488
        $('#modal-feed-video-box').modal('hide');
489
        return false;
490
    });
491
 
492
    $('body').on('click', 'a.btn-indicator', function(e) {
493
 
494
        e.preventDefault();
495
    });
496
 
497
 
498
 
499
 
500
 
501
 
502
    $('body').on('submit', 'form.form-comment-feed', function(e) {
503
        e.preventDefault();
504
 
505
        var form = $(this);
506
        var url = form.attr('action');
507
        var unique  = $(this).data('feed-unique');
508
 
509
        NProgress.start();
510
        $.ajax({
511
            'dataType'  : 'json',
512
            'accept'    : 'application/json',
513
            'method'    : 'post',
514
            'url'       :  url,
515
            'data'      : form.serialize(),
516
        }).done(function(response) {
517
            if(response['success']) {
518
                $('#comment-' + unique).val('');
519
 
520
                var s = $( "#commentTemplate" ).render( response['data'] );
16951 efrain 521
                $(s).appendTo('ul.comment-sec-' + unique);
16822 efrain 522
 
16951 efrain 523
 
16845 efrain 524
                $('#btn-comments-' + unique).html('<i class="<i class="fa fa-comments"></i>"></i> ' + response['total_comments']);
16822 efrain 525
 
526
                $('form.form-comment-feed > input[name="comment"]').val('');
527
 
528
            } else {
529
               $.fn.showError(response['data']);
530
            }
531
        }).fail(function( jqXHR, textStatus, errorThrown) {
532
            $.fn.showError(textStatus);
533
        }).always(function() {
534
            NProgress.done();
535
        });
536
        return false;
537
 
538
    });
539
 
540
 
541
    $.fn.deleteFeed = function(url, feed_unique) {
542
 
543
 
544
        NProgress.start();
545
        $.ajax({
546
            'dataType'  : 'json',
547
            'accept'    : 'application/json',
548
            'method'    : 'post',
549
            'url'       :  url,
550
        }).done(function(response) {
551
            if(response['success']) {
552
              $('.post-bar-' +  feed_unique).remove();
553
 
554
                $.fn.showSuccess(response['data']);
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
 
564
    }
565
 
566
    $('body').on('click', 'a.btn-feed-trash', function(e) {
567
        e.preventDefault();
568
        var url = $(this).data('link');
569
        var feed_unique = $(this).data('feed-unique');
570
 
571
          swal.fire({
572
            title: 'LABEL_ARE_YOU_SURE',
573
            message: 'LABEL_QUESTION_DELETE_POST',
574
            icon: 'question',
575
            cancelButtonText: 'LABEL_NO',
576
            showCancelButton: true,
577
            confirmButtonText: 'LABEL_YES'
578
          }).then((result) => {
579
            if (result.isConfirmed) {
580
                $.fn.deleteFeed(url, feed_unique);
581
            }
582
        });
583
    });
584
 
585
 
586
    $.fn.deleteComment = function(url, unique) {
587
 
588
         var feed_unique = $('.comment-' + unique).closest('div.comment-sec').data('feed-unique');
589
 
590
        NProgress.start();
591
        $.ajax({
592
            'dataType'  : 'json',
593
            'accept'    : 'application/json',
594
            'method'    : 'post',
595
            'url'       :  url,
596
        }).done(function(response) {
597
            if(response['success']) {
598
 
599
                $('.comment-' + unique).closest('li').remove();
600
                $('#btn-comments-' + feed_unique).html('<i class="fa fa-comments"></i> ' + response['data']['total_comments']);
601
 
602
                $.fn.showSuccess(response['data']['message']);
603
            } else {
604
                $.fn.showError(response['data']);
605
            }
606
        }).fail(function( jqXHR, textStatus, errorThrown) {
607
            $.fn.showError(textStatus);
608
        }).always(function() {
609
            NProgress.done();
610
        });
611
 
612
 
613
    }
614
 
615
 
616
    $('body').on('click', 'a.btn-comment-trash', function(e) {
617
        e.preventDefault();
618
        var url = $(this).data('link');
619
        var unique = $(this).data('comment-unique');
620
 
621
          swal.fire({
622
            title: 'LABEL_ARE_YOU_SURE',
623
            message: 'LABEL_QUESTION_DELETE_COMMENT',
624
            icon: 'question',
625
            cancelButtonText: 'LABEL_NO',
626
            showCancelButton: true,
627
            confirmButtonText: 'LABEL_YES'
628
          }).then((result) => {
629
            if (result.isConfirmed) {
630
                   $.fn.deleteComment(url, unique);
631
            }
632
        });
633
    });
634
 
635
 
636
    $('div.modal').on("hide.bs.modal", function() {
637
    	$(".wrapper").removeClass("overlay");
638
    })
639
 
640
 
641
    $.fn.reload(1);
642
 
643
    CKEDITOR.replace('description_feed');
644
    CKEDITOR.replace('description_video');
645
    CKEDITOR.replace('description_image');
646
    CKEDITOR.replace('description_document');
647
 
648
 
649
});
650
 
651
 
7154 stevensc 652
JS;
16822 efrain 653
$this->inlineScript()->captureEnd();
7154 stevensc 654
 
1 www 655
?>
656
 
16822 efrain 657
<div class="container">
16933 efrain 658
    <h6 class="mb-2">LABEL_FEEDS</h6>
16849 stevensc 659
 
16885 stevensc 660
        <main class="feed-section">
661
            <form class="theme-container p-2" id="form-main" name="form-main">
662
                <input id="description-main" name="description-main" placeholder="¿Qué tienes en mente?" class="cursor-pointer mb-2" readonly="readonly" rows="2"></input>
16849 stevensc 663
 
16885 stevensc 664
                <div class="d-flex align-items-center justify-content-end gap-2">
665
                    <a class="btn btn-trans btn-icon add-tooltip" href="#"><i class="fa fa-video"></i></a>
666
                    <a class="btn btn-trans btn-icon add-tooltip" href="#"><i class="fa fa-camera"></i></a>
667
                    <a class="btn btn-trans btn-icon add-tooltip" href="#"><i class="fa fa-file "></i></a>
668
                    <button class="btn btn-sm btn-primary" type="button" id="btn-description-main">
669
                        <i class="fa fa-edit"></i> LABEL_SHARE
670
                    </button>
671
                </div>
672
            </form>
673
 
674
            <!--posts-section star-->
675
            <div class="posts-section w-100">
16849 stevensc 676
            </div>
16853 stevensc 677
 
16885 stevensc 678
            <div class="process-comm" id="paginator-process-comm" style="display: none">
679
                <button class="btn btn-sm btn-primary" data-page="0" id="btn-page-previous"> <i class="fa fa-chevron-left" aria-hidden="true"></i> LABEL_PREVIOUS </button>
680
                <button class="btn btn-sm btn-primary" data-page="0" id="btn-page-next"> LABEL_NEXT <i class="fa fa-chevron-right" aria-hidden="true"></i> </button>
681
            </div>
682
            <!--posts-section end-->
683
        </main>
16849 stevensc 684
 
16885 stevensc 685
        <!--main-ws-sec end-->
16822 efrain 686
</div>
687
 
688
 
16849 stevensc 689
</div>
690
 
691
 
16822 efrain 692
<div class="modal" tabindex="-1" role="dialog" id="modal-feed-image-box">
17012 efrain 693
    <div class="modal-dialog modal-xl"  role="document">
16849 stevensc 694
        <?php
695
        $form = $this->formFeed;
16822 efrain 696
        $form->setAttributes([
697
            'method' => 'post',
698
            'action' => $this->url('feeds/add'),
699
            'name' => 'form-feed-image',
700
            'id' => 'form-feed-image',
16849 stevensc 701
            'enctype' => 'multipart/form-data'
16822 efrain 702
        ]);
703
        $form->prepare();
704
        echo $this->form()->openTag($form);
16849 stevensc 705
 
706
 
707
        ?>
708
        <div class="modal-content">
709
            <div class="modal-header">
16935 efrain 710
                <h6 class="modal-title">LABEL_SHARE_IMAGE</h6>
16849 stevensc 711
            </div>
712
            <div class="modal-body">
16929 efrain 713
                <div class="row">
714
                   <div class="col-12 mt-3">
16849 stevensc 715
                    <?php
16822 efrain 716
                    $element = $form->get('description');
717
                    $element->setAttributes(['id' => 'description_image', 'rows' => '2', 'placeholder' => '¿Qué tienes en mente?', 'class' => 'form-control']);
718
                    echo $this->formTextArea($element);
719
                    ?>
16929 efrain 720
                    </div>
16849 stevensc 721
                </div>
16929 efrain 722
                <div class="row">
723
                   <div class="col-12 mt-3">
16849 stevensc 724
                        <?php
16822 efrain 725
                        $element = $form->get('file');
726
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
727
                        echo $this->formFile($element);
728
                        ?>
16849 stevensc 729
                    </div>
730
                </div>
731
            </div>
16929 efrain 732
            <div class="modal-footer text-right">
16849 stevensc 733
                <button type="submit" class="btn btn-sm btn-primary save">LABEL_UPLOAD</button>
734
                <button type="button" class="btn btn-light cancel btn-modal-feed-image-close">LABEL_CANCEL</button>
735
            </div>
736
 
737
        </div>
738
        <a href="#" title="" class="close-box btn-feed-image-close"><i class="la la-close"></i></a>
739
        <?php echo $this->form()->closeTag($form); ?>
740
    </div>
16822 efrain 741
</div>
742
 
743
 
744
<div class="modal" tabindex="-1" role="dialog" id="modal-feed-video-box">
17012 efrain 745
    <div class="modal-dialog modal-xl" role="document">
16849 stevensc 746
        <?php
747
        $form = $this->formFeed;
16822 efrain 748
        $form->setAttributes([
749
            'method' => 'post',
750
            'action' => $this->url('feeds/add'),
751
            'name' => 'form-feed-video',
752
            'id' => 'form-feed-video',
16849 stevensc 753
            'enctype' => 'multipart/form-data'
16822 efrain 754
        ]);
755
        $form->prepare();
756
        echo $this->form()->openTag($form);
757
 
16849 stevensc 758
 
759
        ?>
760
        <div class="modal-content">
761
            <div class="modal-header">
16935 efrain 762
                <h6 class="modal-title">LABEL_SHARE_VIDEO</h6>
16849 stevensc 763
            </div>
764
            <div class="modal-body">
16929 efrain 765
              	<div class="row">
766
              		<div class="col-12 mt-3">
16849 stevensc 767
                    <?php
16822 efrain 768
                    $element = $form->get('description');
769
                    $element->setAttributes(['id' => 'description_video', 'rows' => '2', 'placeholder' => '¿Qué tienes en mente?', 'class' => 'form-control']);
770
                    echo $this->formTextArea($element);
771
                    ?>
16929 efrain 772
                    </div>
16849 stevensc 773
                </div>
16929 efrain 774
              	<div class="row">
775
              		<div class="col-12 mt-3">
16849 stevensc 776
                        <?php
16822 efrain 777
                        $element = $form->get('file');
778
                        $element->setAttributes(['accept' => 'video/webm,video/mpeg,video/mp4']);
779
                        echo $this->formFile($element);
780
                        ?>
16849 stevensc 781
                    </div>
782
                </div>
783
            </div>
784
            <div class="modal-footer">
785
                <button type="submit" class="btn btn-sm btn-primary save">LABEL_UPLOAD</button>
786
                <button type="button" class="btn btn-light cancel btn-modal-feed-video-close">LABEL_CANCEL</button>
787
            </div>
788
 
789
        </div>
790
        <a href="#" title="" class="close-box btn-feed-video-close"><i class="la la-close"></i></a>
791
        <?php echo $this->form()->closeTag($form); ?>
792
    </div>
16822 efrain 793
</div>
794
 
795
<div class="modal" tabindex="-1" role="dialog" id="modal-feed-document-box">
17012 efrain 796
    <div class="modal-dialog  modal-xl" role="document">
16849 stevensc 797
        <?php
798
        $form = $this->formFeed;
16822 efrain 799
        $form->setAttributes([
800
            'method' => 'post',
801
            'action' => $this->url('feeds/add'),
802
            'name' => 'form-feed-document',
803
            'id' => 'form-feed-document',
16849 stevensc 804
            'enctype' => 'multipart/form-data'
16822 efrain 805
        ]);
806
        $form->prepare();
807
        echo $this->form()->openTag($form);
808
 
16849 stevensc 809
 
810
 
811
        ?>
812
        <div class="modal-content">
813
            <div class="modal-header">
16935 efrain 814
                <h6 class="modal-title">LABEL_SHARE_DOCUMENT</h6>
16849 stevensc 815
            </div>
816
            <div class="modal-body">
16929 efrain 817
                <div class="row">
818
                    <div class="col-12 mt-3">
16849 stevensc 819
                    <?php
16822 efrain 820
                    $element = $form->get('description');
821
                    $element->setAttributes(['id' => 'description_document', 'rows' => '2', 'placeholder' => '¿Qué tienes en mente?', 'class' => 'form-control']);
822
                    echo $this->formTextArea($element);
823
                    ?>
16929 efrain 824
                    </div>
16849 stevensc 825
                </div>
16929 efrain 826
                <div class="row">
827
                    <div class="col-12 mt-3">
16849 stevensc 828
                        <?php
16822 efrain 829
                        $element = $form->get('file');
830
                        $element->setAttributes(['accept' => 'application/pdf']);
831
                        echo $this->formFile($element);
832
                        ?>
16849 stevensc 833
                    </div>
834
                </div>
835
            </div>
16891 efrain 836
            <div class="modal-footer text-right">
16849 stevensc 837
                <button type="submit" class="btn btn-sm btn-primary save">LABEL_UPLOAD</button>
838
                <button type="button" class="btn btn-light cancel btn-modal-feed-document-close">LABEL_CANCEL</button>
16822 efrain 839
            </div>
16849 stevensc 840
        </div>
841
        <a href="#" title="" class="close-box btn-feed-document-close"><i class="la la-close"></i></a>
842
        <?php echo $this->form()->closeTag($form); ?>
843
    </div>
16822 efrain 844
</div>
845
 
846
<div class="modal" tabindex="-1" role="dialog" id="modal-feed-box">
17012 efrain 847
    <div class="modal-dialog modal-xl" role="document">
16849 stevensc 848
        <?php
849
        $form = $this->formFeed;
16822 efrain 850
        $form->setAttributes([
851
            'method' => 'post',
852
            'action' => $this->url('feeds/add'),
853
            'name' => 'form-feed',
854
            'id' => 'form-feed',
855
        ]);
856
        $form->prepare();
857
        echo $this->form()->openTag($form);
858
 
16849 stevensc 859
 
860
 
861
        ?>
862
        <div class="modal-content">
863
            <div class="modal-header">
16935 efrain 864
                <h6 class="modal-title">LABEL_SHARE</h6>
16849 stevensc 865
            </div>
866
            <div class="modal-body">
16929 efrain 867
                <div class="row">
868
                	<div class="col-12 mt-3">
16849 stevensc 869
                    <?php
16822 efrain 870
                    $element = $form->get('description');
871
                    $element->setAttributes(['id' => 'description_feed', 'rows' => '2', 'placeholder' => '¿Qué tienes en mente?', 'class' => 'form-control']);
872
                    echo $this->formTextArea($element);
873
                    ?>
16929 efrain 874
                    </div>
16849 stevensc 875
                </div>
876
            </div>
16891 efrain 877
            <div class="modal-footer text-right">
16849 stevensc 878
                <button type="submit" class="btn btn-sm btn-primary save">LABEL_SAVE</button>
879
                <button type="button" class="btn btn-light cancel btn-modal-feed-close">LABEL_CANCEL</button>
16822 efrain 880
            </div>
16849 stevensc 881
        </div>
882
        <a href="#" title="" class="close-box btn-modal-feed-close"><i class="la la-close"></i></a>
883
        <?php echo $this->form()->closeTag($form); ?>
884
    </div>
16822 efrain 885
</div>
886
 
887
 
888
 
889
 
890
<script id="commentTemplate" type="text/x-jsrender">
16849 stevensc 891
    <li>
16851 stevensc 892
        <div class="comment-list">
893
                <div class="comment comment-{{:unique}}" >
16935 efrain 894
                    <a href="{{>user_url}}"><h6>{{>user_name}}</h6>
16929 efrain 895
                    <span><img src="<?php echo $this->basePath('assets/images/clock.png') ?>" alt="">{{>time_elapsed}}
16851 stevensc 896
                {{if link_delete}}
897
                    <a href="#" class="btn-comment-trash" data-link="{{:link_delete}}" data-comment-unique="{{>unique}}"><i class="fa fa-trash"></i></a>
898
                {{/if}}
899
                    </span>
900
 
901
                    <p>{{>comment}}</p>
902
                </div>
903
        </div>
904
    </li>
16822 efrain 905
</script>
906
 
907
<script id="feedTemplate" type="text/x-jsrender">
16867 stevensc 908
    <div class="theme-container feed-{{>feed_unique}} mb-2">
16849 stevensc 909
        <div class="feed-header">
16851 stevensc 910
            <a href="{{>owner_url}}">
16858 stevensc 911
                <img src="{{>owner_image}}" alt="">
16851 stevensc 912
            </a>
913
 
914
            <div class="feed-info">
16822 efrain 915
                <a href="{{>owner_url}}">
16852 stevensc 916
                    <h2>{{>owner_name}}</h2>
16822 efrain 917
                </a>
16853 stevensc 918
 
16851 stevensc 919
                <span>
16929 efrain 920
                    <img src="<?php echo $this->basePath('assets/images/clock.png') ?>" alt="">
16851 stevensc 921
                    {{>owner_time_elapse}}
922
                    {{if feed_delete_url}}
923
                        <a href="#" class="btn-feed-trash" data-link="{{:feed_delete_url}}" data-feed-unique="{{>feed_unique}}"><i class="fa fa-trash"></i></a>
924
                    {{/if}}
925
                </span>
16822 efrain 926
            </div>
927
        </div>
16849 stevensc 928
 
16853 stevensc 929
        <div class="feed-body px-0">
930
            <p class="show-read-more">
931
                {{:owner_description}}
16822 efrain 932
            </p>
933
            {{if owner_file_image}}
934
             <img src="{{>owner_file_image}}" class="Entradas">
935
            {{/if}}
936
            {{if owner_file_video}}
937
             <video src="{{>owner_file_video}}" controls  poster="{{>owner_file_image_preview}}">
938
            {{/if}}
939
            {{if owner_file_document}}
940
                <a href="{{>owner_file_document}}" target="_blank">Descargar</a>
941
            {{/if}}
942
 
16860 stevensc 943
        {{if shared_name}}
16867 stevensc 944
            <div class="theme-container">
16860 stevensc 945
                <div class="feed-header">
946
                    <img src="{{>shared_image}}" alt="" style="width:50px; height: auto">
16853 stevensc 947
 
16860 stevensc 948
                    <div class="feed-info">
16935 efrain 949
                        <h6>{{>shared_name}}</h6>
16860 stevensc 950
                        <span>
16929 efrain 951
                            <img style="width: 12px; height: auto" src="<?php echo $this->basePath('assets/images/clock.png') ?>" alt="">
16860 stevensc 952
                            {{>shared_time_elapse}}
953
                        </span>
954
                    </div>
955
                </div>
16853 stevensc 956
 
16860 stevensc 957
                <div class="feed-body">
958
                    <p class="show-read-more">{{:shared_description}}</p>
16853 stevensc 959
 
16860 stevensc 960
                    {{if shared_file_image}}
961
                    <img src="{{>shared_file_image}}" class="Entradas">
962
                    {{/if}}
963
                    {{if shared_file_video}}
964
                    <video src="{{>shared_file_video}}" controls  poster="{{>shared_file_image_preview}}">
965
                    {{/if}}
966
                    {{if shared_file_document}}
967
                        <a href="{{>shared_file_document}}" target="_blank">Descargar</a>
968
                    {{/if}}
969
                </div>
970
            </div>
971
        {{/if}}
16822 efrain 972
        </div>
973
 
16849 stevensc 974
        <div class="feed-actions">
16850 stevensc 975
            <span id="btn-comments-{{>feed_unique}}" class="btn-indicator"><i class="fa fa-comments"></i> {{>owner_comments}}</span>
976
            <span id="btn-share-{{>feed_unique}}" class="btn-indicator"><i class="fa fa-share"></i> {{>owner_shared}}</span>
16822 efrain 977
        </div>
16849 stevensc 978
 
16860 stevensc 979
        {{if comments}}
980
            <ul class="comment-list comment-sec-{{>feed_unique}}" data-feed-unique="{{>feed_unique}}">
981
                {{for comments}}
982
                    <li>
983
                        <div class="comment-container comment-{{:unique}}">
984
                            <a href="{{>user_url}}">
16862 stevensc 985
                                <h2>{{>user_name}}</h2>
16860 stevensc 986
                            </a>
987
 
988
                            <span>
16929 efrain 989
                                <img src="<?php echo $this->basePath('assets/images/clock.png') ?>" alt="">
16860 stevensc 990
                                {{>time_elapsed}}
16862 stevensc 991
                                {{if link_delete}}
992
                                    <a href="#" class="btn-comment-trash" data-link="{{:link_delete}}" data-comment-unique="{{>unique}}">
993
                                        <i class="fa fa-trash"></i>
994
                                    </a>
995
                                {{/if}}
16860 stevensc 996
                            </span>
997
 
998
                            <p>{{>comment}}</p>
999
                        </div>
1000
                    </li>
1001
                {{/for}}
1002
            </ul>
16822 efrain 1003
        {{/if}}
16860 stevensc 1004
 
16951 efrain 1005
        <form class="form-comment-feed comment-form px-2 mb-2" data-feed-unique="{{>feed_unique}}"  action="{{>comment_add_url}}">
16860 stevensc 1006
            <input type="text" name="comment" id="comment-{{>feed_unique}}" maxlength="256"  placeholder="LABEL_WRITE_A_COMMENT">
16885 stevensc 1007
            <button class="btn btn-primary" type="submit">LABEL_SEND</button>
16860 stevensc 1008
        </form>
16822 efrain 1009
    </div>
1010
</script>