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

{% block stylesheets %}    {{ parent() }}
    {% endblock %}

{% block javascripts %}    {{ parent() }}
    <script src="{{ asset("bundles/admingeneratorgenerator/js/admingenerator/general.js") }}"></script>
{% endblock %}    {% block title %}
        {{ parent() }} - {% trans from "Admin" %}Pops list{% endtrans %}
    {% endblock %}
{% block body %}    {% block page_title %}
        <header>
            <h1>{% trans from "Admin" %}Pops list{% endtrans %}</h1>
        </header>
    {% endblock %}
{{ block('actionsmenu')  }}    
 <div class="row-fluid">
        <div class="span12">

            {% block list_scopes %}
{% endblock %}
    {% block form_batch_actions %}
        {% endblock %}

            <table class="table table-striped table-hover table-condensed table-bordered" id="table_list_sort">
                {% block list_thead %}
        <thead>
            <tr class="list_thead">
                {% if isSelect is not defined or isSelect!=1 %}
                                {% endif %}
                {% if isMulti  is defined and isMulti==1 %}
                    <th class="list_thead_batch_action" data-header='col-actions'>
                        <input type="checkbox"
                            onchange="this.checked ? $('.td_batch_action input').attr('checked', 'checked') : $('.td_batch_action input').removeAttr('checked')" />
                    </th>
                {% endif %}                         
                                <th data-header="idCostingPop" class="list_thead_column{% if 1 %} sortable{% if sortColumn == 'idCostingPop' and sortOrder == 'ASC' %} sort_asc{% elseif sortColumn == 'idCostingPop' and sortOrder == 'DESC' %} sort_desc{% endif %}{% endif %}">
                    {% if sortColumn == 'idCostingPop' and sortOrder == 'ASC' %}
                            <a onmousedown="event.stopPropagation();" href="?sort=idCostingPop&order_by=desc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% else %}
                            <a onmousedown="event.stopPropagation();" href="?sort=idCostingPop&order_by=asc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% endif %}{{ 'Id'|trans({}, 'Admin') }}</a>
                        {% if sortColumn == 'idCostingPop' %}
                            {% if sortColumn == 'idCostingPop' and sortOrder == 'ASC' %}
                                <span class="sorted-asc"></span>
                            {% else %}
                                <span class="sorted-desc"></span>
                            {% endif %}
                        {% endif %}
                    </th>
                                                <th data-header="idProvider" class="list_thead_column{% if 1 %} sortable{% if sortColumn == 'idProvider' and sortOrder == 'ASC' %} sort_asc{% elseif sortColumn == 'idProvider' and sortOrder == 'DESC' %} sort_desc{% endif %}{% endif %}">
                    {% if sortColumn == 'idProvider' and sortOrder == 'ASC' %}
                            <a onmousedown="event.stopPropagation();" href="?sort=idProvider&order_by=desc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% else %}
                            <a onmousedown="event.stopPropagation();" href="?sort=idProvider&order_by=asc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% endif %}{{ 'Provider name'|trans({}, 'Admin') }}</a>
                        {% if sortColumn == 'idProvider' %}
                            {% if sortColumn == 'idProvider' and sortOrder == 'ASC' %}
                                <span class="sorted-asc"></span>
                            {% else %}
                                <span class="sorted-desc"></span>
                            {% endif %}
                        {% endif %}
                    </th>
                                                <th data-header="idContact" class="list_thead_column{% if 1 %} sortable{% if sortColumn == 'idContact' and sortOrder == 'ASC' %} sort_asc{% elseif sortColumn == 'idContact' and sortOrder == 'DESC' %} sort_desc{% endif %}{% endif %}">
                    {% if sortColumn == 'idContact' and sortOrder == 'ASC' %}
                            <a onmousedown="event.stopPropagation();" href="?sort=idContact&order_by=desc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% else %}
                            <a onmousedown="event.stopPropagation();" href="?sort=idContact&order_by=asc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% endif %}{{ 'Contact'|trans({}, 'Admin') }}</a>
                        {% if sortColumn == 'idContact' %}
                            {% if sortColumn == 'idContact' and sortOrder == 'ASC' %}
                                <span class="sorted-asc"></span>
                            {% else %}
                                <span class="sorted-desc"></span>
                            {% endif %}
                        {% endif %}
                    </th>
                                                <th data-header="idAddress" class="list_thead_column{% if 1 %} sortable{% if sortColumn == 'idAddress' and sortOrder == 'ASC' %} sort_asc{% elseif sortColumn == 'idAddress' and sortOrder == 'DESC' %} sort_desc{% endif %}{% endif %}">
                    {% if sortColumn == 'idAddress' and sortOrder == 'ASC' %}
                            <a onmousedown="event.stopPropagation();" href="?sort=idAddress&order_by=desc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% else %}
                            <a onmousedown="event.stopPropagation();" href="?sort=idAddress&order_by=asc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% endif %}{{ 'Billing address'|trans({}, 'Admin') }}</a>
                        {% if sortColumn == 'idAddress' %}
                            {% if sortColumn == 'idAddress' and sortOrder == 'ASC' %}
                                <span class="sorted-asc"></span>
                            {% else %}
                                <span class="sorted-desc"></span>
                            {% endif %}
                        {% endif %}
                    </th>
                                                <th data-header="cdProviderAccount" class="list_thead_column{% if 1 %} sortable{% if sortColumn == 'cdProviderAccount' and sortOrder == 'ASC' %} sort_asc{% elseif sortColumn == 'cdProviderAccount' and sortOrder == 'DESC' %} sort_desc{% endif %}{% endif %}">
                    {% if sortColumn == 'cdProviderAccount' and sortOrder == 'ASC' %}
                            <a onmousedown="event.stopPropagation();" href="?sort=cdProviderAccount&order_by=desc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% else %}
                            <a onmousedown="event.stopPropagation();" href="?sort=cdProviderAccount&order_by=asc{% if isSelect is defined and isSelect==1 %}&isSelect=true{% endif %}{% if isMulti is defined and isMulti==1 %}&isMulti=true{% endif %}">
                        {% endif %}{{ 'Provider account nb'|trans({}, 'Admin') }}</a>
                        {% if sortColumn == 'cdProviderAccount' %}
                            {% if sortColumn == 'cdProviderAccount' and sortOrder == 'ASC' %}
                                <span class="sorted-asc"></span>
                            {% else %}
                                <span class="sorted-desc"></span>
                            {% endif %}
                        {% endif %}
                    </th>
                                {% if isSelect is not defined or isSelect!=1 %}<th data-header="col-actions" class="actions">{% trans from "Admingenerator" %}list.header.actions{% endtrans %}</th>
                {% endif %}
            </tr>
        </thead>
{% endblock %}
{% block list_tbody %}
    <tbody>
        {% if CostingPops|length > 0 %}

        {% for CostingPop in CostingPops %}
            {% if 1 %}
        <tr class="list_trow">
{% set oddclass=(loop.index0 % 2 == 0 ?'ginaodd':'ginaeven') %}{% block list_row %}
 {% if isSelect is not defined or isSelect!=1 %}
    {% endif %}

 {% if isMulti is  defined and isMulti==1 %}
        <td class="td_batch_action"  data-value="{{ CostingPop.__toString }}" data-id="{{ CostingPop.idCostingPop }}">
            <input type="checkbox" name="ids[]" class="batch_select_id" {% for mid in multiids if mid==CostingPop.idCostingPop %} checked {% endfor %} value="{{ CostingPop.idCostingPop }}" />
        </td>
{% endif %}        
        
                     <td class="td_integer td_idCostingPop {{ oddclass }}" data-value="{{ CostingPop.__toString }}" data-id="{{ CostingPop.idCostingPop }}">
                   
		{% block list_td_column_idCostingPop %}{{ CostingPop.idCostingPop }}{% endblock %}
 {% if (isSelect is not defined or isSelect!=1) and 'idCostingPop'!='idHistory'  and 'idCostingPop' in assocs|keys and CostingPop.idCostingPop is not null  %}
                       </a>
                    {% endif %}   
                </td>
                         <td class="td_entity td_idProvider {{ oddclass }}" data-value="{{ CostingPop.__toString }}" data-id="{{ CostingPop.idCostingPop }}">
                   
		{% block list_td_column_idProvider %}{{ CostingPop.idProvider }}{% endblock %}
 {% if (isSelect is not defined or isSelect!=1) and 'idProvider'!='idHistory'  and 'idProvider' in assocs|keys and CostingPop.idProvider is not null  %}
                       </a>
                    {% endif %}   
                </td>
                         <td class="td_entity td_idContact {{ oddclass }}" data-value="{{ CostingPop.__toString }}" data-id="{{ CostingPop.idCostingPop }}">
                   
		{% block list_td_column_idContact %}{{ CostingPop.idContact }}{% endblock %}
 {% if (isSelect is not defined or isSelect!=1) and 'idContact'!='idHistory'  and 'idContact' in assocs|keys and CostingPop.idContact is not null  %}
                       </a>
                    {% endif %}   
                </td>
                         <td class="td_entity td_idAddress {{ oddclass }}" data-value="{{ CostingPop.__toString }}" data-id="{{ CostingPop.idCostingPop }}">
                   
		{% block list_td_column_idAddress %}{{ CostingPop.idAddress }}{% endblock %}
 {% if (isSelect is not defined or isSelect!=1) and 'idAddress'!='idHistory'  and 'idAddress' in assocs|keys and CostingPop.idAddress is not null  %}
                       </a>
                    {% endif %}   
                </td>
                         <td class="td_string td_cdProviderAccount {{ oddclass }}" data-value="{{ CostingPop.__toString }}" data-id="{{ CostingPop.idCostingPop }}">
                   
		{% block list_td_column_cdProviderAccount %}{{ CostingPop.cdProviderAccount }}{% endblock %}
 {% if (isSelect is not defined or isSelect!=1) and 'cdProviderAccount'!='idHistory'  and 'cdProviderAccount' in assocs|keys and CostingPop.cdProviderAccount is not null  %}
                       </a>
                    {% endif %}   
                </td>
        {% endblock %}
    {% block list_object_actions %}
{% if (isSelect is not defined or isSelect!=1) and (isMulti is not defined  or isMulti!=1) %}
                <td class="actions  {{ oddclass }}" data-value="{{ CostingPop.__toString }}" data-id="{{ CostingPop.idCostingPop }}">
                            
                                                        
                    <a class="btn btn-mini" href="{{ path("Etrali_GinangBundle_CostingPop_edit", { 'pk': CostingPop.idCostingPop }) }}"rel="tooltip" data-original-title="{% trans from "Admingenerator" %}action.object.edit.label{% endtrans %}">
                        <i class="icones_actions_edit"></i>
                    </a>

                                                                <a class="btn btn-mini" target="_blank" href="{{ path("Etrali_GinangBundle_HistoryModification_list") }}?entity=CostingPop&pk={{CostingPop.idCostingPop}}" 
                      rel="tooltip" data-original-title="History">
                        <i class="icones_actions_active"></i>
                    </a>     
                    </td>
        {% endif %}
    {% endblock %}

        </tr>
            {% endif %}
        {% endfor %}

        {% endif %}
    </tbody>

<script>
$(document).ready(function() {
{% if isSelect is defined and isSelect==1 %}    
        $("#table_list_sort").on("dblclick","td", function(e){
            $elem=window.frameElement;   
            if ($elem)
                window.parent.closeModal($elem.id,$(this).attr("data-id"),$(this).attr("data-value"));     
            
        });
{% elseif isMulti is defined and isMulti==1 %}          
{% else %}  
        $("#table_list_sort").on("dblclick","td", function(e){
            document.location.href='{{ path("Etrali_GinangBundle_CostingPop_edit", { 'pk': 0 }) }}'.replace('0',$(this).attr("data-id"));           
        });    
{% endif %}           
    });
</script>

 
{% endblock %}

            </table>
            
        {% if CostingPops|length == 0 %}
            <div class="alert">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                  {% trans from "Admingenerator" %}list.no.results{% endtrans %}
            </div>
       {% endif %}
            <div class="form-actions">
                <div class="btn-toolbar pull-left">    {% block list_batch_actions %}
    {% if isMulti is defined and isMulti==1 %}
    <div class="btn-group">
       <button id="select_button_multi" class="btn">Ajouter à la sélection</button> 
    </div>
    <script>
    $(document).ready(function() {
            $("#select_button_multi").on("click",function(e){  
                $elem=window.frameElement;  
                if ($elem)
                    {
                        //window.parent.removeOptions($elem.id);
                        $(".batch_select_id").each(function () {
                            if ($(this).is(':checked'))                                
                                window.parent.addOption($elem.id,$(this).parent().attr("data-id"),$(this).parent().attr("data-value"));                            
   
                    });
                        window.parent.closeModalSimple();
                    }
            });
        });
    </script>

    {% endif %}
    
        {% endblock %}


                </div>{% block list_paginator %}
  
    <div class="pagination pagination-large pagination-right">  
    
        {{ pagerfanta(CostingPops, 'admingenerator') }}
    </div>
{% endblock %}
</div>    {% block endform_batch_actions %}
        {% endblock %}

        </div>
    </div>
        {% block filters %}
                        <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">&times;</button>
                <h3 id="myModalLabel">{% trans from "Admingenerator" %}list.filters{% endtrans %}</h3>
              </div>
              <div class="modal-body">{% block list_filters %}
    <form novalidate action="{{ app.request.requestUri }}" method="post" {{ form_enctype(form) }}>
        <fieldset class="form_block form_fieldset_NONE alldevs-filters-size">
            {{ form_errors(form) }}
                                            <div class="control-group">
                    {{ form_label(form['idCostingPop'], 'Id'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['idCostingPop']) }}
                    </div>
                    {{ form_errors(form['idCostingPop']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['idProvider'], 'Provider name'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['idProvider']) }}
                    </div>
                    {{ form_errors(form['idProvider']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['idContact'], 'Contact'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['idContact']) }}
                    </div>
                    {{ form_errors(form['idContact']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['idAddress'], 'Billing address'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['idAddress']) }}
                    </div>
                    {{ form_errors(form['idAddress']) }}
                </div>
                                                            <div class="control-group">
                    {{ form_label(form['cdProviderAccount'], 'Provider account nb'|trans({}, 'Admin')) }}
                    <div class="controls">
                        {{ form_widget(form['cdProviderAccount']) }}
                    </div>
                    {{ form_errors(form['cdProviderAccount']) }}
                </div>
                                        {{ form_rest(form) }}
        </fieldset>
{% endblock %}
</div>
              <div class="form-actions">
                  <button type="submit" name="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>            
                    {% endblock %}

{% block preferences %}            
<div id="preferences" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="preferencesLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3 id="myModalLabel">Columns preferences</h3>
  </div>
  <form action="{{ path("Etrali_GinangBundle_CostingPop_setpreference") }}" method="post" name="formepref" id="formepref">        
  <div class="modal-body">
      <table class="table table-hover table-condensed table-striped ui-sortable" id="columorder">
          <thead>
            <tr>
                <th>Columns</th>
                <th>Order</th>
            </tr>
          </thead>
          <tbody>             
                  
              <tr id="preftr_idCostingPop">
                  <td>
                     <label class="checkbox">
                       <input type="checkbox" id="visible_idCostingPop" name="visible_idCostingPop" value="idCostingPop">
                           {{ 'Id'|trans({}, 'Admin') }}
                     </label>
                  </td>
                  <td>
                      <input type="hidden" name="idCostingPop" id="idCostingPop" value="idCostingPop">
                      <a href="#" class="up"><i class="icon-arrow-up"></i></a>
                      <a href="#" class="down"><i class="icon-arrow-down"></i></a>
                  </td>
              </tr>
                  
              <tr id="preftr_idProvider">
                  <td>
                     <label class="checkbox">
                       <input type="checkbox" id="visible_idProvider" name="visible_idProvider" value="idProvider">
                           {{ 'Provider name'|trans({}, 'Admin') }}
                     </label>
                  </td>
                  <td>
                      <input type="hidden" name="idProvider" id="idProvider" value="idProvider">
                      <a href="#" class="up"><i class="icon-arrow-up"></i></a>
                      <a href="#" class="down"><i class="icon-arrow-down"></i></a>
                  </td>
              </tr>
                  
              <tr id="preftr_idContact">
                  <td>
                     <label class="checkbox">
                       <input type="checkbox" id="visible_idContact" name="visible_idContact" value="idContact">
                           {{ 'Contact'|trans({}, 'Admin') }}
                     </label>
                  </td>
                  <td>
                      <input type="hidden" name="idContact" id="idContact" value="idContact">
                      <a href="#" class="up"><i class="icon-arrow-up"></i></a>
                      <a href="#" class="down"><i class="icon-arrow-down"></i></a>
                  </td>
              </tr>
                  
              <tr id="preftr_idAddress">
                  <td>
                     <label class="checkbox">
                       <input type="checkbox" id="visible_idAddress" name="visible_idAddress" value="idAddress">
                           {{ 'Billing address'|trans({}, 'Admin') }}
                     </label>
                  </td>
                  <td>
                      <input type="hidden" name="idAddress" id="idAddress" value="idAddress">
                      <a href="#" class="up"><i class="icon-arrow-up"></i></a>
                      <a href="#" class="down"><i class="icon-arrow-down"></i></a>
                  </td>
              </tr>
                  
              <tr id="preftr_cdProviderAccount">
                  <td>
                     <label class="checkbox">
                       <input type="checkbox" id="visible_cdProviderAccount" name="visible_cdProviderAccount" value="cdProviderAccount">
                           {{ 'Provider account nb'|trans({}, 'Admin') }}
                     </label>
                  </td>
                  <td>
                      <input type="hidden" name="cdProviderAccount" id="cdProviderAccount" value="cdProviderAccount">
                      <a href="#" class="up"><i class="icon-arrow-up"></i></a>
                      <a href="#" class="down"><i class="icon-arrow-down"></i></a>
                  </td>
              </tr>
     
              <tr id="preftr_col-actions">
                  <td>
                     <label class="checkbox">
                       <input type="checkbox" id="visible_col-actions" name="visible_col-actions" value="col-actions">
                           Actions
                     </label>
                  </td>
                  <td>
                      <input type="hidden" name="col-actions" id="col-actions" value="col-actions">
                      <a href="#" class="up"><i class="icon-arrow-up"></i></a>
                      <a href="#" class="down"><i class="icon-arrow-down"></i></a>
                  </td>
              </tr>              
          </tbody>
      </table>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true" type="reset">Close</button>
    <button class="btn btn-primary" type="submit">Save changes</button>
  </div>
  </form>
</div>        
{% endblock %}      
<script type="text/javascript">
    function sortColumns()
    {
       $inbody=$("<tbody></tbody>");
       $('#table_list_sort th').each(function(index)
            {
              
                $colname=$(this).attr("data-header");
                if ($(this).is(":visible"))
                    $("#visible_"+$colname).attr("checked",true);
                else
                    $("#visible_"+$colname).attr("checked",false);
                $dline=$("#preftr_"+$colname).detach();
                $inbody.append($dline); 
            });
       $("#columorder tbody").remove();
       $("#columorder").append($inbody);       
    }
    

    
        $(document).ready(function () {                   
                                   
    var ligne;
    var lact;
    var $curr;
    var $previous;
    
    $.fn.doesExist = function(){
        return jQuery(this).length > 0;
    };
    


    $("#columorder a").click(function() {
        $curr = $(this).parent().parent();
    
        if($(this).attr('class')=='up' && $curr.prev().doesExist()){
            $previous = $curr.prev();
            
            ligne = $curr.detach();
            $(ligne).insertBefore($previous);
        }   
        if($(this).attr('class')=='down' && $curr.next().doesExist()){
            $previous = $curr.next();
            ligne = $curr.detach();
            $(ligne).insertAfter($previous);
        }  
    });            
            
$("#table_list_sort").dragtable();

$("#table_list_sort").dragtable('order',[{{ordercolprefs | raw}}]);
{% for pref in colprefs %} 
    {% if pref.visible==0 %}
        pos=$('#table_list_sort th[data-header="{{ pref.name }}"]').index();
        if (pos!=-1)
        {
            $('#table_list_sort th:nth-child('+(pos+1)+')').hide();
            $('#table_list_sort td:nth-child('+(pos+1)+')').hide();
        }
    {% endif %}
{% endfor %}
    
$("#table_list_sort").dragtable({stop: function(){         
        var order = $("#table_list_sort").dragtable('order');              
        $.ajax({ url: '{{ path("Etrali_GinangBundle_CostingPop_preference") }}?ids='+encodeURIComponent(order)});        
            $("#table_list_sort").find("th").parent().css("position","fixed"); 
 },
 start: function () {
             $("#table_list_sort").find("th").parent().css("position","static"); 
}});

{% if (isSelect is defined and isSelect==1) or (isMulti is defined and isMulti==1) %}      
    $("body").css('padding-top', 60);
    $("header").css('top', 0);  
    $("#list-actions-bar").css('top', 25);       
    $("body").css('padding-bottom', 0);
    /*$('table.table').floatThead({
        scrollingTop: 60,
        useAbsolutePositioning: true
    });*/
{% endif %}
    /*$('table.table').floatThead({
        scrollingTop: 97,
        useAbsolutePositioning: true
    });*/
    
/**
* Fetch the computed CSS value for the current element
*/
  $.fn.computedStyle = function(property){
    // Make sure this selector has elements in it
    if (!this.length > 0) { return false; }
    if (property == null) { property = false; }
    
    var first_element = this.first(),
        computed_style;
    
    // Calculate the computed style property. First, try to call the getComputedStyle.
    // If we're using I.E. (surprise surprise) we need to access the proprietary .currentStyle.
    if (typeof document.defaultView != 'undefined' && typeof document.defaultView['getComputedStyle'] != 'undefined') {
      // We need to pass getComputedStyle() the DOM element, so use get(0)
      computed_style = document.defaultView.getComputedStyle(first_element.get(0), null);
    } else if (first_element.currentStyle) {
            computed_style = first_element.currentStyle;
    } else
        {
            computed_style = first_element.style;
        }
    // Now we have the computed style, we can figure out what to return
    if (computed_style == "undefined" || computed_style==null)
        return first_element.css(property);
    else if (property === false) {
      return computed_style;
    } else {
      return computed_style[property];
    }
  };
  
  /**
* Also, we'll define a few wrapper functions to make it slightly easier to
* access some common properties
*/
  $.fn.computedWidth = function() { return parseInt(this.computedStyle('width')); };
  $.fn.computedHeight = function() { return parseInt(this.computedStyle('height')); };
  
  window.computeTableWidth=function()
  {
    $tr=$("#table_list_sort").children("tbody").children("tr").first();
    $totalwidth=$("#table_list_sort").computedWidth();
    if ($tr)
    {
          $("#table_list_sort th").each(function (ind) {
              //alert($tr.children("td").eq(ind).computedWidth()-3));
                  $(this).css("padding",0);
                  $(this).css("padding-left","3px");                  
                  $(this).css("width",($tr.children("td").eq(ind).computedWidth()-3)+"px");  
              });                      

         $("#table_list_sort th").each(function (ind) {  
              $tr.children("td").eq(ind).css("width",($(this).computedWidth()+3)+"px");                
              });

          $("#table_list_sort").find("th").first().parent().css("width",$totalwidth+"px"); 
          $tr.children().css("padding-top",$("#table_list_sort").find("th").first().parent().computedHeight()+"px");        
    }
  }
  $("#table_list_sort").find("th").parent().css("position","fixed");  
  window.computeTableWidth();
});
</script>
{% endblock %}

{% block actionsmenu %}
        <div class="well well-small" id="list-actions-bar">
    {% block contentactionsmenu %}            
    {% if (isSelect is not defined or isSelect!=1) and (isMulti is not defined  or isMulti!=1) %}
            <a href="{{ path("AdmingeneratorDashboard_welcome") }}"  data-original-title="New window" rel="tooltip" target="_blank" title="New Window" class="btn  btn-link"><i class="icones_actions_window"></i></a>
            <a href="#preferences"  data-original-title="Order columns" rel="tooltip" title="Order Columns"  data-toggle="modal"  class="btn  btn-link" onclick="sortColumns();"><i class="icones_actions_param_columns"></i></a>
            <a href="{{ path("Etrali_GinangBundle_CostingPop_import") }}" title="Import Data"  data-original-title="Import data" rel="tooltip" class="btn  btn-link"><i class="icones_actions_import"></i></a>
            <a href="{{ path("Etrali_GinangBundle_CostingPop_export") }}" title="Export Data"  data-original-title="Export data" rel="tooltip" class="btn  btn-link"><i class="icones_actions_export"></i></a>
           {% block list_actions %}
    {% if isMulti is not defined or isMulti!=1 %}
                                                              <a id="new_CostingPop" class="btn btn-link" href="#" data-original-title="New" rel="tooltip">
                     <i class="icones_actions_add"></i>
                  </a>
                                  <script>
                  $(document).ready(function (){
                    $("#new_CostingPop").click(function(){
                        {% if (isSelect is  defined and isSelect==1) or (isMulti is defined and isMulti==1) %}                             
                            var $newwin=window.open("{{ path("Etrali_GinangBundle_CostingPop_new") }}","_blank","");
                            var fnCheckLocation=function(){
                                $ln="{{ path("Etrali_GinangBundle_CostingPop_new") }}".length;
                                $wl=$newwin.location.href;
                                $wl=$wl.substring($wl.length-$ln,$wl.length);
                                if ($wl!="about:blank" && $wl!="{{ path("Etrali_GinangBundle_CostingPop_new") }}")
                                    window.location.reload();
                                else
                                    setTimeout(fnCheckLocation,500);
                            }
                            setTimeout(fnCheckLocation,500);
                        {% else %}
                            $newwin=window;
                            $newwin.location="{{ path("Etrali_GinangBundle_CostingPop_new") }}";
                        {% endif %}                        
                        });
                  });
                  </script>

                            {% endif %}                  
{% endblock %}
{% endif %}            
            <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>             
            <a href="{{ path("Etrali_GinangBundle_CostingPop_filters") }}?reset=1&return_uri={{ requesturi|url_encode }}"    data-original-title="Reset filters" rel="tooltip" class="btn  btn-link"><i class="icones_actions_resetfilter"></i></a>                         
            <button type="button" class="btn btn-link"  data-original-title="Print" rel="tooltip" onclick="print()"><i class="icones_actions_print"></i></button>
            {% if (isSelect is defined and isSelect==1) or (isMulti is defined and isMulti==1) %}             
            <button type="button" class="btn btn-link"  data-original-title="Close" rel="tooltip" onclick="if (window != window.top) {window.parent.closeModalSimple();} else {window.close();}"><i class="icones_actions_close"></i></button>            
            {% endif %}            
            {% endblock %}   
           
        </div>
{% endblock %}