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>