+ System Status: Loading...
+
+
+
+ Initializing application...
+Die Anwendung konnte nicht geladen werden.
+Bitte versuchen Sie es später erneut oder kontaktieren Sie den Administrator.
+ +${this.config.site.description}
+ `; + } + + /** + * Render the status section + */ + renderStatus() { + const statusElement = document.querySelector('.status'); + if (!statusElement || !this.config.site.status) return; + + statusElement.innerHTML = ` + System Status: ${this.config.site.status.message} + `; + } + + /** + * Render feature cards + */ + renderFeatures() { + const featuresContainer = document.querySelector('.features'); + if (!featuresContainer || !this.config.features) return; + + featuresContainer.innerHTML = this.config.features.map(feature => ` ++ ${this.config.api.documentation.text} + ${this.config.api.documentation.link} +
+ `; + } + + /** + * Render footer section + */ + renderFooter() { + const footer = document.querySelector('.footer'); + if (!footer || !this.config.footer) return; + + footer.innerHTML = ` +${this.config.footer.copyright}
+${this.config.footer.technology}
+ `; + } + + /** + * Update page title + */ + updatePageTitle() { + if (this.config.site && this.config.site.title) { + document.title = this.config.site.title; + } + } + + /** + * Render all components + */ + renderAll() { + if (!this.config) { + console.warn('No configuration available for rendering'); + return; + } + + this.updatePageTitle(); + this.renderHeader(); + this.renderStatus(); + this.renderFeatures(); + this.renderApiSection(); + this.renderFooter(); + } + + /** + * Add feature card click handlers for extensibility + */ + addInteractivity() { + const featureCards = document.querySelectorAll('.feature-card'); + featureCards.forEach(card => { + card.addEventListener('click', (e) => { + const featureId = card.getAttribute('data-feature-id'); + this.onFeatureCardClick(featureId, card); + }); + }); + } + + /** + * Handle feature card clicks (extensible) + * @param {string} featureId - Feature identifier + * @param {HTMLElement} cardElement - Card element + */ + onFeatureCardClick(featureId, cardElement) { + // Add visual feedback + cardElement.style.transform = 'scale(0.98)'; + setTimeout(() => { + cardElement.style.transform = ''; + }, 150); + + // Emit custom event for extensibility + const event = new CustomEvent('featureCardClick', { + detail: { featureId, cardElement } + }); + document.dispatchEvent(event); + + console.log(`Feature card clicked: ${featureId}`); + } +} + +// Export singleton instance +window.componentRenderer = new ComponentRenderer(); diff --git a/server/src/main/resources/static/js/config-loader.js b/server/src/main/resources/static/js/config-loader.js new file mode 100644 index 00000000..d9eb20a8 --- /dev/null +++ b/server/src/main/resources/static/js/config-loader.js @@ -0,0 +1,78 @@ +/** + * Configuration loader module + * Handles loading and caching of site configuration + */ +class ConfigLoader { + constructor() { + this.config = null; + this.loaded = false; + } + + /** + * Load configuration from JSON file + * @returns {Promise