Herramientas de usuario
views_clientpos
Diferencias
Muestra las diferencias entre dos versiones de la página.
|
views_clientpos [2024/04/17 14:33] fas |
views_clientpos [2025/12/19 14:27] (actual) fas [Color sombreado botones y menu venta] |
||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| - | ======Paneles de ClientPOS====== | + | ======Como editar el ClientPOS====== |
| Las vistas son los archivo que estan atados a la customización del POS, como botones y colores, se ubican en la carpeta del pos **app/config/views**. | Las vistas son los archivo que estan atados a la customización del POS, como botones y colores, se ubican en la carpeta del pos **app/config/views**. | ||
| + | |||
| + | [[Paneles diseño]] | ||
| ======Para ocultar botones y reacomodarlo====== | ======Para ocultar botones y reacomodarlo====== | ||
| Línea 67: | Línea 69: | ||
| {{botones_ug2.jpg}} | {{botones_ug2.jpg}} | ||
| - | ======Panel Menu Principal====== | + | ======Colores POS====== |
| - | {{botones_menu_principal.jpg}} | + | ======General.css====== |
| + | ====Color letra login y bscar items==== | ||
| - | ======Panel de Venta====== | + | <code> |
| + | .text-field:focused{ | ||
| + | -fx-background-color: #0F0F0F; | ||
| + | -fx-text-fill: white; | ||
| + | } | ||
| + | </code> | ||
| - | {{botones_venta_pos_1_.jpg}} | + | ====Color sombreado botones y menu venta==== |
| - | **Formato Pedidos** | ||
| <code> | <code> | ||
| - | .icon-order-notification{ | + | |
| - | -fx-graphic: url("icon-order-notification.png"); | + | .root { |
| + | brand-color: #000000; | ||
| + | selection-color: #282525;/* color panel de promo */ | ||
| + | void-color: #D85980; | ||
| + | voided-color: #D8CF7C; | ||
| + | focus-text-color: #BBBCBF; | ||
| + | popup-color: #231F20; | ||
| + | popup-header-color: #414042; | ||
| + | pending-color: #D8CF7C; | ||
| + | accepted-color: #006838; | ||
| + | button-color: #FF7C9C; /* color boton seleccionarlo */ | ||
| + | error-color: #7F1320; | ||
| + | price-box-color: #282525; /* color para detalle de importes total general */ | ||
| } | } | ||
| - | .order-notification-button { | + | |
| - | -fx-background-color: transparent; | + | .button, .toggle-button, .menu-button { |
| - | -fx-font: lighter 20pt 'Montserrat'; | + | -fx-background-color: transparent; |
| - | -fx-text-fill: white; | + | -fx-font: lighter 20pt 'Montserrat'; |
| - | -fx-border-width: 2pt 2pt 2pt 2pt; | + | -fx-text-fill: white; |
| - | -fx-border-color: transparent; | + | -fx-border-color: white; /*Color del reborde de cada botton*/ |
| + | -fx-border-width: 2pt 2pt 2pt 2pt; | ||
| } | } | ||
| - | .order-notification-button:hover{ | ||
| - | -fx-background-color: button-color; | ||
| - | } | ||
| - | |||
| - | .icon-order-notification-not-available{ | ||
| - | -fx-graphic: url("icon-order-notification-not-available.png"); | ||
| - | } | ||
| - | .icon-order-notification-pending{ | ||
| - | -fx-graphic: url("icon-order-notification-pending.png"); | ||
| </code> | </code> | ||
| - | **Formato de color y diseño - Sugerencia simulador** | + | |
| + | =====Loader.css===== | ||
| + | |||
| + | ====barra se carga==== | ||
| <code> | <code> | ||
| - | .suggestions-box { | + | .progress-bar .track { |
| - | -fx-background-color: price-box-color; | + | -fx-background-color: black; |
| + | -fx-border-style: none; | ||
| } | } | ||
| - | .suggestions-glow { | + | |
| - | } | + | .progress-bar .bar { |
| - | .suggestions-background-bottom { | + | -fx-background-color: #FF7C9C; |
| - | -fx-image: url("suggestions-background-bottom.png"); | + | -fx-border-style: none; |
| - | -fx-effect: innershadow(one-pass-box, selection-color, 127.0, 1.0, 0, 0); | + | |
| - | } | + | |
| - | .suggestions-ok-button { | + | |
| - | -fx-graphic: url("suggestions-ok.png"); | + | |
| - | } | + | |
| - | .suggestions-icon { | + | |
| - | -fx-image: url("suggestions-icon.png"); | + | |
| - | } | + | |
| - | .suggestions-title { | + | |
| - | -fx-font: bold 18pt 'Montserrat'; | + | |
| - | -fx-effect: null; | + | |
| - | } | + | |
| - | .suggestions-text { | + | |
| - | -fx-font: lighter 16pt 'Montserrat'; | + | |
| - | -fx-effect: null; | + | |
| } | } | ||
| </code> | </code> | ||
| - | |||
| - | |||
| - | ======Panel Devolucion====== | ||
| - | Pendiente | ||
| - | |||
| - | ======Panel No Venta====== | ||
| - | Pendiente | ||
views_clientpos.1713364416.txt.gz · Última modificación: 2024/04/17 14:33 por fas
Herramientas de la página
