• Feedback
  • Painel Web con más historico y prioridades en rojo

Lea hasta el final antes de implementar el parche.

Hola, por necesidad de la organizacion donde trabajo y tengo implementado este maravilloso sistema, tuve que realizar unos cambios a Painel Web para que en la columna de históricos aparezcan los 6 últimos llamados, y si alguno de esos llamados era prioritario, que aparezca en rojo.

Los cambios son sobre la versión 2.0.1 ( https://github.com/novosga/panel-app/releases/tag/v2.0.1 ) y como son dos archivos .patch deben ejecutarse contra esta versión si o si.

Como no puedo adjuntar archivos a este comentario, los dos archivos .patch estan embebidos en este mismo texto a continuacion:

----------------- painel-web-2.0.1-static.patch ------------------------------
diff -Naur painel-web-2.0.1-original/static/i18n/es_AR.json painel-web-2.0.1.v04/static/i18n/es_AR.json
--- painel-web-2.0.1-original/static/i18n/es_AR.json    1969-12-31 21:00:00.000000000 -0300
+++ painel-web-2.0.1.v04/static/i18n/es_AR.json 2019-08-02 11:44:56.490593468 -0300
@@ -0,0 +1,36 @@
+{
+  "menu.settings": "Configuraciones",
+  "menu.go_back": "Volver",
+  "menu.general": "General",
+  "menu.interface": "Interface",
+  "menu.server": "Servidor",
+  "menu.services": "Servicios",
+  "menu.sound": "Sonido",
+  "history.title": "Historico",
+  "history.empty": "Vacio",
+  "settings.title": "Configuraciones",
+  "settings.subtitle": "Configuracion del panel",
+  "settings.interface.colors": "Colores",
+  "settings.label.page_bg_color": "Fondo de pagina",
+  "settings.label.page_font_color": "Fuente de la pagina",
+  "settings.label.sidebar_bg_color": "Sidebar background",
+  "settings.label.sidebar_font_color": "Sidebar font",
+  "settings.label.footer_bg_color": "Footer background",
+  "settings.label.footer_font_color": "Footer font",
+  "settings.label.clock_bg_color": "Fondo del reloj",
+  "settings.label.clock_font_color": "Fuente del reloj",
+  "settings.label.locale": "Locale",
+  "settings.label.server": "URL del Servidor",
+  "settings.label.username": "Username",
+  "settings.label.password": "Password",
+  "settings.label.client_id": "Client API ID",
+  "settings.label.client_secret": "Client API Secret",
+  "settings.label.unity": "Unidad",
+  "settings.label.services": "Servicio",
+  "settings.label.alert": "Atencion",
+  "settings.label.speech_enabled": "Speach (experimental!!!)",
+  "settings.btn.save": "Guardar",
+  "settings.services.empty": "Vacio",
+  "date_format": "DD/MM/YYYY"
+}
+
------------------------------------------------------------------------------------------
------------- painel-web-2.0.1-src.patch --------------------------------------
diff -Naur painel-web-2.0.1-original/src/renderer/components/Clock.vue painel-web-2.0.1.v04/src/renderer/components/Clock.vue
--- painel-web-2.0.1-original/src/renderer/components/Clock.vue 2019-03-21 08:50:25.000000000 -0300
+++ painel-web-2.0.1.v04/src/renderer/components/Clock.vue      2019-08-02 11:44:56.474593041 -0300
@@ -48,7 +48,7 @@
     },
     dateFormat: {
       type: String,
-      default: 'MMMM Do YYYY'
+      default: 'DD/MM/YYYY'
     },
     locale: {
       type: String,
diff -Naur painel-web-2.0.1-original/src/renderer/components/History.vue painel-web-2.0.1.v04/src/renderer/components/History.vue
--- painel-web-2.0.1-original/src/renderer/components/History.vue       2019-03-21 08:50:25.000000000 -0300
+++ painel-web-2.0.1.v04/src/renderer/components/History.vue    2019-09-26 12:11:43.117125824 -0300
@@ -6,6 +6,8 @@
       </p>
     </div>
     <div v-for="message in messages" class="message" :key="message.id">
+
+    <template v-if="message.description == 'Turno'">
       <span class="title" v-if="showMessageTitle" :style="{ 'color': fontColor }">
         {{ message.title }}
       </span>
@@ -15,6 +17,21 @@
       <span class="description" v-if="showMessageDescription" :style="{ 'color': fontColor }">
         {{ message.description }}
       </span>
+    </template>
+
+    <template v-else>
+      <span class="title" v-if="showMessageTitle" :style="{ 'color': '#EE1100' }">
+        {{ message.title }}
+      </span>
+      <span class="subtitle" v-if="showMessageSubtitle" :style="{ 'color': '#EE1100' }">
+        {{ message.subtitle }}
+      </span>
+      <span class="description" v-if="showMessageDescription" :style="{ 'color': '#EE1100' }">
+        {{ message.description }}
+      </span>
+    </template>
+
+
     </div>
   </div>
 </template>
diff -Naur painel-web-2.0.1-original/src/renderer/layouts/Default.vue painel-web-2.0.1.v04/src/renderer/layouts/Default.vue
--- painel-web-2.0.1-original/src/renderer/layouts/Default.vue  2019-03-21 08:50:25.000000000 -0300
+++ painel-web-2.0.1.v04/src/renderer/layouts/Default.vue       2019-08-02 11:44:56.478593148 -0300
@@ -9,11 +9,11 @@
           <img src="static/images/logo.png">
         </footer>
       </div>
-      <div class="column is-one-quarter history-column" :style="{ 'background-color': config.sidebarBgColor, 'color': config.sidebarFontColor }">
+      <div class="column is-5 history-column" :style="{ 'background-color': config.sidebarBgColor, 'color': config.sidebarFontColor }">
         <header>
-          <h2 class="title" :style="{ 'color': config.sidebarFontColor }">
+          <!-- <h2 class="title" :style="{ 'color': config.sidebarFontColor }">
             {{ 'history.title'|trans }}
-          </h2>
+          </h2> -->
           <history :messages="messages" v-if="lastMessage" :fontColor="config.sidebarFontColor"></history>
         </header>
         <footer :style="{ 'background-color': config.clockBgColor, 'color': config.clockFontColor }">
@@ -124,11 +124,12 @@
       .message
         span
           text-align: left
-          display: block
+          display: inline-block
         .title
           font-size: 8vh
           font-weight: bold
+          width: 240px
         .subtitle
-          font-size: 4vh
+          font-size: 7vh
           font-style: italic
 </style>
diff -Naur painel-web-2.0.1-original/src/renderer/pages/Settings.vue painel-web-2.0.1.v04/src/renderer/pages/Settings.vue
--- painel-web-2.0.1-original/src/renderer/pages/Settings.vue   2019-03-21 08:50:25.000000000 -0300
+++ painel-web-2.0.1.v04/src/renderer/pages/Settings.vue        2019-08-02 11:44:56.478593148 -0300
@@ -65,6 +65,7 @@
                   <span class="select is-fullwidth">
                     <select v-model="config.locale">
                       <option value="en">English</option>
+                     <option value="es_AR">Spanish (Argentina)</option>
                       <option value="pt_BR">Português (Brasil)</option>
                     </select>
                   </span>
diff -Naur painel-web-2.0.1-original/src/renderer/store/mutations.js painel-web-2.0.1.v04/src/renderer/store/mutations.js
--- painel-web-2.0.1-original/src/renderer/store/mutations.js   2019-03-21 08:50:25.000000000 -0300
+++ painel-web-2.0.1.v04/src/renderer/store/mutations.js        2019-08-02 11:44:56.486593361 -0300
@@ -1,6 +1,6 @@
 import storage from '@/services/storage'

-const HISTORY_MAX_LENGTH = 5
+const HISTORY_MAX_LENGTH = 7

 function equals (m1, m2) {
   return m1.type === m2.type && m1.title === m2.title

------------------------------------------------------------------------------------------

Para aplicar los parches hay que descargarse la version 2.0.1 y usar el comando "patch". Seria algo asi:

$ wget https://github.com/novosga/panel-app/archive/v2.0.1.tar.gz
$ tar xzf v2.0.1.tar.gz
$ cd panel-app-2.0.1/
## Suponemos que previamente creamos los archivos .patch en nuestro $HOME
$ cp $HOME/painel-web-2.0.1-*.patch .
## Nótese que la fecha es 21 de Marzo de 2019
$ ls -l 
total 540
-rw-rw-r-- 1 manager manager    796 Mar 21  2019 appveyor.yml
drwxrwxr-x 3 manager manager   4096 Mar 21  2019 build
drwxrwxr-x 4 manager manager   4096 Mar 21  2019 dist
-rw-rw-r-- 1 manager manager   1093 Mar 21  2019 LICENSE
-rw-rw-r-- 1 manager manager   3773 Mar 21  2019 package.json
-rw-rw-r-- 1 manager manager 505788 Mar 21  2019 package-lock.json
-rw-rw-r-- 1 manager manager   4526 Oct 16 08:09 painel-web-2.0.1-src.patch
-rw-rw-r-- 1 manager manager   1736 Oct 16 08:09 painel-web-2.0.1-static.patch
-rw-rw-r-- 1 manager manager    206 Mar 21  2019 README.md
drwxrwxr-x 4 manager manager   4096 Mar 21  2019 src
drwxrwxr-x 6 manager manager   4096 Mar 21  2019 static
$ patch -p1 -b < painel-web-2.0.1-static.patch
patching file static/i18n/es_AR.json

Recuerde editar la palabra "Turno" dentro del archivo para que refleje su configuracion

$ patch -p1 -b < painel-web-2.0.1-src.patch
patching file src/renderer/components/Clock.vue
patching file src/renderer/components/History.vue
patching file src/renderer/layouts/Default.vue
patching file src/renderer/pages/Settings.vue
patching file src/renderer/store/mutations.js

A partir de aqui se pueden seguir con los pasos de instalacion que correspondan.

Nota IMPORTANTE: Los turnos normales fueron llamados con la palabra "Turno" durante la instalacion del componente principal del sistema (https://github.com/novosga/novosga/releases). Esto es importante porque se utiliza en la comparacion que determina si el turno llamado es prioritario o normal y cambia el color de la fuente a rojo. La linea del archivo "painel-web-2.0.1-src.patch" que hace referencia a esta palabra es esta:

<template v-if="message.description == 'Turno'">

Si Ud llamo a los turnos normales de otra forma, por ejemplo "Normales", deberia editar esa linea antes de aplicar el patch para que se use esa palabra asi:

<template v-if="message.description == 'Normales'">

De otra forma no va a funcionar el resalte de texto en rojo cuando el numero sea prioritario.

    parmando
    Puede hacer que los archivos .patch estén disponibles a través de una nube para que puedan descargarse. Porque estoy tratando de crear el archivo a partir de su comentario y no sé si hay basura en la copia y pegue o si estoy haciendo el procedimiento incorrecto, pero no puedo aplicar los parches. Realmente necesito cambiar el color de prioridad en mi panel e intenté hacerlo en programación, pero fue en vano. O si puede decirme qué archivos ha cambiado para hacer esta configuración de prioridad.

    Si puedes ayudarme te lo agradeceré

    parmando

    Mire las imágenes que me envió y me gustaría saber si la llamada principal también es roja cuando es prioritaria o solo en el historial.

    @parmando

    Qué base de datos está utilizando para ejecutar el sistema Mysql o Postgres?

    logró ejecutar el comando para restablecer contraseñas automáticas?

    Estoy usando Postgres pero cuando ejecuto el comando de reinicio parece reconocer el controlador para Mysql

    3 anos depois

    @parmando

    ¿Como poner el panel web en español?. No lo logro, me muestra texto y la fecha en ingles.

    Espero me puedas ayudar.