Izara Wiki - User contributions [en]

Frontend Page - Configure MenuConfig

2023-06-26T01:57:52Z

Kik: /* DragDrop */

= Overview =

Frontend page for creating and editing MenuConfigs

= Repository =

= visibleObj Object =

<syntaxhighlight lang="json">
let visibleObj = {
visibleRowIndex: 0, // row index we have open on page
visibleRenameRowIndex: 0, // row index currently renaming
rows:[
{
menuElements: [
{
show: false, // whether the menuElement settings are expanded
menuText
menuElements: [ // if menuElement is elementType menu, will have child menuElements

],
},
// ..
]
},
// ..
]
}
</syntaxhighlight>

== OnDrag ==

<syntaxhighlight lang="json">
const dragStartRowIndex = useRef(null);
const dragPassRowIndex = useRef(null);
const [dragnamerow, setdragnamerow] = useState(null);
const [dragPassRowIndexState, setDragPassRowIndexState] = useState(null);

<div
dragable
onDragStart={(e) => {
dragStartRowIndex.current = rowIndex; //set value when clicked element
dragPassRowIndex.current = null; //set null when departed original position
setdragnamerow("row");
}}
onDragEnter={(e) => {
if (dragnamerow === "row") {
dragPassRowIndex.current = rowIndex;// change value when passed others element
setDragPassRowIndexState(rowIndex);
}
}}
onDragEnd={moveRows}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding
* set variable by useRef : for save data immediately
* set variable by useState : for Re-render

== DragDrop ==
Under Construction

<syntaxhighlight lang="json">
<CellTabButton
id={"menuelement" + menuElementIndex}
type="button"
name="menuelement"
dragdrop={(
dragPassMenuElementIndexState === menuElementIndex //set state of index
&& dragPassMenuElements.current === menuElements //switch element in array

)}
>
//...

</CellTabButton>

</syntaxhighlight>

== menuElements recursion ==

* Menu elements are nested to any level
* Structure of rows and menuElements in visible object matches structure of menuConfig/menuConfigSetting

= Working documents =

[[Category:Frontend pages| Configure MenuConfig]]

Frontend Page - Configure MenuConfig

2023-06-26T01:45:30Z

Kik: /* OnDrag */

= Overview =

Frontend page for creating and editing MenuConfigs

= Repository =

= visibleObj Object =

<syntaxhighlight lang="json">
let visibleObj = {
visibleRowIndex: 0, // row index we have open on page
visibleRenameRowIndex: 0, // row index currently renaming
rows:[
{
menuElements: [
{
show: false, // whether the menuElement settings are expanded
menuText
menuElements: [ // if menuElement is elementType menu, will have child menuElements

],
},
// ..
]
},
// ..
]
}
</syntaxhighlight>

== OnDrag ==

<syntaxhighlight lang="json">
const dragStartRowIndex = useRef(null);
const dragPassRowIndex = useRef(null);
const [dragnamerow, setdragnamerow] = useState(null);
const [dragPassRowIndexState, setDragPassRowIndexState] = useState(null);

<div
dragable
onDragStart={(e) => {
dragStartRowIndex.current = rowIndex; //set value when clicked element
dragPassRowIndex.current = null; //set null when departed original position
setdragnamerow("row");
}}
onDragEnter={(e) => {
if (dragnamerow === "row") {
dragPassRowIndex.current = rowIndex;// change value when passed others element
setDragPassRowIndexState(rowIndex);
}
}}
onDragEnd={moveRows}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding
* set variable by useRef : for save data immediately
* set variable by useState : for Re-render

== DragDrop ==
Under Construction

<syntaxhighlight lang="json">
//...
</syntaxhighlight>

== menuElements recursion ==

* Menu elements are nested to any level
* Structure of rows and menuElements in visible object matches structure of menuConfig/menuConfigSetting

= Working documents =

[[Category:Frontend pages| Configure MenuConfig]]

Frontend Page - Configure MenuConfig

2023-06-22T04:26:44Z

Kik: /* visibleObj Object */

= Overview =

Frontend page for creating and editing MenuConfigs

= Repository =

= visibleObj Object =

<syntaxhighlight lang="json">
let visibleObj = {
visibleRowIndex: 0, // row index we have open on page
visibleRenameRowIndex: 0, // row index currently renaming
rows:[
{
menuElements: [
{
show: false, // whether the menuElement settings are expanded
menuText
menuElements: [ // if menuElement is elementType menu, will have child menuElements

],
},
// ..
]
},
// ..
]
}
</syntaxhighlight>

== OnDrag ==
Under Construction
<syntaxhighlight lang="json">
const dragStartRowIndex = useRef(null);
const dragPassRowIndex = useRef(null);
const [dragnamerow, setdragnamerow] = useState(null);
const [dragPassRowIndexState, setDragPassRowIndexState] = useState(null);

<div
dragable
onDragStart={(e) => {
dragStartRowIndex.current = rowIndex; //set value when clicked element
dragPassRowIndex.current = null; //set null when departed original position
setdragnamerow("row");
}}
onDragEnter={(e) => {
if (dragnamerow === "row") {
dragPassRowIndex.current = rowIndex;// change value when passed others element
setDragPassRowIndexState(rowIndex);
}
}}
onDragEnd={moveRows}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding
* set variable by useRef : for save data immediately
* set variable by useState : for Re-render
== menuElements recursion ==

* Menu elements are nested to any level
* Structure of rows and menuElements in visible object matches structure of menuConfig/menuConfigSetting

= Working documents =

[[Category:Frontend pages| Configure MenuConfig]]

Frontend Page - Configure MenuConfig

2023-06-19T09:46:40Z

Kik: /* OnDrag */

= Overview =

Frontend page for creating and editing MenuConfigs

= Repository =

= visibleObj Object =

<syntaxhighlight lang="json">
let visibleObj = {
visibleRowIndex: 0, // row index we have open on page
visibleRenameRowIndex: 0, // row index currently renaming
rows:[
{
menuElements: [
{
show: false, // whether the menuElement settings are expanded
menuText
menuElements: [ // if menuElement is elementType menu, will have child menuElements

],
},
// ..
]
},
// ..
]
}
</syntaxhighlight>
* visibleRowIndex : identify visible position row
* visibleRenameRowIndex : identify row being renamed
* show : expand or collapse elements

== OnDrag ==
Under Construction
<syntaxhighlight lang="json">
const dragStartRowIndex = useRef(null);
const dragPassRowIndex = useRef(null);
const [dragnamerow, setdragnamerow] = useState(null);
const [dragPassRowIndexState, setDragPassRowIndexState] = useState(null);

<div
dragable
onDragStart={(e) => {
dragStartRowIndex.current = rowIndex; //set value when clicked element
dragPassRowIndex.current = null; //set null when departed original position
setdragnamerow("row");
}}
onDragEnter={(e) => {
if (dragnamerow === "row") {
dragPassRowIndex.current = rowIndex;// change value when passed others element
setDragPassRowIndexState(rowIndex);
}
}}
onDragEnd={moveRows}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding
* set variable by useRef : Unnecessary for re-render
* set variable by useState : Necessary for change data immediately

== menuElements recursion ==

* Menu elements are nested to any level
* Structure of rows and menuElements in visible object matches structure of menuConfig/menuConfigSetting

= Working documents =

[[Category:Frontend pages| Configure MenuConfig]]

Frontend Page - Configure MenuConfig

2023-06-19T09:33:03Z

Kik: /* OnDrag */

= Overview =

Frontend page for creating and editing MenuConfigs

= Repository =

= visibleObj Object =

<syntaxhighlight lang="json">
let visibleObj = {
visibleRowIndex: 0, // row index we have open on page
visibleRenameRowIndex: 0, // row index currently renaming
rows:[
{
menuElements: [
{
show: false, // whether the menuElement settings are expanded
menuText
menuElements: [ // if menuElement is elementType menu, will have child menuElements

],
},
// ..
]
},
// ..
]
}
</syntaxhighlight>
* visibleRowIndex : identify visible position row
* visibleRenameRowIndex : identify row being renamed
* show : expand or collapse elements

== OnDrag ==
Under Construction
<syntaxhighlight lang="json">
const dragStartRowIndex = useRef(null);
const dragPassRowIndex = useRef(null);
const [dragnamerow, setdragnamerow] = useState(null);
const [dragPassRowIndexState, setDragPassRowIndexState] = useState(null);

<div
dragable
onDragStart={(e) => {
dragStartRowIndex.current = rowIndex; //set value when clicked element
dragPassRowIndex.current = null;
setdragnamerow("row");
}}
onDragEnter={(e) => {
if (dragnamerow === "row") {
dragPassRowIndex.current = rowIndex;
setDragPassRowIndexState(rowIndex);
}
}}
onDragEnd={moveRows}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding
* set variable by useRef : Unnecessary for re-render
* set variable by useState : Necessary for change data immediately

== menuElements recursion ==

* Menu elements are nested to any level
* Structure of rows and menuElements in visible object matches structure of menuConfig/menuConfigSetting

= Working documents =

[[Category:Frontend pages| Configure MenuConfig]]

Frontend Page - Configure MenuConfig

2023-06-19T09:14:05Z

Kik: /* OnDrag */

= Overview =

Frontend page for creating and editing MenuConfigs

= Repository =

= visibleObj Object =

<syntaxhighlight lang="json">
let visibleObj = {
visibleRowIndex: 0, // row index we have open on page
visibleRenameRowIndex: 0, // row index currently renaming
rows:[
{
menuElements: [
{
show: false, // whether the menuElement settings are expanded
menuText
menuElements: [ // if menuElement is elementType menu, will have child menuElements

],
},
// ..
]
},
// ..
]
}
</syntaxhighlight>
* visibleRowIndex : identify visible position row
* visibleRenameRowIndex : identify row being renamed
* show : expand or collapse elements

== OnDrag ==
Under Construction
<syntaxhighlight lang="json">
const dragStartRowIndex = useRef(null);
const dragPassRowIndex = useRef(null);
const [dragnamerow, setdragnamerow] = useState(null);
const [dragPassRowIndexState, setDragPassRowIndexState] = useState(null);

<div
dragable
onDragStart={(e) => {
dragStartRowIndex.current = rowIndex; //set value when clicked element
dragPassRowIndex.current = null;
setdragnamerow("row");
}}
onDragEnter={(e) => {
if (dragnamerow === "row") {
dragPassRowIndex.current = rowIndex;
setDragPassRowIndexState(rowIndex);
}
}}
onDragEnd={moveRows}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding
* set variable by useRef : //Unnecessary for re-render
* set variable by useState : //Necessary for change data immediately

== menuElements recursion ==

* Menu elements are nested to any level
* Structure of rows and menuElements in visible object matches structure of menuConfig/menuConfigSetting

= Working documents =

[[Category:Frontend pages| Configure MenuConfig]]

Frontend Page - Configure MenuConfig

2023-06-19T08:49:50Z

Kik: /* OnDrag */

= Overview =

Frontend page for creating and editing MenuConfigs

= Repository =

= visibleObj Object =

<syntaxhighlight lang="json">
let visibleObj = {
visibleRowIndex: 0, // row index we have open on page
visibleRenameRowIndex: 0, // row index currently renaming
rows:[
{
menuElements: [
{
show: false, // whether the menuElement settings are expanded
menuText
menuElements: [ // if menuElement is elementType menu, will have child menuElements

],
},
// ..
]
},
// ..
]
}
</syntaxhighlight>
* visibleRowIndex : identify visible position row
* visibleRenameRowIndex : identify row being renamed
* show : expand or collapse elements

== OnDrag ==
Under Construction
<syntaxhighlight lang="json">
const dragStartRowIndex = useRef(null);
const dragPassRowIndex = useRef(null);
const [dragnamerow, setdragnamerow] = useState(null);
const [dragPassRowIndexState, setDragPassRowIndexState] = useState(null);

<div
dragable
onDragStart={(e) => {
dragStartRowIndex.current = rowIndex; //set value when clicked element
dragPassRowIndex.current = null;
setdragnamerow("row");
}}
onDragEnter={(e) => {
if (dragnamerow === "row") {
dragPassRowIndex.current = rowIndex;
setDragPassRowIndexState(rowIndex);
}
}}
onDragEnd={moveRows}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding
* set variable by useRef : //Unnecessary for re-render
* set variable by useState : //Necessary for change data immediately

== menuElements recursion ==

* Menu elements are nested to any level
* Structure of rows and menuElements in visible object matches structure of menuConfig/menuConfigSetting

= Working documents =

[[Category:Frontend pages| Configure MenuConfig]]

Frontend Page - Configure MenuConfig

2023-06-19T06:36:03Z

Kik: /* OnDrag */

= Overview =

Frontend page for creating and editing MenuConfigs

= Repository =

= visibleObj Object =

<syntaxhighlight lang="json">
let visibleObj = {
visibleRowIndex: 0, // row index we have open on page
visibleRenameRowIndex: 0, // row index currently renaming
rows:[
{
menuElements: [
{
show: false, // whether the menuElement settings are expanded
menuText
menuElements: [ // if menuElement is elementType menu, will have child menuElements

],
},
// ..
]
},
// ..
]
}
</syntaxhighlight>
* visibleRowIndex : identify visible position row
* visibleRenameRowIndex : identify row being renamed
* show : expand or collapse elements

== OnDrag ==
Under Construction
<syntaxhighlight lang="json">
const dragStartRowIndex = useRef(null);
const dragPassRowIndex = useRef(null);
const [dragnamerow, setdragnamerow] = useState(null);
const [dragPassRowIndexState, setDragPassRowIndexState] = useState(null);

<div
dragable
onDragStart={(e) => {
dragStartRowIndex.current = rowIndex;
dragPassRowIndex.current = null;
setdragnamerow("row");
}}
onDragEnter={(e) => {
if (dragnamerow === "row") {
dragPassRowIndex.current = rowIndex;
setDragPassRowIndexState(rowIndex)
}
}}
onDragEnd={moveRows}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding

== menuElements recursion ==

* Menu elements are nested to any level
* Structure of rows and menuElements in visible object matches structure of menuConfig/menuConfigSetting

= Working documents =

[[Category:Frontend pages| Configure MenuConfig]]

Frontend Page - Configure MenuConfig

2023-06-19T06:10:18Z

Kik: /* OnDrag */

Frontend Page - Configure MenuConfig

2023-06-16T10:02:28Z

Kik: /* visibleObj Object */

Service - Menu Config

2023-06-16T10:01:57Z

Kik: /* menuConfig Object */

Frontend Page - Configure MenuConfig

2023-06-16T10:01:02Z

Kik: /* visibleObj Object */

Frontend Page - Configure MenuConfig

2023-06-16T09:53:27Z

Kik: /* visibleObj Object */

Service - Menu Config

2023-06-16T08:58:14Z

Kik: /* Visible Object */

= Overview =

Manages configuration for site menus created by users and used in different areas of the project.

= Repository =

https://bitbucket.org/izara-core-shared/izara-core-shared-menu-config

= DynamoDB tables =

== MenuConfigMain ==

<syntaxhighlight lang="JavaScript">
{
menuConfigId: "xx", // {useCase}_{random uuid}
menuConfig: "xx", // json encoded object of configuration
menuConfigName: "yy", // user specified name of the config
userId: "xx"
}
</syntaxhighlight>

* partition key: menuConfigId
* sort key: {none}
* save menuConfig according to useCase, not yet applied but could sub areas of the project into different use cases, handled by the same Menu Config service

== UsersMenuConfigs ==

<syntaxhighlight lang="JavaScript">
{
userId: "xx" // user who owns the menuConfig
menuConfigId: "xx",
}
</syntaxhighlight>

* partition key: userId
* sort key: menuConfigId

= menuConfig Object =

<syntaxhighlight lang="json">
{
menuRows:[
{
rowName: "xx", // used when configuring only as a reference
menuElements: [
{
elementType: "menu"
menuElements: [
{
elementType: "staticUrl"
url: "xxx",
},
{
elementType: "projectLink"
service: "xx",
resource: "xx",
action: "xx",
},
{
elementType: "plainText"
plainText: "xxx",
},
],
},
{
elementType: "projectMenu", // used for the main project menu
}
// ..
]
},
// ..
]
}
</syntaxhighlight>

== Visible Object ==
<syntaxhighlight lang="json">
let visibleObj = {
rows: [
{
menuElements: [
{
show: false,
menuElements : [],
},
// ..
], //Recursive function
},
//..
],
visibleRowIndex: 0, //[Top level]
visibleRenameRowIndex: null, //[Top level]
};
</syntaxhighlight>

* visibleRowIndex : identify visible position each row
* visibleRenameRowIndex : use control css button was visible or selected

== Visible object in Recursive Function ==
<syntaxhighlight lang="json">
let visibleObj = {
show: false,
menuElements: [],
};
</syntaxhighlight>
* show : switch false or true

== OnDrag ==
Under Construction
<syntaxhighlight lang="json">
<div
dragable
onDragStart={(e) => {}
onDragEnter={(e) => {}
onDragEnd={}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding

= Working documents =

[[:Category:Working_documents - Menu Config|Menu Config]]

[[Category:Backend services| Menu Config]]

Service - Menu Config

2023-06-16T05:53:27Z

Kik: /* OnDrag */

= Overview =

Manages configuration for site menus created by users and used in different areas of the project.

= Repository =

https://bitbucket.org/izara-core-shared/izara-core-shared-menu-config

= DynamoDB tables =

== MenuConfigMain ==

<syntaxhighlight lang="JavaScript">
{
menuConfigId: "xx", // {useCase}_{random uuid}
menuConfig: "xx", // json encoded object of configuration
menuConfigName: "yy", // user specified name of the config
userId: "xx"
}
</syntaxhighlight>

* partition key: menuConfigId
* sort key: {none}
* save menuConfig according to useCase, not yet applied but could sub areas of the project into different use cases, handled by the same Menu Config service

== UsersMenuConfigs ==

<syntaxhighlight lang="JavaScript">
{
userId: "xx" // user who owns the menuConfig
menuConfigId: "xx",
}
</syntaxhighlight>

* partition key: userId
* sort key: menuConfigId

= menuConfig Object =

<syntaxhighlight lang="json">
{
menuRows:[
{
rowName: "xx", // used when configuring only as a reference
menuElements: [
{
elementType: "menu"
menuElements: [
{
elementType: "staticUrl"
url: "xxx",
},
{
elementType: "projectLink"
service: "xx",
resource: "xx",
action: "xx",
},
{
elementType: "plainText"
plainText: "xxx",
},
],
},
{
elementType: "projectMenu", // used for the main project menu
}
// ..
]
},
// ..
]
}
</syntaxhighlight>

== Visible Object ==
<syntaxhighlight lang="json">
let visibleObj = {
rows: [
menuElements: [
{
show: false,
menuElements : [],
}
], //Recursive function
],
visibleRowIndex: 0, //[Top level]
visibleRenameRowIndex: null, //[Top level]
};
</syntaxhighlight>

* visibleRowIndex : identify visible position each row
* visibleRenameRowIndex : use control css button was visible or selected

== Visible object in Recursive Function ==
<syntaxhighlight lang="json">
let visibleObj = {
show: false,
menuElements: [],
};
</syntaxhighlight>
* show : switch false or true

== OnDrag ==
Under Construction
<syntaxhighlight lang="json">
<div
dragable
onDragStart={(e) => {}
onDragEnter={(e) => {}
onDragEnd={}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart : when you started to click element
* onDragEnter : when you passed element
* onDragEnd : when you released holding

= Working documents =

[[:Category:Working_documents - Menu Config|Menu Config]]

[[Category:Backend services| Menu Config]]

Service - Menu Config

2023-06-16T05:50:01Z

Kik: /* OnDrag */

= Overview =

Manages configuration for site menus created by users and used in different areas of the project.

= Repository =

https://bitbucket.org/izara-core-shared/izara-core-shared-menu-config

= DynamoDB tables =

== MenuConfigMain ==

<syntaxhighlight lang="JavaScript">
{
menuConfigId: "xx", // {useCase}_{random uuid}
menuConfig: "xx", // json encoded object of configuration
menuConfigName: "yy", // user specified name of the config
userId: "xx"
}
</syntaxhighlight>

* partition key: menuConfigId
* sort key: {none}
* save menuConfig according to useCase, not yet applied but could sub areas of the project into different use cases, handled by the same Menu Config service

== UsersMenuConfigs ==

<syntaxhighlight lang="JavaScript">
{
userId: "xx" // user who owns the menuConfig
menuConfigId: "xx",
}
</syntaxhighlight>

* partition key: userId
* sort key: menuConfigId

= menuConfig Object =

<syntaxhighlight lang="json">
{
menuRows:[
{
rowName: "xx", // used when configuring only as a reference
menuElements: [
{
elementType: "menu"
menuElements: [
{
elementType: "staticUrl"
url: "xxx",
},
{
elementType: "projectLink"
service: "xx",
resource: "xx",
action: "xx",
},
{
elementType: "plainText"
plainText: "xxx",
},
],
},
{
elementType: "projectMenu", // used for the main project menu
}
// ..
]
},
// ..
]
}
</syntaxhighlight>

== Visible Object ==
<syntaxhighlight lang="json">
let visibleObj = {
rows: [
menuElements: [
{
show: false,
menuElements : [],
}
], //Recursive function
],
visibleRowIndex: 0, //[Top level]
visibleRenameRowIndex: null, //[Top level]
};
</syntaxhighlight>

* visibleRowIndex : identify visible position each row
* visibleRenameRowIndex : use control css button was visible or selected

== Visible object in Recursive Function ==
<syntaxhighlight lang="json">
let visibleObj = {
show: false,
menuElements: [],
};
</syntaxhighlight>
* show : switch false or true

== OnDrag ==
Under Construction
<syntaxhighlight lang="json">
<div
dragable
onDragStart={(e) => {}
onDragEnter={(e) => {}
onDragEnd={}
>
{"text"}
</div>
</syntaxhighlight>
* onDragStart :
* onDragEnter :
* onDragEnd :

= Working documents =

[[:Category:Working_documents - Menu Config|Menu Config]]

[[Category:Backend services| Menu Config]]

Service - Menu Config

2023-06-15T06:31:37Z

Kik: /* menuConfig Object */

= Overview =

Manages configuration for site menus created by users and used in different areas of the project.

= Repository =

https://bitbucket.org/izara-core-shared/izara-core-shared-menu-config

= DynamoDB tables =

== MenuConfigMain ==

<syntaxhighlight lang="JavaScript">
{
menuConfigId: "xx", // {useCase}_{random uuid}
menuConfig: "xx", // json encoded object of configuration
menuConfigName: "yy", // user specified name of the config
userId: "xx"
}
</syntaxhighlight>

* partition key: menuConfigId
* sort key: {none}
* save menuConfig according to useCase, not yet applied but could sub areas of the project into different use cases, handled by the same Menu Config service

== UsersMenuConfigs ==

<syntaxhighlight lang="JavaScript">
{
userId: "xx" // user who owns the menuConfig
menuConfigId: "xx",
}
</syntaxhighlight>

* partition key: userId
* sort key: menuConfigId

= menuConfig Object =

<syntaxhighlight lang="json">
{
menuRows:[
{
rowName: "xx", // used when configuring only as a reference
menuElements: [
{
elementType: "menu"
menuElements: [
{
elementType: "staticUrl"
url: "xxx",
},
{
elementType: "projectLink"
service: "xx",
resource: "xx",
action: "xx",
},
{
elementType: "plainText"
plainText: "xxx",
},
],
},
{
elementType: "projectMenu", // used for the main project menu
}
// ..
]
},
// ..
]
}
</syntaxhighlight>

== Visible Object ==
<syntaxhighlight lang="json">
let visibleObj = {
rows: [
menuElements: [
{
show: false,
menuElements : [],
}
], //Recursive function
],
visibleRowIndex: 0, //[Top level]
visibleRenameRowIndex: null, //[Top level]
};
</syntaxhighlight>

* visibleRowIndex : identify visible position each row
* visibleRenameRowIndex : use control css button was visible or selected

== Visible object in Recursive Function ==
<syntaxhighlight lang="json">
let visibleObj = {
show: false,
menuElements: [],
};
</syntaxhighlight>
* show : switch false or true

== OnDrag ==
Under Construction

= Working documents =

[[:Category:Working_documents - Menu Config|Menu Config]]

[[Category:Backend services| Menu Config]]

Service - Menu Config

2023-06-15T06:09:07Z

Kik: /* Visible object in Recursive Function */

= Overview =

Manages configuration for site menus created by users and used in different areas of the project.

= Repository =

https://bitbucket.org/izara-core-shared/izara-core-shared-menu-config

= DynamoDB tables =

== MenuConfigMain ==

<syntaxhighlight lang="JavaScript">
{
menuConfigId: "xx", // {useCase}_{random uuid}
menuConfig: "xx", // json encoded object of configuration
menuConfigName: "yy", // user specified name of the config
userId: "xx"
}
</syntaxhighlight>

* partition key: menuConfigId
* sort key: {none}
* save menuConfig according to useCase, not yet applied but could sub areas of the project into different use cases, handled by the same Menu Config service

== UsersMenuConfigs ==

<syntaxhighlight lang="JavaScript">
{
userId: "xx" // user who owns the menuConfig
menuConfigId: "xx",
}
</syntaxhighlight>

* partition key: userId
* sort key: menuConfigId

= menuConfig Object =

<syntaxhighlight lang="json">
{
menuRows:[
{
rowName: "xx", // used when configuring only as a reference
menuElements: [
{
elementType: "menu"
menuElements: [
{
elementType: "staticUrl"
url: "xxx",
},
{
elementType: "projectLink"
service: "xx",
resource: "xx",
action: "xx",
},
{
elementType: "plainText"
plainText: "xxx",
},
],
},
{
elementType: "projectMenu", // used for the main project menu
}
// ..
]
},
// ..
]
}
</syntaxhighlight>

== Visible Object ==
<syntaxhighlight lang="json">
let visibleObj = {
rows: [
menuElements: [
{
show: false,
menuElements : [],
}
], //Recursive function
],
visibleRowIndex: 0, //[Top level]
visibleRenameRowIndex: null, //[Top level]
};
</syntaxhighlight>

* visibleRowIndex : identify visible position each row
* visibleRenameRowIndex : use control css button was visible or selected

== Visible object in Recursive Function ==
<syntaxhighlight lang="json">
let visibleObj = {
show: false,
menuElements: [],
};
</syntaxhighlight>
* show : switch false or true

= Working documents =

[[:Category:Working_documents - Menu Config|Menu Config]]

[[Category:Backend services| Menu Config]]

Service - Menu Config

2023-06-15T05:55:55Z

Kik: /* Visible Object */

= Overview =

Manages configuration for site menus created by users and used in different areas of the project.

= Repository =

https://bitbucket.org/izara-core-shared/izara-core-shared-menu-config

= DynamoDB tables =

== MenuConfigMain ==

<syntaxhighlight lang="JavaScript">
{
menuConfigId: "xx", // {useCase}_{random uuid}
menuConfig: "xx", // json encoded object of configuration
menuConfigName: "yy", // user specified name of the config
userId: "xx"
}
</syntaxhighlight>

* partition key: menuConfigId
* sort key: {none}
* save menuConfig according to useCase, not yet applied but could sub areas of the project into different use cases, handled by the same Menu Config service

== UsersMenuConfigs ==

<syntaxhighlight lang="JavaScript">
{
userId: "xx" // user who owns the menuConfig
menuConfigId: "xx",
}
</syntaxhighlight>

* partition key: userId
* sort key: menuConfigId

= menuConfig Object =

<syntaxhighlight lang="json">
{
menuRows:[
{
rowName: "xx", // used when configuring only as a reference
menuElements: [
{
elementType: "menu"
menuElements: [
{
elementType: "staticUrl"
url: "xxx",
},
{
elementType: "projectLink"
service: "xx",
resource: "xx",
action: "xx",
},
{
elementType: "plainText"
plainText: "xxx",
},
],
},
{
elementType: "projectMenu", // used for the main project menu
}
// ..
]
},
// ..
]
}
</syntaxhighlight>

== Visible Object ==
<syntaxhighlight lang="json">
let visibleObj = {
rows: [
menuElements: [
{
show: false,
menuElements : [],
}
], //Recursive function
],
visibleRowIndex: 0, //[Top level]
visibleRenameRowIndex: null, //[Top level]
};
</syntaxhighlight>

* visibleRowIndex : identify visible position each row
* visibleRenameRowIndex : use control css button was visible or selected

== Visible object in Recursive Function ==
<syntaxhighlight lang="json">
let visibleObj = {
show: false,
menuElements: [],
};
</syntaxhighlight>

= Working documents =

[[:Category:Working_documents - Menu Config|Menu Config]]

[[Category:Backend services| Menu Config]]