1
00:00:01,010 --> 00:00:08,910
Vamos a seguir mejorando nuestra aplicación y de momento lo que vamos a incluir es algo tan simple como un pequeño menú, ¿de acuerdo?

2
00:00:09,109 --> 00:00:16,329
Si nosotros volvemos a nuestra aplicación vemos que o bien vamos por empleado o bien vamos por departamento, pero no hay nada que enlace todo a la aplicación.

3
00:00:17,109 --> 00:00:29,350
Bueno, vamos a ver cuál es el sitio más indicado y parece que la plantilla que realmente arranca todo es esta de BaseHTML.

4
00:00:29,350 --> 00:00:44,310
Y podría ser indicado poner el body, aquí en el body, el menú. Podríamos ponerlo directamente ahí, igual que hemos hecho con el CSS o como hemos puesto esto, o podríamos incluir un ficherito que después ejecutemos aparte.

5
00:00:44,310 --> 00:01:15,019
Vamos a optar por esa opción para no mezclar todo en este fichero y vamos a incluir algo que sea, pues simplemente vamos a llamarle menú HTML Twig, vamos a incluir este, vamos a crear aquí en templates ese ficherito, vamos a crear un nuevo archivo que se llame así, menú HTML Twig y vamos a ver qué hacemos con él.

6
00:01:15,019 --> 00:01:28,459
Bueno, este menú simplemente tiene que arrancar, dentro de Base, tiene que arrancar o el índice de empleado o el índice de departamentos, ¿vale?

7
00:01:29,920 --> 00:01:34,060
Vamos a incluirlo, vamos a incluir cómo arrancamos ese índice.

8
00:01:34,200 --> 00:01:36,640
Una manera sería poner botones de esta manera o enlaces.

9
00:01:36,640 --> 00:02:07,069
Aquí vamos a poner, por ejemplo, enlaces. Voy a copiarme este que está aquí ya. Me lo voy a copiar aquí y voy a poner dos enlaces. Voy a poner un enlace que nos vaya, quitamos los comentarios, un enlace que me vaya directamente al índice de empleados y yo pondré por aquí empleados y otro similar a este que me vaya a departamentos.

10
00:02:08,150 --> 00:02:08,590
¿Vale?

11
00:02:09,849 --> 00:02:13,550
Bueno, esto estaría bien que estuviera dentro de una zona de navegación o de menú.

12
00:02:13,669 --> 00:02:17,449
Vamos a ver nuestro CSS, que ya lo tenemos bastante olvidado, nuestro CSS.

13
00:02:18,509 --> 00:02:24,330
Vamos a ver que tenemos aquí, si tenemos algo de otras aplicaciones, que hable algo de menú o similar.

14
00:02:24,530 --> 00:02:27,270
Vamos a hacer una ojeada, a ver si hubiera algo por aquí.

15
00:02:28,210 --> 00:02:36,270
Y, y, y, y, bueno, vemos esto de user, que nos puede valer, que simplemente dice, pon estas cosas a la derecha.

16
00:02:36,270 --> 00:02:38,270
ponlo flotante a la derecha

17
00:02:38,270 --> 00:02:41,129
vale, voy a ponerle flotante a la derecha

18
00:02:41,129 --> 00:02:42,770
algo que se llame

19
00:02:42,770 --> 00:02:44,009
menú, y entonces

20
00:02:44,009 --> 00:02:46,009
en nuestro menú vamos a darle

21
00:02:46,009 --> 00:02:48,110
un div class

22
00:02:48,110 --> 00:02:49,810
menú

23
00:02:49,810 --> 00:02:53,939
y aquí ya sabemos que es donde van a aparecer

24
00:02:53,939 --> 00:02:55,360
las distintas opciones

25
00:02:55,360 --> 00:02:58,300
vale, incluso para separarla

26
00:02:58,300 --> 00:02:59,419
vamos a utilizar una barbita

27
00:02:59,419 --> 00:03:01,599
para que veamos cada opción

28
00:03:01,599 --> 00:03:02,759
separada de otra

29
00:03:02,759 --> 00:03:04,819
vamos a ver si con estos cambios

30
00:03:04,819 --> 00:03:07,740
Esto ejecuta algo distinto

31
00:03:07,740 --> 00:03:08,919
Voy a recargar esta página

32
00:03:08,919 --> 00:03:13,120
Y efectivamente estoy viendo empleados y departamentos

33
00:03:13,120 --> 00:03:13,979
¿Vale?

34
00:03:14,360 --> 00:03:16,240
Lo que no estoy viéndolo es aquí

35
00:03:16,240 --> 00:03:18,120
Me gustaría verlo en esta zona de aquí

36
00:03:18,120 --> 00:03:19,879
Para que no me esté incorriendo todo el rato

37
00:03:19,879 --> 00:03:21,500
De momento voy a ver que funciona

38
00:03:21,500 --> 00:03:23,960
Si voy a empleados estoy en esta página

39
00:03:23,960 --> 00:03:24,879
Perfectamente

40
00:03:24,879 --> 00:03:28,099
Si estoy en departamentos estoy en esta página de aquí

41
00:03:28,099 --> 00:03:31,439
Ya solamente hay que alterar este div class menu

42
00:03:31,439 --> 00:03:34,039
Que realmente me lo esté instalando

43
00:03:34,039 --> 00:03:38,889
en la zona correspondiente

44
00:03:38,889 --> 00:03:40,610
aquí parece que debería

45
00:03:40,610 --> 00:03:42,069
funcionar, por lo que sea

46
00:03:42,069 --> 00:03:43,310
no me está funcionando

47
00:03:43,310 --> 00:03:47,569
vamos a ver si es que esta página

48
00:03:47,569 --> 00:03:49,150
no la he recargado suficientemente

49
00:03:49,150 --> 00:03:51,370
efectivamente, todavía está en caché

50
00:03:51,370 --> 00:03:53,310
la de user, esto es un error muy habitual

51
00:03:53,310 --> 00:03:55,110
voy a cargar otra vez

52
00:03:55,110 --> 00:03:57,669
esta página y ahora ya está

53
00:03:57,669 --> 00:03:59,810
en menú, y ahora ya si recargará esto

54
00:03:59,810 --> 00:04:03,280
debería funcionarme

55
00:04:03,280 --> 00:04:07,000
en aquella zona, no lo veo de momento

56
00:04:07,000 --> 00:04:08,099
vamos a volver a ver

57
00:04:08,099 --> 00:04:09,780
que este esté bien cargado

58
00:04:09,780 --> 00:04:13,620
esto ya está en menú ahí

59
00:04:13,620 --> 00:04:15,960
creo que no hay ningún punto menú antes

60
00:04:15,960 --> 00:04:19,829
y ahora ya sí, me he mordado

61
00:04:19,829 --> 00:04:22,189
en control F5 para que me

62
00:04:22,189 --> 00:04:24,050
recargue de verdad la página y miren

63
00:04:24,050 --> 00:04:26,050
dónde está ya, correctamente he puesto

64
00:04:26,050 --> 00:04:28,230
si no le gusta este formato, pues ya está

65
00:04:28,230 --> 00:04:29,930
si queremos mejorarlo

66
00:04:29,930 --> 00:04:32,250
o queremos poner botones o cualquier otra cuestión

67
00:04:32,250 --> 00:04:34,269
ya sabemos cómo hacerlo, simplemente ya tenemos

68
00:04:34,269 --> 00:04:35,970
aquí como accediendo

69
00:04:35,970 --> 00:04:38,389
a cualquiera, o empleados o a departamentos

70
00:04:38,389 --> 00:04:43,029
nos aparece, hasta ahora

71
00:04:43,029 --> 00:04:45,069
cuando poníamos aquí la decisión

72
00:04:45,069 --> 00:04:45,970
teníamos que decir

73
00:04:45,970 --> 00:04:49,449
a qué entidad íbamos a trabajar

74
00:04:49,449 --> 00:04:50,790
con qué entidad íbamos a trabajar

75
00:04:50,790 --> 00:04:52,930
nos gustaría que cuando

76
00:04:52,930 --> 00:04:55,129
dieramos raíz directamente ya nos

77
00:04:55,129 --> 00:04:57,310
apareciera el gestor de la aplicación

78
00:04:57,310 --> 00:04:59,009
en este caso cuando hacemos esto nos

79
00:04:59,009 --> 00:05:00,970
aparece esta pantalla de bienvenida

80
00:05:00,970 --> 00:05:02,850
y nos gustaría crear una ruta

81
00:05:02,850 --> 00:05:05,110
que fuera la ruta raíz que nos llevará

82
00:05:05,110 --> 00:05:07,509
ya a la aplicación, a lo que queramos de la aplicación

83
00:05:07,509 --> 00:05:08,730
bueno, para ello

84
00:05:08,730 --> 00:05:10,589
vamos a ir a un nuevo fichero

85
00:05:10,589 --> 00:05:12,389
ejecutar un nuevo fichero

86
00:05:12,389 --> 00:05:17,410
que es roots.yaml. Eso está dentro de la configuración

87
00:05:17,410 --> 00:05:21,029
configuración roots.yaml. Y ahí podemos

88
00:05:21,029 --> 00:05:25,129
definir un elemento nuevo. Vamos a decir que nuestro índice

89
00:05:25,129 --> 00:05:31,779
nuestro nuevo índice para la ruta barra

90
00:05:31,779 --> 00:05:35,199
va a manejarla el controlador

91
00:05:35,199 --> 00:05:39,939
de nuestra aplicación. En nuestro

92
00:05:39,939 --> 00:05:43,160
caso, por ejemplo, vamos a llamarla el de empleado controller.

93
00:05:43,160 --> 00:06:00,839
Y dentro de ella el controlador índice. Vamos a ver quién es este controlador índice, lo tenemos por aquí, empleado controller, y nuestro índice, nuestro empleado índice, pues justamente va a ser este primero de aquí, ¿vale? Este primero que aparece aquí.

94
00:06:00,839 --> 00:06:09,620
Bueno, vamos a ver si ahora yo puedo recargar esta página y me va directamente a esa aplicación

95
00:06:09,620 --> 00:06:16,000
Y efectivamente ya no me hace falta más que entrar para ir a la aplicación de empleados o departamentos

96
00:06:16,000 --> 00:06:18,819
Aprovecho este vídeo para incluir una cosa más

97
00:06:18,819 --> 00:06:24,240
Cuando yo quiero borrar algo, voy a ir por ejemplo a departamentos y voy a generar un departamento rápido

98
00:06:24,240 --> 00:06:34,819
Aquí hay algún problema, empleados, departamentos

99
00:06:34,819 --> 00:06:37,060
voy a ver si está bien hecho bien el menú

100
00:06:37,060 --> 00:06:38,079
que es posible que no

101
00:06:38,079 --> 00:06:40,600
ya saben que cuando hacemos

102
00:06:40,600 --> 00:06:43,019
copias y pegas se nos quedan cosas

103
00:06:43,019 --> 00:06:44,139
y efectivamente

104
00:06:44,139 --> 00:06:46,980
ven aquí como habíamos puesto

105
00:06:46,980 --> 00:06:48,480
dos veces empleado index

106
00:06:48,480 --> 00:06:50,379
y es departamento index

107
00:06:50,379 --> 00:06:53,339
vale, ejecutamos otra vez

108
00:06:53,339 --> 00:06:55,240
y ahora ya cuando vamos a departamento

109
00:06:55,240 --> 00:06:56,480
funciona perfectamente

110
00:06:56,480 --> 00:06:59,199
estos son los errores del directo

111
00:06:59,199 --> 00:07:00,339
bueno, pues voy a añadir

112
00:07:00,339 --> 00:07:03,220
un nuevo departamento al cual voy a llamar

113
00:07:03,220 --> 00:07:04,000
error

114
00:07:04,000 --> 00:07:05,860
lo añado

115
00:07:05,860 --> 00:07:08,060
y ahora

116
00:07:08,060 --> 00:07:09,220
voy

117
00:07:09,220 --> 00:07:12,839
a editarlo y dentro de esto

118
00:07:12,839 --> 00:07:14,839
a eliminarlo, y me sale este mensaje

119
00:07:14,839 --> 00:07:17,000
todavía en inglés, entonces esto se nos olvidó

120
00:07:17,000 --> 00:07:18,860
en su momento, buscar

121
00:07:18,860 --> 00:07:20,540
donde estaba y traducirlo

122
00:07:20,540 --> 00:07:23,000
voy a cancelar para utilizarlo después

123
00:07:23,000 --> 00:07:25,060
bueno, pues vamos a nuestro

124
00:07:25,060 --> 00:07:27,079
código y en la zona

125
00:07:27,079 --> 00:07:29,120
donde poníamos delete tanto empleado

126
00:07:29,120 --> 00:07:30,920
en nuestro caso estamos con departamento

127
00:07:30,920 --> 00:07:32,199
o como departamento

128
00:07:32,199 --> 00:07:35,259
aquí aparece onSummit

129
00:07:35,259 --> 00:07:38,660
y miren que aquí está ese mensaje

130
00:07:38,660 --> 00:07:40,939
entonces este mensaje hay que traducirlo

131
00:07:40,939 --> 00:07:42,459
vamos a traducirlo

132
00:07:42,459 --> 00:07:45,750
estar seguro

133
00:07:45,750 --> 00:07:48,850
estar seguro de borrar

134
00:07:48,850 --> 00:07:52,519
este departamento

135
00:07:52,519 --> 00:07:54,360
por ejemplo en este caso, ¿vale?

136
00:07:55,259 --> 00:07:56,040
voy a copiarlo

137
00:07:56,040 --> 00:07:57,779
y que no se me olvide cambiar después a depa

138
00:07:57,779 --> 00:08:00,699
voy a guardar esto, voy a hacer lo mismo en empleado

139
00:08:00,699 --> 00:08:07,410
hago lo mismo

140
00:08:07,410 --> 00:08:09,089
y ahora pongo empleado

141
00:08:09,089 --> 00:08:13,529
y vamos a ver si ahora nos sale perfectamente

142
00:08:13,529 --> 00:08:18,730
voy a recargar esto para que cargue la página

143
00:08:18,730 --> 00:08:20,649
le doy a eliminar

144
00:08:20,649 --> 00:08:24,790
y efectivamente ya tenemos esto funcionando

145
00:08:24,790 --> 00:08:26,889
voy a borrarlo de verdad

146
00:08:26,889 --> 00:08:31,569
y efectivamente ha desaparecido de la lista de departamentos

147
00:08:31,569 --> 00:08:34,149
¿qué nos quedaría en la aplicación?

148
00:08:34,149 --> 00:08:38,909
pues básicamente lo más importante que nos quedaría en esta aplicación

149
00:08:38,909 --> 00:08:45,610
es introducir un sistema de sesiones para controlar las personas que pueden acceder a esta aplicación.

150
00:08:46,610 --> 00:08:47,610
Ya lo hacemos en otro vídeo.