Proyectos de Subversion LeadersLinked - Antes de SPA

<?php 
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
$currentUser    = $this->currentUserHelper();
$roleName       = $currentUser->getUserTypeId();


$url_listing    = $this->url('company/invitations-received');


$this->inlineScript()->appendFile($this->basePath('vendors/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
$this->inlineScript()->appendFile($this->basePath('vendors/jsrender/jsrender.min.js'));

$this->inlineScript()->captureStart();
echo <<<JS


jQuery( document ).ready(function( $ ) {
        
    $.fn.reload = function(search) {
        NProgress.start();
        $.ajax({
            'dataType'  : 'json',
            'accept'    : 'application/json',
            'method'    : 'get',
            'url'       :  '$url_listing',
            'data'      : {
                'search' : search
            } 
        }).done(function(response) {
            if(response['success']) {
                $('#profiles-container').empty();
                if(response['data'].length > 0) {
                    $( "#profiles-container" ).html(
                                $( "#profileTemplate" ).render( response['data'] )
                        );


                } else {
                    var html = '<div class="company-title"><div class="widget widget-jobs"><div class="sd-title">ERROR_NO_RECORD_MATCHED_YOUR_QUERY</div></div></div>';
                    $( "#profiles-container" ).html(html);
                }     

            } else {
                $.fn.showError(response['data']);
            } 
        }).fail(function( jqXHR, textStatus, errorThrown) {
            $.fn.showError(textStatus);
        }).always(function() {
            NProgress.done();
        });

    }

    $('#form-connection-search #search').keyup(function(e) {
        e.preventDefault();

        var search = $('#form-connection-search #search').val()
        if(search.length > 0)  {
            var search = $('#form-connection-search #search').val().trim()
            if(search.length > 0)  {
                $.fn.reload(search);
            } else {
                $('#form-connection-search #search').val('');
            }
        } else {
            $.fn.reload('');
        }
        
    });

    $('body').on('click', 'a.btn-profile-view', function(e) {
        e.preventDefault();

        window.location.href = $(this).data('link');
    });


    $.fn.reload('');

                   

    $('body').on('click', 'a.btn-accept', function(e) {
        e.preventDefault();

        var action = $(this).data('link');
        NProgress.start();
        $.ajax({
            'dataType'  : 'json',
            'accept'    : 'application/json',
            'method'    : 'post',
            'url'       : action,
            'data'      : {
                'flash' : false
            }
        }).done(function(response) {
            if(response['success']) { 
                if (jQuery.type(response['data']) == 'string') {
                    $.fn.showSuccess(response['data']);

                } else {
                    $.fn.showSuccess(response['data']['message']);
                }
                var search = $('#form-connection-search #search').val().trim()
                $.fn.reload(search);
            } else {
                $.fn.showError(response['data']);
            }
        }).fail(function( jqXHR, textStatus, errorThrown) {
            $.fn.showError(textStatus);
        }).always(function() {
            NProgress.done();
        });
    });

    $('body').on('click', 'a.btn-reject', function(e) {
        e.preventDefault();

        var action = $(this).data('link');
        $(this).confirmation({
            rootSelector: 'a.btn-reject',
            title : 'LABEL_ARE_YOU_SURE',
            singleton : true,
            btnOkLabel: 'LABEL_YES',
            btnCancelLabel: 'LABEL_NO',
            onConfirm: function(value) {

            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'post',
                'url'       : action,
                'data'      : {
                    'flash' : false
                }
            }).done(function(response) {
                if(response['success']) { 
                    if (jQuery.type(response['data']) == 'string') {
                        $.fn.showSuccess(response['data']);
    
                    } else {
                        $.fn.showSuccess(response['data']['message']);
                    }
                    var search = $('#form-connection-search #search').val().trim()
                    $.fn.reload(search);
                } else {
                    $.fn.showError(response['data']);
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                $.fn.showError(textStatus);
            }).always(function() {
                NProgress.done();
            });
        
                return false;         
                
            },
        });
        $(this).confirmation('show');

        
        
    });
});
JS;
$this->inlineScript()->captureEnd();
?>

<section class="companies-info">
        <div class="container">
                <div class="company-title">
                        <div class="section_admin_title_buttons">
                                <div style="float:left;">
                                        <h1 class="title">LABEL_INVITATIONS_RECEIVED</h1>
                                </div>
                        </div>
                </div>
                
                <div class="company-title">
                        <div class="section_admin_title_buttons">
                                <form name="form-connection-search" id="form-connection-search">
                                        <div class="form-group">
                                                <input type="text" name="search" id="search" class="form-control" value="" placeholder="Buscar" />
                                        </div>
                                </form>
                        </div>
                </div>
                
                <div class="companies-list">
                        <div class="row" id="profiles-container">
                        </div><!--product-feed-tab end-->
                </div>
        </div>  
</section>      

<script id="profileTemplate" type="text/x-jsrender">
    <div class="col-lg-3 col-md-3 col-sm-6">
        <div class="company_profile_info">
            <div class="company-up-info">
                <img src="{{>image}}" alt="">
                <h3>{{>name}}</h3>
                <h4>{{>status}}</h4>
                <ul>
                    <li><a href="#" data-link="{{>link_view}}" title="" class="follow btn-profile-view">LABEL_VIEW_PROFILE</a></li>
                    {{if link_accept}}
                                    <li><a href="#" data-link="{{>link_accept}}" title="" class="message-us btn-accept">LABEL_ACCEPT</a></li>
                            {{/if}}  
                </ul>
            </div>
            {{if link_reject}}
            <a href="#" data-link="{{>link_reject}}" title="" class="view-more-pro btn-reject">LABEL_REJECT</a>
            {{/if}}
        </div>  
    </div>      
</script>