Instructivo

Almacenamiento de Conocimiento

Herramientas de usuario

Herramientas del sitio


paneles_diseno

¡Esta es una revisión vieja del documento!


Paneles de 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.

Metodos para ocultar botones

Panel Menu Principal

selection.fxml botones_menu_principal.jpg

Panel de Venta

botones_venta_pos_2.jpg

Botones rapidos Tarjeta y Efectivo

Para poder sacar los botones rapidos pegados al botone pagar, debemos ingresar al siguiente panelventa.fxml (no funciona con el properties)

link: \app\config\views\themes\synthesis\sales\content\sales

Para habilitar los 2 botones debemos dejarlo asi.

<Button id="oneQuick-button" fx:id="oneQuickButton" visible="false" managed="false"
 mnemonicParsing="false" onAction="#onQuickPaymentOne" prefHeight="80.0" 
prefWidth="73.0" GridPane.columnIndex="2" />

<Button id="card-button" fx:id="twoQuickButton" mnemonicParsing="false" visible="false"
 managed="false" onAction="#onQuickPaymentTwo" prefHeight="80.0" prefWidth="73.0" 
GridPane.columnIndex="3" />

botones_rapidos_1.jpg

Para deshabilitar los 2 botones, debemos dejarlo asi el codigo del fxml

<!--Button id="oneQuick-button" fx:id="oneQuickButton" visible="false" managed="false" 
mnemonicParsing="false" onAction="#onQuickPaymentOne" prefHeight="80.0" prefWidth="73.0" 
GridPane.columnIndex="2" />

<Button id="card-button" fx:id="twoQuickButton" mnemonicParsing="false" visible="false"
 managed="false" onAction="#onQuickPaymentTwo" prefHeight="80.0" prefWidth="73.0" 
GridPane.columnIndex="3" /-->

botones_rapidos_2.jpg

Formato Pedidos Omni

.icon-order-notification{
    -fx-graphic: url("icon-order-notification.png");
}
.order-notification-button {
    -fx-background-color: transparent;
    -fx-font: lighter 20pt 'Montserrat';
    -fx-text-fill: white;
    -fx-border-width: 2pt 2pt 2pt 2pt;
    -fx-border-color: transparent;
}
.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");

Formato de color y diseño - Sugerencia simulador

.suggestions-box {
-fx-background-color: price-box-color;
}
.suggestions-glow {
}
.suggestions-background-bottom {
    -fx-image: url("suggestions-background-bottom.png");
    -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;
}

Panel Devolucion

Pendiente

Panel No Venta

Se ve en selection, ahi estan los botones de no venta

paneles_diseno.1724784607.txt.gz · Última modificación: 2024/08/27 18:50 por fas