z-song / laravel-admin

     *

     * @return void

     */

    protected function setupScriptForDefaultView($templateScript)

    {

        $removeClass = NestedForm::REMOVE_FLAG_CLASS;

        $defaultKey = NestedForm::DEFAULT_KEY_NAME;

        /**

         * When add a new sub form, replace all element key in new sub form.

         *

         * @example comments[new___key__][title]  => comments[new_{index}][title]

         *

         * {count} is increment number of current sub form count.

         */

        $script = <<<EOT

var index = 0;

$('#has-many-{$this->column}').on('click', '.add', function () {

    var tpl = $('template.{$this->column}-tpl');

    index++;

    var template = tpl.html().replace(/{$defaultKey}/g, index);

    $('.has-many-{$this->column}-forms').append(template);

    {$templateScript}

});

$('#has-many-{$this->column}').on('click', '.remove', function () {

    $(this).closest('.has-many-{$this->column}-form').hide();

    $(this).closest('.has-many-{$this->column}-form').find('.$removeClass').val(1);

});

EOT;

        Admin::script($script);

    }

    /**

     * Setup tab template script.

     *

     * @return void

     */

    protected function setupScriptForTabView($templateScript)

    {

        $removeClass = NestedForm::REMOVE_FLAG_CLASS;

        $defaultKey = NestedForm::DEFAULT_KEY_NAME;

        $script = <<<EOT

$('#has-many-{$this->column} > .nav').off('click', 'i.close-tab').on('click', 'i.close-tab', function(){

    var \$navTab = $(this).siblings('a');

    var \$pane = $(\$navTab.attr('href'));

    if( \$pane.hasClass('new') ){

        \$pane.remove();

    }else{

        \$pane.removeClass('active').find('.$removeClass').val(1);

    }

    if(\$navTab.closest('li').hasClass('active')){

        \$navTab.closest('li').remove();

        $('#has-many-{$this->column} > .nav > li:nth-child(1) > a').tab('show');

    }else{

        \$navTab.closest('li').remove();

    }

});

var index = 0;

$('#has-many-{$this->column} > .header').off('click', '.add').on('click', '.add', function(){

    index++;

    var navTabHtml = $('#has-many-{$this->column} > template.nav-tab-tpl').html().replace(/{$defaultKey}/g, index);

    var paneHtml = $('#has-many-{$this->column} > template.pane-tpl').html().replace(/{$defaultKey}/g, index);

    $('#has-many-{$this->column} > .nav').append(navTabHtml);

    $('#has-many-{$this->column} > .tab-content').append(paneHtml);

    $('#has-many-{$this->column} > .nav > li:last-child a').tab('show');

    {$templateScript}

});

if ($('.has-error').length) {

    $('.has-error').parent('.tab-pane').each(function () {

        var tabId = '#'+$(this).attr('id');

        $('li a[href="'+tabId+'"] i').removeClass('hide');

    });

    var first = $('.has-error:first').parent().attr('id');

    $('li a[href="#'+first+'"]').tab('show');

}

EOT;

        Admin::script($script);

    }

    /**

     * Render the `HasMany` field.