<div>
  <h3>Mise à jour</h3>
  <span>{{edit_resource.synchonisedObjs.length}} élements</span>
  <div class="tabledata" style="overflow: auto; width: 300px; height: 100px; ">
    <div class="tabledata">
      <form>
        <table
          class="table table-striped"
          style="text-align: center; width: 250px;"
        >
          <tr>
            <th>Objets</th>
            <th>Localisation</th>
          </tr>
          <tr ng-repeat="updated in edit_resource.synchonisedObjs">
            <td>{{updated}}</td>
            <td>
              <button
                type="button"
                class="btn btn-default btn-xs"
                ng-click="visulaiserGeom(updated)"
              >
                <i class="fa fa-location-arrow"></i>
              </button>
            </td>
          </tr>
        </table>
      </form>
    </div>
  </div>

  <h3>Ajout</h3>
  <span>{{edit_resource.addedObjs.length}} élements</span>
  <div class="tabledata" style="overflow: auto; width: 300px; height: 100px; ">
    <div class="tabledata">
      <form>
        <table
          class="table table-striped"
          style="text-align: center; width: 250px;"
        >
          <tr>
            <th>Objets</th>
            <th>Localisation</th>
          </tr>
          <tr ng-repeat="added in edit_resource.addedObjs">
            <td>{{added}}</td>
            <td>
              <button
                type="button"
                class="btn btn-default btn-xs"
                ng-click="localiseObjById(added)"
              >
                <i class="fa fa-location-arrow"></i>
              </button>
            </td>
          </tr>
        </table>
      </form>
    </div>
  </div>

  <h3>Supression</h3>
  <span>{{edit_resource.deletedObjs.length}} élements</span>
  <div class="tabledata" style="overflow: auto; width: 300px; height: 100px; ">
    <div class="tabledata">
      <form>
        <table class="table " style="text-align: center; width: 250px;">
          <tr>
            <th>Objets</th>
            <th></th>
          </tr>
          <tr ng-repeat="deleted in edit_resource.deletedObjs">
            <td>{{deleted}}</td>
            <td></td>
          </tr>
        </table>
      </form>
    </div>
  </div>
  <!--   <table class="table table-bordered">
    <thead>
      <tr>
        <th>Objets </th>
        <th>Localisation</th>
       
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat = "updated in edit_resource.synchonisedObjs">
        <td>{{updated}}</td>
        <td><button type="button"  class="btn btn-default btn-xs" ng-click="visulaiserGeom(updated)">
            <i class="fa fa-location-arrow"></i>
          </button></td>
       
      </tr>
      
    </tbody>
  </table>


  <h3>
  Ajout
    </h3><span>{{edit_resource.addedObjs.length}} élements</span>
    
    <hr>
    <br>     
  <table class="table table-bordered">
    <thead>
      <tr>
        <th>Objets </th>
        <th>Localisation</th>
       
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat = "added in edit_resource.addedObjs">
        <td>{{added}}</td>
        <td><button type="button"  class="btn btn-default btn-xs" ng-click="visulaiserGeom(added)">
            <i class="fa fa-location-arrow"></i>
          </button></td>
       
      </tr>
      
    </tbody>
  </table> -->
</div>
