Panel - Revision history

Maxim@tygron.com at 13:15, 6 July 2026

2026-07-06T13:15:27Z

← Older revision		Revision as of 13:15, 6 July 2026
Line 190:		Line 190:
	* [[How to inspect the contents of a Panel in a web browser]]		* [[How to inspect the contents of a Panel in a web browser]]
	\|seealso=		\|seealso=
			* [[Tag]]
	* [[Web Panel]]		* [[Web Panel]]
	* [[Global Panel]]		* [[Global Panel]]

Maxim@tygron.com at 13:13, 6 July 2026

2026-07-06T13:13:29Z

← Older revision		Revision as of 13:13, 6 July 2026
Line 48:		Line 48:
	\|-		\|-
	\| Text Panel		\| Text Panel
	\| Its contents are defined directly as text. Can contain optional [[~~List of Text Panel tags~~\|tags]] and [[JavaScript]]		\| Its contents are defined directly as text. Can contain optional [[Tag\|tags]] and [[JavaScript]]
	\| The text is interpreted as HTML-content and directly displayed as content of the panel. If it is HTML-formatted text, it will be displayed according the specified styling.		\| The text is interpreted as HTML-content and directly displayed as content of the panel. If it is HTML-formatted text, it will be displayed according the specified styling.
	\| Text [[Template Panel]]		\| Text [[Template Panel]]

Maxim@tygron.com: /* Calculation model */

2026-07-06T13:12:51Z

Calculation model

← Older revision		Revision as of 13:12, 6 July 2026
Line 21:		Line 21:
	===Calculation model===		===Calculation model===
	====Text====		====Text====
	The text content of a Text Panel is calculated by [[JavaScript]] and replacing tokens. These tokens should always be proceeded by a dollar sign ($), followed by either a [[Select (TQL)\|TQL Select statement]], or one of the [[~~Tags~~\|supported text panel tags]].		The text content of a Text Panel is calculated by [[JavaScript]] and replacing tokens. These tokens should always be proceeded by a dollar sign ($), followed by either a [[Select (TQL)\|TQL Select statement]], or one of the [[Tag\|supported text panel tags]].
	TQL statements always require a performed project calculation.		TQL statements always require a performed project calculation.

Maxim@tygron.com at 13:12, 6 July 2026

2026-07-06T13:12:34Z

← Older revision		Revision as of 13:12, 6 July 2026
Line 21:		Line 21:
	===Calculation model===		===Calculation model===
	====Text====		====Text====
	The text content of a Text Panel is calculated by [[JavaScript]] and replacing tokens. These tokens should always be proceeded by a dollar sign ($), followed by either a [[Select (TQL)\|TQL Select statement]], or one of the [[~~List of Text Panel tags~~\|supported text panel tags]].		The text content of a Text Panel is calculated by [[JavaScript]] and replacing tokens. These tokens should always be proceeded by a dollar sign ($), followed by either a [[Select (TQL)\|TQL Select statement]], or one of the [[Tags\|supported text panel tags]].
	TQL statements always require a performed project calculation.		TQL statements always require a performed project calculation.

Maxim@tygron.com: /* Dynamically rendered content */

2026-07-06T13:06:45Z

Dynamically rendered content

← Older revision		Revision as of 13:06, 6 July 2026
Line 160:		Line 160:
	# The content with the [[tag]]s processed is interpreted and displayed as [[HTML]], allowing styling of content and structuring of information according to a flexible and well-known standard. Note that if the resulting content is plain-text, the content will be displayed as plain-text as well.		# The content with the [[tag]]s processed is interpreted and displayed as [[HTML]], allowing styling of content and structuring of information according to a flexible and well-known standard. Note that if the resulting content is plain-text, the content will be displayed as plain-text as well.

	When a panel with [[HTML]] content is opened, any [[~~javascript~~]] script tags are interpreted as well, allowing for more complex client-side functionalities.		When a panel with [[HTML]] content is opened, any [[JavaScript]] script tags are interpreted as well, allowing for more complex client-side functionalities.

	===Attributes===		===Attributes===

Maxim@tygron.com at 15:41, 9 June 2026

2026-06-09T15:41:49Z

← Older revision		Revision as of 15:41, 9 June 2026
Line 1:		Line 1:
	[[File:Api_current_situation_calculation.png\|thumb\|right\|400px\|[[Panel]]s in comparison to [[Excel]]s, [[Overlay]]s and [[Indicator]]s]]		[[File:Api_current_situation_calculation.png\|thumb\|right\|400px\|[[Panel]]s in comparison to [[Excel]]s, [[Overlay]]s and [[Indicator]]s]]
	[[File:Panel-example.jpg\|left\|thumb\|300px\|A custom Panel open in the [[Viewer ]]interface.]]		[[File:Panel-example.jpg\|left\|thumb\|300px\|A custom Panel open in the [[Viewer ]]interface.]]
	Panels are custom, user-defined interface elements, which can be created and configured in the [[Editor]]. Panels are purposefully left generic and abstract, as their intent is to allow for as much freedom as possible to implement a [[Project]]-specific or [[Template]]-specific component. Panels can be given a location in the [[project ~~area~~]], which makes them accessible via a [[Popup]] in the [[3D Visualization]]. Clicking the [[Popup]] opens the Panel as part of the [[Viewer ]]interface. Panels can also be [[show custom panel Client Event\|opened]] via an [[Event]], or even left entirely inaccessible.		Panels are custom, user-defined interface elements, which can be created and configured in the [[Editor]]. Panels are purposefully left generic and abstract, as their intent is to allow for as much freedom as possible to implement a [[Project]]-specific or [[Template]]-specific component. Panels can be given a location in the [[project map]], which makes them accessible via a [[Popup]] in the [[3D Visualization]]. Clicking the [[Popup]] opens the Panel as part of the [[Viewer ]]interface. Panels can also be [[show custom panel Client Event\|opened]] via an [[Event]], or even left entirely inaccessible.

	Most panels render HTML-content, which means they can display text without additional formatting. Further layout and styling can be implemented by using [[HTML\|HTML, CSS]], and [[JavaScript]]. This enables Panels to also be opened in a web browser or included in the rendering of a [[Web interface]].		Most panels render HTML-content, which means they can display text without additional formatting. Further layout and styling can be implemented by using [[HTML\|HTML, CSS]], and [[JavaScript]]. This enables Panels to also be opened in a web browser or included in the rendering of a [[Web interface]].
Line 31:		Line 31:
	The TQL Queries are specified in an Excel using [[Excel#Naming cells\|Naming cells]].		The TQL Queries are specified in an Excel using [[Excel#Naming cells\|Naming cells]].

	As an example, in the case of a dynamic traffic model, information can be retrieved first (using SELECT-queries), after which these data are processed according the following specifications in the Excel file. The end product may be the calculated traffic intensities at various locations in the [[project ~~area~~]]. Using UPDATE-queries, these results can subsequently adjusted the visibility of the Excel panel's Popup. Stakeholders will not notice anything of the underlying calculation model, except for its results (e.g., changing traffic intensities).		As an example, in the case of a dynamic traffic model, information can be retrieved first (using SELECT-queries), after which these data are processed according the following specifications in the Excel file. The end product may be the calculated traffic intensities at various locations in the [[project map]]. Using UPDATE-queries, these results can subsequently adjusted the visibility of the Excel panel's Popup. Stakeholders will not notice anything of the underlying calculation model, except for its results (e.g., changing traffic intensities).

	===Web interface===		===Web interface===
Line 95:		Line 95:
	[[File:panels-right-visible.jpg\|right\|thumb\|Checkbox for the panel visibility.]]		[[File:panels-right-visible.jpg\|right\|thumb\|Checkbox for the panel visibility.]]
	; Visibility		; Visibility
	: When the Panel has a location in the [[project ~~area~~]], it is represented by a [[Popup]] in the [[3D Visualization]]. That [[Popup]] is either visible or not, based on this setting. [[Visible (Panel Attribute)\|Visibility]] is also accessible as an [[Attribute]], allowing it to be set or modified through [[TQL\|queries]].		: When the Panel has a location in the [[project map]], it is represented by a [[Popup]] in the [[3D Visualization]]. That [[Popup]] is either visible or not, based on this setting. [[Visible (Panel Attribute)\|Visibility]] is also accessible as an [[Attribute]], allowing it to be set or modified through [[TQL\|queries]].
	{{clear}}		{{clear}}

	[[File:panels-right-attention.jpg\|right\|thumb\|Checkbox for the panel attention.]]		[[File:panels-right-attention.jpg\|right\|thumb\|Checkbox for the panel attention.]]
	; Attention		; Attention
	: When the Panel has a location in the [[project ~~area~~]], the resulting [[Popup]] can draw attention. If it does, arrows will appear in the [[Viewer ]]interface of all [[Stakeholder]]s who are allowed to see the Panel. [[Attention (Panel Attribute)\|Attention]] is also accessible as an [[Attribute]], allowing it to be set or modified through [[TQL\|queries]].		: When the Panel has a location in the [[project map]], the resulting [[Popup]] can draw attention. If it does, arrows will appear in the [[Viewer ]]interface of all [[Stakeholder]]s who are allowed to see the Panel. [[Attention (Panel Attribute)\|Attention]] is also accessible as an [[Attribute]], allowing it to be set or modified through [[TQL\|queries]].
	{{clear}}		{{clear}}

Line 119:		Line 119:

	[[File:panels-right-point.jpg\|right\|thumb\|Settings regarding the geographical location of the [[Popup]].]]		[[File:panels-right-point.jpg\|right\|thumb\|Settings regarding the geographical location of the [[Popup]].]]
	; Location in the [[project ~~area~~]]		; Location in the [[project map]]
	: A Panel's [[Popup]] can be given a location in the [[project ~~area~~]]. This can be done by selecting the button ''Set Point'' and using the [[brush]] to select its position. To remove it again from the project ~~area~~, select the button ''Remove Point''.		: A Panel's [[Popup]] can be given a location in the [[project map]]. This can be done by selecting the button ''Set Point'' and using the [[brush]] to select its position. To remove it again from the project map, select the button ''Remove Point''.
	{{clear}}		{{clear}}

Maxim@tygron.com at 14:51, 4 June 2026

2026-06-04T14:51:19Z

← Older revision		Revision as of 14:51, 4 June 2026
Line 3:		Line 3:
	Panels are custom, user-defined interface elements, which can be created and configured in the [[Editor]]. Panels are purposefully left generic and abstract, as their intent is to allow for as much freedom as possible to implement a [[Project]]-specific or [[Template]]-specific component. Panels can be given a location in the [[project area]], which makes them accessible via a [[Popup]] in the [[3D Visualization]]. Clicking the [[Popup]] opens the Panel as part of the [[Viewer ]]interface. Panels can also be [[show custom panel Client Event\|opened]] via an [[Event]], or even left entirely inaccessible.		Panels are custom, user-defined interface elements, which can be created and configured in the [[Editor]]. Panels are purposefully left generic and abstract, as their intent is to allow for as much freedom as possible to implement a [[Project]]-specific or [[Template]]-specific component. Panels can be given a location in the [[project area]], which makes them accessible via a [[Popup]] in the [[3D Visualization]]. Clicking the [[Popup]] opens the Panel as part of the [[Viewer ]]interface. Panels can also be [[show custom panel Client Event\|opened]] via an [[Event]], or even left entirely inaccessible.

	Most panels render HTML-content, which means they can display text without additional formatting. Further layout and styling can be implemented by using [[HTML\|HTML, CSS]], and [[~~javascript~~]]. This enables Panels to also be opened in a web browser or included in the rendering of a [[Web interface]].		Most panels render HTML-content, which means they can display text without additional formatting. Further layout and styling can be implemented by using [[HTML\|HTML, CSS]], and [[JavaScript]]. This enables Panels to also be opened in a web browser or included in the rendering of a [[Web interface]].

	The content of a number of types of Panels can be made more dynamic by using [[tag]]s, or by using an [[Excel]] to compute its contents intelligently based on [[TQL\|data in the project]]. This allows Panels to display information specific to a Panel or specific data in the [[Project]], such as [[Attribute]]s and [[Stakeholder]]s.		The content of a number of types of Panels can be made more dynamic by using [[tag]]s, or by using an [[Excel]] to compute its contents intelligently based on [[TQL\|data in the project]]. This allows Panels to display information specific to a Panel or specific data in the [[Project]], such as [[Attribute]]s and [[Stakeholder]]s.

Maxim@tygron.com: /* Types */

2026-06-04T14:50:55Z

Types

← Older revision		Revision as of 14:50, 4 June 2026
Line 48:		Line 48:
	\|-		\|-
	\| Text Panel		\| Text Panel
	\| Its contents are defined directly as text. Can contain optional [[List of Text Panel tags\|tags]]		\| Its contents are defined directly as text. Can contain optional [[List of Text Panel tags\|tags]] and [[JavaScript]]
	\| The text is interpreted as HTML-content and directly displayed as content of the panel. If it is HTML-formatted text, it will be displayed according the specified styling.		\| The text is interpreted as HTML-content and directly displayed as content of the panel. If it is HTML-formatted text, it will be displayed according the specified styling.
	\| Text [[Template Panel]]		\| Text [[Template Panel]]

Maxim@tygron.com: /* Text */

2026-06-04T14:50:31Z

Text

← Older revision		Revision as of 14:50, 4 June 2026
Line 21:		Line 21:
	===Calculation model===		===Calculation model===
	====Text====		====Text====
	The text content of a Text Panel is calculated by replacing tokens. These tokens should always be proceeded by a dollar sign ($), followed by either a [[Select (TQL)\|TQL Select statement]], or one of the [[List of Text Panel tags\|supported text panel tags]].		The text content of a Text Panel is calculated by [[JavaScript]] and replacing tokens. These tokens should always be proceeded by a dollar sign ($), followed by either a [[Select (TQL)\|TQL Select statement]], or one of the [[List of Text Panel tags\|supported text panel tags]].
	TQL statements always require a performed project calculation.		TQL statements always require a performed project calculation.

Maxim@tygron.com: /* Calculation model */

2026-06-04T14:46:37Z

Calculation model

← Older revision		Revision as of 14:46, 4 June 2026
Line 20:		Line 20:

	===Calculation model===		===Calculation model===
			====Text====
			The text content of a Text Panel is calculated by replacing tokens. These tokens should always be proceeded by a dollar sign ($), followed by either a [[Select (TQL)\|TQL Select statement]], or one of the [[List of Text Panel tags\|supported text panel tags]].
			TQL statements always require a performed project calculation.

	====Excel====		====Excel====
	The text content of an Excel Panel is calculated using an Excel Spreadsheet. The Excel spreadsheet general contains:		The text content of an Excel Panel is calculated using an Excel Spreadsheet. The Excel spreadsheet general contains:
Line 28:		Line 32:

	As an example, in the case of a dynamic traffic model, information can be retrieved first (using SELECT-queries), after which these data are processed according the following specifications in the Excel file. The end product may be the calculated traffic intensities at various locations in the [[project area]]. Using UPDATE-queries, these results can subsequently adjusted the visibility of the Excel panel's Popup. Stakeholders will not notice anything of the underlying calculation model, except for its results (e.g., changing traffic intensities).		As an example, in the case of a dynamic traffic model, information can be retrieved first (using SELECT-queries), after which these data are processed according the following specifications in the Excel file. The end product may be the calculated traffic intensities at various locations in the [[project area]]. Using UPDATE-queries, these results can subsequently adjusted the visibility of the Excel panel's Popup. Stakeholders will not notice anything of the underlying calculation model, except for its results (e.g., changing traffic intensities).

	~~====Text====~~
	The text content of a Text Panel is calculated by replacing tokens. These tokens should always be proceeded by a dollar sign ($), followed by either a [[Select (TQL)\|TQL Select statement]], or one of the [[List of Text Panel tags\|supported text panel tags]].
	~~TQL statements always require a performed project calculation.~~

	===Web interface===		===Web interface===

← Older revision		Revision as of 14:51, 4 June 2026
Line 3:		Line 3:
	Panels are custom, user-defined interface elements, which can be created and configured in the [[Editor]]. Panels are purposefully left generic and abstract, as their intent is to allow for as much freedom as possible to implement a [[Project]]-specific or [[Template]]-specific component. Panels can be given a location in the [[project area]], which makes them accessible via a [[Popup]] in the [[3D Visualization]]. Clicking the [[Popup]] opens the Panel as part of the [[Viewer ]]interface. Panels can also be [[show custom panel Client Event\|opened]] via an [[Event]], or even left entirely inaccessible.		Panels are custom, user-defined interface elements, which can be created and configured in the [[Editor]]. Panels are purposefully left generic and abstract, as their intent is to allow for as much freedom as possible to implement a [[Project]]-specific or [[Template]]-specific component. Panels can be given a location in the [[project area]], which makes them accessible via a [[Popup]] in the [[3D Visualization]]. Clicking the [[Popup]] opens the Panel as part of the [[Viewer ]]interface. Panels can also be [[show custom panel Client Event\|opened]] via an [[Event]], or even left entirely inaccessible.

	Most panels render HTML-content, which means they can display text without additional formatting. Further layout and styling can be implemented by using [[HTML\|HTML, CSS]], and [[~~javascript~~]]. This enables Panels to also be opened in a web browser or included in the rendering of a [[Web interface]].		Most panels render HTML-content, which means they can display text without additional formatting. Further layout and styling can be implemented by using [[HTML\|HTML, CSS]], and [[JavaScript]]. This enables Panels to also be opened in a web browser or included in the rendering of a [[Web interface]].

	The content of a number of types of Panels can be made more dynamic by using [[tag]]s, or by using an [[Excel]] to compute its contents intelligently based on [[TQL\|data in the project]]. This allows Panels to display information specific to a Panel or specific data in the [[Project]], such as [[Attribute]]s and [[Stakeholder]]s.		The content of a number of types of Panels can be made more dynamic by using [[tag]]s, or by using an [[Excel]] to compute its contents intelligently based on [[TQL\|data in the project]]. This allows Panels to display information specific to a Panel or specific data in the [[Project]], such as [[Attribute]]s and [[Stakeholder]]s.