magna-power/appsmith-statistics-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Separate navigation as the global navigation

Browse Source
This commit is contained in:
ivarsbariss
2026-01-27 12:30:53 +01:00
parent b8befc428e
commit 9356e6893f
6 changed files with 675 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
application.json
View File

@@ -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",

133
pages/Home/widgets/Navigation.json Normal file
View File

@@ -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"
}

133
pages/Marketing/widgets/Navigation.json Normal file
View File

@@ -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"
}

133
pages/Sales - Capacity Planning/widgets/Navigation.json Normal file
View File

@@ -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"
}

133
pages/Sales - Units Shipped/widgets/Navigation.json Normal file
View File

@@ -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"
}

133
pages/Sales/widgets/Navigation.json Normal file
View File

@@ -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"
}