<div
  class="featuresConfig"
  ng-class="{'toggled': toggledList}"
  ng-show="featuresObjectCompletEsri.length || featuresObjectCompletG2c.length"
>
  <div class="header" ng-init="toggledList=true">
    <div
      class="btn btn-default btn-xxs pull-right visibleTournee"
      ng-click="toggledList=!toggledList"
      ng-disabled="AppAndroid"
    >
      <i class="fa fa-expand visibleTournee"></i>
    </div>
    GéoCatalogue
  </div>
  <div class="body" ng-show="!toggledList">
    <table class="featureConfigTable">
      <tr ng-repeat="x in featuresObjectCompletEsri track by $index">
        <td>
          <div
            class="btn btn-default btn-xxs visibleTournee"
            title="Afficher/Cacher la couche"
            ng-click="toggleVisibility($index,x)"
          >
            <div
              ng-if="mapFeatureConfig[x.uid]||mapFeatureConfig[x.uid]===undefined"
              ng-attr-title="{{tooltip.title}}"
              class="{{tooltip.class}}"
            >
              <i class="fa fa-eye visibleTournee"></i>
            </div>
            <div
              ng-if="!mapFeatureConfig[x.uid]&&mapFeatureConfig[x.uid]!==undefined"
              ng-attr-title="{{tooltip.title}}"
              class="{{tooltip.class}}"
            >
              <i class="fa fa-eye-slash visibleTournee"></i>
            </div>
          </div>
        </td>
        <td>
          <span class="featuresConfigAlias" title="{{x.alias}}"
            >{{x.alias}}</span
          >
        </td>
        <td>
          <div
            class="btn btn-xxs btn-default"
            ng-click="moveItem($index,-1,'esri')"
            ng-disabled="$index==0"
          >
            <i class="fa fa-arrow-up"></i>
          </div>
        </td>
        <td>
          <div
            type="button"
            class="btn btn-xxs btn-default"
            ng-click="moveItem($index,1,'esri')"
            ng-disabled="$index==(featuresObjectCompletEsri.length-1)"
          >
            <i class="fa fa-arrow-down"></i>
          </div>
        </td>
      </tr>
      <tr ng-repeat="x in featuresObjectCompletG2c track by $index">
        <td>
          <div
            class="btn btn-default btn-xxs visibleTournee"
            title="Afficher/Cacher la couche"
            ng-click="toggleVisibility($index,x)"
          >
            <div
              ng-if="mapFeatureConfig[x.uid]||mapFeatureConfig[x.uid]===undefined"
              ng-attr-title="{{tooltip.title}}"
              class="{{tooltip.class}}"
            >
              <i class="fa fa-eye visibleTournee"></i>
            </div>
            <div
              ng-if="!mapFeatureConfig[x.uid]&&mapFeatureConfig[x.uid]!==undefined"
              ng-attr-title="{{tooltip.title}}"
              class="{{tooltip.class}}"
            >
              <i class="fa fa-eye-slash visibleTournee"></i>
            </div>
          </div>
        </td>
        <td>
          <span class="featuresConfigAlias" title="{{x.alias}}"
            >{{x.alias}}</span
          >
        </td>
        <td>
          <div
            class="btn btn-xxs btn-default"
            ng-click="moveItem($index,-1,'g2c')"
            ng-disabled="$index==0"
          >
            <i class="fa fa-arrow-up"></i>
          </div>
        </td>
        <td>
          <div
            type="button"
            class="btn btn-xxs btn-default"
            ng-click="moveItem($index,1,'g2c')"
            ng-disabled="$index==(featuresObjectCompletG2c.length-1)"
          >
            <i class="fa fa-arrow-down"></i>
          </div>
        </td>
      </tr>
      <tr ng-if="baselayers" ng-repeat="x in baselayers track by $index">
        <td>
          <div
            class="btn btn-default btn-xxs visibleTournee"
            title="Afficher/Cacher la couche"
            ng-click="toggleBaseMap(x,map)"
          >
            <div
              ng-if="x.active"
              ng-attr-title="{{tooltip.title}}"
              class="{{tooltip.class}}"
            >
              <i class="fa fa-eye"></i>
            </div>
            <div
              ng-if="!x.active"
              ng-attr-title="{{tooltip.title}}"
              class="{{tooltip.class}}"
            >
              <i class="fa fa-eye-slash"></i>
            </div>
          </div>
        </td>
        <td colspan="3">
          <span class="featuresConfigAlias" title="{{x.name}}"
            >{{x.name}}</span
          >
        </td>
      </tr>
    </table>
  </div>
</div>
