diff --git a/pencil-design/src/pages/tPOS/pos/cafe/mobile.pen b/pencil-design/src/pages/tPOS/pos/cafe/mobile.pen index 1dac536b..c4f5f6ee 100644 --- a/pencil-design/src/pages/tPOS/pos/cafe/mobile.pen +++ b/pencil-design/src/pages/tPOS/pos/cafe/mobile.pen @@ -29,7 +29,8 @@ {"type": "frame", "id": "CafeMobCartBtn", "width": 44, "height": 44, "fill": "$bg-interactive", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [ {"type": "icon_font", "id": "CafeMobCartIcon", "width": 22, "height": 22, "iconFontName": "shopping-cart", "iconFontFamily": "lucide", "fill": "$text-primary"}, {"type": "frame", "id": "CafeMobCartBadge", "width": 18, "height": 18, "fill": "$orange-primary", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "position": "absolute", "top": -4, "right": -4, "children": [{"type": "text", "id": "CafeMobCartBadgeText", "fill": "$text-primary", "content": "3", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "700"}]} - ]} + ]}, + {"type": "frame", "id": "CafeMobCustomerBtn", "width": 44, "height": 44, "fill": "#14B8A620", "cornerRadius": 12, "stroke": {"thickness": 1, "fill": "#14B8A6"}, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "CafeMobCustomerIcon", "width": 20, "height": 20, "iconFontName": "user-search", "iconFontFamily": "lucide", "fill": "#14B8A6"}]} ] }, { @@ -97,7 +98,8 @@ "children": [ {"type": "frame", "id": "CafeMobCartSummary", "layout": "vertical", "gap": 2, "children": [ {"type": "text", "id": "CafeMobCartItems", "fill": "$text-secondary", "content": "3 món", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"}, - {"type": "text", "id": "CafeMobCartTotal", "fill": "$text-primary", "content": "90,000₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"} + {"type": "text", "id": "CafeMobCartTotal", "fill": "$text-primary", "content": "90,000₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}, + {"type": "frame", "id": "CafeMobLoyalty", "gap": 4, "alignItems": "center", "children": [{"type": "icon_font", "id": "CafeMobLoyaltyIcon", "width": 12, "height": 12, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#14B8A6"}, {"type": "text", "id": "CafeMobLoyaltyText", "fill": "#14B8A6", "content": "-10,000₫", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "500"}]} ]}, {"type": "frame", "id": "CafeMobPayBtn", "width": "fill_container", "height": 48, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 12, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ {"type": "icon_font", "id": "CafeMobPayIcon", "width": 20, "height": 20, "iconFontName": "credit-card", "iconFontFamily": "lucide", "fill": "$text-primary"}, diff --git a/pencil-design/src/pages/tPOS/pos/cafe/tablet.pen b/pencil-design/src/pages/tPOS/pos/cafe/tablet.pen index f187ff62..0fe57264 100644 --- a/pencil-design/src/pages/tPOS/pos/cafe/tablet.pen +++ b/pencil-design/src/pages/tPOS/pos/cafe/tablet.pen @@ -91,14 +91,16 @@ "children": [ {"type": "frame", "id": "CafeTabCartHeader", "width": "fill_container", "padding": [12, 16], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [ {"type": "text", "id": "CafeTabCartTitle", "fill": "$text-primary", "content": "Đơn hàng", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}, - {"type": "text", "id": "CafeTabCartCount", "fill": "$text-secondary", "content": "3 món", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal"} + {"type": "frame", "id": "CafeTabCartRight", "gap": 8, "alignItems": "center", "children": [{"type": "text", "id": "CafeTabCartCount", "fill": "$text-secondary", "content": "3 món", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "normal"}, {"type": "frame", "id": "CafeTabCustomerBtn", "width": 32, "height": 32, "fill": "#14B8A620", "cornerRadius": 8, "stroke": {"thickness": 1, "fill": "#14B8A6"}, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "CafeTabCustomerIcon", "width": 16, "height": 16, "iconFontName": "user-search", "iconFontFamily": "lucide", "fill": "#14B8A6"}]}]} ]}, + {"type": "frame", "id": "CafeTabCustomerSection", "width": "fill_container", "fill": "#14B8A610", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "padding": [8, 16], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "CafeTabCustInfo", "gap": 8, "alignItems": "center", "children": [{"type": "frame", "id": "CafeTabCustAvatar", "width": 28, "height": 28, "fill": "#14B8A630", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "CafeTabCustIcon", "width": 14, "height": 14, "iconFontName": "user", "iconFontFamily": "lucide", "fill": "#14B8A6"}]}, {"type": "frame", "id": "CafeTabCustDetails", "layout": "vertical", "gap": 1, "children": [{"type": "text", "id": "CafeTabCustName", "fill": "$text-primary", "content": "Nguyễn Văn A", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}, {"type": "text", "id": "CafeTabCustPoints", "fill": "$text-tertiary", "content": "Gold • 2,520 điểm", "fontFamily": "Roboto", "fontSize": 10}]}]}, {"type": "frame", "id": "CafeTabCustRemove", "width": 20, "height": 20, "fill": "$bg-interactive", "cornerRadius": 4, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "CafeTabCustRemoveIcon", "width": 10, "height": 10, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "$text-tertiary"}]}]}, {"type": "frame", "id": "CafeTabCartItems", "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [ {"type": "frame", "id": "CafeTabCartItem1", "width": "fill_container", "padding": [10, 16], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "CafeTabCartItem1Left", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "CafeTabCartItem1Qty", "width": 28, "height": 28, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CafeTabCartItem1QtyText", "fill": "$text-primary", "content": "2", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}, {"type": "text", "id": "CafeTabCartItem1Name", "fill": "$text-primary", "content": "Cà Phê Sữa Đá", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]}, {"type": "text", "id": "CafeTabCartItem1Price", "fill": "$text-primary", "content": "58,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}, {"type": "frame", "id": "CafeTabCartItem2", "width": "fill_container", "padding": [10, 16], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "CafeTabCartItem2Left", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "CafeTabCartItem2Qty", "width": 28, "height": 28, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CafeTabCartItem2QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}, {"type": "text", "id": "CafeTabCartItem2Name", "fill": "$text-primary", "content": "Bạc Xỉu", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]}, {"type": "text", "id": "CafeTabCartItem2Price", "fill": "$text-primary", "content": "32,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]} ]}, {"type": "frame", "id": "CafeTabCartSummary", "width": "fill_container", "fill": "$bg-surface", "layout": "vertical", "padding": 16, "gap": 8, "children": [ - {"type": "frame", "id": "CafeTabCartTotal", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CafeTabCartTotalLabel", "fill": "$text-primary", "content": "Tổng cộng", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}, {"type": "text", "id": "CafeTabCartTotalValue", "fill": "$orange-primary", "content": "90,000₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}]} + {"type": "frame", "id": "CafeTabCartLoyalty", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "frame", "id": "CafeTabLoyaltyRow", "gap": 4, "alignItems": "center", "children": [{"type": "icon_font", "id": "CafeTabLoyaltyIcon", "width": 12, "height": 12, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#14B8A6"}, {"type": "text", "id": "CafeTabLoyaltyLabel", "fill": "#14B8A6", "content": "Dùng 100 điểm", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, {"type": "text", "id": "CafeTabLoyaltyValue", "fill": "#14B8A6", "content": "-10,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, + {"type": "frame", "id": "CafeTabCartTotal", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CafeTabCartTotalLabel", "fill": "$text-primary", "content": "Tổng cộng", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}, {"type": "text", "id": "CafeTabCartTotalValue", "fill": "$orange-primary", "content": "80,000₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}]} ]}, {"type": "frame", "id": "CafeTabPayBtn", "width": "fill_container", "height": 52, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ {"type": "icon_font", "id": "CafeTabPayIcon", "width": 20, "height": 20, "iconFontName": "credit-card", "iconFontFamily": "lucide", "fill": "$text-primary"}, diff --git a/pencil-design/src/pages/tPOS/pos/karaoke/mobile.pen b/pencil-design/src/pages/tPOS/pos/karaoke/mobile.pen index c88daf12..a374b6c3 100644 --- a/pencil-design/src/pages/tPOS/pos/karaoke/mobile.pen +++ b/pencil-design/src/pages/tPOS/pos/karaoke/mobile.pen @@ -31,7 +31,8 @@ {"type": "frame", "id": "KarMobCartBtn", "width": 40, "height": 40, "fill": "$bg-interactive", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ {"type": "icon_font", "id": "KarMobCartIcon", "width": 20, "height": 20, "iconFontName": "shopping-cart", "iconFontFamily": "lucide", "fill": "$text-primary"}, {"type": "frame", "id": "KarMobCartBadge", "width": 18, "height": 18, "fill": "$orange-primary", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "position": "absolute", "top": -4, "right": -4, "children": [{"type": "text", "id": "KarMobCartBadgeText", "fill": "$text-primary", "content": "5", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "700"}]} - ]} + ]}, + {"type": "frame", "id": "KarMobCustomerBtn", "width": 40, "height": 40, "fill": "#14B8A620", "cornerRadius": 10, "stroke": {"thickness": 1, "fill": "#14B8A6"}, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "KarMobCustomerIcon", "width": 18, "height": 18, "iconFontName": "user-search", "iconFontFamily": "lucide", "fill": "#14B8A6"}]} ]} ] }, @@ -105,7 +106,8 @@ {"type": "frame", "id": "KarMobPayRow", "width": "fill_container", "gap": 12, "alignItems": "center", "children": [ {"type": "frame", "id": "KarMobTotal", "layout": "vertical", "gap": 0, "children": [ {"type": "text", "id": "KarMobTotalLabel", "fill": "$text-secondary", "content": "Tổng cộng", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "normal"}, - {"type": "text", "id": "KarMobTotalValue", "fill": "$text-primary", "content": "560,000₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"} + {"type": "text", "id": "KarMobTotalValue", "fill": "$text-primary", "content": "560,000₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}, + {"type": "frame", "id": "KarMobLoyalty", "gap": 4, "alignItems": "center", "children": [{"type": "icon_font", "id": "KarMobLoyaltyIcon", "width": 10, "height": 10, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#14B8A6"}, {"type": "text", "id": "KarMobLoyaltyText", "fill": "#14B8A6", "content": "-50,000₫", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "500"}]} ]}, {"type": "frame", "id": "KarMobPayBtn", "width": "fill_container", "height": 48, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 12, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ {"type": "icon_font", "id": "KarMobPayIcon", "width": 20, "height": 20, "iconFontName": "credit-card", "iconFontFamily": "lucide", "fill": "$text-primary"}, diff --git a/pencil-design/src/pages/tPOS/pos/karaoke/tablet.pen b/pencil-design/src/pages/tPOS/pos/karaoke/tablet.pen index 8d8894eb..3dd72bcd 100644 --- a/pencil-design/src/pages/tPOS/pos/karaoke/tablet.pen +++ b/pencil-design/src/pages/tPOS/pos/karaoke/tablet.pen @@ -89,8 +89,9 @@ "children": [ {"type": "frame", "id": "KarTabCartHeader", "width": "fill_container", "padding": [12, 16], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [ {"type": "text", "id": "KarTabCartTitle", "fill": "$text-primary", "content": "Phòng VIP 01", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, - {"type": "text", "id": "KarTabCartItems", "fill": "$text-secondary", "content": "5 món", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"} + {"type": "frame", "id": "KarTabCartRight", "gap": 6, "alignItems": "center", "children": [{"type": "text", "id": "KarTabCartItems", "fill": "$text-secondary", "content": "5 món", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"}, {"type": "frame", "id": "KarTabCustomerBtn", "width": 28, "height": 28, "fill": "#14B8A620", "cornerRadius": 6, "stroke": {"thickness": 1, "fill": "#14B8A6"}, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "KarTabCustomerIcon", "width": 14, "height": 14, "iconFontName": "user-search", "iconFontFamily": "lucide", "fill": "#14B8A6"}]}]} ]}, + {"type": "frame", "id": "KarTabCustomerSection", "width": "fill_container", "fill": "#14B8A610", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "padding": [8, 16], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "KarTabCustInfo", "gap": 6, "alignItems": "center", "children": [{"type": "frame", "id": "KarTabCustAvatar", "width": 24, "height": 24, "fill": "#14B8A630", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "KarTabCustIcon", "width": 12, "height": 12, "iconFontName": "user", "iconFontFamily": "lucide", "fill": "#14B8A6"}]}, {"type": "frame", "id": "KarTabCustDetails", "layout": "vertical", "gap": 1, "children": [{"type": "text", "id": "KarTabCustName", "fill": "$text-primary", "content": "Lê Văn C", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}, {"type": "text", "id": "KarTabCustPoints", "fill": "$text-tertiary", "content": "Platinum • 5,600 điểm", "fontFamily": "Roboto", "fontSize": 9}]}]}, {"type": "frame", "id": "KarTabCustRemove", "width": 18, "height": 18, "fill": "$bg-interactive", "cornerRadius": 4, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "KarTabCustRemoveIcon", "width": 9, "height": 9, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "$text-tertiary"}]}]}, {"type": "frame", "id": "KarTabCartItems2", "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [ {"type": "frame", "id": "KarTabRoomFee", "width": "fill_container", "padding": [10, 16], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "fill": "#8B5CF610", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "KarTabRoomFeeLeft", "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "KarTabRoomFeeIcon", "width": 16, "height": 16, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "#8B5CF6"}, {"type": "text", "id": "KarTabRoomFeeName", "fill": "$text-primary", "content": "Giờ phòng VIP", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, {"type": "text", "id": "KarTabRoomFeePrice", "fill": "#8B5CF6", "content": "270,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}, {"type": "frame", "id": "KarTabCartItem1", "width": "fill_container", "padding": [10, 16], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "KarTabCartItem1Left", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "KarTabCartItem1Qty", "width": 26, "height": 26, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "KarTabCartItem1QtyText", "fill": "$text-primary", "content": "6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}, {"type": "text", "id": "KarTabCartItem1Name", "fill": "$text-primary", "content": "Heineken", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, {"type": "text", "id": "KarTabCartItem1Price", "fill": "$text-primary", "content": "210,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}, @@ -99,6 +100,7 @@ {"type": "frame", "id": "KarTabCartSummary", "width": "fill_container", "fill": "$bg-surface", "layout": "vertical", "padding": 14, "gap": 6, "children": [ {"type": "frame", "id": "KarTabCartRoom", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "KarTabCartRoomLabel", "fill": "$text-secondary", "content": "Tiền phòng (1.8h)", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"}, {"type": "text", "id": "KarTabCartRoomValue", "fill": "#8B5CF6", "content": "270,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}, {"type": "frame", "id": "KarTabCartFood", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "KarTabCartFoodLabel", "fill": "$text-secondary", "content": "Đồ ăn/uống", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"}, {"type": "text", "id": "KarTabCartFoodValue", "fill": "$text-primary", "content": "290,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, + {"type": "frame", "id": "KarTabCartLoyalty", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "frame", "id": "KarTabLoyaltyRow", "gap": 4, "alignItems": "center", "children": [{"type": "icon_font", "id": "KarTabLoyaltyIcon", "width": 12, "height": 12, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#14B8A6"}, {"type": "text", "id": "KarTabLoyaltyLabel", "fill": "#14B8A6", "content": "Dùng 500 điểm", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, {"type": "text", "id": "KarTabLoyaltyValue", "fill": "#14B8A6", "content": "-50,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, {"type": "frame", "id": "KarTabCartTotal", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "KarTabCartTotalLabel", "fill": "$text-primary", "content": "Tổng cộng", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "KarTabCartTotalValue", "fill": "$orange-primary", "content": "560,000₫", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}]} ]}, {"type": "frame", "id": "KarTabPayBtn", "width": "fill_container", "height": 48, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ diff --git a/pencil-design/src/pages/tPOS/pos/restaurant/mobile.pen b/pencil-design/src/pages/tPOS/pos/restaurant/mobile.pen index 4ad16980..a0f60cde 100644 --- a/pencil-design/src/pages/tPOS/pos/restaurant/mobile.pen +++ b/pencil-design/src/pages/tPOS/pos/restaurant/mobile.pen @@ -31,7 +31,8 @@ {"type": "frame", "id": "RestMobCartBtn", "width": 40, "height": 40, "fill": "$bg-interactive", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ {"type": "icon_font", "id": "RestMobCartIcon", "width": 20, "height": 20, "iconFontName": "shopping-cart", "iconFontFamily": "lucide", "fill": "$text-primary"}, {"type": "frame", "id": "RestMobCartBadge", "width": 18, "height": 18, "fill": "#F59E0B", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "position": "absolute", "top": -4, "right": -4, "children": [{"type": "text", "id": "RestMobCartBadgeText", "fill": "$text-primary", "content": "4", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "700"}]} - ]} + ]}, + {"type": "frame", "id": "RestMobCustomerBtn", "width": 40, "height": 40, "fill": "#14B8A620", "cornerRadius": 10, "stroke": {"thickness": 1, "fill": "#14B8A6"}, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "RestMobCustomerIcon", "width": 18, "height": 18, "iconFontName": "user-search", "iconFontFamily": "lucide", "fill": "#14B8A6"}]} ]} ] }, @@ -102,7 +103,8 @@ {"type": "text", "id": "RestMobCartItems", "fill": "$text-secondary", "content": "4 món", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"}, {"type": "frame", "id": "RestMobCartPending", "fill": "#F59E0B20", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "RestMobCartPendingText", "fill": "#F59E0B", "content": "2 chờ", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "600"}]} ]}, - {"type": "text", "id": "RestMobCartTotal", "fill": "$text-primary", "content": "530,250₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"} + {"type": "text", "id": "RestMobCartTotal", "fill": "$text-primary", "content": "530,250₫", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}, + {"type": "frame", "id": "RestMobLoyalty", "gap": 4, "alignItems": "center", "children": [{"type": "icon_font", "id": "RestMobLoyaltyIcon", "width": 12, "height": 12, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#14B8A6"}, {"type": "text", "id": "RestMobLoyaltyText", "fill": "#14B8A6", "content": "-30,000₫", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "500"}]} ]}, {"type": "frame", "id": "RestMobPayBtn", "width": "fill_container", "height": 48, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 12, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [ {"type": "icon_font", "id": "RestMobPayIcon", "width": 20, "height": 20, "iconFontName": "credit-card", "iconFontFamily": "lucide", "fill": "$text-primary"}, diff --git a/pencil-design/src/pages/tPOS/pos/restaurant/tablet.pen b/pencil-design/src/pages/tPOS/pos/restaurant/tablet.pen index 99f03de9..6cedd464 100644 --- a/pencil-design/src/pages/tPOS/pos/restaurant/tablet.pen +++ b/pencil-design/src/pages/tPOS/pos/restaurant/tablet.pen @@ -93,8 +93,9 @@ "children": [ {"type": "frame", "id": "RestTabCartHeader", "width": "fill_container", "padding": [12, 16], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [ {"type": "text", "id": "RestTabCartTitle", "fill": "$text-primary", "content": "Đơn hàng #0089", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, - {"type": "text", "id": "RestTabCartStatus", "fill": "#F59E0B", "content": "2 chờ bếp", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"} + {"type": "frame", "id": "RestTabCartRight", "gap": 6, "alignItems": "center", "children": [{"type": "text", "id": "RestTabCartStatus", "fill": "#F59E0B", "content": "2 chờ bếp", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}, {"type": "frame", "id": "RestTabCustomerBtn", "width": 28, "height": 28, "fill": "#14B8A620", "cornerRadius": 6, "stroke": {"thickness": 1, "fill": "#14B8A6"}, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "RestTabCustomerIcon", "width": 14, "height": 14, "iconFontName": "user-search", "iconFontFamily": "lucide", "fill": "#14B8A6"}]}]} ]}, + {"type": "frame", "id": "RestTabCustomerSection", "width": "fill_container", "fill": "#14B8A610", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "padding": [8, 16], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "RestTabCustInfo", "gap": 6, "alignItems": "center", "children": [{"type": "frame", "id": "RestTabCustAvatar", "width": 24, "height": 24, "fill": "#14B8A630", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "RestTabCustIcon", "width": 12, "height": 12, "iconFontName": "user", "iconFontFamily": "lucide", "fill": "#14B8A6"}]}, {"type": "frame", "id": "RestTabCustDetails", "layout": "vertical", "gap": 1, "children": [{"type": "text", "id": "RestTabCustName", "fill": "$text-primary", "content": "Trần Văn B", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}, {"type": "text", "id": "RestTabCustPoints", "fill": "$text-tertiary", "content": "Silver • 1,200 điểm", "fontFamily": "Roboto", "fontSize": 9}]}]}, {"type": "frame", "id": "RestTabCustRemove", "width": 18, "height": 18, "fill": "$bg-interactive", "cornerRadius": 4, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "RestTabCustRemoveIcon", "width": 9, "height": 9, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "$text-tertiary"}]}]}, {"type": "frame", "id": "RestTabCartItems", "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [ {"type": "frame", "id": "RestTabCartItem1", "width": "fill_container", "padding": [10, 16], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "RestTabCartItem1Left", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "RestTabCartItem1Qty", "width": 26, "height": 26, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "RestTabCartItem1QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}, {"type": "frame", "id": "RestTabCartItem1Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "RestTabCartItem1Name", "fill": "$text-primary", "content": "Bò Lúc Lắc", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}, {"type": "frame", "id": "RestTabCartItem1Status", "fill": "#22C55E20", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "RestTabCartItem1StatusText", "fill": "#22C55E", "content": "Đã phục vụ", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "600"}]}]}]}, {"type": "text", "id": "RestTabCartItem1Price", "fill": "$text-primary", "content": "185,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}, {"type": "frame", "id": "RestTabCartItem2", "width": "fill_container", "padding": [10, 16], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "RestTabCartItem2Left", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "RestTabCartItem2Qty", "width": 26, "height": 26, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "RestTabCartItem2QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}, {"type": "frame", "id": "RestTabCartItem2Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "RestTabCartItem2Name", "fill": "$text-primary", "content": "Gà Nướng", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}, {"type": "frame", "id": "RestTabCartItem2Status", "fill": "#F59E0B20", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "RestTabCartItem2StatusText", "fill": "#F59E0B", "content": "Chờ bếp", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "600"}]}]}]}, {"type": "text", "id": "RestTabCartItem2Price", "fill": "$text-primary", "content": "165,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]} @@ -102,6 +103,7 @@ {"type": "frame", "id": "RestTabCartSummary", "width": "fill_container", "fill": "$bg-surface", "layout": "vertical", "padding": 14, "gap": 6, "children": [ {"type": "frame", "id": "RestTabCartSubtotal", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "RestTabCartSubtotalLabel", "fill": "$text-secondary", "content": "Tạm tính", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"}, {"type": "text", "id": "RestTabCartSubtotalValue", "fill": "$text-primary", "content": "505,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, {"type": "frame", "id": "RestTabCartService", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "RestTabCartServiceLabel", "fill": "$text-secondary", "content": "Phí dịch vụ 5%", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"}, {"type": "text", "id": "RestTabCartServiceValue", "fill": "$text-primary", "content": "25,250₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, + {"type": "frame", "id": "RestTabCartLoyalty", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "frame", "id": "RestTabLoyaltyRow", "gap": 4, "alignItems": "center", "children": [{"type": "icon_font", "id": "RestTabLoyaltyIcon", "width": 12, "height": 12, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#14B8A6"}, {"type": "text", "id": "RestTabLoyaltyLabel", "fill": "#14B8A6", "content": "Dùng 300 điểm", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, {"type": "text", "id": "RestTabLoyaltyValue", "fill": "#14B8A6", "content": "-30,000₫", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}, {"type": "frame", "id": "RestTabCartTotal", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "RestTabCartTotalLabel", "fill": "$text-primary", "content": "Tổng cộng", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "RestTabCartTotalValue", "fill": "$orange-primary", "content": "530,250₫", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}]} ]}, {"type": "frame", "id": "RestTabPayBtn", "width": "fill_container", "height": 48, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [