state en lugar de switch para elegir tipo de propiedad

uqbar-project · Sep 2, 2016 · 48eb0df · 48eb0df
1 parent 9e6a339
commit 48eb0df
Show file tree

Hide file tree

Showing 7 changed files with 42 additions and 25 deletions.
diff --git a/app/modules/propiedades/controllers/crearPropiedadCtrl.js b/app/modules/propiedades/controllers/crearPropiedadCtrl.js
@@ -1,14 +1,18 @@
-function CrearPropiedadCtrl(PropiedadesHome) {
+function CrearPropiedadCtrl(PropiedadesHome, $state) {
   var self = this;
   self.propiedad = {};
   self.tiposDePropiedad = [{ nombre: "Hotel" }, { nombre: "Particular"}]
 
   self.guardar = function () {
   	PropiedadesHome.create(self.propiedad);
-  }
+  };
+
+  self.abrirTipoPropiedad = function () {
+  	$state.go("main.alta_propiedades." + self.propiedad.tipo.nombre.toLowerCase());
+  };
 };
 
 angular.module("booking-app")
 .controller("CrearPropiedadCtrl", CrearPropiedadCtrl);
 
-CrearPropiedadCtrl.$inject = [ "PropiedadesHome" ];
+CrearPropiedadCtrl.$inject = [ "PropiedadesHome", "$state" ];
diff --git a/app/modules/propiedades/controllers/editarPropiedadCtrl.js b/app/modules/propiedades/controllers/editarPropiedadCtrl.js
@@ -1,14 +1,18 @@
-function EditarPropiedadCtrl(PropiedadesHome, propiedad) {
+function EditarPropiedadCtrl(PropiedadesHome, propiedad, $state) {
   var self = this;
   self.propiedad = propiedad;
   self.tiposDePropiedad = [{ nombre: "Hotel" }, { nombre: "Particular"}]
 
   self.guardar = function () {
   	PropiedadesHome.update(self.propiedad);
-  }
+  };
+
+  self.abrirTipoPropiedad = function () {
+  	$state.go("main.editar_propiedades." + self.propiedad.tipo.nombre.toLowerCase());
+  };
 };
 
 angular.module("booking-app")
 .controller("EditarPropiedadCtrl", EditarPropiedadCtrl);
 
-EditarPropiedadCtrl.$inject = [ "PropiedadesHome", "propiedad" ];
+EditarPropiedadCtrl.$inject = [ "PropiedadesHome", "propiedad", "$state" ];
diff --git a/app/modules/propiedades/propiedades.js b/app/modules/propiedades/propiedades.js
@@ -18,6 +18,12 @@ angular.module('booking-app')
     controller: "CrearPropiedadCtrl",
     controllerAs: "formCtrl"
   })
+  .state('main.alta_propiedades.hotel', {
+    views : { "tipo-propiedad": { templateUrl: "app/modules/propiedades/views/hotelForm.html" } }
+  })
+  .state('main.alta_propiedades.particular', {
+    views : { "tipo-propiedad": { templateUrl: "app/modules/propiedades/views/particularForm.html" } }
+  })
   .state('main.editar_propiedades', {
     url: "/propiedades/editar/:id",
     templateUrl: "app/modules/propiedades/views/form.html",
@@ -28,5 +34,11 @@ angular.module('booking-app')
         return PropiedadesHome.get(parseInt($stateParams.id));
       }
     }
-  });
+  })
+  .state('main.editar_propiedades.hotel', {
+    views : { "tipo-propiedad": { templateUrl: "app/modules/propiedades/views/hotelForm.html" } }
+  })
+  .state('main.editar_propiedades.particular', {
+    views : { "tipo-propiedad": { templateUrl: "app/modules/propiedades/views/particularForm.html" } }
+  })
 });
diff --git a/app/modules/propiedades/views/form.html b/app/modules/propiedades/views/form.html
@@ -34,24 +34,9 @@ <h1 class="page-header">Propiedades</h1>
                             </div>
                             <div class="form-group">
                                 <label>Tipo de propiedad</label>
-                                <select class="form-control" ng-options="tipo as tipo.nombre for tipo in formCtrl.tiposDePropiedad track by tipo.nombre" ng-model="formCtrl.propiedad.tipo"></select>
-                            </div>
-                            <div ng-switch="formCtrl.propiedad.tipo.nombre">
-                                <div ng-switch-when="Hotel" class="form-group">
-                                    <label>Cantidad de estrellas</label>
-                                    <input class="form-control" ng-model="formCtrl.propiedad.tipo.cantidadEstrellas" placeholder="Del 1 a 5">
-                                </div>
-                                <div ng-switch-when="Particular">
-                                    <div class="form-group">
-                                        <label>Antigüedad</label>
-                                        <input class="form-control" ng-model="formCtrl.propiedad.tipo.antiguedad" placeholder="Por ejemplo: 20 años">
-                                    </div>
-                                    <div class="form-group">
-                                        <label>Cantidad de baños</label>
-                                        <input class="form-control" ng-model="formCtrl.propiedad.tipo.banios" placeholder="Por ejemplo: 1">
-                                    </div>
-                                </div>
+                                <select class="form-control" ng-click="formCtrl.abrirTipoPropiedad()" ng-options="tipo as tipo.nombre for tipo in formCtrl.tiposDePropiedad track by tipo.nombre" ng-model="formCtrl.propiedad.tipo"></select>
                             </div>
+                            <div ui-view="tipo-propiedad"></div>
                             <button type="submit" class="btn btn-outline btn-primary" ng-click="formCtrl.guardar()">Guardar</button>
                             <button type="reset" class="btn btn-outline btn-danger">Reset</button>
                             <button ui-sref="main.listado_propiedades" class="btn btn-outline btn-warning">Volver</button>

diff --git a/app/modules/propiedades/views/hotelForm.html b/app/modules/propiedades/views/hotelForm.html
@@ -0,0 +1,4 @@
+<div class="form-group">
+    <label>Cantidad de estrellas</label>
+    <input class="form-control" ng-model="formCtrl.propiedad.tipo.cantidadEstrellas" placeholder="Del 1 a 5">
+</div>
diff --git a/app/modules/propiedades/views/list.html b/app/modules/propiedades/views/list.html
@@ -30,7 +30,7 @@ <h1 class="page-header">Propiedades</h1>
                             <td>{{ propiedad.estado }}</td>
                             <td>{{ propiedad.tipo.nombre }}</td>
                             <td class="center">
-                                <a ui-sref="main.editar_propiedades({ id: propiedad.id })" class="btn btn-primary btn-circle"><i class="fa fa-pencil-square-o"></i></a>
+                                <a ui-sref="main.editar_propiedades.{{ propiedad.tipo.nombre.toLowerCase() }}({ id: propiedad.id })" class="btn btn-primary btn-circle"><i class="fa fa-pencil-square-o"></i></a>
                                 <a ng-click="listadoCtrl.delete(propiedad.id)" class="btn btn-danger btn-circle"><i class="fa fa-times"></i></a>
                             </td>
                         </tr>

diff --git a/app/modules/propiedades/views/particularForm.html b/app/modules/propiedades/views/particularForm.html
@@ -0,0 +1,8 @@
+<div class="form-group">
+    <label>Antigüedad</label>
+    <input class="form-control" ng-model="formCtrl.propiedad.tipo.antiguedad" placeholder="Por ejemplo: 20 años">
+</div>
+<div class="form-group">
+    <label>Cantidad de baños</label>
+    <input class="form-control" ng-model="formCtrl.propiedad.tipo.banios" placeholder="Por ejemplo: 1">
+</div>