From 9356e6893f534a0fce97ce3f67107bcb3aea9e80 Mon Sep 17 00:00:00 2001 From: ivarsbariss Date: Tue, 27 Jan 2026 12:30:53 +0100 Subject: [PATCH] Separate navigation as the global navigation --- application.json | 26 ++-- pages/Home/widgets/Navigation.json | 133 ++++++++++++++++++ pages/Marketing/widgets/Navigation.json | 133 ++++++++++++++++++ .../widgets/Navigation.json | 133 ++++++++++++++++++ .../widgets/Navigation.json | 133 ++++++++++++++++++ pages/Sales/widgets/Navigation.json | 133 ++++++++++++++++++ 6 files changed, 675 insertions(+), 16 deletions(-) create mode 100644 pages/Home/widgets/Navigation.json create mode 100644 pages/Marketing/widgets/Navigation.json create mode 100644 pages/Sales - Capacity Planning/widgets/Navigation.json create mode 100644 pages/Sales - Units Shipped/widgets/Navigation.json create mode 100644 pages/Sales/widgets/Navigation.json diff --git a/application.json b/application.json index e4ee74a..d5a0dff 100644 --- a/application.json +++ b/application.json @@ -31,22 +31,16 @@ "isDefault": true }, { - "type": "folder", - "name": "Sales", - "pages": [ - { - "id": "Sales", - "isDefault": false - }, - { - "id": "Sales - Capacity Planning", - "isDefault": false - }, - { - "id": "Sales - Units Shipped", - "isDefault": false - } - ] + "id": "Sales", + "isDefault": false + }, + { + "id": "Sales - Capacity Planning", + "isDefault": false + }, + { + "id": "Sales - Units Shipped", + "isDefault": false }, { "id": "Marketing", diff --git a/pages/Home/widgets/Navigation.json b/pages/Home/widgets/Navigation.json new file mode 100644 index 0000000..9d61f73 --- /dev/null +++ b/pages/Home/widgets/Navigation.json @@ -0,0 +1,133 @@ +{ + "animateLoading": true, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "bottomRow": 5, + "boxShadow": "none", + "buttonVariant": "TERTIARY", + "childStylesheet": { + "button": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}" + } + }, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + } + ], + "dynamicTriggerPathList": [ + { + "key": "groupButtons.homeBtn.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.salesOverview.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.capacityPlanning.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.unitsShipped.onClick" + }, + { + "key": "groupButtons.marketingBtn.onClick" + } + ], + "flexVerticalAlignment": "start", + "groupButtons": { + "homeBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "home", + "id": "homeBtn", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Home", + "menuItems": {}, + "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}" + }, + "salesMenu": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "MENU", + "iconName": "trending-up", + "id": "salesMenu", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Sales", + "menuItems": { + "salesOverview": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "dashboard", + "id": "salesOverview", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Overview", + "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "capacityPlanning": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "calendar", + "id": "capacityPlanning", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Capacity Planning", + "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "unitsShipped": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "box", + "id": "unitsShipped", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Units Shipped", + "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + } + } + }, + "marketingBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "megaphone", + "id": "marketingBtn", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Marketing", + "menuItems": {}, + "onClick": "{{navigateTo('Marketing', {}, 'SAME_WINDOW')}}" + } + }, + "isLoading": false, + "isVisible": true, + "key": "nav1btngrp", + "leftColumn": 0, + "minWidth": 450, + "mobileBottomRow": 5, + "mobileLeftColumn": 0, + "mobileRightColumn": 64, + "mobileTopRow": 0, + "orientation": "horizontal", + "parentColumnSpace": 25.109375, + "parentId": "0", + "parentRowSpace": 10, + "renderMode": "CANVAS", + "responsiveBehavior": "fill", + "rightColumn": 64, + "topRow": 0, + "type": "BUTTON_GROUP_WIDGET", + "version": 1, + "widgetId": "nav1btngrp001", + "widgetName": "Navigation" +} diff --git a/pages/Marketing/widgets/Navigation.json b/pages/Marketing/widgets/Navigation.json new file mode 100644 index 0000000..4d13b76 --- /dev/null +++ b/pages/Marketing/widgets/Navigation.json @@ -0,0 +1,133 @@ +{ + "animateLoading": true, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "bottomRow": 5, + "boxShadow": "none", + "buttonVariant": "TERTIARY", + "childStylesheet": { + "button": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}" + } + }, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + } + ], + "dynamicTriggerPathList": [ + { + "key": "groupButtons.homeBtn.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.salesOverview.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.capacityPlanning.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.unitsShipped.onClick" + }, + { + "key": "groupButtons.marketingBtn.onClick" + } + ], + "flexVerticalAlignment": "start", + "groupButtons": { + "homeBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "home", + "id": "homeBtn", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Home", + "menuItems": {}, + "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}" + }, + "salesMenu": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "MENU", + "iconName": "trending-up", + "id": "salesMenu", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Sales", + "menuItems": { + "salesOverview": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "dashboard", + "id": "salesOverview", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Overview", + "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "capacityPlanning": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "calendar", + "id": "capacityPlanning", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Capacity Planning", + "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "unitsShipped": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "box", + "id": "unitsShipped", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Units Shipped", + "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + } + } + }, + "marketingBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "megaphone", + "id": "marketingBtn", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Marketing", + "menuItems": {}, + "onClick": "{{navigateTo('Marketing', {}, 'SAME_WINDOW')}}" + } + }, + "isLoading": false, + "isVisible": true, + "key": "nav5btngrp", + "leftColumn": 0, + "minWidth": 450, + "mobileBottomRow": 5, + "mobileLeftColumn": 0, + "mobileRightColumn": 64, + "mobileTopRow": 0, + "orientation": "horizontal", + "parentColumnSpace": 25.109375, + "parentId": "0", + "parentRowSpace": 10, + "renderMode": "CANVAS", + "responsiveBehavior": "fill", + "rightColumn": 64, + "topRow": 0, + "type": "BUTTON_GROUP_WIDGET", + "version": 1, + "widgetId": "nav5btngrp005", + "widgetName": "Navigation" +} diff --git a/pages/Sales - Capacity Planning/widgets/Navigation.json b/pages/Sales - Capacity Planning/widgets/Navigation.json new file mode 100644 index 0000000..da99c00 --- /dev/null +++ b/pages/Sales - Capacity Planning/widgets/Navigation.json @@ -0,0 +1,133 @@ +{ + "animateLoading": true, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "bottomRow": 5, + "boxShadow": "none", + "buttonVariant": "TERTIARY", + "childStylesheet": { + "button": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}" + } + }, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + } + ], + "dynamicTriggerPathList": [ + { + "key": "groupButtons.homeBtn.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.salesOverview.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.capacityPlanning.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.unitsShipped.onClick" + }, + { + "key": "groupButtons.marketingBtn.onClick" + } + ], + "flexVerticalAlignment": "start", + "groupButtons": { + "homeBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "home", + "id": "homeBtn", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Home", + "menuItems": {}, + "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}" + }, + "salesMenu": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "MENU", + "iconName": "trending-up", + "id": "salesMenu", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Sales", + "menuItems": { + "salesOverview": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "dashboard", + "id": "salesOverview", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Overview", + "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "capacityPlanning": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "calendar", + "id": "capacityPlanning", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Capacity Planning", + "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "unitsShipped": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "box", + "id": "unitsShipped", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Units Shipped", + "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + } + } + }, + "marketingBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "megaphone", + "id": "marketingBtn", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Marketing", + "menuItems": {}, + "onClick": "{{navigateTo('Marketing', {}, 'SAME_WINDOW')}}" + } + }, + "isLoading": false, + "isVisible": true, + "key": "nav3btngrp", + "leftColumn": 0, + "minWidth": 450, + "mobileBottomRow": 5, + "mobileLeftColumn": 0, + "mobileRightColumn": 64, + "mobileTopRow": 0, + "orientation": "horizontal", + "parentColumnSpace": 25.109375, + "parentId": "0", + "parentRowSpace": 10, + "renderMode": "CANVAS", + "responsiveBehavior": "fill", + "rightColumn": 64, + "topRow": 0, + "type": "BUTTON_GROUP_WIDGET", + "version": 1, + "widgetId": "nav3btngrp003", + "widgetName": "Navigation" +} diff --git a/pages/Sales - Units Shipped/widgets/Navigation.json b/pages/Sales - Units Shipped/widgets/Navigation.json new file mode 100644 index 0000000..f8241a2 --- /dev/null +++ b/pages/Sales - Units Shipped/widgets/Navigation.json @@ -0,0 +1,133 @@ +{ + "animateLoading": true, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "bottomRow": 5, + "boxShadow": "none", + "buttonVariant": "TERTIARY", + "childStylesheet": { + "button": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}" + } + }, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + } + ], + "dynamicTriggerPathList": [ + { + "key": "groupButtons.homeBtn.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.salesOverview.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.capacityPlanning.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.unitsShipped.onClick" + }, + { + "key": "groupButtons.marketingBtn.onClick" + } + ], + "flexVerticalAlignment": "start", + "groupButtons": { + "homeBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "home", + "id": "homeBtn", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Home", + "menuItems": {}, + "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}" + }, + "salesMenu": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "MENU", + "iconName": "trending-up", + "id": "salesMenu", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Sales", + "menuItems": { + "salesOverview": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "dashboard", + "id": "salesOverview", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Overview", + "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "capacityPlanning": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "calendar", + "id": "capacityPlanning", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Capacity Planning", + "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "unitsShipped": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "box", + "id": "unitsShipped", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Units Shipped", + "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + } + } + }, + "marketingBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "megaphone", + "id": "marketingBtn", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Marketing", + "menuItems": {}, + "onClick": "{{navigateTo('Marketing', {}, 'SAME_WINDOW')}}" + } + }, + "isLoading": false, + "isVisible": true, + "key": "nav4btngrp", + "leftColumn": 0, + "minWidth": 450, + "mobileBottomRow": 5, + "mobileLeftColumn": 0, + "mobileRightColumn": 64, + "mobileTopRow": 0, + "orientation": "horizontal", + "parentColumnSpace": 25.109375, + "parentId": "0", + "parentRowSpace": 10, + "renderMode": "CANVAS", + "responsiveBehavior": "fill", + "rightColumn": 64, + "topRow": 0, + "type": "BUTTON_GROUP_WIDGET", + "version": 1, + "widgetId": "nav4btngrp004", + "widgetName": "Navigation" +} diff --git a/pages/Sales/widgets/Navigation.json b/pages/Sales/widgets/Navigation.json new file mode 100644 index 0000000..e2f892d --- /dev/null +++ b/pages/Sales/widgets/Navigation.json @@ -0,0 +1,133 @@ +{ + "animateLoading": true, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "bottomRow": 5, + "boxShadow": "none", + "buttonVariant": "TERTIARY", + "childStylesheet": { + "button": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}" + } + }, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + } + ], + "dynamicTriggerPathList": [ + { + "key": "groupButtons.homeBtn.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.salesOverview.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.capacityPlanning.onClick" + }, + { + "key": "groupButtons.salesMenu.menuItems.unitsShipped.onClick" + }, + { + "key": "groupButtons.marketingBtn.onClick" + } + ], + "flexVerticalAlignment": "start", + "groupButtons": { + "homeBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "home", + "id": "homeBtn", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Home", + "menuItems": {}, + "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}" + }, + "salesMenu": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "MENU", + "iconName": "trending-up", + "id": "salesMenu", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Sales", + "menuItems": { + "salesOverview": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "dashboard", + "id": "salesOverview", + "index": 0, + "isDisabled": false, + "isVisible": true, + "label": "Overview", + "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "capacityPlanning": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "calendar", + "id": "capacityPlanning", + "index": 1, + "isDisabled": false, + "isVisible": true, + "label": "Capacity Planning", + "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + }, + "unitsShipped": { + "backgroundColor": "#FFFFFF", + "iconAlign": "left", + "iconColor": "#040627", + "iconName": "box", + "id": "unitsShipped", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Units Shipped", + "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}", + "textColor": "#040627" + } + } + }, + "marketingBtn": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "buttonType": "SIMPLE", + "iconName": "megaphone", + "id": "marketingBtn", + "index": 2, + "isDisabled": false, + "isVisible": true, + "label": "Marketing", + "menuItems": {}, + "onClick": "{{navigateTo('Marketing', {}, 'SAME_WINDOW')}}" + } + }, + "isLoading": false, + "isVisible": true, + "key": "nav2btngrp", + "leftColumn": 0, + "minWidth": 450, + "mobileBottomRow": 5, + "mobileLeftColumn": 0, + "mobileRightColumn": 64, + "mobileTopRow": 0, + "orientation": "horizontal", + "parentColumnSpace": 25.109375, + "parentId": "0", + "parentRowSpace": 10, + "renderMode": "CANVAS", + "responsiveBehavior": "fill", + "rightColumn": 64, + "topRow": 0, + "type": "BUTTON_GROUP_WIDGET", + "version": 1, + "widgetId": "nav2btngrp002", + "widgetName": "Navigation" +}