/** Datei: themes/lcars/assets/js/components/dynamic.js **/
/**
 * /lcars/components/dynamic.js
 *
 * Some Javascript codes without further description
 *
 * @author         Sparky
 * @copyright      2025 ARUNOX
 * @version        1.0.0
 * @since          1.0.0  File is created
 */

ARUNOX.Templates.register( 'dynamic', {
	extends         : 'layout/section',
	hooks           : {
		config          : {
			priority        : 5,
			callback        : function( config, data ) {
				return {
					name        : 'main_section_content',
					color       : 'primary',
					backlink    : config.backlink || {},
					header      : {
						html        : 'h2',
						after       : config.title,
					},
					aside       : 'right',
					content     : ARUNOX.Templates.config( 'div', {
						classes     : [ 'frame__content' ],
						datasets    : {
							arx         : {
								node      : 'content',
							},
						},
						content     : config?.content,
					}),
					footer      : {
						after       : config.copyright,
					},
				};
			},
		},
		afterRender     : function( config, data ) {
			if( config.backlink?.route ) {
				this.instance.nodes.header.nodes.right.replace( 'button', {
					color       : 'default',
					action      : config.backlink,
					icon        : 'bi-arrow-left',
					title       : 'Zurück zur Übersicht',
				});
			}
		},
	},
});