ninegate/src/ninegate-1.0/src/Cadoles/PortalBundle/Resources/views/Bookmark/edit.html.twig

{% extends '@CadolesCore/base.html.twig' %}

{% block pagewrapper %}
{{ form_start(form) }}
    <h1 class="page-header">
    {% if mode=="update" %}
    Modification Favori
    {% elseif mode=="submit" %}
    Création Favori
    {% endif %}
    </h1>

    {{ form_widget(form.submit) }}
    {% if access=="config" %}
        <a class="btn btn-default" href="{{ path('cadoles_portal_config_page_view',{id:idpage}) }}">Annuler</a>
    {% else %}
        <a class="btn btn-default" href="{{ path('cadoles_portal_user_page_view',{id:idpage,usage:usage,group:group}) }}">Annuler</a>
    {% endif %}

    {% if mode=="update" %}
    <a href={{ path('cadoles_portal_'~access~'_bookmark_delete',{'idpage':idpage,'id':entity.id,usage:usage,group:group}) }}
        class="btn btn-danger pull-right"
        data-method="delete" data-csrf="_token:{{ 'csrf' }}"
        data-confirm="Êtes-vous sûr de vouloir supprimer cet item ?">
          Supprimer
    </a>
    {% endif %}

    <br><br>

    {% if app.session.flashbag.has('error') %}
        <div class='alert alert-danger' style='margin: 5px 0px'>
            <strong>Erreur</strong><br>
            {% for flashMessage in app.session.flashbag.get('error') %}
                {{ flashMessage }}<br>
            {% endfor %}
        </div>
    {% endif %}

    {% if app.session.flashbag.has('notice') %}
        <div class='alert alert-info' style='margin: 5px 0px'>
            <strong>Information</strong><br>
            {% for flashMessage in app.session.flashbag.get('notice') %}
                {{ flashMessage }}<br>
            {% endfor %}
        </div>
    {% endif %}


    <div class="row clearfix">
        <div class="col-md-8">
            {{ form_row(form.title) }}
            {{ form_row(form.subtitle) }}
        </div>


        <div class="col-md-4">
            {{ form_row(form.url) }}
            <em>le mot clé #login# sera remplacé par le login de l'utilisateur</em><br><br>
            {{ form_row(form.target) }}    
            {{ form_row(form.color) }}

            <div id="diviconsel" class="col-md-12 text-left" style="height:140px; padding:20px; text-align:center; background-color: {{ entity.color ? "#"~entity.color : '#000000' }};">
                {% if entity.icon %}
                    <img src="/{{ alias }}/{{ entity.icon.label }}" height="100" />
                {% endif %}
            </div>

            <div class="col-md-12" style="text-align:center;padding:0px">
                {{ form_row(form.idicon) }}
                <a class="btn btn-success" data-toggle="modal" data-target="#selicon" title='Ajouter' style="width:100%">Selectionner un Icône</a>
                <a class="btn btn-danger" onClick="delIcon()" title='Détacher' style="width:100%">Détacher l'Icône</a>
            </div>  
        </div>
    </div>

    <div id="selicon" class="modal fade bs-item-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">SELECTIONNER UN ICONE</h4>
                </div>

                <div class="modal-body">
                    <div class="form-group row clearfix">
                        <div class="col-md-12" style="margin-bottom:15px">
                            <a onclick="$('#selicon').modal('hide');" class="btn btn-default">Annuler</a>
                            {% if access=="user" %}
                                <a href="{{ path('cadoles_portal_user_icon') }}" target="_parent" class="btn btn-default">Gérer mes Icônes</a>
                            {% endif %}
                        </div>  

                        <div class="col-md-12">
                            {% if iconsuser is not empty %}
                                <h3>Mes Icônes</h3>
                                {% for icon in iconsuser %}
                                    <a style="cursor:pointer" onClick="selIcon({{ icon.id }})">
                                    <img id="icon-{{ icon.id }}" class="grid-item-img" height="40" src="/{{ alias }}/{{ icon.label }}" style="padding:2px">
                                    </a>
                                {% endfor %}                  

                                <h3>Icônes Communs</h3>
                            {% endif %}
                            {% for icon in icons %}
                                <a style="cursor:pointer" onClick="selIcon({{ icon.id }})">
                                <img id="icon-{{ icon.id }}" class="grid-item-img" height="40" src="/{{ alias }}/{{ icon.label }}" style="padding:2px">
                                </a>
                            {% endfor %}                  
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>     
{{ form_end(form) }}
{% endblock %}

{% block localjavascript %}
    function selIcon(idicon) {
        $("#bookmark_idicon").val(idicon);
        $("#diviconsel img").remove();

        $("#icon-"+idicon).clone().appendTo($("#diviconsel"));
        $("#diviconsel img").attr("height","100px");
        $('#selicon').modal('hide');
    }

    function delIcon() {
        $("#diviconsel img").remove();
        $("#bookmark_idicon").val(null);
    }
{% endblock %}