Instructivo

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
======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**.

[[views_clientpos|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.
<code>
<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" />
</code>

{{botones_rapidos_1.jpg}}
 

 

Para **deshabilitar** los 2 botones, debemos dejarlo asi el codigo del fxml
<code>
<!--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" /-->
</code>

{{botones_rapidos_2.jpg}}


=====Formato Pedidos Omni=====
<code>
.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");
</code>

=====Formato de color y diseño - Sugerencia simulador=====

<code>
.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;
}

</code>



======Panel Devolucion======
Pendiente

======Panel No Venta======
Se ve en selection, ahi estan los botones de no venta
Instructivo

Herramientas de usuario

Herramientas del sitio

Herramientas de la página
