Instructivo

Almacenamiento de Conocimiento

Herramientas de usuario

Herramientas del sitio


paneles_diseno

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_principal1.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

*Version nueva*

##botones rapido efectivo y tarjeta

fxid.twoQuickButton.boolean=false fxid.twoQuickButton.boolean=false fxid.twoQuickButton.styleClass.add=hide id.card-button.boolean=false id.card-button.boolean=false id.card-button.styleClass.add=hide

fxid.oneQuickButton.boolean=false fxid.oneQuickButton.boolean=false fxid.oneQuickButton.styleClass.add=hide id.oneQuick-button.boolean=false id.oneQuick-button.boolean=false id.oneQuick-button.styleClass.add=hide

Formato Pedidos Omni

Debe tener la property habilitada en SI, en caso de no usarlo ponerlo en NO.

omni_property.jpg

Se edita en General.css

.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

no_venta.jpg

paneles_diseno.txt · Última modificación: 2025/10/08 20:49 por fas