features.html

{extends file="admin-layout.tpl"}

{block name="no-return-functions"}
    {$admin_current_location = 'configuration'}
{/block}

{block name="page-title"}{intl l='Thelia Product Features'}{/block}

{block name="check-resource"}admin.configuration.feature{/block}
{block name="check-access"}view{/block}

{block name="main-content"}
<div class="features">

    <div id="wrapper" class="container">

        <ul class="breadcrumb">
            <li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
            <li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
            <li><a href="{url path='/admin/configuration/features'}">{intl l="Product features"}</a></li>
        </ul>

        {hook name="features.top" location="features_top" }

        <div class="row">
            <div class="col-md-12">
                <form action="#" method="post">
	                <div class="general-block-decorator">
                        <div class="table-responsive">
    	                    <table class="table table-striped table-condensed table-left-aligned">
    	                        <caption>
    	                           {intl l='Thelia product features'}

                                    {loop type="auth" name="can_create" role="ADMIN" resource="admin.configuration.feature" access="CREATE"}
                                    <a class="btn btn-primary action-btn" title="{intl l='Add a new product feature'}" href="#creation_dialog" data-toggle="modal">
                                        <span class="glyphicon glyphicon-plus-sign"></span>
                                    </a>
                                    {/loop}
    	                        </caption>
                                <thead>
                                    <tr>
                                        <th>
                                            {admin_sortable_header
    	                                        current_order=$order
    	                                        order='id'
    	                                        reverse_order='id_reverse'
    	                                        path='/admin/configuration/features'
    	                                        label="{intl l='ID'}"
                                            }
                                        </th>

                                        <th>
                                            {admin_sortable_header
    	                                        current_order=$order
    	                                        order='alpha'
    	                                        reverse_order='alpha_reverse'
    	                                        path='/admin/configuration/features'
    	                                        label="{intl l='Title'}"
                                            }
                                        </th>

                                        <th class="text-center">
                                            {admin_sortable_header
    	                                        current_order=$order
    	                                        order='manual'
    	                                        reverse_order='manual_reverse'
    	                                        path='/admin/configuration/features'
    	                                        label="{intl l="Position"}"
                                            }
                                        </th>

                                        {hook name="features.table-header" location="features_table_header" }

                                        <th class="actions">{intl l="Actions"}</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    {loop name="list" type="feature" backend_context="1" lang=$lang_id order=$order}
                                    <tr>
                                        <td>{$ID}</td>

                                        <td>
                                            {loop type="auth" name="can_change" role="ADMIN" resource="admin.configuration.feature" access="UPDATE"}
                                                <a title="{intl l='Change this feature'}" href="{url path='/admin/configuration/features/update' feature_id=$ID}">{$TITLE}</a>
                                            {/loop}
                                            {elseloop rel="can_change"}
                                                {$TITLE}
                                            {/elseloop}
                                        </td>

                                        <td class="text-center">
                                            {admin_position_block
                                                resource="admin.configuration.feature"
                                                access="UPDATE"
                                                path="/admin/configuration/features/update-position"
                                                url_parameter="feature_id"
                                                in_place_edit_class="positionChange"
                                                position="$POSITION"
                                                id="$ID"
                                            }
                                        </td>

                                        {hook name="features.table-row" location="features_table_row" feature_id={$ID} }

                                        <td class="actions">
                                            <div class="btn-toolbar btn toolbar-primary">
                                                <span class="glyphicon glyphicon-cog"></span>
                                            </div>
                                            <div class="toolbar-options hidden">
                                                {loop type="auth" name="can_change" role="ADMIN" resource="admin.configuration.feature" access="UPDATE"}

                                                    <a class="feature-remove-from-all" title="{intl l='Remove this feature from all product templates'}" href="#remove_from_all_dialog" data-id="{$ID}" data-toggle="modal">
                                                        <span class="glyphicon glyphicon-minus"></span>
                                                    </a>
                                                    <a class="feature-add-to-all" title="{intl l='Add this feature to all product templates'}" href="#add_to_all_dialog" data-id="{$ID}" data-toggle="modal">
                                                        <span class="glyphicon glyphicon-plus"></span>
                                                    </a>
                                                {/loop}

    	                                        {loop type="auth" name="can_change" role="ADMIN" resource="admin.configuration.feature" access="UPDATE"}
    	                                            <a class="feature-change" title="{intl l='Change this product feature'}" href="{url path='/admin/configuration/features/update' feature_id=$ID}"><span class="glyphicon glyphicon-edit"></span></a>
    	                                        {/loop}

    	                                        {loop type="auth" name="can_change" role="ADMIN" resource="admin.configuration.feature" access="DELETE"}
    	                                            <a class="feature-delete" title="{intl l='Delete this product feature'}" href="#delete_dialog" data-id="{$ID}" data-toggle="modal"><span class="glyphicon glyphicon-trash"></span></a>
    	                                        {/loop}
                                            </div>
                                        </td>
                                    </tr>
                                     {/loop}

                                     {elseloop rel="list"}
                                         <tr>
                                             <td colspan="4">
                                                 <div class="alert alert-info">
                                                     {intl l="No product feature has been created yet. Click the + button to create one."}
                                                 </div>
                                             </td>
                                         </tr>
                                     {/elseloop}
                                </tbody>
    	                    </table>
                        </div>
	                </div>
                </form>
            </div>
        </div>

        {hook name="features.bottom" location="features_bottom" }

    </div>
</div>

{* Adding a new feature *}

{form name="thelia.admin.feature.creation"}

    {* Capture the dialog body, to pass it to the generic dialog *}
    {capture "creation_dialog"}
        {form_hidden_fields}

        {form_field field='success_url'}
              {* on success, redirect to the edition page, _ID_ is replaced with the created feature ID, see controller  *}
              <input type="hidden" name="{$name}" value="{url path='/admin/configuration/features/update' feature_id='_ID_'}" />
        {/form_field}

        {form_field field='title'}
            <div class="form-group {if $error}has-error{/if}">
                <label for="{$label_attr.for}" class="control-label">{$label} : </label>

                {loop type="lang" name="default-lang" default_only="1"}
                    <div class="input-group">
                        <input type="text" id="{$label_attr.for}" required="required" name="{$name}" class="form-control" value="{$value}" title="{intl l='Feature title'}" placeholder="{intl l='Title'}">
                        <span class="input-group-addon"><img src="{image file="assets/img/flags/{$CODE}.png"}" alt="{$TITLE}" /></span>
                    </div>

                    <div class="help-block">{intl l="Enter here the feature name in the default language (%title)" title={$TITLE}}</div>

                    {* Switch edition to the current locale *}
                    <input type="hidden" name="edit_language_id" value="{$ID}" />

                    {form_field field='locale'}
                        <input type="hidden" name="{$name}" value="{$LOCALE}" />
                    {/form_field}
                {/loop}
            </div>
        {/form_field}

        {form_field field='add_to_all'}
            <div class="form-group {if $error}has-error{/if}">
                <div class="checkbox {if $error}has-error{/if}">
                    <label for="{$label_attr.for}" class="control-label">
                        <input type="checkbox" name="{$name}" value="1" {if $value != 0}checked="checked"{/if}>
                        {$label}
                    </label>
                    <span class="help-block">{intl l='Check this box if you want to add this features to all product templates'}</span>
                </div>
            </div>
        {/form_field}

        {hook name="feature.create-form" location="feature_create_form" }

    {/capture}

    {include
        file = "includes/generic-create-dialog.html"

        dialog_id    = "creation_dialog"
        dialog_title = {intl l="Create a new feature"}
        dialog_body  = {$smarty.capture.creation_dialog nofilter}

        dialog_ok_label     = {intl l="Create this feature"}

        form_action        = {url path='/admin/configuration/features/create'}
        form_enctype       = {form_enctype}
        form_error_message = $form_error_message
    }
{/form}

{* Delete confirmation dialog *}

{capture "delete_dialog"}
    <input type="hidden" name="feature_id" id="feature_delete_id" value="" />

    {hook name="feature.delete-form" location="feature_delete_form" }

{/capture}

{include
    file = "includes/generic-confirm-dialog.html"

    dialog_id       = "delete_dialog"
    dialog_title    = {intl l="Delete feature"}
    dialog_message  = {intl l="Do you really want to delete this feature ? It will be removed from all product templates."}

    form_action     = {token_url path='/admin/configuration/features/delete'}
    form_content    = {$smarty.capture.delete_dialog nofilter}
}


{* Add to all dialog *}

{capture "add_to_all_dialog"}
    <input type="hidden" name="feature_id" id="feature_add_to_all_id" value="" />

    {hook name="feature.add-to-all-form" location="feature_add_to_all_form" }

{/capture}

{include
    file = "includes/generic-confirm-dialog.html"

    dialog_id       = "add_to_all_dialog"
    dialog_title    = {intl l="Add to all product templates"}
    dialog_message  = {intl l="Do you really want to add this feature to all product templates ?"}

    form_action         = {token_url path='/admin/configuration/features/add-to-all-templates'}
    form_content        = {$smarty.capture.add_to_all_dialog nofilter}
}

{* Remove from all dialog *}

{capture "remove_from_all_dialog"}
    <input type="hidden" name="feature_id" id="feature_remove_from_all_id" value="" />

    {hook name="feature.remove-to-all-form" location="feature_remove_to_all_form" }

{/capture}

{include
    file = "includes/generic-confirm-dialog.html"

    dialog_id       = "remove_from_all_dialog"
    dialog_title    = {intl l="Remove from all product templates"}
    dialog_message  = {intl l="Do you really want to remove this feature from all product templates ? You'll loose all product related data for this feature."}

    form_action         = {token_url path='/admin/configuration/features/remove-from-all-templates'}
    form_content        = {$smarty.capture.remove_from_all_dialog nofilter}
}

{/block}

{block name="javascript-initialization"}

    {javascripts file='assets/js/bootstrap-editable/bootstrap-editable.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    <script>
        $(function() {

            // Set proper feature ID in delete from
            $('a.feature-delete').click(function(ev) {
                $('#feature_delete_id').val($(this).data('id'));
            });

            $('a.feature-add-to-all').click(function(ev) {
                $('#feature_add_to_all_id').val($(this).data('id'));
            });

            $('a.feature-remove-from-all').click(function(ev) {
                $('#feature_remove_from_all_id').val($(this).data('id'));
            });

            // JS stuff for creation form
            {include
                file      = "includes/generic-js-dialog.html"
                dialog_id = "creation_dialog"
                form_name = "thelia.admin.feature.creation"
            }

            {* Inline editing of object position using bootstrap-editable *}

            $('.positionChange').editable({
                type        : 'text',
                title       : '{intl l="Enter new feature position"}',
                mode        : 'popup',
                inputclass  : 'input-mini',
                placement   : 'left',
                success     : function(response, newValue) {
                    // The URL template
                    var url = "{url noamp='1' path='/admin/configuration/features/update-position' feature_id='__ID__' position='__POS__'}";

                    // Perform subtitutions
                    url = url.replace('__ID__', $(this).data('id'))
                    .replace('__POS__', newValue);

                    // Reload the page
                    location.href = url;
                }
            });

        });
    </script>
{/block}

{block name="javascript-last-call"}
    {hook name="features.js" location="features-js" }
{/block}