{% extends "AdmingeneratorGeneratorBundle::base_admin_assetic_less.html.twig" %}


{% block stylesheets %}    {{ parent() }}
<link rel="stylesheet" href="/bundles/etraliginang/css/sprites.css" type="text/css" />
<style>
    .ui-property-action{
        margin-top: -25px;
    }
    .ui-widget-content {
        border: 0px solid #ccc;
        border-left: 0px solid #ccc;
    }
.tooltip-inner{
    text-align:left;
}    
.waiting-circles{     
    width: 300px;
    height: 300px;
    top: 30%;
    left: 30%;
    background: black;
    opacity: 0.8;
    position: absolute;
    z-index: 100000;
    display: block;
}
.waiting-circles-element{ margin-top: 120px;margin-left: 120px; background-color: #e4e4e4; 
    border: solid 1px #f4f4f4;
    width: 10px; height: 10px; display: inline-block; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.waiting-circles-play-0{ background-color: orange; }
.waiting-circles-play-1{ background-color: green; }
.waiting-circles-play-2{ background-color: blue; }

</style>

    {% endblock %}

{% block javascripts %}    {{ parent() }}
    <script src="{{ asset("bundles/admingeneratorgenerator/js/admingenerator/general.js") }}"></script>
    <script type="text/javascript" src="{{ asset("bundles/etraliginang/js/jquery-litelighter.js") }}"></script>
    <script type="text/javascript" src="{{ asset("bundles/etraliginang/js/jquery-waiting.js") }}"></script>    
{% endblock %}    {% block title %}
        {{ parent() }} - {% trans from "Admin" %}Pops list{% endtrans %}
    {% endblock %}


{% block body %}
      
<div id="popupfilters" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
              </div>
              <div class="modal-body">
<div class="row-fluid">
    <form action="{{ path("Etrali_GinangBundle_Pop_filters") }}?explorer=1" method="post" {{ form_enctype(form) }} novalidate>
        <legend>{% trans from "Admingenerator" %}list.filters{% endtrans %}</legend>
        <fieldset class="form_block form_fieldset_NONE">
            {{ form_errors(form) }}
                                            <div class="control-group">
                    {{ form_label(form['idPop'], 'Id'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['idPop']) }}
                    </div>
                    {{ form_errors(form['idPop']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['cdPop'], 'Pop Code'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['cdPop']) }}
                    </div>
                    {{ form_errors(form['cdPop']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['lbPop'], 'Pop Description'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['lbPop']) }}
                    </div>
                    {{ form_errors(form['lbPop']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['blDeactivated'], 'Active'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['blDeactivated']) }}
                    </div>
                    {{ form_errors(form['blDeactivated']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['cmPop'], 'Comment'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['cmPop']) }}
                    </div>
                    {{ form_errors(form['cmPop']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['dtCreate'], 'Creation date'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['dtCreate']) }}
                    </div>
                    {{ form_errors(form['dtCreate']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['dtUpdate'], 'Update date'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['dtUpdate']) }}
                    </div>
                    {{ form_errors(form['dtUpdate']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['dtDeactivated'], 'Deactivation date'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['dtDeactivated']) }}
                    </div>
                    {{ form_errors(form['dtDeactivated']) }}
                </div>
                                        {{ form_rest(form) }}
        </fieldset>
        <div class="form-actions">
            <button type="submit" class="btn btm-small btn-primary"><i class="icon-search icon-white"></i> {% trans from "Admingenerator" %}list.button.filter{% endtrans %}</button>
            <button type="submit" class="btn btm-small" name="reset" value="true"><i class="icon-refresh"></i> {% trans from "Admingenerator" %}list.button.reset{% endtrans %}</button>
        </div>
    </form>
</div>
</div>
</div>           
    <script>

$(document).ready(function() {
    
$('#waiting').waiting({ 
    className: 'waiting-circles', 
    elements: 8, 
    radius: 20, 
    auto: true 
});


if($("#drop_popup").css("height")){
    $("#drop_popup").on("resize", function(event, ui) {
        ui.element.css("margin-left", -ui.size.width/2);
        ui.element.css("margin-top", -ui.size.height/2);
        ui.element.css("top", "40%");
        ui.element.css("left", "50%");

        $(ui.element).find(".modal-body").each(function() {
          $(this).css("height", ui.size.height - $('.modal-header').outerHeight());
        });
    });
    var hauteur = $(".modal").css("height").replace('px','');
    //var haut_head= parseInt($('.modal-footer').outerHeight()) + parseInt($('.modal-header h3').css("line-height").replace('px',''));

    $(".modal-body").css("height", (hauteur - 60)+'px' );
    $(".modal-body").children("iframe").css("height", (hauteur - 60)+'px' );
}
});
  </script> 
<header>
    <h1>{% trans from "Admin" %}Pops list{% endtrans %}</h1>
</header>
<div class="well well-small" id="list-actions-bar">        
<a href="#popupfilters"  title="Filter"  data-original-title="Filters" rel="tooltip" data-toggle="modal" class="btn  btn-link"><i class="icones_actions_filter"></i></a>
<button type="button" style="float:right" onclick="document.location.href='{{ path('Etrali_GinangBundle_Pop_list')}}';" class="btn btn-link" rel="tooltip" data-original-title="Normal"><i class="icones_actions_edit"></i></button><button type="button" style="float:right" onclick="document.location.href='{{ path('Etrali_GinangBundle_Pop_explore')}}';" class="btn btn-link" rel="tooltip" data-original-title="Explorer"><i class="icones_actions_tree"></i></button>
</div>

{% set isSelect=1 %}

  <div class="row-fluid">
    <div class="span10">
        <div id="accordion">
          <div>
          <div class="equi">
            
          </div>
          </div>
        </div>                
    </div>
  </div>
        
<script>
    function closeModalSimple()
    {    
            $("#drop_popup").modal('hide');                                                        
    } 
    
$(document).ready(function () {

var nbr = 0;

function addPorts($divmere)
{
        $dropin=$divmere;
        $dropin.children().remove(); 
        var nbtot=parseInt($divmere.data("nbPorts"));
        var nbPerRow=~~(parseInt($divmere.data("nbPorts"))/parseInt($divmere.data("nbRows")));
        var reste=nbPerRow>0?parseInt($divmere.data("nbPorts")) % nbPerRow:parseInt($divmere.data("nbPorts"));
        if (nbPerRow>0)
        {
            for (var i=0;i<parseInt($divmere.data("nbRows"));i++)
            {
                $dropin.append("<div style='height: 24px;'></div>");
                for (var j=0;j<nbPerRow;j++)
                {
                    httext="<div class='portprops' ><a  href='#'><img class='ui-gina-portimage' src='{{ asset('bundles/etraliginang/css/port_emptylnk.png') }}' border='0'></a></div>";
                    $dropin.children().last().append(httext);                 
                }
            }
        }
        if (reste>0)
        {
               $dropin.append("<div style='height: 24px;'></div>");
                for (var j=0;j<reste;j++)
                {
                    httext="<div class='portprops' ><a  href='#'><img class='ui-gina-portimage' src='{{ asset('bundles/etraliginang/css/port_emptylnk.png') }}' border='0'></a></div>";
                    $dropin.children().last().append(httext);                 
                }            
        }
        
}

function getFreePorts($divmere)
{
    $nb=0;
    $divmere.children().each(function()
    {
        $(this).children().each(function()
        {
            $port=$(this);
            if (!$port.data("pk") || $port.data("pk")<1)
                $nb++;
        });
    });  
    return $nb;
} 

function closeDropdowns()
{
    $(".portprops_ul").css("display","none");     
}

function getName($data)
{
    switch ($data)
    {
        case "ui-gina-cab":
          valeur="Cabinet";
          break;
        case "ui-gina-equi":
          valeur="Equipement";
          break;
        case "ui-gina-patch":
          valeur="Patch";
          break;
        case "ui-gina-slots":
          valeur="Slot";
          break;
        case "ui-gina-mere":
          valeur="Mother Card";
          break;
        case "ui-gina-fille":
          valeur="Daughter Card";
          break;
        case "ui-gina-ports":
          valeur="Port";
          break;
        case "ui-gina-comp":
          valeur="Complex Model";
          break;
        case "ui-gina-pop":
          valeur="Pop";
          break;
        case "ui-gina-access":
          valeur="Access";
          break;          
     }     
     return valeur;
}
    

function getEditUrl($type,$pk)
{
    if ($type=="ui-gina-cab")
        return "{{ path('Etrali_GinangBundle_CabinetInstance_edit',{'pk':'0'})}}".replace('0',$pk);
    else if ($type=="ui-gina-equi")
        return "{{ path('Etrali_GinangBundle_EquipmentInstance_edit',{'pk':'0'})}}".replace('0',$pk);    
    else if ($type=="ui-gina-patch")
        return "{{ path('Etrali_GinangBundle_PatchPanelInstance_edit',{'pk':'0'})}}".replace('0',$pk);    
    else if ($type=="ui-gina-slots")
        return "{{ path('Etrali_GinangBundle_SlotInstance_edit',{'pk':'0'})}}".replace('0',$pk);    
    else if ($type=="ui-gina-fille")
        return "{{ path('Etrali_GinangBundle_CardInstance_edit',{'pk':'0'})}}".replace('0',$pk);    
    else if ($type=="ui-gina-mere")
        return "{{ path('Etrali_GinangBundle_CardInstance_edit',{'pk':'0'})}}".replace('0',$pk);    
    else if ($type=="ui-gina-ports")
        return "{{ path('Etrali_GinangBundle_PortInstance_edit',{'pk':'0'})}}".replace('0',$pk);   
    else if ($type=="ui-gina-pop")
        return "{{ path('Etrali_GinangBundle_Pop_edit',{'pk':'0'})}}".replace('0',$pk);  
    else if ($type=="ui-gina-access")
        return "{{ path('Etrali_GinangBundle_Access_edit',{'pk':'0'})}}".replace('0',$pk);  
    return "";
}

function getDesignUrl($type,$pk)
{
        return "{{ path('Etrali_GinangBundle_Pop_design',{'pk':'0'})}}".replace('0',$pk);  
}



function getNewUrl($type)
{
    if ($type=="ui-gina-cab")
        return "{{ path('Etrali_GinangBundle_CabinetInstance_new')}}";
    else if ($type=="ui-gina-equi")
        return "{{ path('Etrali_GinangBundle_EquipmentInstance_new')}}";    
    else if ($type=="ui-gina-patch")
        return "{{ path('Etrali_GinangBundle_PatchPanelInstance_new')}}";    
    else if ($type=="ui-gina-slots")
        return "{{ path('Etrali_GinangBundle_SlotInstance_new')}}";    
    else if ($type=="ui-gina-fille")
        return "{{ path('Etrali_GinangBundle_CardInstance_new')}}";    
    else if ($type=="ui-gina-mere")
        return "{{ path('Etrali_GinangBundle_CardInstance_new')}}";    
    else if ($type=="ui-gina-ports")
        return "{{ path('Etrali_GinangBundle_PortInstance_new')}}";  
    else if ($type=="ui-gina-pop")
        return "{{ path('Etrali_GinangBundle_Pop_new')}}";    
    else if ($type=="ui-gina-access")
        return "{{ path('Etrali_GinangBundle_Access_new')}}";      
    return "";
}


var $entity_op="none";
var $entity_type="none";
var $entity_id="";
var $entity_divmere=null;
var $entity_divparent=null;
    

function dropport($divmere,$name)
{
    $result=null;
    $cpt=0;    
    $divmere.children().each(function()
    {
        $(this).children().each(function()
        {
            $port=$(this);
            if (!$port.data("pk") || $port.data("pk")<1)
            {
                $port.attr("id",$divmere.attr("id")+"_port_"+$cpt);                
                $port.children("a").first().children("img").attr("src","{{ asset('bundles/etraliginang/css/port_nolnk.png') }}");
                $port.children("a").attr("title",$name);
                httext="<ul class='portprops_ul' ><li><div class='btn-toolbar'><div class='btn-group'><button class='btn gina-btn-prop'><i class='icon-fullscreen'></i></button><button class='btn gina-btn-up' data-toggle='tooltip' data-html='true' data-placement='right' title data-original-title='Test numero 3 <br /> test numero 4'><i class='icon-search'></i></button></div></div></li></ul>";
                $port.append(httext);
                $port.children("a").click(function ()
                                        {
                                            if ($(this).siblings("ul").css("display")=="none")
                                            {
                                                $(".portprops_ul").css("display","none");                                                
                                                $(this).siblings("ul").css("display","block");
                                            }
                                            else
                                                $(this).siblings("ul").css("display","none");
                                        });
                                        
               $btnprop=$port.find(".gina-btn-prop");
               $btnprop.on("click",{'data': "ui-gina-ports",'id':  $port.attr("id")},function(event){  
                       if(event.stopPropagation){
                           event.stopPropagation();
                       }else{
                           event.cancelBubble = true;
                       }          
                       $url=getEditUrl(event.data.data,$('#'+event.data.id).data('pk'))+"?isSelect=1";

                        $("#drop_iframe").attr('src',$url);
                        $('#drop_popup').modal({
                                backdrop: 'static',
                                keyboard: true
                        });
                        $('#drop_popup').on('hide', function () {
                           $("#drop_iframe").attr('src',"/blank.html"); 
                        });
                        $entity_op="editchild";
                        $entity_type=event.data.data; 
                        $entity_id=event.data.id;

                        closeDropdowns();
                        $('#drop_popup').modal('show');  

                   });
                                   

               $btntrash=$port.find(".gina-btn-trash");
               $btntrash.on("click",{'data':"ui-gina-ports",'id': $port.attr("id")},function(event){  
                       if(event.stopPropagation){
                           event.stopPropagation();
                       }else{
                           event.cancelBubble = true;
                       }                
                           $url=getDeleteUrl(event.data.data,$('#'+event.data.id).data('pk'));
                           document.location.href=$url;      
                       closeDropdowns();           
                   });  
                $cpt++;
                                        
                $result=$port;
                return false;
            }
        });
        if ($result!=null)
            return false;
    });  
    return $result;
}

function checkEmptyObject(id,$data)
{
    if ($data=="ui-gina-fille" || $data=="ui-gina-patch")
    {
        $('#'+id).children().each(function (){
            $(this).children().each(function (){
                    if ($(this).data("pk"))
                        return false;
            });
        });
        return true;
    }
    else
        return !$('#'+id).children("div").first().children("div").first().children("div").length>0;
}

window.handleModalDrop=function ($valtab)
{  
    if ($entity_op!="none" && $entity_type!="none")
    {
             $child=$("#"+$entity_id);
            if ($valtab[0] && $valtab[0]["label"])
                $arr=$valtab[0];
            else
                $arr=$valtab;             
             for (key in $arr)
                    $child.data(key,$arr[key]); 
             $("#"+$child.attr("id").replace("-panel-","-header-")).children("span").last().text(getName($child.data("modelType"))+ " : "+$arr["label"])                 
        $('#drop_popup').modal('hide'); 
    }
}

window.handlePortModalDrop=function ($valtab)
{  
    if ($entity_op!="none" && $entity_type!="none")
    {
         
             $child=$("#"+$entity_id);         
                for (key in $valtab[0])
                       $child.data(key,$valtab[0][key]);   
 
        $('#drop_popup').modal('hide'); 
    }
}

function dropchild($divmere,$data,$label)
{
        var $contenu=$('#layer_accordion').html();
        $divmere.prepend( $contenu );   
        //changeattribu($divmere.children("div").last().find(".holder").first(), $divmere.parent().prev().attr("data"), 1 );    


        $divmere.accordion({      collapsible: true,
      heightStyle: "content",
      icons: { "header": "ui-icon-plus", "activeHeader": "ui-icon-minus" }});  
      changeattribu($divmere.children("h3").last(), $data, 0, $label );
        //if ($data!="ui-gina-patch" && $data!="ui-gina-fille")        
            //changeattribu($divmere.children("div").first().children("div"), $data, 1 );         


    $divmere.css("margin-left","3.2em");
    $divmere.attr('id', 'accordion'+nbr);
    
    $btnprop=$divmere.children("h3").last().find(".gina-btn-prop");
    $btnprop.on("click",{'data': $data,'id':  $divmere.attr("id")},function(event){  
            if(event.stopPropagation){
                event.stopPropagation();
            }else{
                event.cancelBubble = true;
            }    
            $enttodo=$('#'+event.data.id).children("div").first();  
            $url=getEditUrl(event.data.data,$enttodo.data('pk'))+"?isSelect=1";
         
                $("#drop_iframe").attr('src',$url);
                $('#drop_popup').modal({
                        backdrop: 'static',
                        keyboard: true
                });
                $('#drop_popup').on('hide', function () {
                   $("#drop_iframe").attr('src',"/blank.html"); 
                });
                $entity_op="editchild";
                $entity_type=event.data.data; 
                $entity_id=$enttodo.attr("id");
                $('#drop_popup').modal('show');     

        });
        
    $btndesign=$divmere.children("h3").last().find(".gina-btn-design");
    if ($data=="ui-gina-pop")
        $btndesign.on("click",{'data': $data,'id':  $divmere.attr("id")},function(event){  
            if(event.stopPropagation){
                event.stopPropagation();
            }else{
                event.cancelBubble = true;
            }    
            $enttodo=$('#'+event.data.id).children("div").first();  
            $url=getDesignUrl(event.data.data,$enttodo.data('pk'));
            document.location.href=$url;
        });        
    else
        $btndesign.hide();
    nbr++;

    return $divmere.children("div").first();
}    

function dropsister($divmere,$data,$label)
{
            $pereaccordion=$divmere;
            var $contenu=$('#layer_accordion').html(); 
            $pereaccordion.append( $contenu );          
 
            changeattribu($pereaccordion.find("h3").last(), $data, 0 , $label);
            /*if ($data!="ui-gina-patch" && $data!="ui-gina-fille")                
                changeattribu($pereaccordion.find("div").last(), $data, 1 );*/
            $pereaccordion.accordion("destroy");
            $pereaccordion.accordion({      collapsible: true,
      heightStyle: "content",
      icons: { "header": "ui-icon-plus", "activeHeader": "ui-icon-minus" }});
      
            $pereaccordion.css("margin-left","3.2em");
            $btnprop=$pereaccordion.children('h3').last().find(".gina-btn-prop");
            $btnprop.on("click",{'data': $data,'id': $pereaccordion.children('div').last().attr("id")},function(event){ 
                if(event.stopPropagation){
                    event.stopPropagation();
                }else{
                    event.cancelBubble = true;
                }            
                $url=getEditUrl(event.data.data,$('#'+event.data.id).data('pk'))+"?isSelect=1";
              
                    $("#drop_iframe").attr('src',$url);
                    $('#drop_popup').modal({
                            backdrop: 'static',
                            keyboard: true
                    });
                    $('#drop_popup').on('hide', function () {
                       $("#drop_iframe").attr('src',"/blank.html"); 
                    });
                    $entity_op="editchild";
                    $entity_type=event.data.data; 
                    $entity_id=event.data.id;        
                    $('#drop_popup').modal('show');     

            });  
            
    $btndesign=$pereaccordion.children('h3').last().find(".gina-btn-design");
    if ($data=="ui-gina-pop")
        $btndesign.on("click",{'data': $data,'id': $pereaccordion.children('div').last().attr("id")},function(event){  
            if(event.stopPropagation){
                event.stopPropagation();
            }else{
                event.cancelBubble = true;
            }    
            $enttodo=$('#'+event.data.id).children("div").first();  
            $url=getDesignUrl(event.data.data,$enttodo.data('pk'));
            document.location.href=$url;
        });            
    else
        $btndesign.hide();
               
        return $pereaccordion.children('div').last();
}

function changeattribu( $item, $data, $type,$label) {
var couleur="";
var valeur="";
    switch ($data)
    {
        case "ui-gina-cab":
          couleur="#8aa42a";
          valeur="Cabinet";
          break;
        case "ui-gina-equi":
          couleur="#a2c831";
          valeur="Equipement";
          break;
        case "ui-gina-patch":
          couleur="#a0dd82";
          valeur="Patch";
          break;
        case "ui-gina-slots":
          couleur="#7edae8";
          valeur="Slot";
          break;
        case "ui-gina-mere":
          couleur="#66ccff";
          valeur="Mother Card";
          break;
        case "ui-gina-fille":
          couleur="#64b1f7";
          valeur="Daughter Card";
          break;
        case "ui-gina-ports":
          couleur="#5793e3";
          valeur="Port";
          break;
        case "ui-gina-pop":
          couleur="#2356b8";
          valeur="Pop";
          break;
        case "ui-gina-access":
          couleur="#234f23";
          valeur="Access";
          break;          
     }        
        $item.attr("data", $data);
        if ($data=="ui-gina-pop")
            $item.children('i').removeClass("icon-cabinet").addClass("icon-ui-gina-comp");
        else
            $item.children('i').removeClass("icon-cabinet").addClass("icon-"+$data);
        
        $item.css( "background", couleur);
        $item.children('span').last().html(valeur+" : "+$label);            

    }  
    
function getTooltipName(key)
{
    if (key=="nbPorts")
        return "Number of ports";
    if (key=="nbCards")
        return "Number of ports";
    if (key=="pk")   
        return "Internal id";
    if (key=="label") 
        return "Label";
    if (key=="nbSlots")
        return "Number of slots";   
    if (key=="nbRows")
        return "Number of rows";    
    if (key=="nbUnits")
        return "Number of units";
    if (key=="blHasSlot")
        return "Has slots";    
    if (key=="blFrontBack")
        return "Is front";      
    return key;
}


{% macro construct(coll, hasFirstElem,pad,popid) %}
    {% import _self as fonctions %}

    {% set nb=0 %}
 {% for key,val in coll %}
    {% for cab in val.model %}
        {% if hasFirstElem %}   
            $holder=$child{{pad}}{{nb}}.parent();
        {% else %}
            $holder=$child{{pad}}{{nb}}.children("div").first();  
        {% endif %}
        {% set nb=nb+1%}    
        {% if hasFirstElem %}      
            $child{{pad}}{{nb}}=dropsister($holder,'{{val.type}}','{{attribute(cab,val.label)}}');  
        {% else %}   
           $child{{pad}}{{nb}}=dropchild($holder,'{{val.type}}','{{attribute(cab,val.label)}}');             
            {% set hasFirstElem=true %} 
        {% endif %}
        $chaine="";
        $dataelem=$child{{pad}}{{nb}};          
        $dataelem.data("modelType",'{{val.type}}');
        $dataelem.data("label",'{{val.label}}');          
        {% for k,v in val.data %}
            {% if k|slice(0,1) =="_"%}
                $dataelem.data('{{k|slice(1)}}','{{attribute(attribute(cab,val.compmodel),v)}}');
                if ('{{k|slice(0,1)}}'!='modelType')
                    $chaine+="<u>"+getTooltipName('{{k|slice(1)}}')+"</u>: {{attribute(attribute(cab,val.compmodel),v)}}<br>";                              
            {% elseif k=='nbPorts' %}
                $dataelem.data('{{k}}','{{attribute(attribute(cab,'idPortInstance'),'count')}}'); 
                $chaine+="<u>"+getTooltipName('{{k}}')+"</u>: {{attribute(attribute(cab,'idPortInstance'),'count')}}<br>";
            {%else%}
                {% if attribute(cab,v) is defined %}
                    $dataelem.data('{{k}}','{{attribute(cab,v)}}');
                    $chaine+="<u>"+getTooltipName('{{k}}')+"</u>: {{attribute(cab,v)}}<br>";                    
                {% else %}                    
                    $dataelem.data('{{k}}','{{attribute(attribute(cab,val.compmodel),v)}}');
                    $chaine+="<u>"+getTooltipName('{{k}}')+"</u>: {{attribute(attribute(cab,val.compmodel),v)}}<br>";                    
                {% endif %}                              

            {%endif%}

        {% endfor %}

        $("#"+$child{{pad}}{{nb}}.attr("aria-labelledby")).find(".gina-btn-up").attr("data-original-title",$chaine);
                    
        if ('{{val.type}}'=='ui-gina-patch' || '{{val.type}}'=='ui-gina-fille')
            addPorts($dataelem);
        {% set  arr={} %}     
        $child{{pad~'_'}}0=$child{{pad}}{{nb}};  
        {% if val.type=="ui-gina-access" %}
            {% if popid is not defined or  popid is null or ('acc_'~cab.idAccess==popid) %}
                $selectedChild=$child{{pad~'_'}}0;
                {% set  tab={'pk': 'idPop','Code':'cdPop','Active':'blDeactivated'} %}                
                {% set  obj={'model': cab.idPop, 'type': 'ui-gina-pop', 'data': tab, 'label':'lbPop'} %} 
                {% set  arr=arr|merge({'0': obj}) %}  
                {{ fonctions.construct(arr,false,pad~"_",popid)}}                     
            {% endif %}
                $("#"+$child{{pad~'_'}}0.attr("aria-labelledby")).on("click",function(event){  
                        $("#waiting").waiting('play');
                        $("#waiting").show();
                        window.location.href="{{ path('Etrali_GinangBundle_Pop_explore')}}?popid=acc_"+$("#"+$(this).attr("aria-controls")).data('pk');
                    });                   
        {% elseif val.type=="ui-gina-pop" %}          
             {% if popid is not defined or  popid is null or ('pop_'~cab.idPop==popid) %}  
                $selectedChild=$child{{pad~'_'}}0;                 
                {% set  tab={'pk': 'idCabinetInstance','Code':'cdCabinetInstance','Serial number':'cdSerialNumber','_nbUnits':'nbUnits','_blFrontBack':'blFrontBack','Active':'blDeactivated'} %}                
                {% set  obj={'model': cab.idCabinetInstance, 'type': 'ui-gina-cab', 'data': tab, 'label':'lbCabinetInstance', 'compmodel':'idCabinet'} %} 
                {% set  arr=arr|merge({'1': obj}) %}  
                {{ fonctions.construct(arr,false,pad~"_",popid)}}                                        
             {% endif %}
                $("#"+$child{{pad~'_'}}0.attr("aria-labelledby")).on("click",function(event){ 
                        $("#waiting").waiting('play');
                        $("#waiting").show();                    
                        window.location.href="{{ path('Etrali_GinangBundle_Pop_explore')}}?popid=pop_"+$("#"+$(this).attr("aria-controls")).data('pk');
                    });                  
        {% elseif val.type=="ui-gina-cab" %}
                {% set  tab={'pk': 'idEquipmentInstance','Code':'cdEquipmentInstance','Serial number':'cdSerialNumber','_blHasSlot':'blHasSlot', '_nbUnits': 'nbUnits', '_nbSlots': 'nbSlots', '_nbCards': 'nbCards','Active':'blDeactivated'} %}                
                {% set  obj={'model': cab.idEquipmentInstance, 'type': 'ui-gina-equi', 'data': tab, 'label':'lbEquipmentInstance', 'compmodel':'idEquipment'} %} 
                {% set  arr=arr|merge({'2': obj}) %}  
                                              
                {% set  tab={'pk': 'idPatchPanelInstance','Code':'cdPatchPanelInstance','_nbPorts':'nbPorts', '_nbRows': 'nbRows','_Use for ref':'blPanelForRef','Active':'blDeactivated'} %}
                {% set  obj={'model': cab.idPatchPanelInstance, 'type': 'ui-gina-patch', 'data': tab, 'label':'lbPatchPanelInstance', 'compmodel':'idPatchPanel'} %} 
                {% set  arr=arr|merge({'3': obj}) %}    
                {{ fonctions.construct(arr,false,pad~"_",popid)}}                        
        {% elseif val.type=="ui-gina-equi" %}
                {% set  tab={'pk': 'idSlotInstance','Code':'cdSlotInstance', '_nbCards': 'nbCards', 'nbNumber': 'nbNumber','_Card horizontal':'blCardHorizontal','_Use for ref':'blSlotForRef','Active':'blDeactivated'} %}
                {% set  obj={'model': cab.idSlotInstance, 'type': 'ui-gina-slots', 'data': tab, 'label':'lbSlotInstance', 'compmodel':'idSlot'} %} 
                {% set  arr=arr|merge({'5': obj}) %}                         
                
                {% set  tab={'pk': 'idCardInstance','Code':'cdCardInstance','Serial number':'cdSerialNumber', 'nbNumber': 'nbNumber', '_Is virtual': 'blVirtual','_Use for ref':'blCardForRef','Active':'blDeactivated'} %}
                {% set  obj={'model': cab.idCardInstance, 'type': 'ui-gina-fille', 'data': tab, 'label':'lbCardInstance', 'compmodel':'idCard'} %} 
                {% set  arr=arr|merge({'4': obj}) %} 
                {{ fonctions.construct(arr,false,pad~"_",popid)}}                        
        {% elseif val.type=="ui-gina-slots" %}
                {% set   tab={'pk': 'idCardInstance','Code':'cdCardInstance','Serial number':'cdSerialNumber','_nbPorts':'nbPorts', '_nbRows': 'nbRows', 'nbNumber': 'nbNumber', '_Is virtual': 'blVirtual','_Use for ref':'blCardForRef','Active':'blDeactivated'} %}
                {% set  obj={'model': cab.idCardInstance, 'type': 'ui-gina-mere', 'data': tab, 'label':'lbCardInstance', 'compmodel':'idCard'} %} 
                {% set  arr=arr|merge({'4': obj}) %}  
                {{ fonctions.construct(arr,false,pad~"_",popid)}}                        
        {% elseif val.type=="ui-gina-patch" or val.type=="ui-gina-fille"%}          
            {% set  tab2={'pk': 'idPortInstance','Code':'cdPortInstance','nbNumber': 'nbNumber','Cross connect':'lbCrossConnect','_Is Full':'blFull','_Is Link Ha':'blLinkHa','_Timeslots':'nbTimeslots','_Channels':'nbChannels','Active':'blDeactivated'} %}
            {{ fonctions.constructPort(cab.idPortInstance,'cdPortInstance',tab2,pad~'_')}}
        {% elseif val.type=="ui-gina-mere" %}                        
                {% set  tab={'pk': 'idCardInstance','Code':'cdCardInstance','Serial number':'cdSerialNumber','_nbPorts':'nbPorts', '_nbRows': 'nbRows', 'nbNumber': 'nbNumber', '_Is virtual': 'blVirtual','_Use for ref':'blCardForRef','Active':'blDeactivated'} %}
                {% set  obj={'model': cab.idDaughterCard, 'type': 'ui-gina-fille', 'data': tab, 'label':'lbCardInstance', 'compmodel':'idCard'} %} 
                {% set  arr=arr|merge({'4': obj}) %} 
                {{ fonctions.construct(arr,false,pad~"_",popid)}}                        
        {% endif %}
    {% endfor %}
   {% endfor %}
    $selectedChild.attr('aria-hidden',false);
    $selectedChild.attr('aria-expanded',true);                    
    $selectedChild.css('display','block'); 
{% endmacro %}
    
{% macro constructPort(coll,attrname, tab,pad) %}
    {% import _self as fonctions %}
    {% set nb=0 %}
    $holder=$dataelem;         
    $error=false;
    {% for port in coll %}          
         $child{{pad}}{{nb}}=dropport($holder,'{{attribute(port,attrname)}}');          
         if ($child{{pad}}{{nb}}!=null)
         {
            $child{{pad}}{{nb}}.data("modelType",'ui-gina-ports');  
            $child{{pad}}{{nb}}.data("label",'{{attrname}}'); 
        $chaine="";  
        {% for k,v in tab %}
            {% if k|slice(0,1) =="_"%}
                $child{{pad}}{{nb}}.data('{{k|slice(1)}}','{{attribute(attribute(port,'idPort'),v)}}');
                if ('{{k|slice(0,1)}}'!='modelType')
                    $chaine+="<u>"+getTooltipName('{{k|slice(1)}}')+"</u>: {{attribute(attribute(port,'idPort'),v)}}<br>";                                          
            {%else%}
                $child{{pad}}{{nb}}.data('{{k}}','{{attribute(port,v)}}');                 
                $chaine+="<u>"+getTooltipName('{{k}}')+"</u>: {{attribute(port,v)}}<br>";
            {%endif%}

        {% endfor %}

        $child{{pad}}{{nb}}.find(".gina-btn-up").attr("data-original-title",$chaine);
        
         }
         else
             $error=true;
        {% set nb=nb+1%}          
   {% endfor %}
   if ($error)
       alert("Too much ports inserted in the container object. Excess ports will not be visible on this interface. Please edit the container object and increase the number of ports accordingly.");
{% endmacro %}    

{% import _self as fonctions %}  


$child_0=$("#accordion").children("div").first();
{% set  arr={} %}     
{% set hasFirstElem=false %} 
        {% set  arr={} %}       
        {% if Access|length>0 %}
            {% set  tab={'pk': 'idAccess','Code':'cdAccess','Active':'blDeactivated'} %}
            {% set  obj={'model': Access, 'type': 'ui-gina-access', 'data': tab, 'label':'lbAccess'} %} 
            {% set  arr=arr|merge({'1': obj}) %}                                         
        {% endif %} 
        {% if Pops|length>0 %}
            {% set  tab={'pk': 'idPop','Code':'cdPop','Active':'blDeactivated'} %}
            {% set  obj={'model': Pops, 'type': 'ui-gina-pop', 'data': tab, 'label':'lbPop'} %} 
            {% set  arr=arr|merge({'2': obj}) %}                                         
        {% endif %}             
        {{ fonctions.construct(arr,false,"_",popid)}}  
            
$('[data-toggle=tooltip]').tooltip();  

$('#waiting').waiting('pause');
$('#waiting').hide();
});

</script>   

<div id="layer_accordion-hidden" style="display: none;">
      <div id="layer_accordion" class="nbreacc">
            <h3 class="ui-gina-cab"><i class="icone_white icon-cabinet"></i> &nbsp; <span></span>
              <div class="btn-toolbar ui-property  ui-property-action gina_btn-right">
                <a class="btn gina-btn-prop" rel="tooltip" data-original-title="Edit" data-placement="bottom"><i class="icones_actions_expend"></i></a>
                <a class="btn gina-btn-design" rel="tooltip" data-original-title="Design"><i class="icones_actions_design"></i></a>                
                <a class="btn gina-btn-up" rel="tooltip" data-html="true" data-placement="right" title data-original-title=""><i class="icones_actions_show"></i></a>
              </div>
            </h3>
        <div>
          <div class="equi">
            
          </div>
        </div>
      </div>
</div>
        <div id="drop_popup" class="modal hide  modal-select" tabindex="-1"  role="dialog" aria-labelledby="Model label" aria-hidden="true">
          <div class="modal-header">
            <h3 id="select_modal_Label">&nbsp;</h3>
          </div>
          <div class="modal-body">
          <iframe id="drop_iframe" name="drop_iframe" class="search_list_iframe" data-field="" src="">

          </iframe>
          </div>
        </div>
        <div id="waiting"></div>
{% endblock %}