unidadesOrganizacional.editar.html 7.57 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
<div class="container">
  <div class="row">
    <div class="col-sm-5 col-md-4 col-xs-6">
      <h4 class="color-primary">Unidad Organizacional</h4>
    </div>
    <div class="col-sm-5 col-md-4 col-sm-offset-2">
      <div class="pull-right">
        <button class="btn btn-success-outline" ng-click="vm.crearUnidad()" type="button"><i class="fa fa-plus"></i>
          Añadir Unidad Organizacional
        </button>
      </div>
    </div>
  </div>
  <div class="col-md-10">
    <uib-alert ng-repeat="alerta in vm.alertasUnidad" type="{{alerta.tipo}}"
               close="vm.alertasUnidad.splice($index,1)"
               dismiss-on-timeout="3000">{{alerta.mensaje}}
    </uib-alert>
  </div>
  <blockquote class="col-md-12 blockquote-primary">
    <div class="row">
      <div class="table-responsive col-md-10">
        <table class="table table-hover">
          <thead>
          <tr>
            <th><a href="" ng-click="vm.ordenar('sigla')">Sigla</a></th>
            <th><a href="" ng-click="vm.ordenar('nombre')">Nombre</a></th>
28
            <th width="100" class="text-center text-primary">Acciones</th>
29 30 31
          </tr>
          </thead>
          <tbody>
32
          <tr ng-repeat-start="unidad in vm.unidadesOrganizacionales.rows">
33 34 35 36
            <td>{{unidad.sigla| uppercase}}</td>
            <td>{{unidad.nombre}}</td>
            <td class="text-center">
              <div class="btn-group" role="group">
37
                <a class="btn btn-info-outline btn-xs" href="#" role="button" uib-tooltip="Editar" tooltip-placement="bottom-right"
38 39 40 41 42 43
                   ng-click="vm.editarUnidadOrganizacional(unidad)">
                  <i class="fa fa-edit fa-lg"></i>
                </a>
                <!--<a class="btn btn-danger-outline btn-xs" href="#" role="button" ng-click="vm.eliminarUnidad(unidad)">
                  <i class="fa fa-trash fa-lg"></i>
                </a>-->
44 45 46
                <button class="btn btn-primary-outline btn-xs" role="button" ng-if="unidad.expanded" uib-tooltip="Ocultar otros Datos" tooltip-placement="bottom-left"
                        ng-click="unidad.expanded = false;$event.stopPropagation();">
                  <i class="fa fa-angle-up fa-lg"></i>
47
                </button>
48 49 50
                <button class="btn btn-primary-outline btn-xs" role="button" ng-if="!unidad.expanded" uib-tooltip="Mostrar otros Datos" tooltip-placement="bottom-left"
                        ng-click="unidad.expanded = true;vm.obtenerOficinasCargos(unidad);$event.stopPropagation();">
                  <i class="fa fa-angle-down fa-lg"></i>
51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
                </button>
              </div>
            </td>
          </tr>
          <tr ng-repeat-end="">
            <td colspan="4" ng-style="{padding:unidad.expanded?'8px':'0','background-color':'white'}">
              <div uib-collapse="!unidad.expanded">
                <blockquote class="blockquote-primary">
                  <div class="row">
                    <div class="col-sm-5 col-md-4 col-xs-6">
                      <h4 class="color-primary">Cargos</h4>
                    </div>
                    <div class="col-sm-5 col-md-6 col-sm-offset-2">
                      <div class="pull-right">
                        <button class="btn btn-success-outline" ng-click="vm.crearCargo(unidad)" type="button"><i
                          class="fa fa-plus"></i>
                          Añadir Cargo
                        </button>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-12">
                      <table class="table table-hover">
                        <tbody>
76
                        <tr ng-repeat="cargo in unidad.Cargos">
77 78 79
                          <td>{{cargo.nombre}}</td>
                          <td class="text-right">
                            <div class="btn-group">
80 81
                              <button type="button" class="btn btn-xs btn-primary-outline" ui-sref="cargos.editar({cargoId:cargo._id})" uib-tooltip="Cargo convocatoria" tooltip-placement="bottom-right">
                                <i class="fa fa-th-list fa-lg"></i></button>
82
                              <button type="button" class="btn btn-xs btn-info-outline" ng-click="vm.editarCargo(cargo, unidad );" uib-tooltip="Editar" tooltip-placement="top">
83 84 85
                                <i class="fa fa-edit fa-lg"></i></button>
                              <button type="button" class="btn btn-xs btn-danger-outline" ng-click="vm.eliminarCargo(unidad, cargo);" uib-tooltip="eliminar" tooltip-placement="bottom-left">
                                <i class="fa fa-trash fa-lg"></i></button>
86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111
                            </div>
                          </td>
                        </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-5 col-md-4 col-xs-6">
                      <h4 class="color-primary">Oficinas</h4>
                    </div>
                    <div class="col-sm-5 col-md-6 col-sm-offset-2">
                      <div class="pull-right">
                        <button class="btn btn-success-outline" ng-click="vm.crearOficina(unidad)" type="button"><i
                          class="fa fa-plus"></i>
                          Añadir Oficina
                        </button>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-12">
                      <div class="list-group">
                        <div class="list-group-item" ng-repeat="oficina in unidad.OficinaUnidad">
                            <span class="pull-right">
                              <div class="btn-group">
112
                                <button type="button" class="btn btn-info-outline btn-xs" uib-tooltip="Editar" tooltip-placement="bottom-right"
113 114
                                        ng-click="vm.editarOficina(unidad, oficina)"><i
                                  class="fa fa-edit fa-lg"></i></button>
115
                                <button type="button" class="btn btn-danger-outline btn-xs" uib-tooltip="Eliminar" tooltip-placement="bottom-left"
116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149
                                        ng-click="vm.eliminarOficina(unidad, oficina)"><i
                                  class="fa fa-trash fa-lg"></i></button>
                              </div>
                            </span>
                          <div class="form-group">
                            <label>{{oficina.nombre}}</label>
                          </div>
                          <ul class="list-unstyled">
                            <li class="mb-sm">
                              <em class="fa fa-map-marker"></em>
                              <a href="https://www.google.com/maps?q={{oficina.latitud}},{{oficina.longitud}}">Ubicación</a>
                            </li>
                            <li class="mb-sm">
                              <em class="fa fa-globe"></em> {{oficina.pais}}
                            </li>
                            <li class="mb-sm" ng-show="oficina.principal">
                              <em class="fa fa-circle-o"></em>
                              <label class="label label-success">Oficina principal</label>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </blockquote>
              </div>
            </td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </blockquote>
</div>