removed rotate and reset from filter and placed them in the view, added tooltips on the buttons

This commit is contained in:
Salijoghli 2025-10-09 19:07:51 +04:00
parent c94ea5a32d
commit 97fe14c5b6
15 changed files with 222 additions and 358 deletions

View File

@ -4,7 +4,7 @@
"props": {
"defaultSize": {
"height": 373,
"width": 400
"width": 199
}
},
"root": {
@ -1001,170 +1001,6 @@
}
},
"type": "ia.container.flex"
},
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"basis": "36px",
"shrink": 0
},
"props": {
"style": {
"background-color": "#555555",
"fontWeight": "bold",
"textAlign": "center"
},
"text": "Accessibility"
},
"type": "ia.display.label"
},
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"basis": "80px",
"grow": 1
},
"props": {
"style": {
"textAlign": "center"
},
"text": "Rotate Detailed View:"
},
"type": "ia.display.label"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\t\n\t# Read current rotation string\n\tcurrentRotation \u003d self.session.custom.rotation\n\t\n\tcurrentAngle \u003d currentRotation.replace(\"deg\", \"\")\n\t\n\t# Increment by 90° and wrap around 360\n\tnewAngle \u003d (int(currentAngle) + 90) % 360\n\t\n\t# Save back as string with \"deg\"\n\tself.session.custom.rotation \u003d str(newAngle) + \"deg\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Icon"
},
"position": {
"basis": "30px"
},
"props": {
"path": "material/360",
"style": {
"cursor": "pointer"
}
},
"type": "ia.display.icon"
}
],
"meta": {
"name": "FlexContainer_0",
"tooltip": {
"enabled": true,
"text": "Click to rotate the view 90° clockwise"
}
},
"position": {
"basis": "65px"
},
"props": {
"justify": "space-between",
"style": {
"padding": 10
}
},
"type": "ia.container.flex"
},
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"basis": "80px",
"grow": 1
},
"props": {
"style": {
"textAlign": "center"
},
"text": "Reset Rotation"
},
"type": "ia.display.label"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.session.custom.rotation \u003d \"0deg\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Icon"
},
"position": {
"basis": "30px"
},
"props": {
"path": "material/cached",
"style": {
"cursor": "pointer"
}
},
"type": "ia.display.icon"
}
],
"meta": {
"name": "FlexContainer_1",
"tooltip": {
"enabled": true,
"text": "Reset Rotation"
}
},
"position": {
"basis": "65px"
},
"props": {
"justify": "space-between",
"style": {
"padding": 10
}
},
"type": "ia.container.flex"
}
],
"meta": {
"name": "Accessibility"
},
"position": {
"basis": "200px",
"shrink": 0
},
"props": {
"direction": "column",
"style": {
"borderColor": "#FFFFFF",
"borderStyle": "solid",
"borderWidth": 1
}
},
"type": "ia.container.flex"
}
],
"meta": {

View File

@ -3371,7 +3371,7 @@
},
"props": {
"dismissOnSelect": false,
"formattedValue": "Oct 9, 2025 4:44 PM",
"formattedValue": "Oct 9, 2025 5:02 PM",
"formattedValues": {
"date": "Mar 26, 2021",
"datetime": "Mar 26, 2021 12:00 AM",
@ -3381,9 +3381,9 @@
"$": [
"ts",
192,
1760021059065
1760022127677
],
"$ts": 1760013859000
"$ts": 1760014927000
}
},
"type": "ia.input.date-time-input"
@ -3531,7 +3531,7 @@
},
"props": {
"dismissOnSelect": false,
"formattedValue": "Oct 9, 2025 6:44 PM",
"formattedValue": "Oct 9, 2025 7:02 PM",
"formattedValues": {
"date": "Mar 29, 2021",
"datetime": "Mar 29, 2021 1:37 PM",
@ -3541,9 +3541,9 @@
"$": [
"ts",
192,
1760021059065
1760022127670
],
"$ts": 1760021059000
"$ts": 1760022127000
}
},
"type": "ia.input.date-time-input"

View File

@ -200,7 +200,11 @@
}
},
"meta": {
"name": "Reset"
"name": "Reset",
"tooltip": {
"enabled": true,
"text": "Reset zoom"
}
},
"position": {
"height": 0.0324,
@ -240,7 +244,11 @@
}
},
"meta": {
"name": "Out"
"name": "Out",
"tooltip": {
"enabled": true,
"text": "Zoom out"
}
},
"position": {
"height": 0.0324,
@ -281,7 +289,11 @@
}
},
"meta": {
"name": "In"
"name": "In",
"tooltip": {
"enabled": true,
"text": "Zoom in"
}
},
"position": {
"height": 0.0324,
@ -409,7 +421,11 @@
}
},
"meta": {
"name": "Pan"
"name": "Pan",
"tooltip": {
"enabled": true,
"text": "Enable panning"
}
},
"position": {
"height": 0.0324,
@ -500,7 +516,11 @@
}
},
"meta": {
"name": "Click"
"name": "Click",
"tooltip": {
"enabled": true,
"text": "Enabe interaction"
}
},
"position": {
"height": 0.0324,
@ -578,6 +598,82 @@
}
},
"type": "ia.display.icon"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\t\n\t# Read current rotation string\n\tcurrentRotation \u003d self.session.custom.rotation\n\t\n\tcurrentAngle \u003d currentRotation.replace(\"deg\", \"\")\n\t\n\t# Increment by 90° and wrap around 360\n\tnewAngle \u003d (int(currentAngle) + 90) % 360\n\t\n\t# Save back as string with \"deg\"\n\tself.session.custom.rotation \u003d str(newAngle) + \"deg\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Rotate",
"tooltip": {
"enabled": true,
"text": "Rotate a view"
}
},
"position": {
"height": 0.0324,
"width": 0.0182,
"x": 0.1404,
"y": 0.0018
},
"props": {
"path": "material/rotate_right",
"style": {
"alignSelf": "center",
"color": "#555555",
"cursor": "pointer",
"filter": "invert(100%)",
"margin": 1,
"mix-blend-mode": "difference"
}
},
"type": "ia.display.icon"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.session.custom.rotation \u003d \"0deg\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Reset-rotation",
"tooltip": {
"enabled": true,
"text": "Reset rotation"
}
},
"position": {
"height": 0.0324,
"width": 0.0182,
"x": 0.1595,
"y": 0.0018
},
"props": {
"path": "material/360",
"style": {
"alignSelf": "center",
"color": "#555555",
"cursor": "pointer",
"filter": "invert(100%)",
"margin": 1,
"mix-blend-mode": "difference"
}
},
"type": "ia.display.icon"
}
],
"meta": {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -10,8 +10,8 @@
"attributes": {
"lastModification": {
"actor": "admin",
"timestamp": "2025-10-09T14:43:22Z"
"timestamp": "2025-10-09T15:03:12Z"
},
"lastModificationSignature": "7aa2a68dcc45ecf04718563699e917faf496bf001f9bdc1323337a152b718e46"
"lastModificationSignature": "657511132c66cbc3eca217534e08e6fc9b86cd940be121dc495501a3eefacaa0"
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 66 KiB

View File

@ -200,7 +200,11 @@
}
},
"meta": {
"name": "Reset"
"name": "Reset",
"tooltip": {
"enabled": true,
"text": "Reset zoom"
}
},
"position": {
"height": 0.0324,
@ -240,7 +244,11 @@
}
},
"meta": {
"name": "Out"
"name": "Out",
"tooltip": {
"enabled": true,
"text": "Zoom out"
}
},
"position": {
"height": 0.0324,
@ -281,7 +289,11 @@
}
},
"meta": {
"name": "In"
"name": "In",
"tooltip": {
"enabled": true,
"text": "Zoom in"
}
},
"position": {
"height": 0.0324,
@ -409,7 +421,11 @@
}
},
"meta": {
"name": "Pan"
"name": "Pan",
"tooltip": {
"enabled": true,
"text": "Enable panning"
}
},
"position": {
"height": 0.0324,
@ -500,7 +516,11 @@
}
},
"meta": {
"name": "Click"
"name": "Click",
"tooltip": {
"enabled": true,
"text": "Enabe interaction"
}
},
"position": {
"height": 0.0324,
@ -578,6 +598,82 @@
}
},
"type": "ia.display.icon"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\t\n\t# Read current rotation string\n\tcurrentRotation \u003d self.session.custom.rotation\n\t\n\tcurrentAngle \u003d currentRotation.replace(\"deg\", \"\")\n\t\n\t# Increment by 90° and wrap around 360\n\tnewAngle \u003d (int(currentAngle) + 90) % 360\n\t\n\t# Save back as string with \"deg\"\n\tself.session.custom.rotation \u003d str(newAngle) + \"deg\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Rotate",
"tooltip": {
"enabled": true,
"text": "Rotate a view"
}
},
"position": {
"height": 0.0324,
"width": 0.0182,
"x": 0.1404,
"y": 0.0018
},
"props": {
"path": "material/rotate_right",
"style": {
"alignSelf": "center",
"color": "#555555",
"cursor": "pointer",
"filter": "invert(100%)",
"margin": 1,
"mix-blend-mode": "difference"
}
},
"type": "ia.display.icon"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.session.custom.rotation \u003d \"0deg\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Reset-rotation",
"tooltip": {
"enabled": true,
"text": "Reset rotation"
}
},
"position": {
"height": 0.0324,
"width": 0.0182,
"x": 0.1595,
"y": 0.0018
},
"props": {
"path": "material/360",
"style": {
"alignSelf": "center",
"color": "#555555",
"cursor": "pointer",
"filter": "invert(100%)",
"margin": 1,
"mix-blend-mode": "difference"
}
},
"type": "ia.display.icon"
}
],
"meta": {

View File

@ -10,8 +10,8 @@
"attributes": {
"lastModification": {
"actor": "admin",
"timestamp": "2025-10-03T15:26:21Z"
"timestamp": "2025-10-09T15:05:47Z"
},
"lastModificationSignature": "65f1846ea389915f2f6a1858850de67043bb160cc6ddfeea3d9573a100c7089a"
"lastModificationSignature": "ea127d88dfc46a8264087c071ee232a3a6de03f0cfbd5f5a5aa1d966d74aa0ef"
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -4,7 +4,7 @@
"props": {
"defaultSize": {
"height": 373,
"width": 400
"width": 199
}
},
"root": {
@ -1001,170 +1001,6 @@
}
},
"type": "ia.container.flex"
},
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"basis": "36px",
"shrink": 0
},
"props": {
"style": {
"background-color": "#555555",
"fontWeight": "bold",
"textAlign": "center"
},
"text": "Accessibility"
},
"type": "ia.display.label"
},
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"basis": "80px",
"grow": 1
},
"props": {
"style": {
"textAlign": "center"
},
"text": "Rotate Detailed View:"
},
"type": "ia.display.label"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\t\n\t# Read current rotation string\n\tcurrentRotation \u003d self.session.custom.rotation\n\t\n\tcurrentAngle \u003d currentRotation.replace(\"deg\", \"\")\n\t\n\t# Increment by 90° and wrap around 360\n\tnewAngle \u003d (int(currentAngle) + 90) % 360\n\t\n\t# Save back as string with \"deg\"\n\tself.session.custom.rotation \u003d str(newAngle) + \"deg\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Icon"
},
"position": {
"basis": "30px"
},
"props": {
"path": "material/360",
"style": {
"cursor": "pointer"
}
},
"type": "ia.display.icon"
}
],
"meta": {
"name": "FlexContainer_0",
"tooltip": {
"enabled": true,
"text": "Click to rotate the view 90° clockwise"
}
},
"position": {
"basis": "65px"
},
"props": {
"justify": "space-between",
"style": {
"padding": 10
}
},
"type": "ia.container.flex"
},
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"basis": "80px",
"grow": 1
},
"props": {
"style": {
"textAlign": "center"
},
"text": "Reset Rotation"
},
"type": "ia.display.label"
},
{
"events": {
"dom": {
"onClick": {
"config": {
"script": "\tself.session.custom.rotation \u003d \"0deg\""
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Icon"
},
"position": {
"basis": "30px"
},
"props": {
"path": "material/cached",
"style": {
"cursor": "pointer"
}
},
"type": "ia.display.icon"
}
],
"meta": {
"name": "FlexContainer_1",
"tooltip": {
"enabled": true,
"text": "Reset Rotation"
}
},
"position": {
"basis": "65px"
},
"props": {
"justify": "space-between",
"style": {
"padding": 10
}
},
"type": "ia.container.flex"
}
],
"meta": {
"name": "Accessibility"
},
"position": {
"basis": "200px",
"shrink": 0
},
"props": {
"direction": "column",
"style": {
"borderColor": "#FFFFFF",
"borderStyle": "solid",
"borderWidth": 1
}
},
"type": "ia.container.flex"
}
],
"meta": {

View File

@ -10,8 +10,8 @@
"attributes": {
"lastModification": {
"actor": "admin",
"timestamp": "2025-10-09T14:44:19Z"
"timestamp": "2025-10-09T15:02:08Z"
},
"lastModificationSignature": "6dcdeb8edafd35ff55105fad330cd914ca70676dd1d49bff4289ef518d7cce34"
"lastModificationSignature": "e2a24b5649a23005c18c2592a077a83dd174ece2e02a510544a66be76a73133e"
}
}

View File

@ -3371,7 +3371,7 @@
},
"props": {
"dismissOnSelect": false,
"formattedValue": "Oct 9, 2025 4:44 PM",
"formattedValue": "Oct 9, 2025 5:02 PM",
"formattedValues": {
"date": "Mar 26, 2021",
"datetime": "Mar 26, 2021 12:00 AM",
@ -3381,9 +3381,9 @@
"$": [
"ts",
192,
1760021059065
1760022127677
],
"$ts": 1760013859000
"$ts": 1760014927000
}
},
"type": "ia.input.date-time-input"
@ -3531,7 +3531,7 @@
},
"props": {
"dismissOnSelect": false,
"formattedValue": "Oct 9, 2025 6:44 PM",
"formattedValue": "Oct 9, 2025 7:02 PM",
"formattedValues": {
"date": "Mar 29, 2021",
"datetime": "Mar 29, 2021 1:37 PM",
@ -3541,9 +3541,9 @@
"$": [
"ts",
192,
1760021059065
1760022127670
],
"$ts": 1760021059000
"$ts": 1760022127000
}
},
"type": "ia.input.date-time-input"