Merge branch 'develop' of http://scm.ujaen.es/softuno/pictogram into develop

sails/INSTALL.md

@@ -59,11 +59,21 @@ mostradas más adelante hacen todo el trabajo, basta con ejecutar [./install.sh]
 
 ### Opción B (desarrollo en local)
 
- 0. Comprobar que VT-x (virtualización) está habilitada en la BIOS y tenemos IP estática.
+  0. Comprobar que VT-x (virtualización) está habilitada en la BIOS.
   1. Instalar [virtualbox][1] y [vagrant][2] (version >1.5 para este último).
   2. Ejecutar `vagrant up` desde este directorio.
 
-Si queremos entrar en la máquina virtual, para Sails y volverlo a lanzar en modo
+  ```
+  Es importante asegurarse de (si no hemos generado claves SSL) editar `src/config/local.js`
+  y quitar lo relativo a certificados SSL (toda la entrada de la clave `ssl`).
+  Si hacemos esto, también tendremos que apuntar Angular al backend correcto (no usar https, sino http) editando `src/assets/scripts/config.js`.
+  ```
+
+  > **Importante**: el script utilizado creará un entorno para el servidor desde cero, por lo que > **pueden perderse los datos** almacenados por usuarios.
+
+## Ejecución
+
+Si queremos entrar en la máquina virtual, parar Sails y volverlo a lanzar en modo
 consola:
 
 ```
@@ -73,29 +83,6 @@ sails$ vagrant ssh
 [vagrant@localhost src]$ sails console
 ```
 
-Descargar upload.zip y symbolstx.zip desde el servidor de Yottacode, 
-descomprimir y crear enlaces simbólicos (en /vagrant/):
-
-```
-scp ec2-user@dev.yottacode.com:~/upload.tgz .
-scp ec2-user@dev.yottacode.com:~/symbolstx.tgz .
-tar zxvf upload.tgz
-tar zxvf symbolstx.tgz
-ln -s symbolstx_96x82 symbolstx
-rm upload.tgz
-rm symbolstx.tgz
-```
-
-Es importante asegurarse de (si no hemos generado claves SSL) editar `src/config/local.js`
-y quitar lo relativo a certificados SSL (toda la entrada de la clave `ssl`).
-Si hacemos esto, también tendremos que apuntar Angular al backend correcto (no usar https, sino http)
-editando `src/assets/scripts/config.js`.
-
-> **Importante**: el script utilizado creará un entorno para el servidor desde cero, por lo que
-> **pueden perderse los datos** almacenados por usuarios.
-
-## Ejecución
-
 Una vez lanzado sails con el servidor comienza con la compilación de la aplicación web mediante
 tareas de Grunt, para esta configuración existe, por un lado, un fichero [Gruntfile.js][11] que
 se encarga de cargar las tareas establecidas y ejecutar la especificada (`default` si no se

sails/Vagrantfile

@@ -15,5 +15,6 @@ Vagrant.configure(2) do |config|
   end
 
   config.vm.provision "shell", path: "install.sh"
+  config.vm.provision "shell", path: "pictoload.sh"
   config.vm.provision "shell", path: "bootstrap.sh", run: "always"
 end

sails/pictoload.sh

+#!/bin/bash
+
+echo "--Descargando coleccion de pictogramas"
+  wget http://dev.yottacode.com/symbolstx.tgz.gpg /vagrant/
+  wget http://dev.yottacode.com/upload.tgz.gpg /vagrant/
+echo "--Desencriptando coleccion"
+  echo r\"YjtnB+a4$.M*nJ | gpg --batch --no-tty --yes --passphrase-fd 0 symbolstx.tgz.gpg
+  echo r\"YjtnB+a4$.M*nJ | gpg --batch --no-tty --yes --passphrase-fd 0 upload.tgz.gpg
+echo "--Descomprimiendo coleccion"
+  tar zxvf /vagrant/upload.tgz
+  tar zxvf /vagrant/symbolstx.tgz
+echo "--Renombrado y borrado de archivos"
+  rm upload.tgz
+  rm upload.tgz.gpg
+  rm symbolstx.tgz
+  rm symbolstx.tgz.gpg
+  mv /vagrant/symbolstx_96x82 /vagrant/symbolstx

sails/src/assets/styles/main.css

@@ -461,50 +461,58 @@ textarea.editable{
 #collections .picto_peq .picto_options .picto_add{ position: absolute; top: 2px; right: 2px; }
 
 /* Picto options when adding a picto to a category */
-.picto_cat .picto_peq .picto_options .picto_remove{ position: absolute; top: 4px; left: 7px; }
+.picto_cat .picto_peq .picto_options .picto_remove{ position: absolute; top: 4px; left: 7px; z-index: 2; }
 /* Picto options in student collection */
-.picto .picto_options .picto_remove{ position: absolute; top: 2px; left: 2px; }
-.picto .picto_options .picto_add{ position: absolute; top: 28px; left: 28px; }
-.picto .picto_options .picto_ok{ position: absolute; top: 2px; right: 2px; }
+.picto .picto_options .picto_remove{ position: absolute; top: 2px; left: 2px; z-index: 2; }
+.picto .picto_options .picto_add{ position: absolute; top: 28px; left: 28px; z-index: 2; }
+.picto .picto_options .picto_ok{ position: absolute; top: 2px; right: 2px; z-index: 2; }
 .picto .picto_options .picto_tags{ position: absolute; bottom: 2px; left: 2px; z-index: 2; }
 .picto .picto_options .picto_config{ position: absolute; bottom: 2px; right: 2px; z-index: 2; }
 
-.picto .picto_options .picto_info{ position: absolute; top: 2px; left: 2px; }
-.picto .picto_options .picto_plus{ position: absolute; top: 2px; right: 2px; }
+.picto .picto_options .picto_info{ position: absolute; top: 2px; left: 2px; z-index: 2; }
+.picto .picto_options .picto_plus{ position: absolute; top: 2px; right: 2px; z-index: 2; }
 
-.picto .picto_options .picto_minus{ position: absolute; top: 2px; right: 2px; }
+.picto .picto_options .picto_minus{ position: absolute; top: 2px; right: 2px; z-index: 2; }
 
-.picto .picto_options .picto_cat_edit{ position: absolute; top: 2px; left: 2px; }
+.picto .picto_options .picto_cat_edit{ position: absolute; top: 2px; left: 2px; z-index: 2; }
 
 /* Picto legend */
 .picto-legend-normal {
+		/*General*/
 		position: absolute;
     bottom: 0px;
-    text-align: center;
+		margin-left: -2px;
     width: 100%;
 		background-color: white;
-		color:black;
-    margin-left: -2px;
+		border-radius: 0px 0px 5px 5px;
+		z-index: 1;
+		/*Text*/
+		font-family: monospace;
 		font-weight: 600;
+		text-align: center;
 		text-transform: uppercase;
-    font-size: 12px;
+		color:black;
+    font-size: 10px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    border-radius: 0px 0px 5px 5px;
-    z-index: 1;
 }
 .picto-legend-full {
+		/*General*/
 		position: absolute;
 		bottom: 0px;
+		margin-left: -2px;
 		width: 100%;
 		height: 100%;
-	background-color: rgba(1, 1, 1, 0.5);
-	color: white;
-	margin-left: -2px;
+		background-color: white;
+		border-radius: 5px;
+		z-index: 1;
+		/*Text*/
+		font-family: monospace;
 		font-weight: 600;
+		font-size: 10px;
+		color: black;
 		text-transform: uppercase;
-	font-size: 12px;
 		word-wrap: break-word;
 		display: flex;
 		align-items: center;