-Configuracion: Añadido icono en el botón de aceptar.

Cambiado el mensaje de éxito en la grabación de los cambios.
-CopiaSeguridad: Añadidos iconos en los botones de aceptar y volver.
-Csv: Añadidos iconos en los botones de acción.
-Importacion: Añadidos iconos en los botones de acción.
                       Cambiado el control de subida de fichero por el de Jasny.
                       Cambiado el formato para controlar las columnas que ocupa el formulario de subida para que sea 'responsive'
-AportaContenido: Quitado 'de' del mensaje de opción actual en Mantenimiento para acortar mensaje.
-InformeInventario: Añadidos iconos en los botones de acción.
                    	        Cambiado el formato para que sea correcto en todas las resoluciones de pantalla.
-Mantenimiento: Añadidos iconos en los botones de acción.
                Añadidas flechas para indicar el campo que marca el orden de visualización.
-bootstrap.html: Añadida la opción de cerrar sesión en resolución pequeña.
                 	    Añadida una textura al fondo de la cabecera.
                 	    Cambios en las dimensiones de los contenedores para mejorar la visualización.
-img/fondos: Añadidos algunos ficheros de texturas para poder utilizarlos en el futuro.
-CHANGELOG: Añadido este fichero para llevar un registro de cambios entre versiones.

AportaContenido.php

@@ -25,7 +25,7 @@ define('PIE', '<center><a target="_blank" href="http://www.gnu.org/licenses/gpl-
         '<a target="_blank" href="http://www.php.net"><img src="img/php.gif" alt="PHP Language" /></a> </center>');
 define('FORMULARIO_ACCESO', '<form name="formulario_acceso" action="index.php?registrarse" method="POST">' .
         'Usuario<br><input type="text" name="usuario" value="" size="8" /><br><br>Clave<br><input type="password" name="clave" value="" size="8" />' .
-        '<br><br><input type="submit" value="Iniciar" name="iniciar" /></form>');
+        '<br><br><button type="submit" name="iniciar" class="btn btn-primary">Iniciar <span class="glyphicon glyphicon-log-in"></span></button></form>');
 define('MENSAJE_DEMO', 'Puede Iniciar sesi&oacute;n con<br>usuario <i><b>demo</b></i><br>contrase&ntilde;a <i>demo</i><br>');
 define('USUARIO_INCORRECTO', '<label class="error">Usuario y clave incorrectos!</label><br><br>');
 
@@ -155,7 +155,7 @@ class AportaContenido {
                     case 'ubicaciones':
                     case 'usuarios':
                     case 'test':
-                        return "Mantenimiento de " . ucfirst($opcion);
+                        return "Mantenimiento " . ucfirst($opcion);
                     case 'configuracion':
                         return 'Configuraci&oacute;n y Preferencias';
                     case 'informeInventario':return "Informe de Inventario";
@@ -166,7 +166,7 @@ class AportaContenido {
                 return '';
             case 'control':
                 if ($this->registrado)
-                    return '<a href="index.php?cerrarSesion">Cerrar Sesi&oacute;n</a>';
+                    return '<a href="index.php?cerrarSesion">Cerrar Sesi&oacute;n <span class="glyphicon glyphicon-log-out"></span></a>';
                 else
                     return '';
             // Para incluir el contenido central de la página
@@ -248,8 +248,10 @@ class AportaContenido {
                         }
 
                     case 'bienvenido': // El usuario quiere iniciar sesión
-                        return 'Bienvenid@ ' . $this->usuario . '<br><br><center><img src="img/codigoBarras.png" alt="' . PROGRAMA . '">' .
+                        $mensaje = '<div class="alert alert-success">';
-                                '<br><label>' . CENTRO . '</label></center><br><br>' . PIE;
+                        $mensaje .= 'Bienvenid@ ' . $this->usuario . '</div><br><br><center><img src="img/codigoBarras.png" alt="' . PROGRAMA . '">' .
+                                '<br><label>' . CENTRO . '</label></center><br><br>' . PIE;;
+                        return $mensaje;
                     case 'configuracion':
                         if ($this->perfil['Config']) {
                             $conf = new Configuracion();

CHANGELOG

@@ -0,0 +1,18 @@
+Versión 1.06 28-03-2014
+-Configuracion: Añadido icono en el botón de aceptar.
+                Cambiado el mensaje de éxito en la grabación de los cambios.
+-CopiaSeguridad: Añadidos iconos en los botones de aceptar y volver.
+-Csv: Añadidos iconos en los botones de acción.
+-Importacion: Añadidos iconos en los botones de acción.
+              Cambiado el control de subida de fichero por el de Jasny.
+              Cambiado el formato para controlar las columnas que ocupa el formulario de subida para que sea 'responsive'
+-AportaContenido: Quitado 'de' del mensaje de opción actual en Mantenimiento para acortar mensaje.
+-InformeInventario: Añadidos iconos en los botones de acción.
+                    Cambiado el formato para que sea correcto en todas las resoluciones de pantalla.
+-Mantenimiento: Añadidos iconos en los botones de acción.
+                Añadidas flechas para indicar el campo que marca el orden de visualización.
+-bootstrap.html: Añadida la opción de cerrar sesión en resolución pequeña.
+                 Añadida una textura al fondo de la cabecera.
+                 Cambios en las dimensiones de los contenedores para mejorar la visualización.
+-img/fondos: Añadidos algunos ficheros de texturas para poder utilizarlos en el futuro.
+-CHANGELOG: Añadido este fichero para llevar un registro de cambios entre versiones.

Configuracion.php

@@ -80,7 +80,7 @@ class Configuracion {
         }
         $salida.=$this->formulario();
         if ($grabar) {
-            $salida.='<p class="bg-primary">Configuraci&oacute;n guardada correctamente</p>';
+            $salida.='<div class="alert alert-success">Configuraci&oacute;n guardada correctamente</div>';
             fclose($fsalida);
             //unlink($this->confAnterior);
             rename($this->configuracion, $this->confAnterior);
@@ -142,7 +142,7 @@ class Configuracion {
         $salida.='<tr><td>Clave</td><td><input type="text" name="CLAVE" value="' . $this->datosConf['CLAVE'] . '" size="30" /></td></tr>';
         $salida.='<tr><td>mysqldump</td><td><input type="text" name="MYSQLDUMP" value="' . $this->datosConf['MYSQLDUMP'] . '" size="30" /></td></tr>';
         $salida.='<tr><td>gzip</td><td><input type="text" name="GZIP" value="' . $this->datosConf['GZIP'] . '" size="30" /></td></tr>';
-        $salida.='<tr align=center><td colspan=2><input type="submit" class="btn btn-primary" align="center" value="Aceptar" name="aceptar" /></td></tr></p>';
+        $salida.='<tr align=center><td colspan=2><button type="submit" class="btn btn-primary" name="aceptar"><span class="glyphicon glyphicon-ok"></span> Aceptar</td></tr></p>';
         $salida.='</form></div></center>';
         $salida.="<script>
                         $(document).ready(function() {

CopiaSeguridad.php

@@ -45,8 +45,9 @@ class CopiaSeguridad {
         $dialogo = '<div class="container col-5"><div class="jumbotron">
                       <h1>Copia de Seguridad</h1>
                       <p>¿Desea realizar una copia de seguridad de todos los datos de la Base de Datos y de todas las Imágenes?</p>
-                      <p><a class="btn btn-primary btn-lg" role="button" onClick="location.href=' . "'index.php'" . '">Volver</a>
+                      <p><a class="btn btn-primary btn-lg" role="button" onClick="location.href=' . "'index.php'" . '"><span class="glyphicon glyphicon-arrow-left"></span> Volver</a>
-                         <a class="btn btn-success btn-lg" role="button" onClick="location.href=' . "'index.php?copiaseg&confirmado=1'" . '">Continuar</a></p>
+                         <a class="btn btn-success btn-lg" role="button" onClick="location.href=' . "'index.php?copiaseg&confirmado=1'" . '">
+                             <span class="glyphicon glyphicon-cloud-download"></span> Continuar</a></p>
                     </div></div>';
         return $dialogo;
     }

Csv.php

@@ -198,8 +198,8 @@ class Csv {
         $mensaje .= $this->panelMensaje('Si se produce cualquier error en el procesamiento del fichero, no se aplicará ningún cambio en la base de datos.');
 
         $mensaje .= '<form method="post" name="Aceptar" action="index.php?importacion&opc=ejecutar">
-                <input type="button" name="Cancelar" value="Cancelar" onClick="location.href=' . "'index.php'" . '" class="btn btn-danger">
+                <button type="button" name="Cancelar" value="Cancelar" onClick="location.href=' . "'index.php'" . '" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Cancelar</button>
-                <input type="submit" name="Aceptar" value="Aceptar" class="btn btn-primary">
+                <button type="submit" name="Aceptar" class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span> Aceptar</button>
                 <input type="hidden" name="ficheroCSV" value="' . $this->nombre . '">
                 </form></center>';
 

Importacion.php

@@ -55,12 +55,32 @@ class Importacion {
 
     private function formulario() {
         $accion = "index.php?importacion&opc=importar";
-        $salida = '<form  enctype="multipart/form-data" name="importacion.form" method="post" action="' . $accion . '">' . "\n";
+        $salida .= '<script type="text/javascript" src="css/bootstrap-filestyle.min.js"> </script>';
+        $salida .='<div class="col-sm-6 col-md-6">';
+        $salida .= '<form  enctype="multipart/form-data" name="importacion.form" method="post" action="' . $accion . '">' . "\n";
         $salida .= "<fieldset style=\"width: 96%;\"><p><legend style=\"color: red;\"><b>Elige Archivo</b></legend>\n";
-        $salida .= '<input type="file" name="fichero" id="fichero" onChange="seleccionFichero(this);">';
+        //$salida .= '<input type="file" name="fichero" id="fichero" onChange="seleccionFichero(this);" class="filestyle" data-classButton="btn btn-primary">';
-        $salida .= '<p align="center"><button class="btn btn-primary" type=submit>Aceptar</button></p><br>' . "\n";
+        //$salida .= '<input type="file" name="fichero" id="fichero" onChange="seleccionFichero(this);">';
-        $mensaje = utf8_decode('Sólo se permiten archivos con extensión CSV');
+        //$salida .= '<input type="file" class="filestyle" data-input="false">';
-        $salida .= "<script type='text/javascript'>
+        $salida .= '<div class="fileinput fileinput-new" data-provides="fileinput">
+                        <div class="input-group">
+                            <div class="form-control" data-trigger="fileinput">
+                                <i class="glyphicon glyphicon-file fileinput-exists"></i>
+                                <span class="fileinput-filename"></span>
+                            </div>
+                            <span class="input-group-addon btn btn-default btn-file">
+                            <span class="fileinput-new">
+                            <span class="glyphicon glyphicon-folder-open"></span> Selecciona fichero</span>
+                            <span class="fileinput-exists">Cambiar</span><input type="file" name="fichero" id="fichero" onChange="seleccionFichero(this);"></span>
+                            <a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput">Eliminar</a>
+                        </div>
+                    </div>';
+        $salida .= '<p align="center"><button class="btn btn-primary" type=submit><span class="glyphicon glyphicon-cloud-upload"></span> Aceptar</button></p><br>' . "\n";
+        $salida .= '</div>';
+        $mensaje = 'Sólo se permiten archivos con extensión CSV';
+        $salida .= "<script type='text/javascript'>".'
+            //$(":file").filestyle({classButton: "btn btn-primary"});'."
+
                 function seleccionFichero(obj) {
                 var filePath = obj.value;
 

InformeInventario.php

@@ -175,16 +175,17 @@ class InformeInventario {
     }
 
     private function formulario($accion, $etiqueta, $lista) {
-        $salida = '<div class="col-sm-2 col-md-6"><form name="informeInventario.form" method="post" action="' . $accion . '">' . "\n";
+        $salida ='<div class="col-sm-6 col-md-6"><form name="informeInventario.form" method="post" action="' . $accion . '">' . "\n";
         $salida.="<fieldset style=\"width: 96%;\"><p><legend style=\"color: red;\"><b>Elige $etiqueta</b></legend>\n";
         $salida.="<br><br><label>$etiqueta</label>";
         $salida.=$lista;
-        $salida.="<br><br><label for='salida'>Salida del informe por:</label>";
+        $salida.="<br><br>
-        $salida.='<div class="radio"><label><input type="radio" name="salida" value="pantalla" checked>Pantalla</label></div>';
+            <label for='salida'>Salida del informe por:</label>";
-        $salida.='<div class="radio"><label><input type="radio" name="salida" value="csv">Archivo CSV</label></div>';
+        $salida.='<div class="radio"><label><input type="radio" name="salida" value="pantalla" checked><span class="glyphicon glyphicon-list-alt"></span> Pantalla</label></div>';
-        $salida.='<div class="radio"><label><input type="radio" name="salida" value="etiquetas">Etiquetas</label></div>';
+        $salida.='<div class="radio"><label><input type="radio" name="salida" value="csv"><span class="glyphicon glyphicon-cloud-download"></span> Archivo CSV</label></div>';
+        $salida.='<div class="radio"><label><input type="radio" name="salida" value="etiquetas"><span class="glyphicon glyphicon-qrcode"></span> Etiquetas</label></div>';
         $salida.="<br><br></fieldset><p>";
-        $salida.='<p align="center"><button type=submit class="btn btn-primary">Aceptar</button></p><br></div>' . "\n";
+        $salida.='<p align="center"><button type=submit class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span> Aceptar</button></p><br></div>' . "\n";
         return $salida;
     }
 

Mantenimiento.php

@@ -539,6 +539,12 @@ class Mantenimiento {
     {
         //$salida = '<p align="center"><table border=1 class="tablaDatos"><tbody>';
         $salida = '<p align="center"><table border=1 class="table table-striped table-bordered table-condensed table-hover"><tbody>';
+        if ($this->datosURL['sentido'] == 'asc') {
+            $sentidoFlecha = 'down';
+        } else {
+            $sentidoFlecha = 'up';
+        }
+        $flecha = '<span class="glyphicon glyphicon-chevron-'.$sentidoFlecha.'"></span>';
         foreach ($this->campos as $clave => $datos) {
             $comen = explode(",", $datos["Comment"]);
             $ordenable = false;
@@ -555,10 +561,12 @@ class Mantenimiento {
             $clave = str_ireplace("descripcion", "Descripci&oacute;n", $clave);
             $clave = str_ireplace("ubicacion", "Ubicaci&oacute;n", $clave);
             $clave = str_ireplace("articulo", "Art&iacute;culo", $clave);
+            $ordenActual = $this->datosURL['orden'];
             if ($ordenable) {
                 $this->backupURL();
                 $this->datosURL['orden'] = $clave2;
-                $salida.="<th><b><a title=\"Establece orden por $clave \" href=\"". $this->montaURL() . "\"> " . ucfirst($clave) . " </a></b></th>\n";
+                $resFlecha = $clave2 == $ordenActual ? $flecha : '';
+                $salida.="<th><b><a title=\"Establece orden por $clave \" href=\"". $this->montaURL() . "\"> " . ucfirst($clave) . $resFlecha . " </a></b></th>\n";
                 $this->restoreURL();
             } else {
                 $salida.='<th><b>' . ucfirst($clave) . '</b></th>' . "\n";
@@ -675,9 +683,9 @@ class Mantenimiento {
         $salida .= "</fieldset><p>";
         $salida .= '<center>';
         $this->datosURL['opc'] = 'inicial';
-        $salida .= '<button type="button" onClick="location.href=' . "'" . $this->montaURL() . "'" . '" class="btn btn-info">Volver</button>';
+        $salida .= '<button type="button" onClick="location.href=' . "'" . $this->montaURL() . "'" . '" class="btn btn-info"><span class="glyphicon glyphicon-arrow-left"></span> Volver</button>';
-        $salida .= '&nbsp;&nbsp;<button type="reset" class="btn btn-danger">Cancelar</button>';
+        $salida .= '&nbsp;&nbsp;<button type="reset" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Cancelar</button>';
-        $salida .= '&nbsp;&nbsp;<button type=submit class="btn btn-primary">Aceptar</button>';
+        $salida .= '&nbsp;&nbsp;<button type=submit class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span> Aceptar</button>';
         $salida .= '<br></center></div>';
         return $salida;
     }

Menu.php

@@ -44,7 +44,9 @@ class Menu {
             if ($tipo==2)
                 $salida.='<li class="active"><a href="'.$enlace.'" target="'.$destino.'" title="'.$titulo.'">'.$opcion.'</a><br /></li>';
             else
-                $salida.='<label class="key">'.$opcion.'</label><br/>';
+                $salida.=
+                    //'<span class="label label-default">'.$opcion.'</span><br>';
+                    '<label class="">'.$opcion.'</label><br/>';
         }
         return $salida;
     }

inc/configuracion.inc

@@ -35,8 +35,8 @@ define('NUMFILAS', '17'); // Número de registros a mostrar en las pantallas de
 define('PAUSA', '2'); //Nº segundos de pausa para mostrar mensaje id insertado
 define('ESTILO', 'personal'); //Estilo de los iconos de edición (personal, personal, personal)
 define('PLANTILLA', 'bootstrap'); //Estilo de la plantilla y recursos a utilizar
-define('COLORLAT', '#46d6db'); //Color de la barra de menú lateral
+define('COLORLAT', '#a4bdfc'); //Color de la barra de menú lateral
-define('COLORFON', '#a4bdfc'); //Color del fondo de la pantalla
+define('COLORFON', '#ffb878'); //Color del fondo de la pantalla
 define('MYSQLDUMP', '/usr/local/bin/mysqldump'); //camino a mysqldump
 define('GZIP', '/usr/bin/gzip'); //Camino a gzip
 define('IMAGEDATA', 'img.data'); //Directorio donde se almacenarán las imágenes

plant/bootstrap.html

@@ -22,7 +22,8 @@
         <script type="text/javascript" src="./css/jquery.min.js"></script>
     </head>
     <body>
-        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+    <!--<body style="background-image:url(img/fondos/old_map.png); background-repeat:repeat">-->
+        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background-image: url(img/fondos/bo_play_pattern.png); background-repeat: repeat">
             <div class="container-fluid">
                 <div class="navbar-header">
                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar">
@@ -34,7 +35,7 @@
                     <a class="navbar-brand" href="index.php">{aplicacion}</a>
                 </div>
                 <div class="navbar-brand">
-                    <span class="label label-primary col-sm-14 col-sm-offset-3">{opcion}</span>
+                    <span class="label label-primary col-sm-12 col-sm-offset-2 col-xs-12 col-xs-offset-0">{opcion}</span>
                     <!--<label class="warn">{opcion}</label>-->
                 </div>
                 <div class="navbar-collapse collapse">
@@ -47,11 +48,16 @@
                       <input type="text" class="form-control" placeholder="Buscar...">
                     </form>-->
                 </div>
+                <div class="visible-xs">
+                    <ul class="nav navbar-nav navbar-right">
+                        <li>{control}</li>
+                    </ul>
+                </div>
             </div>
         </div>
         <div class="container-fluid">
             <div class="row">
-                <div class="col-sm-2 col-md-1 sidebar">
+                <div class="col-sm-2 col-md-1 sidebar" >
                     <!--<ul class="nav nav-sidebar">-->
                     <ul class="nav nav-sidebar">
                         <!--<li class="active">{menu}</li>-->
@@ -59,24 +65,6 @@
                     </ul>
                 </div>
                 <div class="col-sm-10 col-sm-offset-2 col-md-11 col-md-offset-1 main">
-                    <!--<h1 class="page-header">{opcion}</h1>-->
-                    <!--<div id="divBarra" class="progress progress-striped active">
-                        <div class="progress-bar" id="barra" role="progressbar" aria-valuenow="0" aria-valuemin="40" aria-valuemax="100" style="width: 0%">
-                            <span id="barra-valor">0% Completado</span>
-                        </div>
-                    </div>
-                    <script>
-                        function actProgreso(valor) {
-                            $('.progress-bar').width(valor+"%")
-                            $("#barra-valor").text(valor+"% Completado");
-                        }
-                        function visualizaProgreso() {
-                            $('#divBarra').style.visibility = "visible";
-                        }
-                        function escondeProgreso() {
-                            $('#divBara').style.visibility = "hidden";
-                        }
-                    </script>-->
                     {contenido}
                 </div>
             </div>