Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 admin
|
b6a54c9988 |
@@ -1,379 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="de" data-lang="de">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>PromoMaster - Produkt-Promotion-Tool | Product Promotion Tool</title>
|
|
||||||
|
|
||||||
<!-- SEO Meta Tags -->
|
|
||||||
<meta name="description" content="Erstellen Sie automatisch professionelle Produktwerbung in Deutsch und Englisch. Generate professional product promotions in German and English.">
|
|
||||||
<meta name="keywords" content="Produktwerbung, Product Promotion, Marketing, Werbung, Advertising, Social Media, SEO, Product Launch">
|
|
||||||
<meta name="author" content="PromoMaster">
|
|
||||||
<meta name="robots" content="index, follow">
|
|
||||||
|
|
||||||
<!-- Open Graph / Facebook -->
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:title" content="PromoMaster - Automatische Produktwerbung">
|
|
||||||
<meta property="og:description" content="Erstellen Sie automatisch professionelle Produktwerbung in Deutsch und Englisch.">
|
|
||||||
<meta property="og:locale" content="de_DE">
|
|
||||||
<meta property="og:locale:alternate" content="en_US">
|
|
||||||
|
|
||||||
<!-- Twitter Card -->
|
|
||||||
<meta name="twitter:card" content="summary_large_image">
|
|
||||||
<meta name="twitter:title" content="PromoMaster - Product Promotion Tool">
|
|
||||||
<meta name="twitter:description" content="Generate professional product promotions in German and English automatically.">
|
|
||||||
|
|
||||||
<!-- JSON-LD Structured Data -->
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "WebApplication",
|
|
||||||
"name": "PromoMaster",
|
|
||||||
"description": "Automatisches Produkt-Promotion-Tool in Deutsch und Englisch",
|
|
||||||
"applicationCategory": "Marketing",
|
|
||||||
"operatingSystem": "Web Browser",
|
|
||||||
"offers": {
|
|
||||||
"@type": "Offer",
|
|
||||||
"price": "0",
|
|
||||||
"priceCurrency": "EUR"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- Language Toggle -->
|
|
||||||
<div class="lang-toggle">
|
|
||||||
<button id="btn-de" class="lang-btn active" onclick="setLanguage('de')">DE</button>
|
|
||||||
<button id="btn-en" class="lang-btn" onclick="setLanguage('en')">EN</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Hero Section -->
|
|
||||||
<header class="hero">
|
|
||||||
<div class="hero-bg"></div>
|
|
||||||
<div class="container">
|
|
||||||
<h1 class="hero-title">
|
|
||||||
<span class="hero-icon">⚡</span>
|
|
||||||
PromoMaster
|
|
||||||
</h1>
|
|
||||||
<p class="hero-subtitle" data-de="Dein Produkt. Weltweit bekannt. Vollautomatisch." data-en="Your Product. Worldwide Fame. Fully Automatic.">Dein Produkt. Weltweit bekannt. Vollautomatisch.</p>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<!-- Main App -->
|
|
||||||
<main class="container">
|
|
||||||
<!-- Step 1: Product Input -->
|
|
||||||
<section class="card step-card" id="step1">
|
|
||||||
<div class="step-header">
|
|
||||||
<span class="step-number">1</span>
|
|
||||||
<h2 data-de="Produkt-Informationen" data-en="Product Information"></h2>
|
|
||||||
</div>
|
|
||||||
<div class="form-grid">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="productName" data-de="Produktname *" data-en="Product Name *"></label>
|
|
||||||
<input type="text" id="productName" data-de-placeholder="z.B. SuperWidget Pro" data-en-placeholder="e.g. SuperWidget Pro">
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="productCategory" data-de="Kategorie" data-en="Category"></label>
|
|
||||||
<select id="productCategory">
|
|
||||||
<option value="tech" data-de="Technologie" data-en="Technology"></option>
|
|
||||||
<option value="fashion" data-de="Mode & Bekleidung" data-en="Fashion & Apparel"></option>
|
|
||||||
<option value="food" data-de="Lebensmittel & Getränke" data-en="Food & Beverages"></option>
|
|
||||||
<option value="health" data-de="Gesundheit & Wellness" data-en="Health & Wellness"></option>
|
|
||||||
<option value="home" data-de="Haus & Garten" data-en="Home & Garden"></option>
|
|
||||||
<option value="sport" data-de="Sport & Fitness" data-en="Sports & Fitness"></option>
|
|
||||||
<option value="beauty" data-de="Schönheit & Pflege" data-en="Beauty & Care"></option>
|
|
||||||
<option value="education" data-de="Bildung & Kurse" data-en="Education & Courses"></option>
|
|
||||||
<option value="software" data-de="Software & Apps" data-en="Software & Apps"></option>
|
|
||||||
<option value="other" data-de="Sonstiges" data-en="Other"></option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="form-group full-width">
|
|
||||||
<label for="productDescription" data-de="Kurzbeschreibung *" data-en="Short Description *"></label>
|
|
||||||
<textarea id="productDescription" rows="3" data-de-placeholder="Was macht dein Produkt besonders? (max. 200 Zeichen)" data-en-placeholder="What makes your product special? (max. 200 characters)" maxlength="200"></textarea>
|
|
||||||
<span class="char-count"><span id="charCount">0</span>/200</span>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="productPrice" data-de="Preis (optional)" data-en="Price (optional)"></label>
|
|
||||||
<input type="text" id="productPrice" data-de-placeholder="z.B. 29,99 EUR" data-en-placeholder="e.g. $29.99">
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="productUrl" data-de="Website / Link (optional)" data-en="Website / Link (optional)"></label>
|
|
||||||
<input type="url" id="productUrl" data-de-placeholder="https://dein-produkt.de" data-en-placeholder="https://your-product.com">
|
|
||||||
</div>
|
|
||||||
<div class="form-group full-width">
|
|
||||||
<label for="productFeatures" data-de="Top-Features (kommagetrennt)" data-en="Top Features (comma-separated)"></label>
|
|
||||||
<input type="text" id="productFeatures" data-de-placeholder="z.B. Schnell, Zuverlässig, Einfach zu bedienen" data-en-placeholder="e.g. Fast, Reliable, Easy to use">
|
|
||||||
</div>
|
|
||||||
<div class="form-group full-width">
|
|
||||||
<label for="targetAudience" data-de="Zielgruppe" data-en="Target Audience"></label>
|
|
||||||
<input type="text" id="targetAudience" data-de-placeholder="z.B. Unternehmer, Studenten, Eltern" data-en-placeholder="e.g. Entrepreneurs, Students, Parents">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Step 2: Promotion Style -->
|
|
||||||
<section class="card step-card" id="step2">
|
|
||||||
<div class="step-header">
|
|
||||||
<span class="step-number">2</span>
|
|
||||||
<h2 data-de="Werbestil wählen" data-en="Choose Promotion Style"></h2>
|
|
||||||
</div>
|
|
||||||
<div class="style-grid">
|
|
||||||
<div class="style-option selected" data-style="professional" onclick="selectStyle(this)">
|
|
||||||
<span class="style-icon">💼</span>
|
|
||||||
<span class="style-label" data-de="Professionell" data-en="Professional"></span>
|
|
||||||
</div>
|
|
||||||
<div class="style-option" data-style="casual" onclick="selectStyle(this)">
|
|
||||||
<span class="style-icon">👋</span>
|
|
||||||
<span class="style-label" data-de="Locker & Freundlich" data-en="Casual & Friendly"></span>
|
|
||||||
</div>
|
|
||||||
<div class="style-option" data-style="urgent" onclick="selectStyle(this)">
|
|
||||||
<span class="style-icon">⚡</span>
|
|
||||||
<span class="style-label" data-de="Dringend & FOMO" data-en="Urgent & FOMO"></span>
|
|
||||||
</div>
|
|
||||||
<div class="style-option" data-style="luxury" onclick="selectStyle(this)">
|
|
||||||
<span class="style-icon">✨</span>
|
|
||||||
<span class="style-label" data-de="Premium & Luxus" data-en="Premium & Luxury"></span>
|
|
||||||
</div>
|
|
||||||
<div class="style-option" data-style="fun" onclick="selectStyle(this)">
|
|
||||||
<span class="style-icon">🎉</span>
|
|
||||||
<span class="style-label" data-de="Spaßig & Kreativ" data-en="Fun & Creative"></span>
|
|
||||||
</div>
|
|
||||||
<div class="style-option" data-style="minimal" onclick="selectStyle(this)">
|
|
||||||
<span class="style-icon">◯</span>
|
|
||||||
<span class="style-label" data-de="Minimalistisch" data-en="Minimalist"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Generate Button -->
|
|
||||||
<div class="generate-section">
|
|
||||||
<button class="btn-generate" onclick="generateAll()" id="generateBtn">
|
|
||||||
<span class="btn-icon">⚡</span>
|
|
||||||
<span data-de="Alle Werbematerialien generieren" data-en="Generate All Promotion Materials"></span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Results Section -->
|
|
||||||
<section id="results" class="results-section hidden">
|
|
||||||
<!-- Social Media Posts -->
|
|
||||||
<div class="card result-card">
|
|
||||||
<div class="result-header">
|
|
||||||
<h3 data-de="📱 Social Media Posts" data-en="📱 Social Media Posts"></h3>
|
|
||||||
<button class="btn-copy-all" onclick="copyAll('social')" data-de="Alle kopieren" data-en="Copy All"></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="result-tabs">
|
|
||||||
<button class="tab-btn active" onclick="switchTab(this, 'twitter')">Twitter/X</button>
|
|
||||||
<button class="tab-btn" onclick="switchTab(this, 'instagram')">Instagram</button>
|
|
||||||
<button class="tab-btn" onclick="switchTab(this, 'facebook')">Facebook</button>
|
|
||||||
<button class="tab-btn" onclick="switchTab(this, 'linkedin')">LinkedIn</button>
|
|
||||||
<button class="tab-btn" onclick="switchTab(this, 'tiktok')">TikTok</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-content" id="tab-twitter">
|
|
||||||
<div class="lang-results">
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge">DE</span>
|
|
||||||
<div class="result-text" id="twitter-de"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('twitter-de')">📋</button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge en">EN</span>
|
|
||||||
<div class="result-text" id="twitter-en"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('twitter-en')">📋</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tab-content hidden" id="tab-instagram">
|
|
||||||
<div class="lang-results">
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge">DE</span>
|
|
||||||
<div class="result-text" id="instagram-de"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('instagram-de')">📋</button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge en">EN</span>
|
|
||||||
<div class="result-text" id="instagram-en"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('instagram-en')">📋</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tab-content hidden" id="tab-facebook">
|
|
||||||
<div class="lang-results">
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge">DE</span>
|
|
||||||
<div class="result-text" id="facebook-de"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('facebook-de')">📋</button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge en">EN</span>
|
|
||||||
<div class="result-text" id="facebook-en"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('facebook-en')">📋</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tab-content hidden" id="tab-linkedin">
|
|
||||||
<div class="lang-results">
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge">DE</span>
|
|
||||||
<div class="result-text" id="linkedin-de"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('linkedin-de')">📋</button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge en">EN</span>
|
|
||||||
<div class="result-text" id="linkedin-en"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('linkedin-en')">📋</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tab-content hidden" id="tab-tiktok">
|
|
||||||
<div class="lang-results">
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge">DE</span>
|
|
||||||
<div class="result-text" id="tiktok-de"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('tiktok-de')">📋</button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge en">EN</span>
|
|
||||||
<div class="result-text" id="tiktok-en"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('tiktok-en')">📋</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Email Marketing -->
|
|
||||||
<div class="card result-card">
|
|
||||||
<div class="result-header">
|
|
||||||
<h3 data-de="✉ E-Mail Marketing" data-en="✉ Email Marketing"></h3>
|
|
||||||
<button class="btn-copy-all" onclick="copyAll('email')" data-de="Alle kopieren" data-en="Copy All"></button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-results">
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge">DE</span>
|
|
||||||
<div class="result-text" id="email-de"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('email-de')">📋</button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge en">EN</span>
|
|
||||||
<div class="result-text" id="email-en"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('email-en')">📋</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- SEO Texts -->
|
|
||||||
<div class="card result-card">
|
|
||||||
<div class="result-header">
|
|
||||||
<h3 data-de="🔎 SEO-Texte & Metadaten" data-en="🔎 SEO Texts & Metadata"></h3>
|
|
||||||
<button class="btn-copy-all" onclick="copyAll('seo')" data-de="Alle kopieren" data-en="Copy All"></button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-results">
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge">DE</span>
|
|
||||||
<div class="result-text" id="seo-de"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('seo-de')">📋</button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge en">EN</span>
|
|
||||||
<div class="result-text" id="seo-en"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('seo-en')">📋</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Press Release -->
|
|
||||||
<div class="card result-card">
|
|
||||||
<div class="result-header">
|
|
||||||
<h3 data-de="📰 Pressemitteilung" data-en="📰 Press Release"></h3>
|
|
||||||
<button class="btn-copy-all" onclick="copyAll('press')" data-de="Alle kopieren" data-en="Copy All"></button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-results">
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge">DE</span>
|
|
||||||
<div class="result-text" id="press-de"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('press-de')">📋</button>
|
|
||||||
</div>
|
|
||||||
<div class="lang-result">
|
|
||||||
<span class="lang-badge en">EN</span>
|
|
||||||
<div class="result-text" id="press-en"></div>
|
|
||||||
<button class="btn-copy" onclick="copyText('press-en')">📋</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Slogan Generator -->
|
|
||||||
<div class="card result-card">
|
|
||||||
<div class="result-header">
|
|
||||||
<h3 data-de="💡 Slogans & Taglines" data-en="💡 Slogans & Taglines"></h3>
|
|
||||||
</div>
|
|
||||||
<div class="slogan-grid" id="sloganGrid"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Hashtag Cloud -->
|
|
||||||
<div class="card result-card">
|
|
||||||
<div class="result-header">
|
|
||||||
<h3 data-de="# Hashtag-Wolke" data-en="# Hashtag Cloud"></h3>
|
|
||||||
<button class="btn-copy-all" onclick="copyHashtags()" data-de="Alle kopieren" data-en="Copy All"></button>
|
|
||||||
</div>
|
|
||||||
<div class="hashtag-cloud" id="hashtagCloud"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Landing Page Preview -->
|
|
||||||
<div class="card result-card">
|
|
||||||
<div class="result-header">
|
|
||||||
<h3 data-de="🌐 Landing Page HTML" data-en="🌐 Landing Page HTML"></h3>
|
|
||||||
<button class="btn-copy-all" onclick="copyText('landing-code')" data-de="HTML kopieren" data-en="Copy HTML"></button>
|
|
||||||
</div>
|
|
||||||
<div class="landing-preview-container">
|
|
||||||
<div class="preview-toggle">
|
|
||||||
<button class="preview-btn active" onclick="togglePreview('preview')" data-de="Vorschau" data-en="Preview"></button>
|
|
||||||
<button class="preview-btn" onclick="togglePreview('code')" data-de="HTML-Code" data-en="HTML Code"></button>
|
|
||||||
</div>
|
|
||||||
<div id="landing-preview" class="landing-preview"></div>
|
|
||||||
<pre id="landing-code" class="landing-code hidden"></pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Export Section -->
|
|
||||||
<div class="card result-card export-card">
|
|
||||||
<div class="result-header">
|
|
||||||
<h3 data-de="📥 Alles exportieren" data-en="📥 Export Everything"></h3>
|
|
||||||
</div>
|
|
||||||
<div class="export-grid">
|
|
||||||
<button class="btn-export" onclick="exportAs('txt')">
|
|
||||||
<span class="export-icon">📄</span>
|
|
||||||
<span>TXT</span>
|
|
||||||
</button>
|
|
||||||
<button class="btn-export" onclick="exportAs('html')">
|
|
||||||
<span class="export-icon">🌐</span>
|
|
||||||
<span>HTML</span>
|
|
||||||
</button>
|
|
||||||
<button class="btn-export" onclick="exportAs('json')">
|
|
||||||
<span class="export-icon">📚</span>
|
|
||||||
<span>JSON</span>
|
|
||||||
</button>
|
|
||||||
<button class="btn-export" onclick="exportAs('csv')">
|
|
||||||
<span class="export-icon">📊</span>
|
|
||||||
<span>CSV</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<!-- Toast Notification -->
|
|
||||||
<div class="toast hidden" id="toast"></div>
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer class="footer">
|
|
||||||
<p data-de="PromoMaster - Vollautomatisches Produkt-Promotion-Tool" data-en="PromoMaster - Fully Automatic Product Promotion Tool"></p>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script src="promo.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,813 +0,0 @@
|
|||||||
// === PromoMaster - Product Promotion Tool ===
|
|
||||||
// Vollautomatisches Produkt-Promotion-Tool in Deutsch und Englisch
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
// --- State ---
|
|
||||||
let currentLang = 'de';
|
|
||||||
let selectedStyle = 'professional';
|
|
||||||
let generatedData = null;
|
|
||||||
|
|
||||||
// --- Language System ---
|
|
||||||
function setLanguage(lang) {
|
|
||||||
currentLang = lang;
|
|
||||||
document.documentElement.setAttribute('data-lang', lang);
|
|
||||||
document.getElementById('btn-de').classList.toggle('active', lang === 'de');
|
|
||||||
document.getElementById('btn-en').classList.toggle('active', lang === 'en');
|
|
||||||
|
|
||||||
document.querySelectorAll('[data-de]').forEach(function (el) {
|
|
||||||
el.textContent = el.getAttribute('data-' + lang);
|
|
||||||
});
|
|
||||||
|
|
||||||
document.querySelectorAll('[data-de-placeholder]').forEach(function (el) {
|
|
||||||
el.placeholder = el.getAttribute('data-' + lang + '-placeholder');
|
|
||||||
});
|
|
||||||
|
|
||||||
document.querySelectorAll('select option').forEach(function (opt) {
|
|
||||||
var val = opt.getAttribute('data-' + lang);
|
|
||||||
if (val) opt.textContent = val;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
window.setLanguage = setLanguage;
|
|
||||||
|
|
||||||
// --- Style Selection ---
|
|
||||||
function selectStyle(el) {
|
|
||||||
document.querySelectorAll('.style-option').forEach(function (s) {
|
|
||||||
s.classList.remove('selected');
|
|
||||||
});
|
|
||||||
el.classList.add('selected');
|
|
||||||
selectedStyle = el.getAttribute('data-style');
|
|
||||||
}
|
|
||||||
|
|
||||||
window.selectStyle = selectStyle;
|
|
||||||
|
|
||||||
// --- Character Counter ---
|
|
||||||
var descInput = document.getElementById('productDescription');
|
|
||||||
var charCount = document.getElementById('charCount');
|
|
||||||
if (descInput && charCount) {
|
|
||||||
descInput.addEventListener('input', function () {
|
|
||||||
charCount.textContent = descInput.value.length;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Text Templates ---
|
|
||||||
var templates = {
|
|
||||||
professional: {
|
|
||||||
twitter: {
|
|
||||||
de: function (p) {
|
|
||||||
return 'Entdecken Sie ' + p.name + ' \u2013 ' + p.desc + (p.features.length ? '\n\n\u2705 ' + p.features.slice(0, 3).join('\n\u2705 ') : '') + (p.url ? '\n\n\ud83d\udc49 ' + p.url : '') + (p.price ? '\n\ud83d\udcb0 ' + p.price : '') + '\n\n' + p.hashtags.slice(0, 4).join(' ');
|
|
||||||
},
|
|
||||||
en: function (p) {
|
|
||||||
return 'Discover ' + p.name + ' \u2013 ' + p.descEn + (p.features.length ? '\n\n\u2705 ' + p.featuresEn.slice(0, 3).join('\n\u2705 ') : '') + (p.url ? '\n\n\ud83d\udc49 ' + p.url : '') + (p.price ? '\n\ud83d\udcb0 ' + p.price : '') + '\n\n' + p.hashtagsEn.slice(0, 4).join(' ');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
instagram: {
|
|
||||||
de: function (p) {
|
|
||||||
return '\u2728 ' + p.name + ' \u2013 Die Zukunft beginnt jetzt!\n\n' + p.desc + '\n\n' + (p.features.length ? 'Was ' + p.name + ' besonders macht:\n' + p.features.map(function (f) { return '\ud83d\udd39 ' + f; }).join('\n') + '\n\n' : '') + (p.audience ? '\ud83c\udfaf Perfekt f\u00fcr: ' + p.audience + '\n\n' : '') + (p.price ? '\ud83d\udcb0 Jetzt f\u00fcr nur ' + p.price + '\n\n' : '') + (p.url ? '\ud83d\udd17 Link in Bio \u2b06\ufe0f\n\n' : '') + p.hashtags.join(' ');
|
|
||||||
},
|
|
||||||
en: function (p) {
|
|
||||||
return '\u2728 ' + p.name + ' \u2013 The future starts now!\n\n' + p.descEn + '\n\n' + (p.features.length ? 'What makes ' + p.name + ' special:\n' + p.featuresEn.map(function (f) { return '\ud83d\udd39 ' + f; }).join('\n') + '\n\n' : '') + (p.audience ? '\ud83c\udfaf Perfect for: ' + p.audienceEn + '\n\n' : '') + (p.price ? '\ud83d\udcb0 Now only ' + p.price + '\n\n' : '') + (p.url ? '\ud83d\udd17 Link in bio \u2b06\ufe0f\n\n' : '') + p.hashtagsEn.join(' ');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
facebook: {
|
|
||||||
de: function (p) {
|
|
||||||
return '\ud83d\ude80 Neu: ' + p.name + '!\n\n' + p.desc + '\n\n' + (p.features.length ? '\ud83d\udc47 Das sind die Highlights:\n\n' + p.features.map(function (f) { return '\u2714\ufe0f ' + f; }).join('\n') + '\n\n' : '') + (p.audience ? 'Perfekt f\u00fcr alle, die ' + p.audience + ' sind.\n\n' : '') + (p.price ? '\ud83d\udcb5 Preis: ' + p.price + '\n\n' : '') + (p.url ? '\ud83c\udf10 Mehr erfahren: ' + p.url + '\n\n' : '') + 'Was denkt ihr? Lasst es uns in den Kommentaren wissen! \ud83d\udc47\n\n' + p.hashtags.slice(0, 5).join(' ');
|
|
||||||
},
|
|
||||||
en: function (p) {
|
|
||||||
return '\ud83d\ude80 New: ' + p.name + '!\n\n' + p.descEn + '\n\n' + (p.features.length ? '\ud83d\udc47 Here are the highlights:\n\n' + p.featuresEn.map(function (f) { return '\u2714\ufe0f ' + f; }).join('\n') + '\n\n' : '') + (p.audience ? 'Perfect for everyone who is ' + p.audienceEn + '.\n\n' : '') + (p.price ? '\ud83d\udcb5 Price: ' + p.price + '\n\n' : '') + (p.url ? '\ud83c\udf10 Learn more: ' + p.url + '\n\n' : '') + 'What do you think? Let us know in the comments! \ud83d\udc47\n\n' + p.hashtagsEn.slice(0, 5).join(' ');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
linkedin: {
|
|
||||||
de: function (p) {
|
|
||||||
return '\ud83d\udca1 ' + p.name + ' \u2013 Innovation trifft Effizienz\n\nIch freue mich, Ihnen ' + p.name + ' vorzustellen.\n\n' + p.desc + '\n\n' + (p.features.length ? 'Die wichtigsten Vorteile:\n\n' + p.features.map(function (f) { return '\u2192 ' + f; }).join('\n') + '\n\n' : '') + (p.audience ? 'Zielgruppe: ' + p.audience + '\n\n' : '') + (p.price ? 'Investition: ' + p.price + '\n\n' : '') + (p.url ? 'Erfahren Sie mehr: ' + p.url + '\n\n' : '') + '#Innovation #Business ' + p.hashtags.slice(0, 3).join(' ');
|
|
||||||
},
|
|
||||||
en: function (p) {
|
|
||||||
return '\ud83d\udca1 ' + p.name + ' \u2013 Innovation meets Efficiency\n\nI\'m excited to introduce ' + p.name + ' to you.\n\n' + p.descEn + '\n\n' + (p.features.length ? 'Key benefits:\n\n' + p.featuresEn.map(function (f) { return '\u2192 ' + f; }).join('\n') + '\n\n' : '') + (p.audience ? 'Target audience: ' + p.audienceEn + '\n\n' : '') + (p.price ? 'Investment: ' + p.price + '\n\n' : '') + (p.url ? 'Learn more: ' + p.url + '\n\n' : '') + '#Innovation #Business ' + p.hashtagsEn.slice(0, 3).join(' ');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
tiktok: {
|
|
||||||
de: function (p) {
|
|
||||||
return '\ud83d\udd25 POV: Du entdeckst gerade ' + p.name + '!\n\n' + p.desc + '\n\n' + (p.features.length ? p.features.slice(0, 3).map(function (f) { return '\u2728 ' + f; }).join('\n') + '\n\n' : '') + (p.price ? '\ud83d\udcb0 ' + p.price + '\n\n' : '') + (p.url ? '\ud83d\udd17 Link in Bio!\n\n' : '') + p.hashtags.join(' ') + ' #fyp #viral #musthave';
|
|
||||||
},
|
|
||||||
en: function (p) {
|
|
||||||
return '\ud83d\udd25 POV: You just discovered ' + p.name + '!\n\n' + p.descEn + '\n\n' + (p.features.length ? p.featuresEn.slice(0, 3).map(function (f) { return '\u2728 ' + f; }).join('\n') + '\n\n' : '') + (p.price ? '\ud83d\udcb0 ' + p.price + '\n\n' : '') + (p.url ? '\ud83d\udd17 Link in bio!\n\n' : '') + p.hashtagsEn.join(' ') + ' #fyp #viral #musthave';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
casual: {
|
|
||||||
twitter: {
|
|
||||||
de: function (p) { return 'Hey Leute! \ud83d\udc4b Kennt ihr schon ' + p.name + '? ' + p.desc + (p.features.length ? '\n\nDas Beste daran:\n' + p.features.slice(0, 3).map(function (f) { return '\ud83d\udc4d ' + f; }).join('\n') : '') + (p.url ? '\n\nSchaut mal vorbei: ' + p.url : '') + '\n\n' + p.hashtags.slice(0, 4).join(' '); },
|
|
||||||
en: function (p) { return 'Hey everyone! \ud83d\udc4b Have you heard of ' + p.name + '? ' + p.descEn + (p.features.length ? '\n\nBest thing about it:\n' + p.featuresEn.slice(0, 3).map(function (f) { return '\ud83d\udc4d ' + f; }).join('\n') : '') + (p.url ? '\n\nCheck it out: ' + p.url : '') + '\n\n' + p.hashtagsEn.slice(0, 4).join(' '); }
|
|
||||||
},
|
|
||||||
instagram: {
|
|
||||||
de: function (p) { return 'Schaut mal was ich gefunden habe! \ud83e\udd29\n\n' + p.name + ' \u2013 ' + p.desc + '\n\n' + (p.features.length ? 'Warum ich es liebe:\n' + p.features.map(function (f) { return '\u2764\ufe0f ' + f; }).join('\n') + '\n\n' : '') + 'Wer will es auch haben? \ud83d\ude4b\u200d\u2640\ufe0f\n\n' + p.hashtags.join(' '); },
|
|
||||||
en: function (p) { return 'Look what I found! \ud83e\udd29\n\n' + p.name + ' \u2013 ' + p.descEn + '\n\n' + (p.features.length ? 'Why I love it:\n' + p.featuresEn.map(function (f) { return '\u2764\ufe0f ' + f; }).join('\n') + '\n\n' : '') + 'Who else wants this? \ud83d\ude4b\u200d\u2640\ufe0f\n\n' + p.hashtagsEn.join(' '); }
|
|
||||||
},
|
|
||||||
facebook: {
|
|
||||||
de: function (p) { return 'Hey Freunde! \ud83d\udc4b\n\nIch muss euch unbedingt von ' + p.name + ' erz\u00e4hlen!\n\n' + p.desc + '\n\n' + (p.features.length ? 'Was mich \u00fcberzeugt hat:\n' + p.features.map(function (f) { return '\ud83d\udc49 ' + f; }).join('\n') + '\n\n' : '') + (p.price ? 'Und das f\u00fcr ' + p.price + ' \u2013 richtig fair!\n\n' : '') + (p.url ? 'Hier gehts lang: ' + p.url + '\n\n' : '') + 'Kennt ihr das schon? \ud83d\ude0d'; },
|
|
||||||
en: function (p) { return 'Hey friends! \ud83d\udc4b\n\nI have to tell you about ' + p.name + '!\n\n' + p.descEn + '\n\n' + (p.features.length ? 'What convinced me:\n' + p.featuresEn.map(function (f) { return '\ud83d\udc49 ' + f; }).join('\n') + '\n\n' : '') + (p.price ? 'And all that for ' + p.price + ' \u2013 such a great deal!\n\n' : '') + (p.url ? 'Check it here: ' + p.url + '\n\n' : '') + 'Have you heard of this? \ud83d\ude0d'; }
|
|
||||||
},
|
|
||||||
linkedin: {
|
|
||||||
de: function (p) { return 'Moin zusammen! \ud83d\ude4c\n\nDarf ich vorstellen: ' + p.name + '!\n\n' + p.desc + '\n\n' + (p.features.length ? 'Das macht es so cool:\n' + p.features.map(function (f) { return '\u2022 ' + f; }).join('\n') + '\n\n' : '') + 'Wer hat Lust, das mal auszuprobieren?\n\n' + p.hashtags.slice(0, 3).join(' '); },
|
|
||||||
en: function (p) { return 'Hey everyone! \ud83d\ude4c\n\nLet me introduce: ' + p.name + '!\n\n' + p.descEn + '\n\n' + (p.features.length ? 'What makes it awesome:\n' + p.featuresEn.map(function (f) { return '\u2022 ' + f; }).join('\n') + '\n\n' : '') + 'Who wants to give it a try?\n\n' + p.hashtagsEn.slice(0, 3).join(' '); }
|
|
||||||
},
|
|
||||||
tiktok: {
|
|
||||||
de: function (p) { return 'OK das m\u00fcsst ihr sehen!! \ud83d\ude31\n\n' + p.name + ' ist einfach WILD!\n' + p.desc + '\n\n' + (p.features.length ? p.features.slice(0, 2).map(function (f) { return '\ud83e\udd2f ' + f; }).join('\n') + '\n\n' : '') + 'Kommentiert wenn ihrs auch braucht! \ud83d\udc47\n\n' + p.hashtags.join(' ') + ' #fyp #musthave'; },
|
|
||||||
en: function (p) { return 'OK you NEED to see this!! \ud83d\ude31\n\n' + p.name + ' is absolutely WILD!\n' + p.descEn + '\n\n' + (p.features.length ? p.featuresEn.slice(0, 2).map(function (f) { return '\ud83e\udd2f ' + f; }).join('\n') + '\n\n' : '') + 'Comment if you need this too! \ud83d\udc47\n\n' + p.hashtagsEn.join(' ') + ' #fyp #musthave'; }
|
|
||||||
}
|
|
||||||
},
|
|
||||||
urgent: {
|
|
||||||
twitter: {
|
|
||||||
de: function (p) { return '\u26a0\ufe0f NUR F\u00dcR KURZE ZEIT: ' + p.name + '!\n\n' + p.desc + '\n\n' + (p.price ? '\ud83d\udcb0 Jetzt zuschlagen: ' + p.price + '\n' : '') + '\u23f0 Begrenztes Angebot \u2013 nicht verpassen!\n\n' + (p.url ? '\ud83d\udc49 Sofort sichern: ' + p.url + '\n\n' : '') + p.hashtags.slice(0, 4).join(' '); },
|
|
||||||
en: function (p) { return '\u26a0\ufe0f LIMITED TIME ONLY: ' + p.name + '!\n\n' + p.descEn + '\n\n' + (p.price ? '\ud83d\udcb0 Get it now: ' + p.price + '\n' : '') + '\u23f0 Limited offer \u2013 don\'t miss out!\n\n' + (p.url ? '\ud83d\udc49 Grab yours: ' + p.url + '\n\n' : '') + p.hashtagsEn.slice(0, 4).join(' '); }
|
|
||||||
},
|
|
||||||
instagram: {
|
|
||||||
de: function (p) { return '\ud83d\udea8 ACHTUNG! \ud83d\udea8\n\n' + p.name + ' ist DA!\n\n' + p.desc + '\n\n' + (p.features.length ? '\ud83d\udd25 ' + p.features.join(' \u2022 ') + '\n\n' : '') + '\u23f3 Nur solange der Vorrat reicht!\n' + (p.price ? '\ud83d\udcb0 ' + p.price + '\n\n' : '') + 'JETZT HANDELN bevor es zu sp\u00e4t ist! \ud83d\udc47\n\n' + p.hashtags.join(' '); },
|
|
||||||
en: function (p) { return '\ud83d\udea8 ATTENTION! \ud83d\udea8\n\n' + p.name + ' is HERE!\n\n' + p.descEn + '\n\n' + (p.features.length ? '\ud83d\udd25 ' + p.featuresEn.join(' \u2022 ') + '\n\n' : '') + '\u23f3 Only while supplies last!\n' + (p.price ? '\ud83d\udcb0 ' + p.price + '\n\n' : '') + 'ACT NOW before it\'s too late! \ud83d\udc47\n\n' + p.hashtagsEn.join(' '); }
|
|
||||||
},
|
|
||||||
facebook: {
|
|
||||||
de: function (p) { return '\ud83d\udea8\ud83d\udea8\ud83d\udea8 EILMELDUNG \ud83d\udea8\ud83d\udea8\ud83d\udea8\n\n' + p.name + ' ist endlich verf\u00fcgbar!\n\n' + p.desc + '\n\n' + (p.features.length ? 'Die Fakten:\n' + p.features.map(function (f) { return '\u26a1 ' + f; }).join('\n') + '\n\n' : '') + '\u23f0 ACHTUNG: Angebot endet bald!\n' + (p.price ? '\ud83d\udcb5 Nur ' + p.price + '\n' : '') + (p.url ? '\n\ud83d\udc49 SOFORT ZUSCHLAGEN: ' + p.url : ''); },
|
|
||||||
en: function (p) { return '\ud83d\udea8\ud83d\udea8\ud83d\udea8 BREAKING \ud83d\udea8\ud83d\udea8\ud83d\udea8\n\n' + p.name + ' is finally available!\n\n' + p.descEn + '\n\n' + (p.features.length ? 'The facts:\n' + p.featuresEn.map(function (f) { return '\u26a1 ' + f; }).join('\n') + '\n\n' : '') + '\u23f0 WARNING: Offer ends soon!\n' + (p.price ? '\ud83d\udcb5 Only ' + p.price + '\n' : '') + (p.url ? '\n\ud83d\udc49 GRAB IT NOW: ' + p.url : ''); }
|
|
||||||
},
|
|
||||||
linkedin: {
|
|
||||||
de: function (p) { return '\ud83d\udea8 Dringende Marktchance: ' + p.name + '\n\n' + p.desc + '\n\n' + (p.features.length ? 'Schl\u00fcsselvorteile:\n' + p.features.map(function (f) { return '\u2192 ' + f; }).join('\n') + '\n\n' : '') + 'Dieses Angebot ist zeitlich begrenzt. Wer jetzt nicht handelt, verpasst eine einmalige Gelegenheit.\n\n' + (p.url ? p.url + '\n\n' : '') + p.hashtags.slice(0, 3).join(' '); },
|
|
||||||
en: function (p) { return '\ud83d\udea8 Urgent Market Opportunity: ' + p.name + '\n\n' + p.descEn + '\n\n' + (p.features.length ? 'Key advantages:\n' + p.featuresEn.map(function (f) { return '\u2192 ' + f; }).join('\n') + '\n\n' : '') + 'This offer is time-limited. Those who don\'t act now will miss a unique opportunity.\n\n' + (p.url ? p.url + '\n\n' : '') + p.hashtagsEn.slice(0, 3).join(' '); }
|
|
||||||
},
|
|
||||||
tiktok: {
|
|
||||||
de: function (p) { return '\ud83d\udea8 STOP SCROLLING! \ud83d\udea8\n\n' + p.name + ' \u2013 ' + p.desc + '\n\n' + '\u23f0 Letzte Chance!\n' + (p.price ? '\ud83d\udcb0 ' + p.price + '\n' : '') + '\nLINK IN BIO BEVOR ES WEG IST!\n\n' + p.hashtags.join(' ') + ' #fyp #limitedoffer'; },
|
|
||||||
en: function (p) { return '\ud83d\udea8 STOP SCROLLING! \ud83d\udea8\n\n' + p.name + ' \u2013 ' + p.descEn + '\n\n' + '\u23f0 Last chance!\n' + (p.price ? '\ud83d\udcb0 ' + p.price + '\n' : '') + '\nLINK IN BIO BEFORE IT\'S GONE!\n\n' + p.hashtagsEn.join(' ') + ' #fyp #limitedoffer'; }
|
|
||||||
}
|
|
||||||
},
|
|
||||||
luxury: {
|
|
||||||
twitter: {
|
|
||||||
de: function (p) { return '\u2728 ' + p.name + '\n\nExklusivit\u00e4t neu definiert.\n' + p.desc + '\n\n' + (p.price ? 'Ab ' + p.price + '\n' : '') + (p.url ? '\n' + p.url : '') + '\n\n' + p.hashtags.slice(0, 3).join(' ') + ' #Luxus #Premium'; },
|
|
||||||
en: function (p) { return '\u2728 ' + p.name + '\n\nRedefining exclusivity.\n' + p.descEn + '\n\n' + (p.price ? 'From ' + p.price + '\n' : '') + (p.url ? '\n' + p.url : '') + '\n\n' + p.hashtagsEn.slice(0, 3).join(' ') + ' #Luxury #Premium'; }
|
|
||||||
},
|
|
||||||
instagram: {
|
|
||||||
de: function (p) { return '\u2726 ' + p.name.toUpperCase() + ' \u2726\n\n' + p.desc + '\n\n' + (p.features.length ? 'Exklusive Merkmale:\n' + p.features.map(function (f) { return '\u2726 ' + f; }).join('\n') + '\n\n' : '') + 'F\u00fcr alle, die das Beste verdienen.\n\n' + (p.price ? '\u2726 ' + p.price + '\n\n' : '') + p.hashtags.join(' ') + ' #Luxury #Exclusive'; },
|
|
||||||
en: function (p) { return '\u2726 ' + p.name.toUpperCase() + ' \u2726\n\n' + p.descEn + '\n\n' + (p.features.length ? 'Exclusive features:\n' + p.featuresEn.map(function (f) { return '\u2726 ' + f; }).join('\n') + '\n\n' : '') + 'For those who deserve the finest.\n\n' + (p.price ? '\u2726 ' + p.price + '\n\n' : '') + p.hashtagsEn.join(' ') + ' #Luxury #Exclusive'; }
|
|
||||||
},
|
|
||||||
facebook: {
|
|
||||||
de: function (p) { return '\u2014\u2014\u2014 ' + p.name.toUpperCase() + ' \u2014\u2014\u2014\n\n' + p.desc + '\n\n' + (p.features.length ? p.features.map(function (f) { return '\u25c7 ' + f; }).join('\n') + '\n\n' : '') + 'Perfektion kennt keine Kompromisse.\n\n' + (p.price ? 'Ab ' + p.price + '\n' : '') + (p.url ? '\nEntdecken Sie mehr: ' + p.url : ''); },
|
|
||||||
en: function (p) { return '\u2014\u2014\u2014 ' + p.name.toUpperCase() + ' \u2014\u2014\u2014\n\n' + p.descEn + '\n\n' + (p.features.length ? p.featuresEn.map(function (f) { return '\u25c7 ' + f; }).join('\n') + '\n\n' : '') + 'Perfection knows no compromise.\n\n' + (p.price ? 'From ' + p.price + '\n' : '') + (p.url ? '\nDiscover more: ' + p.url : ''); }
|
|
||||||
},
|
|
||||||
linkedin: {
|
|
||||||
de: function (p) { return p.name + ' \u2013 Exzellenz in jeder Hinsicht\n\n' + p.desc + '\n\n' + (p.features.length ? p.features.map(function (f) { return '\u2022 ' + f; }).join('\n') + '\n\n' : '') + 'Wir setzen Ma\u00dfst\u00e4be f\u00fcr Premium-Qualit\u00e4t.\n\n' + (p.url ? p.url + '\n\n' : '') + '#Premium #Excellence ' + p.hashtags.slice(0, 2).join(' '); },
|
|
||||||
en: function (p) { return p.name + ' \u2013 Excellence in every way\n\n' + p.descEn + '\n\n' + (p.features.length ? p.featuresEn.map(function (f) { return '\u2022 ' + f; }).join('\n') + '\n\n' : '') + 'We set the standard for premium quality.\n\n' + (p.url ? p.url + '\n\n' : '') + '#Premium #Excellence ' + p.hashtagsEn.slice(0, 2).join(' '); }
|
|
||||||
},
|
|
||||||
tiktok: {
|
|
||||||
de: function (p) { return '\u2728 ' + p.name + ' \u2013 Luxus der n\u00e4chsten Generation\n\n' + p.desc + '\n\n' + (p.price ? '\u2726 ' + p.price + '\n\n' : '') + p.hashtags.join(' ') + ' #luxury #aesthetic #premium'; },
|
|
||||||
en: function (p) { return '\u2728 ' + p.name + ' \u2013 Next generation luxury\n\n' + p.descEn + '\n\n' + (p.price ? '\u2726 ' + p.price + '\n\n' : '') + p.hashtagsEn.join(' ') + ' #luxury #aesthetic #premium'; }
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fun: {
|
|
||||||
twitter: {
|
|
||||||
de: function (p) { return '\ud83c\udf89 YOOO! ' + p.name + ' ist da und es ist der HAMMER! \ud83d\udd28\n\n' + p.desc + '\n\n' + (p.features.length ? p.features.slice(0, 3).map(function (f) { return '\ud83c\udf1f ' + f; }).join('\n') + '\n' : '') + (p.url ? '\n\ud83d\ude80 Ab gehts: ' + p.url : '') + '\n\n' + p.hashtags.slice(0, 4).join(' '); },
|
|
||||||
en: function (p) { return '\ud83c\udf89 YOOO! ' + p.name + ' is here and it\'s AMAZING! \ud83d\udd28\n\n' + p.descEn + '\n\n' + (p.features.length ? p.featuresEn.slice(0, 3).map(function (f) { return '\ud83c\udf1f ' + f; }).join('\n') + '\n' : '') + (p.url ? '\n\ud83d\ude80 Let\'s go: ' + p.url : '') + '\n\n' + p.hashtagsEn.slice(0, 4).join(' '); }
|
|
||||||
},
|
|
||||||
instagram: {
|
|
||||||
de: function (p) { return '\ud83e\udd2f OKAY WOW \ud83e\udd2f\n\n' + p.name + ' hat mein Leben ver\u00e4ndert und ich bin NICHT dramatisch! \ud83d\ude02\n\n' + p.desc + '\n\n' + (p.features.length ? 'Reasons to love it:\n' + p.features.map(function (f) { return '\ud83d\udcab ' + f; }).join('\n') + '\n\n' : '') + 'Wer ist dabei?! \ud83d\ude4b\u200d\u2642\ufe0f\n\n' + p.hashtags.join(' '); },
|
|
||||||
en: function (p) { return '\ud83e\udd2f OKAY WOW \ud83e\udd2f\n\n' + p.name + ' changed my life and I\'m NOT being dramatic! \ud83d\ude02\n\n' + p.descEn + '\n\n' + (p.features.length ? 'Reasons to love it:\n' + p.featuresEn.map(function (f) { return '\ud83d\udcab ' + f; }).join('\n') + '\n\n' : '') + 'Who\'s in?! \ud83d\ude4b\u200d\u2642\ufe0f\n\n' + p.hashtagsEn.join(' '); }
|
|
||||||
},
|
|
||||||
facebook: {
|
|
||||||
de: function (p) { return '\ud83c\udf89\ud83c\udf89\ud83c\udf89 ES IST SOWEIT! \ud83c\udf89\ud83c\udf89\ud83c\udf89\n\n' + p.name + ' ist gelandet und wir k\u00f6nnen nicht aufh\u00f6ren dar\u00fcber zu reden!\n\n' + p.desc + '\n\n' + (p.features.length ? '\ud83d\ude0d Das ist alles drin:\n' + p.features.map(function (f) { return '\ud83d\udca5 ' + f; }).join('\n') + '\n\n' : '') + (p.price ? 'Und das Beste? Nur ' + p.price + '! \ud83e\udd11\n\n' : '') + 'TAGGT jemanden der das braucht! \ud83d\udc47\ud83d\udc47\ud83d\udc47'; },
|
|
||||||
en: function (p) { return '\ud83c\udf89\ud83c\udf89\ud83c\udf89 IT\'S HERE! \ud83c\udf89\ud83c\udf89\ud83c\udf89\n\n' + p.name + ' has landed and we can\'t stop talking about it!\n\n' + p.descEn + '\n\n' + (p.features.length ? '\ud83d\ude0d Here\'s what you get:\n' + p.featuresEn.map(function (f) { return '\ud83d\udca5 ' + f; }).join('\n') + '\n\n' : '') + (p.price ? 'Best part? Only ' + p.price + '! \ud83e\udd11\n\n' : '') + 'TAG someone who needs this! \ud83d\udc47\ud83d\udc47\ud83d\udc47'; }
|
|
||||||
},
|
|
||||||
linkedin: {
|
|
||||||
de: function (p) { return '\ud83d\ude80 Plot Twist: ' + p.name + ' existiert jetzt!\n\n' + p.desc + '\n\n' + (p.features.length ? 'Die Highlights (ja, es wird noch besser):\n' + p.features.map(function (f) { return '\ud83d\udcaa ' + f; }).join('\n') + '\n\n' : '') + 'Wer will mitmachen? Schreibt mir! \ud83d\ude0e\n\n' + p.hashtags.slice(0, 3).join(' '); },
|
|
||||||
en: function (p) { return '\ud83d\ude80 Plot Twist: ' + p.name + ' now exists!\n\n' + p.descEn + '\n\n' + (p.features.length ? 'The highlights (yes, it gets even better):\n' + p.featuresEn.map(function (f) { return '\ud83d\udcaa ' + f; }).join('\n') + '\n\n' : '') + 'Who\'s in? DM me! \ud83d\ude0e\n\n' + p.hashtagsEn.slice(0, 3).join(' '); }
|
|
||||||
},
|
|
||||||
tiktok: {
|
|
||||||
de: function (p) { return '\ud83e\udee3 Wenn du ' + p.name + ' noch nicht kennst, lebst du unter einem Stein!\n\n' + p.desc + '\n\n' + (p.price ? '\ud83d\udcb0 ' + p.price + ' \u2013 SCHNAPPER!\n' : '') + '\nSpeichern & Teilen nicht vergessen! \ud83d\ude4f\n\n' + p.hashtags.join(' ') + ' #fyp #gamechanger'; },
|
|
||||||
en: function (p) { return '\ud83e\udee3 If you don\'t know ' + p.name + ' yet, you\'re living under a rock!\n\n' + p.descEn + '\n\n' + (p.price ? '\ud83d\udcb0 ' + p.price + ' \u2013 STEAL!\n' : '') + '\nSave & Share! \ud83d\ude4f\n\n' + p.hashtagsEn.join(' ') + ' #fyp #gamechanger'; }
|
|
||||||
}
|
|
||||||
},
|
|
||||||
minimal: {
|
|
||||||
twitter: {
|
|
||||||
de: function (p) { return p.name + '.\n' + p.desc + (p.url ? '\n\n' + p.url : '') + '\n\n' + p.hashtags.slice(0, 3).join(' '); },
|
|
||||||
en: function (p) { return p.name + '.\n' + p.descEn + (p.url ? '\n\n' + p.url : '') + '\n\n' + p.hashtagsEn.slice(0, 3).join(' '); }
|
|
||||||
},
|
|
||||||
instagram: {
|
|
||||||
de: function (p) { return p.name + '\n\n' + p.desc + (p.features.length ? '\n\n' + p.features.join(' / ') : '') + '\n\n' + p.hashtags.join(' '); },
|
|
||||||
en: function (p) { return p.name + '\n\n' + p.descEn + (p.features.length ? '\n\n' + p.featuresEn.join(' / ') : '') + '\n\n' + p.hashtagsEn.join(' '); }
|
|
||||||
},
|
|
||||||
facebook: {
|
|
||||||
de: function (p) { return p.name + '\n\n' + p.desc + (p.features.length ? '\n\n' + p.features.join(' \u2022 ') : '') + (p.price ? '\n\n' + p.price : '') + (p.url ? '\n\n' + p.url : ''); },
|
|
||||||
en: function (p) { return p.name + '\n\n' + p.descEn + (p.features.length ? '\n\n' + p.featuresEn.join(' \u2022 ') : '') + (p.price ? '\n\n' + p.price : '') + (p.url ? '\n\n' + p.url : ''); }
|
|
||||||
},
|
|
||||||
linkedin: {
|
|
||||||
de: function (p) { return p.name + '\n\n' + p.desc + (p.features.length ? '\n\n' + p.features.map(function (f) { return '\u2192 ' + f; }).join('\n') : '') + (p.url ? '\n\n' + p.url : ''); },
|
|
||||||
en: function (p) { return p.name + '\n\n' + p.descEn + (p.features.length ? '\n\n' + p.featuresEn.map(function (f) { return '\u2192 ' + f; }).join('\n') : '') + (p.url ? '\n\n' + p.url : ''); }
|
|
||||||
},
|
|
||||||
tiktok: {
|
|
||||||
de: function (p) { return p.name + '\n' + p.desc + '\n\n' + p.hashtags.slice(0, 5).join(' ') + ' #minimal'; },
|
|
||||||
en: function (p) { return p.name + '\n' + p.descEn + '\n\n' + p.hashtagsEn.slice(0, 5).join(' ') + ' #minimal'; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// --- Email Templates ---
|
|
||||||
var emailTemplates = {
|
|
||||||
de: function (p) {
|
|
||||||
return 'Betreff: Entdecken Sie ' + p.name + ' \u2013 ' + p.desc.substring(0, 60) + '...\n\n' +
|
|
||||||
'\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n' +
|
|
||||||
'Sehr geehrte Damen und Herren,\n\n' +
|
|
||||||
'wir freuen uns, Ihnen ' + p.name + ' vorzustellen \u2013 ' + p.desc + '\n\n' +
|
|
||||||
(p.features.length ?
|
|
||||||
'Die wichtigsten Vorteile auf einen Blick:\n\n' +
|
|
||||||
p.features.map(function (f) { return ' \u2714 ' + f; }).join('\n') + '\n\n' : '') +
|
|
||||||
(p.audience ? 'Ideal f\u00fcr: ' + p.audience + '\n\n' : '') +
|
|
||||||
(p.price ? 'Unser Angebot: ' + p.price + '\n\n' : '') +
|
|
||||||
(p.url ? '\u27a1 Jetzt mehr erfahren: ' + p.url + '\n\n' : '') +
|
|
||||||
'Haben Sie Fragen? Antworten Sie einfach auf diese E-Mail \u2013 wir helfen Ihnen gerne weiter.\n\n' +
|
|
||||||
'Mit freundlichen Gr\u00fc\u00dfen,\n' +
|
|
||||||
'Ihr ' + p.name + ' Team\n\n' +
|
|
||||||
'\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n' +
|
|
||||||
'Sie erhalten diese E-Mail, weil Sie sich f\u00fcr ' + p.name + ' interessieren.\n' +
|
|
||||||
'Abmelden | Datenschutz | Impressum';
|
|
||||||
},
|
|
||||||
en: function (p) {
|
|
||||||
return 'Subject: Discover ' + p.name + ' \u2013 ' + p.descEn.substring(0, 60) + '...\n\n' +
|
|
||||||
'\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n' +
|
|
||||||
'Dear Customer,\n\n' +
|
|
||||||
'We are excited to introduce ' + p.name + ' \u2013 ' + p.descEn + '\n\n' +
|
|
||||||
(p.features.length ?
|
|
||||||
'Key benefits at a glance:\n\n' +
|
|
||||||
p.featuresEn.map(function (f) { return ' \u2714 ' + f; }).join('\n') + '\n\n' : '') +
|
|
||||||
(p.audience ? 'Ideal for: ' + p.audienceEn + '\n\n' : '') +
|
|
||||||
(p.price ? 'Our offer: ' + p.price + '\n\n' : '') +
|
|
||||||
(p.url ? '\u27a1 Learn more: ' + p.url + '\n\n' : '') +
|
|
||||||
'Have questions? Simply reply to this email \u2013 we\'re happy to help.\n\n' +
|
|
||||||
'Best regards,\n' +
|
|
||||||
'The ' + p.name + ' Team\n\n' +
|
|
||||||
'\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n' +
|
|
||||||
'You received this email because you showed interest in ' + p.name + '.\n' +
|
|
||||||
'Unsubscribe | Privacy Policy | Legal';
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// --- SEO Templates ---
|
|
||||||
var seoTemplates = {
|
|
||||||
de: function (p) {
|
|
||||||
return 'META TITLE:\n' + p.name + ' \u2013 ' + p.desc.substring(0, 50) + ' | Jetzt entdecken\n\n' +
|
|
||||||
'META DESCRIPTION:\n' + p.desc + (p.features.length ? ' \u2714 ' + p.features.slice(0, 3).join(' \u2714 ') : '') + (p.price ? ' Ab ' + p.price + '.' : '') + ' Jetzt informieren!\n\n' +
|
|
||||||
'SEO KEYWORDS:\n' + p.name + ', ' + p.name.toLowerCase() + ' kaufen, ' + p.name.toLowerCase() + ' test, ' + p.name.toLowerCase() + ' erfahrungen, ' +
|
|
||||||
(p.category ? p.categoryDe + ', ' : '') + 'beste ' + p.name.toLowerCase() + ', ' + p.name.toLowerCase() + ' vergleich, ' + p.name.toLowerCase() + ' angebot\n\n' +
|
|
||||||
'H1 \u00dcBERSCHRIFT:\n' + p.name + ' \u2013 ' + p.desc + '\n\n' +
|
|
||||||
'H2 \u00dcBERSCHRIFTEN:\n' +
|
|
||||||
'Warum ' + p.name + '?\n' +
|
|
||||||
'Funktionen & Vorteile\n' +
|
|
||||||
'F\u00fcr wen ist ' + p.name + ' geeignet?\n' +
|
|
||||||
'Jetzt ' + p.name + ' bestellen\n\n' +
|
|
||||||
'ALT-TEXT F\u00dcR BILDER:\n' +
|
|
||||||
p.name + ' Produktbild \u2013 ' + p.desc.substring(0, 60);
|
|
||||||
},
|
|
||||||
en: function (p) {
|
|
||||||
return 'META TITLE:\n' + p.name + ' \u2013 ' + p.descEn.substring(0, 50) + ' | Discover Now\n\n' +
|
|
||||||
'META DESCRIPTION:\n' + p.descEn + (p.features.length ? ' \u2714 ' + p.featuresEn.slice(0, 3).join(' \u2714 ') : '') + (p.price ? ' From ' + p.price + '.' : '') + ' Learn more now!\n\n' +
|
|
||||||
'SEO KEYWORDS:\n' + p.name + ', buy ' + p.name.toLowerCase() + ', ' + p.name.toLowerCase() + ' review, ' + p.name.toLowerCase() + ' features, ' +
|
|
||||||
(p.category ? p.categoryEn + ', ' : '') + 'best ' + p.name.toLowerCase() + ', ' + p.name.toLowerCase() + ' comparison, ' + p.name.toLowerCase() + ' deal\n\n' +
|
|
||||||
'H1 HEADING:\n' + p.name + ' \u2013 ' + p.descEn + '\n\n' +
|
|
||||||
'H2 HEADINGS:\n' +
|
|
||||||
'Why ' + p.name + '?\n' +
|
|
||||||
'Features & Benefits\n' +
|
|
||||||
'Who is ' + p.name + ' for?\n' +
|
|
||||||
'Order ' + p.name + ' Now\n\n' +
|
|
||||||
'IMAGE ALT TEXT:\n' +
|
|
||||||
p.name + ' product image \u2013 ' + p.descEn.substring(0, 60);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// --- Press Release Templates ---
|
|
||||||
var pressTemplates = {
|
|
||||||
de: function (p) {
|
|
||||||
var today = new Date().toLocaleDateString('de-DE', { year: 'numeric', month: 'long', day: 'numeric' });
|
|
||||||
return 'PRESSEMITTEILUNG\n' +
|
|
||||||
'Datum: ' + today + '\n' +
|
|
||||||
'Zur sofortigen Ver\u00f6ffentlichung\n\n' +
|
|
||||||
'\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n' +
|
|
||||||
p.name + ': ' + p.desc + '\n\n' +
|
|
||||||
'\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n' +
|
|
||||||
'Wir freuen uns, die Verf\u00fcgbarkeit von ' + p.name + ' bekannt zu geben. ' + p.desc + '\n\n' +
|
|
||||||
(p.features.length ?
|
|
||||||
'Hauptmerkmale von ' + p.name + ':\n\n' +
|
|
||||||
p.features.map(function (f) { return ' \u2022 ' + f; }).join('\n') + '\n\n' : '') +
|
|
||||||
(p.audience ? '"' + p.name + ' wurde speziell f\u00fcr ' + p.audience + ' entwickelt", erkl\u00e4rt das Entwicklerteam.\n\n' : '') +
|
|
||||||
(p.price ? 'Verf\u00fcgbarkeit & Preis:\n' + p.name + ' ist ab sofort zum Preis von ' + p.price + ' erh\u00e4ltlich.\n\n' : '') +
|
|
||||||
(p.url ? 'Weitere Informationen finden Sie unter: ' + p.url + '\n\n' : '') +
|
|
||||||
'Pressekontakt:\n' +
|
|
||||||
'E-Mail: presse@' + p.name.toLowerCase().replace(/\s+/g, '') + '.de\n' +
|
|
||||||
'Web: ' + (p.url || 'www.' + p.name.toLowerCase().replace(/\s+/g, '') + '.de') + '\n\n' +
|
|
||||||
'###';
|
|
||||||
},
|
|
||||||
en: function (p) {
|
|
||||||
var today = new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });
|
|
||||||
return 'PRESS RELEASE\n' +
|
|
||||||
'Date: ' + today + '\n' +
|
|
||||||
'For Immediate Release\n\n' +
|
|
||||||
'\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n' +
|
|
||||||
p.name + ': ' + p.descEn + '\n\n' +
|
|
||||||
'\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n' +
|
|
||||||
'We are pleased to announce the availability of ' + p.name + '. ' + p.descEn + '\n\n' +
|
|
||||||
(p.features.length ?
|
|
||||||
'Key Features of ' + p.name + ':\n\n' +
|
|
||||||
p.featuresEn.map(function (f) { return ' \u2022 ' + f; }).join('\n') + '\n\n' : '') +
|
|
||||||
(p.audience ? '"' + p.name + ' was specifically designed for ' + p.audienceEn + '," says the development team.\n\n' : '') +
|
|
||||||
(p.price ? 'Availability & Pricing:\n' + p.name + ' is available now at ' + p.price + '.\n\n' : '') +
|
|
||||||
(p.url ? 'For more information, visit: ' + p.url + '\n\n' : '') +
|
|
||||||
'Press Contact:\n' +
|
|
||||||
'Email: press@' + p.name.toLowerCase().replace(/\s+/g, '') + '.com\n' +
|
|
||||||
'Web: ' + (p.url || 'www.' + p.name.toLowerCase().replace(/\s+/g, '') + '.com') + '\n\n' +
|
|
||||||
'###';
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// --- Category Mapping ---
|
|
||||||
var categoryNames = {
|
|
||||||
tech: { de: 'Technologie', en: 'Technology' },
|
|
||||||
fashion: { de: 'Mode & Bekleidung', en: 'Fashion & Apparel' },
|
|
||||||
food: { de: 'Lebensmittel & Getr\u00e4nke', en: 'Food & Beverages' },
|
|
||||||
health: { de: 'Gesundheit & Wellness', en: 'Health & Wellness' },
|
|
||||||
home: { de: 'Haus & Garten', en: 'Home & Garden' },
|
|
||||||
sport: { de: 'Sport & Fitness', en: 'Sports & Fitness' },
|
|
||||||
beauty: { de: 'Sch\u00f6nheit & Pflege', en: 'Beauty & Care' },
|
|
||||||
education: { de: 'Bildung & Kurse', en: 'Education & Courses' },
|
|
||||||
software: { de: 'Software & Apps', en: 'Software & Apps' },
|
|
||||||
other: { de: 'Sonstiges', en: 'Other' }
|
|
||||||
};
|
|
||||||
|
|
||||||
// --- Gather Product Data ---
|
|
||||||
function getProductData() {
|
|
||||||
var name = document.getElementById('productName').value.trim();
|
|
||||||
var desc = document.getElementById('productDescription').value.trim();
|
|
||||||
var price = document.getElementById('productPrice').value.trim();
|
|
||||||
var url = document.getElementById('productUrl').value.trim();
|
|
||||||
var features = document.getElementById('productFeatures').value.trim();
|
|
||||||
var audience = document.getElementById('targetAudience').value.trim();
|
|
||||||
var category = document.getElementById('productCategory').value;
|
|
||||||
|
|
||||||
if (!name || !desc) {
|
|
||||||
showToast(currentLang === 'de' ? 'Bitte Produktname und Beschreibung eingeben!' : 'Please enter product name and description!');
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
var featureList = features ? features.split(',').map(function (f) { return f.trim(); }).filter(Boolean) : [];
|
|
||||||
var catInfo = categoryNames[category] || { de: '', en: '' };
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: name,
|
|
||||||
desc: desc,
|
|
||||||
descEn: desc, // User provides in their language; used as-is
|
|
||||||
price: price,
|
|
||||||
url: url,
|
|
||||||
features: featureList,
|
|
||||||
featuresEn: featureList,
|
|
||||||
audience: audience,
|
|
||||||
audienceEn: audience,
|
|
||||||
category: category,
|
|
||||||
categoryDe: catInfo.de,
|
|
||||||
categoryEn: catInfo.en,
|
|
||||||
hashtags: generateHashtags(name, featureList, category, 'de'),
|
|
||||||
hashtagsEn: generateHashtags(name, featureList, category, 'en')
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Generate Hashtags ---
|
|
||||||
function generateHashtags(name, features, category, lang) {
|
|
||||||
var tags = [];
|
|
||||||
tags.push('#' + name.replace(/\s+/g, ''));
|
|
||||||
|
|
||||||
var catTags = {
|
|
||||||
tech: { de: ['#Technologie', '#Innovation', '#TechNews', '#Digital', '#Gadget'], en: ['#Technology', '#Innovation', '#TechNews', '#Digital', '#Gadget'] },
|
|
||||||
fashion: { de: ['#Mode', '#Fashion', '#Style', '#OOTD', '#Trend'], en: ['#Fashion', '#Style', '#OOTD', '#Trend', '#Outfit'] },
|
|
||||||
food: { de: ['#Foodie', '#Lecker', '#Essen', '#Kochen', '#Genuss'], en: ['#Foodie', '#Delicious', '#FoodLover', '#Cooking', '#Yummy'] },
|
|
||||||
health: { de: ['#Gesundheit', '#Wellness', '#Fitness', '#Wohlbefinden'], en: ['#Health', '#Wellness', '#Fitness', '#Wellbeing'] },
|
|
||||||
home: { de: ['#Zuhause', '#Wohnen', '#Interior', '#HomeDecor'], en: ['#Home', '#Living', '#Interior', '#HomeDecor'] },
|
|
||||||
sport: { de: ['#Sport', '#Fitness', '#Training', '#Motivation'], en: ['#Sports', '#Fitness', '#Training', '#Motivation'] },
|
|
||||||
beauty: { de: ['#Beauty', '#Pflege', '#Skincare', '#Sch\u00f6nheit'], en: ['#Beauty', '#Skincare', '#SelfCare', '#Glow'] },
|
|
||||||
education: { de: ['#Bildung', '#Lernen', '#Wissen', '#Weiterbildung'], en: ['#Education', '#Learning', '#Knowledge', '#Growth'] },
|
|
||||||
software: { de: ['#Software', '#App', '#Digital', '#SaaS', '#Produktivit\u00e4t'], en: ['#Software', '#App', '#Digital', '#SaaS', '#Productivity'] },
|
|
||||||
other: { de: ['#Neu', '#MustHave', '#Empfehlung'], en: ['#New', '#MustHave', '#Recommended'] }
|
|
||||||
};
|
|
||||||
|
|
||||||
var ct = catTags[category];
|
|
||||||
if (ct) {
|
|
||||||
tags = tags.concat(ct[lang] || ct.en);
|
|
||||||
}
|
|
||||||
|
|
||||||
features.slice(0, 2).forEach(function (f) {
|
|
||||||
tags.push('#' + f.replace(/\s+/g, '').replace(/[^a-zA-Z0-9\u00c0-\u017e]/g, ''));
|
|
||||||
});
|
|
||||||
|
|
||||||
return tags.filter(function (t, i, arr) { return arr.indexOf(t) === i; });
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Generate Slogans ---
|
|
||||||
function generateSlogans(p) {
|
|
||||||
var slogans = [];
|
|
||||||
|
|
||||||
var sloganTemplatesDe = [
|
|
||||||
p.name + ' \u2013 Weil du das Beste verdienst.',
|
|
||||||
p.name + '. Einfach. Besser. Anders.',
|
|
||||||
'Die Zukunft hei\u00dft ' + p.name + '.',
|
|
||||||
p.name + ' \u2013 Dein n\u00e4chster Schritt nach vorn.',
|
|
||||||
'Erlebe den Unterschied mit ' + p.name + '.',
|
|
||||||
p.name + '. Mehr als du erwartest.'
|
|
||||||
];
|
|
||||||
|
|
||||||
var sloganTemplatesEn = [
|
|
||||||
p.name + ' \u2013 Because you deserve the best.',
|
|
||||||
p.name + '. Simple. Better. Different.',
|
|
||||||
'The future is called ' + p.name + '.',
|
|
||||||
p.name + ' \u2013 Your next step forward.',
|
|
||||||
'Experience the difference with ' + p.name + '.',
|
|
||||||
p.name + '. More than you expect.'
|
|
||||||
];
|
|
||||||
|
|
||||||
for (var i = 0; i < sloganTemplatesDe.length; i++) {
|
|
||||||
slogans.push({ de: sloganTemplatesDe[i], en: sloganTemplatesEn[i] });
|
|
||||||
}
|
|
||||||
|
|
||||||
return slogans;
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Generate Landing Page HTML ---
|
|
||||||
function generateLandingPage(p) {
|
|
||||||
var accentColor = '#6C5CE7';
|
|
||||||
return '<!DOCTYPE html>\n' +
|
|
||||||
'<html lang="de">\n<head>\n' +
|
|
||||||
' <meta charset="UTF-8">\n' +
|
|
||||||
' <meta name="viewport" content="width=device-width, initial-scale=1.0">\n' +
|
|
||||||
' <title>' + p.name + ' \u2013 ' + p.desc.substring(0, 60) + '</title>\n' +
|
|
||||||
' <meta name="description" content="' + p.desc + '">\n' +
|
|
||||||
' <meta property="og:title" content="' + p.name + '">\n' +
|
|
||||||
' <meta property="og:description" content="' + p.desc + '">\n' +
|
|
||||||
' <style>\n' +
|
|
||||||
' * { margin: 0; padding: 0; box-sizing: border-box; }\n' +
|
|
||||||
' body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #333; }\n' +
|
|
||||||
' .hero { background: linear-gradient(135deg, ' + accentColor + ', #00CEC9); color: #fff; padding: 80px 20px; text-align: center; }\n' +
|
|
||||||
' .hero h1 { font-size: 3rem; margin-bottom: 16px; }\n' +
|
|
||||||
' .hero p { font-size: 1.3rem; opacity: 0.9; max-width: 600px; margin: 0 auto 32px; }\n' +
|
|
||||||
' .cta-btn { display: inline-block; padding: 16px 40px; background: #fff; color: ' + accentColor + '; font-size: 18px; font-weight: 700; border-radius: 50px; text-decoration: none; transition: transform 0.3s; }\n' +
|
|
||||||
' .cta-btn:hover { transform: scale(1.05); }\n' +
|
|
||||||
' .features { padding: 60px 20px; max-width: 800px; margin: 0 auto; }\n' +
|
|
||||||
' .features h2 { text-align: center; font-size: 2rem; margin-bottom: 40px; }\n' +
|
|
||||||
' .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; }\n' +
|
|
||||||
' .feature { text-align: center; padding: 24px; }\n' +
|
|
||||||
' .feature h3 { color: ' + accentColor + '; margin-bottom: 8px; }\n' +
|
|
||||||
(p.price ? ' .pricing { text-align: center; padding: 60px 20px; background: #f8f9fa; }\n' +
|
|
||||||
' .pricing h2 { font-size: 2rem; margin-bottom: 16px; }\n' +
|
|
||||||
' .price-tag { font-size: 3rem; font-weight: 900; color: ' + accentColor + '; }\n' : '') +
|
|
||||||
' .footer { text-align: center; padding: 30px; color: #888; font-size: 14px; }\n' +
|
|
||||||
' </style>\n' +
|
|
||||||
'</head>\n<body>\n' +
|
|
||||||
' <section class="hero">\n' +
|
|
||||||
' <h1>' + p.name + '</h1>\n' +
|
|
||||||
' <p>' + p.desc + '</p>\n' +
|
|
||||||
(p.url ? ' <a href="' + escapeHtml(p.url) + '" class="cta-btn">Jetzt entdecken / Discover Now</a>\n' : ' <a href="#features" class="cta-btn">Mehr erfahren / Learn More</a>\n') +
|
|
||||||
' </section>\n' +
|
|
||||||
(p.features.length ? ' <section class="features" id="features">\n' +
|
|
||||||
' <h2>Features</h2>\n' +
|
|
||||||
' <div class="feature-grid">\n' +
|
|
||||||
p.features.map(function (f) { return ' <div class="feature">\n <h3>' + escapeHtml(f) + '</h3>\n </div>'; }).join('\n') + '\n' +
|
|
||||||
' </div>\n' +
|
|
||||||
' </section>\n' : '') +
|
|
||||||
(p.price ? ' <section class="pricing">\n' +
|
|
||||||
' <h2>Preis / Price</h2>\n' +
|
|
||||||
' <div class="price-tag">' + escapeHtml(p.price) + '</div>\n' +
|
|
||||||
' </section>\n' : '') +
|
|
||||||
' <footer class="footer">\n' +
|
|
||||||
' © ' + new Date().getFullYear() + ' ' + escapeHtml(p.name) + '. All rights reserved.\n' +
|
|
||||||
' </footer>\n' +
|
|
||||||
'</body>\n</html>';
|
|
||||||
}
|
|
||||||
|
|
||||||
function escapeHtml(str) {
|
|
||||||
var div = document.createElement('div');
|
|
||||||
div.appendChild(document.createTextNode(str));
|
|
||||||
return div.innerHTML;
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Main Generate Function ---
|
|
||||||
function generateAll() {
|
|
||||||
var p = getProductData();
|
|
||||||
if (!p) return;
|
|
||||||
|
|
||||||
var btn = document.getElementById('generateBtn');
|
|
||||||
btn.classList.add('loading');
|
|
||||||
|
|
||||||
setTimeout(function () {
|
|
||||||
var style = templates[selectedStyle] || templates.professional;
|
|
||||||
var platforms = ['twitter', 'instagram', 'facebook', 'linkedin', 'tiktok'];
|
|
||||||
|
|
||||||
platforms.forEach(function (platform) {
|
|
||||||
var tpl = style[platform];
|
|
||||||
if (tpl) {
|
|
||||||
setText(platform + '-de', tpl.de(p));
|
|
||||||
setText(platform + '-en', tpl.en(p));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Email
|
|
||||||
setText('email-de', emailTemplates.de(p));
|
|
||||||
setText('email-en', emailTemplates.en(p));
|
|
||||||
|
|
||||||
// SEO
|
|
||||||
setText('seo-de', seoTemplates.de(p));
|
|
||||||
setText('seo-en', seoTemplates.en(p));
|
|
||||||
|
|
||||||
// Press Release
|
|
||||||
setText('press-de', pressTemplates.de(p));
|
|
||||||
setText('press-en', pressTemplates.en(p));
|
|
||||||
|
|
||||||
// Slogans
|
|
||||||
var slogans = generateSlogans(p);
|
|
||||||
var sloganGrid = document.getElementById('sloganGrid');
|
|
||||||
sloganGrid.innerHTML = '';
|
|
||||||
slogans.forEach(function (s) {
|
|
||||||
var div = document.createElement('div');
|
|
||||||
div.className = 'slogan-item';
|
|
||||||
div.innerHTML = '<span class="slogan-lang">DE</span>' + escapeHtml(s.de);
|
|
||||||
div.onclick = function () { copyToClipboard(s.de); };
|
|
||||||
sloganGrid.appendChild(div);
|
|
||||||
|
|
||||||
var divEn = document.createElement('div');
|
|
||||||
divEn.className = 'slogan-item';
|
|
||||||
divEn.innerHTML = '<span class="slogan-lang">EN</span>' + escapeHtml(s.en);
|
|
||||||
divEn.onclick = function () { copyToClipboard(s.en); };
|
|
||||||
sloganGrid.appendChild(divEn);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Hashtags
|
|
||||||
var hashtagCloud = document.getElementById('hashtagCloud');
|
|
||||||
hashtagCloud.innerHTML = '';
|
|
||||||
var allTags = p.hashtags.concat(p.hashtagsEn).filter(function (t, i, arr) { return arr.indexOf(t) === i; });
|
|
||||||
allTags.forEach(function (tag) {
|
|
||||||
var span = document.createElement('span');
|
|
||||||
span.className = 'hashtag';
|
|
||||||
span.textContent = tag;
|
|
||||||
span.onclick = function () { copyToClipboard(tag); };
|
|
||||||
hashtagCloud.appendChild(span);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Landing Page
|
|
||||||
var landingHtml = generateLandingPage(p);
|
|
||||||
document.getElementById('landing-code').textContent = landingHtml;
|
|
||||||
var iframe = document.createElement('iframe');
|
|
||||||
iframe.srcdoc = landingHtml;
|
|
||||||
var previewDiv = document.getElementById('landing-preview');
|
|
||||||
previewDiv.innerHTML = '';
|
|
||||||
previewDiv.appendChild(iframe);
|
|
||||||
|
|
||||||
// Store data for export
|
|
||||||
generatedData = {
|
|
||||||
product: p,
|
|
||||||
style: selectedStyle,
|
|
||||||
social: {},
|
|
||||||
email: { de: emailTemplates.de(p), en: emailTemplates.en(p) },
|
|
||||||
seo: { de: seoTemplates.de(p), en: seoTemplates.en(p) },
|
|
||||||
press: { de: pressTemplates.de(p), en: pressTemplates.en(p) },
|
|
||||||
slogans: slogans,
|
|
||||||
hashtags: allTags,
|
|
||||||
landingPage: landingHtml
|
|
||||||
};
|
|
||||||
|
|
||||||
platforms.forEach(function (platform) {
|
|
||||||
var tpl = style[platform];
|
|
||||||
if (tpl) {
|
|
||||||
generatedData.social[platform] = { de: tpl.de(p), en: tpl.en(p) };
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Show results
|
|
||||||
document.getElementById('results').classList.remove('hidden');
|
|
||||||
document.getElementById('results').scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
||||||
|
|
||||||
btn.classList.remove('loading');
|
|
||||||
showToast(currentLang === 'de' ? 'Alle Werbematerialien wurden generiert!' : 'All promotion materials generated!');
|
|
||||||
}, 600);
|
|
||||||
}
|
|
||||||
|
|
||||||
window.generateAll = generateAll;
|
|
||||||
|
|
||||||
// --- Helper Functions ---
|
|
||||||
function setText(id, text) {
|
|
||||||
var el = document.getElementById(id);
|
|
||||||
if (el) el.textContent = text;
|
|
||||||
}
|
|
||||||
|
|
||||||
function copyToClipboard(text) {
|
|
||||||
navigator.clipboard.writeText(text).then(function () {
|
|
||||||
showToast(currentLang === 'de' ? 'Kopiert!' : 'Copied!');
|
|
||||||
}).catch(function () {
|
|
||||||
fallbackCopy(text);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function fallbackCopy(text) {
|
|
||||||
var textarea = document.createElement('textarea');
|
|
||||||
textarea.value = text;
|
|
||||||
textarea.style.position = 'fixed';
|
|
||||||
textarea.style.opacity = '0';
|
|
||||||
document.body.appendChild(textarea);
|
|
||||||
textarea.select();
|
|
||||||
document.execCommand('copy');
|
|
||||||
document.body.removeChild(textarea);
|
|
||||||
showToast(currentLang === 'de' ? 'Kopiert!' : 'Copied!');
|
|
||||||
}
|
|
||||||
|
|
||||||
function copyText(id) {
|
|
||||||
var el = document.getElementById(id);
|
|
||||||
if (el) copyToClipboard(el.textContent);
|
|
||||||
}
|
|
||||||
|
|
||||||
window.copyText = copyText;
|
|
||||||
|
|
||||||
function copyAll(section) {
|
|
||||||
if (!generatedData) return;
|
|
||||||
var text = '';
|
|
||||||
if (section === 'social') {
|
|
||||||
Object.keys(generatedData.social).forEach(function (platform) {
|
|
||||||
text += '=== ' + platform.toUpperCase() + ' (DE) ===\n' + generatedData.social[platform].de + '\n\n';
|
|
||||||
text += '=== ' + platform.toUpperCase() + ' (EN) ===\n' + generatedData.social[platform].en + '\n\n';
|
|
||||||
});
|
|
||||||
} else if (section === 'email') {
|
|
||||||
text = '=== EMAIL (DE) ===\n' + generatedData.email.de + '\n\n=== EMAIL (EN) ===\n' + generatedData.email.en;
|
|
||||||
} else if (section === 'seo') {
|
|
||||||
text = '=== SEO (DE) ===\n' + generatedData.seo.de + '\n\n=== SEO (EN) ===\n' + generatedData.seo.en;
|
|
||||||
} else if (section === 'press') {
|
|
||||||
text = '=== PRESS (DE) ===\n' + generatedData.press.de + '\n\n=== PRESS (EN) ===\n' + generatedData.press.en;
|
|
||||||
}
|
|
||||||
copyToClipboard(text);
|
|
||||||
}
|
|
||||||
|
|
||||||
window.copyAll = copyAll;
|
|
||||||
|
|
||||||
function copyHashtags() {
|
|
||||||
if (generatedData) copyToClipboard(generatedData.hashtags.join(' '));
|
|
||||||
}
|
|
||||||
|
|
||||||
window.copyHashtags = copyHashtags;
|
|
||||||
|
|
||||||
// --- Tabs ---
|
|
||||||
function switchTab(btn, tab) {
|
|
||||||
var parent = btn.closest('.result-card');
|
|
||||||
parent.querySelectorAll('.tab-btn').forEach(function (b) { b.classList.remove('active'); });
|
|
||||||
btn.classList.add('active');
|
|
||||||
parent.querySelectorAll('.tab-content').forEach(function (c) { c.classList.add('hidden'); });
|
|
||||||
document.getElementById('tab-' + tab).classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
window.switchTab = switchTab;
|
|
||||||
|
|
||||||
// --- Landing Page Preview Toggle ---
|
|
||||||
function togglePreview(mode) {
|
|
||||||
var preview = document.getElementById('landing-preview');
|
|
||||||
var code = document.getElementById('landing-code');
|
|
||||||
var buttons = document.querySelectorAll('.preview-btn');
|
|
||||||
|
|
||||||
buttons.forEach(function (b) { b.classList.remove('active'); });
|
|
||||||
|
|
||||||
if (mode === 'preview') {
|
|
||||||
preview.classList.remove('hidden');
|
|
||||||
code.classList.add('hidden');
|
|
||||||
buttons[0].classList.add('active');
|
|
||||||
} else {
|
|
||||||
preview.classList.add('hidden');
|
|
||||||
code.classList.remove('hidden');
|
|
||||||
buttons[1].classList.add('active');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
window.togglePreview = togglePreview;
|
|
||||||
|
|
||||||
// --- Export Functions ---
|
|
||||||
function exportAs(format) {
|
|
||||||
if (!generatedData) {
|
|
||||||
showToast(currentLang === 'de' ? 'Bitte zuerst generieren!' : 'Please generate first!');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var content = '';
|
|
||||||
var filename = 'promo-' + generatedData.product.name.replace(/\s+/g, '-').toLowerCase();
|
|
||||||
var mimeType = 'text/plain';
|
|
||||||
|
|
||||||
if (format === 'txt') {
|
|
||||||
content = buildTextExport();
|
|
||||||
filename += '.txt';
|
|
||||||
} else if (format === 'html') {
|
|
||||||
content = generatedData.landingPage;
|
|
||||||
filename += '-landingpage.html';
|
|
||||||
mimeType = 'text/html';
|
|
||||||
} else if (format === 'json') {
|
|
||||||
content = JSON.stringify(generatedData, null, 2);
|
|
||||||
filename += '.json';
|
|
||||||
mimeType = 'application/json';
|
|
||||||
} else if (format === 'csv') {
|
|
||||||
content = buildCsvExport();
|
|
||||||
filename += '.csv';
|
|
||||||
mimeType = 'text/csv';
|
|
||||||
}
|
|
||||||
|
|
||||||
downloadFile(content, filename, mimeType);
|
|
||||||
showToast((currentLang === 'de' ? 'Export als ' : 'Exported as ') + format.toUpperCase() + '!');
|
|
||||||
}
|
|
||||||
|
|
||||||
window.exportAs = exportAs;
|
|
||||||
|
|
||||||
function buildTextExport() {
|
|
||||||
var d = generatedData;
|
|
||||||
var lines = [];
|
|
||||||
lines.push('========================================');
|
|
||||||
lines.push('PROMOMASTER - WERBEMATERIALIEN / PROMOTION MATERIALS');
|
|
||||||
lines.push('Produkt / Product: ' + d.product.name);
|
|
||||||
lines.push('Erstellt am / Generated: ' + new Date().toLocaleString());
|
|
||||||
lines.push('========================================\n');
|
|
||||||
|
|
||||||
Object.keys(d.social).forEach(function (platform) {
|
|
||||||
lines.push('\n--- ' + platform.toUpperCase() + ' (DE) ---');
|
|
||||||
lines.push(d.social[platform].de);
|
|
||||||
lines.push('\n--- ' + platform.toUpperCase() + ' (EN) ---');
|
|
||||||
lines.push(d.social[platform].en);
|
|
||||||
});
|
|
||||||
|
|
||||||
lines.push('\n\n--- E-MAIL MARKETING (DE) ---');
|
|
||||||
lines.push(d.email.de);
|
|
||||||
lines.push('\n--- E-MAIL MARKETING (EN) ---');
|
|
||||||
lines.push(d.email.en);
|
|
||||||
|
|
||||||
lines.push('\n\n--- SEO (DE) ---');
|
|
||||||
lines.push(d.seo.de);
|
|
||||||
lines.push('\n--- SEO (EN) ---');
|
|
||||||
lines.push(d.seo.en);
|
|
||||||
|
|
||||||
lines.push('\n\n--- PRESSEMITTEILUNG / PRESS RELEASE (DE) ---');
|
|
||||||
lines.push(d.press.de);
|
|
||||||
lines.push('\n--- PRESS RELEASE (EN) ---');
|
|
||||||
lines.push(d.press.en);
|
|
||||||
|
|
||||||
lines.push('\n\n--- SLOGANS ---');
|
|
||||||
d.slogans.forEach(function (s) {
|
|
||||||
lines.push('DE: ' + s.de);
|
|
||||||
lines.push('EN: ' + s.en);
|
|
||||||
});
|
|
||||||
|
|
||||||
lines.push('\n\n--- HASHTAGS ---');
|
|
||||||
lines.push(d.hashtags.join(' '));
|
|
||||||
|
|
||||||
return lines.join('\n');
|
|
||||||
}
|
|
||||||
|
|
||||||
function buildCsvExport() {
|
|
||||||
var d = generatedData;
|
|
||||||
var rows = [['Platform', 'Language', 'Content']];
|
|
||||||
|
|
||||||
Object.keys(d.social).forEach(function (platform) {
|
|
||||||
rows.push([platform, 'DE', '"' + d.social[platform].de.replace(/"/g, '""') + '"']);
|
|
||||||
rows.push([platform, 'EN', '"' + d.social[platform].en.replace(/"/g, '""') + '"']);
|
|
||||||
});
|
|
||||||
|
|
||||||
rows.push(['email', 'DE', '"' + d.email.de.replace(/"/g, '""') + '"']);
|
|
||||||
rows.push(['email', 'EN', '"' + d.email.en.replace(/"/g, '""') + '"']);
|
|
||||||
rows.push(['seo', 'DE', '"' + d.seo.de.replace(/"/g, '""') + '"']);
|
|
||||||
rows.push(['seo', 'EN', '"' + d.seo.en.replace(/"/g, '""') + '"']);
|
|
||||||
rows.push(['press', 'DE', '"' + d.press.de.replace(/"/g, '""') + '"']);
|
|
||||||
rows.push(['press', 'EN', '"' + d.press.en.replace(/"/g, '""') + '"']);
|
|
||||||
|
|
||||||
d.slogans.forEach(function (s, i) {
|
|
||||||
rows.push(['slogan_' + (i + 1), 'DE', '"' + s.de.replace(/"/g, '""') + '"']);
|
|
||||||
rows.push(['slogan_' + (i + 1), 'EN', '"' + s.en.replace(/"/g, '""') + '"']);
|
|
||||||
});
|
|
||||||
|
|
||||||
return rows.map(function (r) { return r.join(','); }).join('\n');
|
|
||||||
}
|
|
||||||
|
|
||||||
function downloadFile(content, filename, mimeType) {
|
|
||||||
var blob = new Blob([content], { type: mimeType + ';charset=utf-8' });
|
|
||||||
var url = URL.createObjectURL(blob);
|
|
||||||
var a = document.createElement('a');
|
|
||||||
a.href = url;
|
|
||||||
a.download = filename;
|
|
||||||
document.body.appendChild(a);
|
|
||||||
a.click();
|
|
||||||
document.body.removeChild(a);
|
|
||||||
URL.revokeObjectURL(url);
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Toast ---
|
|
||||||
function showToast(msg) {
|
|
||||||
var toast = document.getElementById('toast');
|
|
||||||
toast.textContent = msg;
|
|
||||||
toast.classList.remove('hidden');
|
|
||||||
toast.classList.add('show');
|
|
||||||
setTimeout(function () {
|
|
||||||
toast.classList.remove('show');
|
|
||||||
setTimeout(function () { toast.classList.add('hidden'); }, 400);
|
|
||||||
}, 2500);
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Initialize ---
|
|
||||||
setLanguage('de');
|
|
||||||
})();
|
|
||||||
@@ -1,724 +0,0 @@
|
|||||||
/* === PromoMaster - Product Promotion Tool === */
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--primary: #6C5CE7;
|
|
||||||
--primary-dark: #5A4BD1;
|
|
||||||
--primary-light: #A29BFE;
|
|
||||||
--accent: #00CEC9;
|
|
||||||
--accent-dark: #00B5B0;
|
|
||||||
--bg: #0F0F1A;
|
|
||||||
--bg-card: #1A1A2E;
|
|
||||||
--bg-card-hover: #222240;
|
|
||||||
--text: #EAEAEA;
|
|
||||||
--text-muted: #8B8BA3;
|
|
||||||
--border: #2D2D4A;
|
|
||||||
--success: #00E676;
|
|
||||||
--warning: #FFD93D;
|
|
||||||
--danger: #FF6B6B;
|
|
||||||
--radius: 16px;
|
|
||||||
--radius-sm: 10px;
|
|
||||||
--shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
|
|
||||||
--shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.4);
|
|
||||||
--glow: 0 0 30px rgba(108, 92, 231, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
||||||
background: var(--bg);
|
|
||||||
color: var(--text);
|
|
||||||
line-height: 1.6;
|
|
||||||
min-height: 100vh;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 960px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Language Toggle === */
|
|
||||||
.lang-toggle {
|
|
||||||
position: fixed;
|
|
||||||
top: 20px;
|
|
||||||
right: 20px;
|
|
||||||
z-index: 100;
|
|
||||||
display: flex;
|
|
||||||
gap: 4px;
|
|
||||||
background: var(--bg-card);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 30px;
|
|
||||||
padding: 4px;
|
|
||||||
box-shadow: var(--shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
.lang-btn {
|
|
||||||
padding: 8px 16px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 26px;
|
|
||||||
background: transparent;
|
|
||||||
color: var(--text-muted);
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 14px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lang-btn.active {
|
|
||||||
background: var(--primary);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lang-btn:hover:not(.active) {
|
|
||||||
color: var(--text);
|
|
||||||
background: var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Hero === */
|
|
||||||
.hero {
|
|
||||||
position: relative;
|
|
||||||
padding: 80px 0 50px;
|
|
||||||
text-align: center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-bg {
|
|
||||||
position: absolute;
|
|
||||||
top: -50%;
|
|
||||||
left: -50%;
|
|
||||||
width: 200%;
|
|
||||||
height: 200%;
|
|
||||||
background: radial-gradient(ellipse at 50% 50%, rgba(108, 92, 231, 0.15) 0%, transparent 60%),
|
|
||||||
radial-gradient(ellipse at 80% 20%, rgba(0, 206, 201, 0.1) 0%, transparent 40%);
|
|
||||||
animation: heroPulse 8s ease-in-out infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes heroPulse {
|
|
||||||
0%, 100% { transform: scale(1); opacity: 0.8; }
|
|
||||||
50% { transform: scale(1.05); opacity: 1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-title {
|
|
||||||
font-size: clamp(2.5rem, 6vw, 4rem);
|
|
||||||
font-weight: 900;
|
|
||||||
letter-spacing: -2px;
|
|
||||||
position: relative;
|
|
||||||
background: linear-gradient(135deg, var(--primary-light), var(--accent));
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
background-clip: text;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-icon {
|
|
||||||
font-size: 0.8em;
|
|
||||||
-webkit-text-fill-color: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-subtitle {
|
|
||||||
font-size: clamp(1rem, 2.5vw, 1.3rem);
|
|
||||||
color: var(--text-muted);
|
|
||||||
margin-top: 12px;
|
|
||||||
position: relative;
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Cards === */
|
|
||||||
.card {
|
|
||||||
background: var(--bg-card);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: var(--radius);
|
|
||||||
padding: 32px;
|
|
||||||
margin-bottom: 24px;
|
|
||||||
box-shadow: var(--shadow);
|
|
||||||
transition: border-color 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card:hover {
|
|
||||||
border-color: var(--primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Step Header === */
|
|
||||||
.step-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 16px;
|
|
||||||
margin-bottom: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.step-number {
|
|
||||||
width: 44px;
|
|
||||||
height: 44px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
background: linear-gradient(135deg, var(--primary), var(--accent));
|
|
||||||
border-radius: 12px;
|
|
||||||
font-weight: 800;
|
|
||||||
font-size: 20px;
|
|
||||||
color: #fff;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.step-header h2 {
|
|
||||||
font-size: 1.4rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Form === */
|
|
||||||
.form-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
gap: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group.full-width {
|
|
||||||
grid-column: 1 / -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group label {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--text-muted);
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group input,
|
|
||||||
.form-group textarea,
|
|
||||||
.form-group select {
|
|
||||||
padding: 14px 18px;
|
|
||||||
background: var(--bg);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: var(--radius-sm);
|
|
||||||
color: var(--text);
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: 15px;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group input:focus,
|
|
||||||
.form-group textarea:focus,
|
|
||||||
.form-group select:focus {
|
|
||||||
border-color: var(--primary);
|
|
||||||
box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group select {
|
|
||||||
cursor: pointer;
|
|
||||||
appearance: none;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238B8BA3' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: right 16px center;
|
|
||||||
padding-right: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group textarea {
|
|
||||||
resize: vertical;
|
|
||||||
min-height: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.char-count {
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--text-muted);
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Style Options === */
|
|
||||||
.style-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(3, 1fr);
|
|
||||||
gap: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-option {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
padding: 20px 14px;
|
|
||||||
background: var(--bg);
|
|
||||||
border: 2px solid var(--border);
|
|
||||||
border-radius: var(--radius-sm);
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-option:hover {
|
|
||||||
border-color: var(--primary-light);
|
|
||||||
background: var(--bg-card-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-option.selected {
|
|
||||||
border-color: var(--primary);
|
|
||||||
background: rgba(108, 92, 231, 0.1);
|
|
||||||
box-shadow: var(--glow);
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-icon {
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-label {
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--text-muted);
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-option.selected .style-label {
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Generate Button === */
|
|
||||||
.generate-section {
|
|
||||||
text-align: center;
|
|
||||||
margin: 40px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-generate {
|
|
||||||
padding: 18px 48px;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 700;
|
|
||||||
font-family: inherit;
|
|
||||||
color: #fff;
|
|
||||||
background: linear-gradient(135deg, var(--primary), var(--accent));
|
|
||||||
border: none;
|
|
||||||
border-radius: 50px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
box-shadow: 0 8px 30px rgba(108, 92, 231, 0.4);
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-generate:hover {
|
|
||||||
transform: translateY(-3px);
|
|
||||||
box-shadow: 0 12px 40px rgba(108, 92, 231, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-generate:active {
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-generate.loading {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-generate.loading .btn-icon {
|
|
||||||
animation: spin 1s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes spin {
|
|
||||||
from { transform: rotate(0deg); }
|
|
||||||
to { transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-icon {
|
|
||||||
font-size: 22px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Results === */
|
|
||||||
.results-section {
|
|
||||||
animation: fadeInUp 0.6s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fadeInUp {
|
|
||||||
from { opacity: 0; transform: translateY(30px); }
|
|
||||||
to { opacity: 1; transform: translateY(0); }
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-card {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-header h3 {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-copy-all {
|
|
||||||
padding: 8px 18px;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 600;
|
|
||||||
font-family: inherit;
|
|
||||||
color: var(--primary-light);
|
|
||||||
background: rgba(108, 92, 231, 0.1);
|
|
||||||
border: 1px solid var(--primary);
|
|
||||||
border-radius: 20px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-copy-all:hover {
|
|
||||||
background: var(--primary);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Tabs === */
|
|
||||||
.result-tabs {
|
|
||||||
display: flex;
|
|
||||||
gap: 6px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
overflow-x: auto;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn {
|
|
||||||
padding: 10px 20px;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 600;
|
|
||||||
font-family: inherit;
|
|
||||||
color: var(--text-muted);
|
|
||||||
background: var(--bg);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 8px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn:hover {
|
|
||||||
color: var(--text);
|
|
||||||
border-color: var(--primary-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn.active {
|
|
||||||
color: #fff;
|
|
||||||
background: var(--primary);
|
|
||||||
border-color: var(--primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content {
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Language Results === */
|
|
||||||
.lang-results {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lang-result {
|
|
||||||
position: relative;
|
|
||||||
padding: 20px;
|
|
||||||
padding-left: 56px;
|
|
||||||
background: var(--bg);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: var(--radius-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
.lang-badge {
|
|
||||||
position: absolute;
|
|
||||||
top: 20px;
|
|
||||||
left: 16px;
|
|
||||||
padding: 3px 10px;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 800;
|
|
||||||
color: #fff;
|
|
||||||
background: linear-gradient(135deg, #E74C3C, #C0392B);
|
|
||||||
border-radius: 6px;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lang-badge.en {
|
|
||||||
background: linear-gradient(135deg, #2980B9, #2471A3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-text {
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.8;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
color: var(--text);
|
|
||||||
padding-right: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-copy {
|
|
||||||
position: absolute;
|
|
||||||
top: 16px;
|
|
||||||
right: 16px;
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
background: var(--bg-card);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 8px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 16px;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-copy:hover {
|
|
||||||
background: var(--primary);
|
|
||||||
border-color: var(--primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Slogans === */
|
|
||||||
.slogan-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slogan-item {
|
|
||||||
padding: 18px;
|
|
||||||
background: var(--bg);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: var(--radius-sm);
|
|
||||||
text-align: center;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 15px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slogan-item:hover {
|
|
||||||
border-color: var(--accent);
|
|
||||||
background: var(--bg-card-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.slogan-item .slogan-lang {
|
|
||||||
font-size: 10px;
|
|
||||||
font-weight: 800;
|
|
||||||
color: var(--text-muted);
|
|
||||||
letter-spacing: 1px;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Hashtags === */
|
|
||||||
.hashtag-cloud {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hashtag {
|
|
||||||
padding: 8px 16px;
|
|
||||||
background: rgba(108, 92, 231, 0.1);
|
|
||||||
border: 1px solid var(--primary);
|
|
||||||
border-radius: 20px;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--primary-light);
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hashtag:hover {
|
|
||||||
background: var(--primary);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Landing Page Preview === */
|
|
||||||
.landing-preview-container {
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: var(--radius-sm);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-toggle {
|
|
||||||
display: flex;
|
|
||||||
background: var(--bg);
|
|
||||||
border-bottom: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-btn {
|
|
||||||
flex: 1;
|
|
||||||
padding: 12px;
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 600;
|
|
||||||
font-family: inherit;
|
|
||||||
color: var(--text-muted);
|
|
||||||
background: transparent;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preview-btn.active {
|
|
||||||
color: var(--text);
|
|
||||||
background: var(--bg-card);
|
|
||||||
border-bottom: 2px solid var(--primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.landing-preview {
|
|
||||||
min-height: 300px;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.landing-preview iframe {
|
|
||||||
width: 100%;
|
|
||||||
height: 500px;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.landing-code {
|
|
||||||
padding: 20px;
|
|
||||||
background: var(--bg);
|
|
||||||
color: var(--accent);
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 1.6;
|
|
||||||
overflow-x: auto;
|
|
||||||
max-height: 400px;
|
|
||||||
white-space: pre;
|
|
||||||
margin: 0;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Export === */
|
|
||||||
.export-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(4, 1fr);
|
|
||||||
gap: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-export {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
padding: 24px 16px;
|
|
||||||
background: var(--bg);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: var(--radius-sm);
|
|
||||||
color: var(--text);
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-export:hover {
|
|
||||||
border-color: var(--accent);
|
|
||||||
background: var(--bg-card-hover);
|
|
||||||
transform: translateY(-2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.export-icon {
|
|
||||||
font-size: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Toast === */
|
|
||||||
.toast {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 30px;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%) translateY(20px);
|
|
||||||
padding: 14px 28px;
|
|
||||||
background: var(--success);
|
|
||||||
color: #000;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 14px;
|
|
||||||
border-radius: 30px;
|
|
||||||
z-index: 1000;
|
|
||||||
opacity: 0;
|
|
||||||
transition: all 0.4s ease;
|
|
||||||
box-shadow: 0 8px 30px rgba(0, 230, 118, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.toast.show {
|
|
||||||
opacity: 1;
|
|
||||||
transform: translateX(-50%) translateY(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Footer === */
|
|
||||||
.footer {
|
|
||||||
text-align: center;
|
|
||||||
padding: 40px 20px;
|
|
||||||
color: var(--text-muted);
|
|
||||||
font-size: 14px;
|
|
||||||
border-top: 1px solid var(--border);
|
|
||||||
margin-top: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Hidden === */
|
|
||||||
.hidden {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Responsive === */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.form-grid {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-grid {
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
.slogan-grid {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.export-grid {
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
padding: 24px 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero {
|
|
||||||
padding: 60px 0 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lang-toggle {
|
|
||||||
top: 12px;
|
|
||||||
right: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-tabs {
|
|
||||||
gap: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn {
|
|
||||||
padding: 8px 14px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
.style-grid {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.export-grid {
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-generate {
|
|
||||||
padding: 16px 32px;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>Trafag Sales Exporter</title>
|
|
||||||
<base href="/" />
|
|
||||||
<link href="css/app.css" rel="stylesheet" />
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
|
|
||||||
<link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
|
|
||||||
<HeadOutlet @rendermode="@Microsoft.AspNetCore.Components.Web.RenderMode.InteractiveServer" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<Routes @rendermode="@Microsoft.AspNetCore.Components.Web.RenderMode.InteractiveServer" />
|
|
||||||
<script src="_framework/blazor.web.js"></script>
|
|
||||||
<script src="_content/MudBlazor/MudBlazor.min.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
@inherits LayoutComponentBase
|
|
||||||
|
|
||||||
<MudThemeProvider Theme="_theme" />
|
|
||||||
<MudPopoverProvider />
|
|
||||||
<MudDialogProvider />
|
|
||||||
<MudSnackbarProvider />
|
|
||||||
|
|
||||||
<MudLayout>
|
|
||||||
<MudAppBar Elevation="1" Color="Color.Primary">
|
|
||||||
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start"
|
|
||||||
OnClick="ToggleDrawer" />
|
|
||||||
<MudText Typo="Typo.h6" Class="ml-3">Trafag Sales Exporter</MudText>
|
|
||||||
</MudAppBar>
|
|
||||||
|
|
||||||
<MudDrawer @bind-Open="_drawerOpen" Elevation="2" ClipMode="DrawerClipMode.Always">
|
|
||||||
<NavMenu />
|
|
||||||
</MudDrawer>
|
|
||||||
|
|
||||||
<MudMainContent Class="pa-4">
|
|
||||||
@Body
|
|
||||||
</MudMainContent>
|
|
||||||
</MudLayout>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
private bool _drawerOpen = true;
|
|
||||||
|
|
||||||
private readonly MudTheme _theme = new()
|
|
||||||
{
|
|
||||||
PaletteLight = new PaletteLight
|
|
||||||
{
|
|
||||||
Primary = "#1565C0",
|
|
||||||
Secondary = "#00897B",
|
|
||||||
AppbarBackground = "#1565C0"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
private void ToggleDrawer() => _drawerOpen = !_drawerOpen;
|
|
||||||
}
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
<MudNavMenu>
|
|
||||||
<MudNavLink Href="/" Match="NavLinkMatch.All" Icon="@Icons.Material.Filled.Dashboard">
|
|
||||||
Dashboard
|
|
||||||
</MudNavLink>
|
|
||||||
<MudNavLink Href="/standorte" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.LocationOn">
|
|
||||||
Standorte
|
|
||||||
</MudNavLink>
|
|
||||||
<MudNavLink Href="/settings" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Settings">
|
|
||||||
Settings
|
|
||||||
</MudNavLink>
|
|
||||||
<MudNavLink Href="/logs" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.List">
|
|
||||||
Logs
|
|
||||||
</MudNavLink>
|
|
||||||
</MudNavMenu>
|
|
||||||
@@ -1,193 +0,0 @@
|
|||||||
@page "/"
|
|
||||||
@using Microsoft.EntityFrameworkCore
|
|
||||||
@using TrafagSalesExporter.Data
|
|
||||||
@using TrafagSalesExporter.Services
|
|
||||||
@inject IDbContextFactory<AppDbContext> DbFactory
|
|
||||||
@inject ExportOrchestrationService Orchestrator
|
|
||||||
@inject TimerBackgroundService TimerService
|
|
||||||
@inject ISnackbar Snackbar
|
|
||||||
@implements IDisposable
|
|
||||||
|
|
||||||
<PageTitle>Dashboard</PageTitle>
|
|
||||||
|
|
||||||
<MudText Typo="Typo.h4" Class="mb-4">Dashboard</MudText>
|
|
||||||
|
|
||||||
<MudPaper Class="pa-4 mb-4" Elevation="1">
|
|
||||||
<MudStack Row AlignItems="AlignItems.Center" Spacing="4">
|
|
||||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.PlayArrow"
|
|
||||||
OnClick="ExportAll" Disabled="_anyRunning">
|
|
||||||
Alle exportieren
|
|
||||||
</MudButton>
|
|
||||||
<MudText Typo="Typo.body1">
|
|
||||||
@if (TimerService.NextRun < DateTime.MaxValue)
|
|
||||||
{
|
|
||||||
<MudIcon Icon="@Icons.Material.Filled.Schedule" Size="Size.Small" Class="mr-1" />
|
|
||||||
@($"Nächster automatischer Lauf: {TimerService.NextRun:dd.MM.yyyy HH:mm}")
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
<MudIcon Icon="@Icons.Material.Filled.TimerOff" Size="Size.Small" Class="mr-1" />
|
|
||||||
@("Timer deaktiviert")
|
|
||||||
}
|
|
||||||
</MudText>
|
|
||||||
</MudStack>
|
|
||||||
</MudPaper>
|
|
||||||
|
|
||||||
<MudTable Items="_dashboardRows" Dense Hover Striped Loading="_loading">
|
|
||||||
<HeaderContent>
|
|
||||||
<MudTh>Land</MudTh>
|
|
||||||
<MudTh>TSC</MudTh>
|
|
||||||
<MudTh>Schema</MudTh>
|
|
||||||
<MudTh>Server</MudTh>
|
|
||||||
<MudTh>Status</MudTh>
|
|
||||||
<MudTh>Zeilen</MudTh>
|
|
||||||
<MudTh>Letzter Lauf</MudTh>
|
|
||||||
<MudTh>Dauer</MudTh>
|
|
||||||
<MudTh>Aktion</MudTh>
|
|
||||||
</HeaderContent>
|
|
||||||
<RowTemplate>
|
|
||||||
<MudTd>@context.Land</MudTd>
|
|
||||||
<MudTd>@context.TSC</MudTd>
|
|
||||||
<MudTd>@context.Schema</MudTd>
|
|
||||||
<MudTd>@context.ServerName</MudTd>
|
|
||||||
<MudTd>
|
|
||||||
@if (Orchestrator.IsExporting(context.SiteId))
|
|
||||||
{
|
|
||||||
<MudProgressCircular Size="Size.Small" Indeterminate Color="Color.Primary" Class="mr-1" />
|
|
||||||
<MudText Typo="Typo.caption">@Orchestrator.GetExportStatus(context.SiteId)</MudText>
|
|
||||||
}
|
|
||||||
else if (context.LastStatus == "OK")
|
|
||||||
{
|
|
||||||
<MudIcon Icon="@Icons.Material.Filled.CheckCircle" Color="Color.Success" Size="Size.Small" />
|
|
||||||
}
|
|
||||||
else if (context.LastStatus == "Error")
|
|
||||||
{
|
|
||||||
<MudTooltip Text="@context.ErrorMessage">
|
|
||||||
<MudIcon Icon="@Icons.Material.Filled.Error" Color="Color.Error" Size="Size.Small" />
|
|
||||||
</MudTooltip>
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
<MudText Typo="Typo.caption" Color="Color.Default">-</MudText>
|
|
||||||
}
|
|
||||||
</MudTd>
|
|
||||||
<MudTd>@(context.RowCount > 0 ? context.RowCount.ToString("N0") : "-")</MudTd>
|
|
||||||
<MudTd>@(context.LastRun.HasValue ? context.LastRun.Value.ToString("dd.MM.yyyy HH:mm:ss") : "-")</MudTd>
|
|
||||||
<MudTd>@(context.DurationSeconds > 0 ? $"{context.DurationSeconds:F1}s" : "-")</MudTd>
|
|
||||||
<MudTd>
|
|
||||||
<MudButton Size="Size.Small" Variant="Variant.Outlined" Color="Color.Primary"
|
|
||||||
StartIcon="@Icons.Material.Filled.FileDownload"
|
|
||||||
OnClick="() => ExportSingle(context.SiteId)"
|
|
||||||
Disabled="Orchestrator.IsExporting(context.SiteId)">
|
|
||||||
Export
|
|
||||||
</MudButton>
|
|
||||||
</MudTd>
|
|
||||||
</RowTemplate>
|
|
||||||
</MudTable>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
private List<DashboardRow> _dashboardRows = new();
|
|
||||||
private bool _loading = true;
|
|
||||||
private bool _anyRunning;
|
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
|
||||||
{
|
|
||||||
Orchestrator.OnExportStatusChanged += HandleStatusChanged;
|
|
||||||
await LoadDataAsync();
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task LoadDataAsync()
|
|
||||||
{
|
|
||||||
_loading = true;
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
|
|
||||||
var sites = await db.Sites.Include(s => s.HanaServer).Where(s => s.IsActive).ToListAsync();
|
|
||||||
var logs = await db.ExportLogs
|
|
||||||
.GroupBy(l => l.SiteId)
|
|
||||||
.Select(g => g.OrderByDescending(l => l.Timestamp).First())
|
|
||||||
.ToListAsync();
|
|
||||||
|
|
||||||
_dashboardRows = sites.Select(s =>
|
|
||||||
{
|
|
||||||
var log = logs.FirstOrDefault(l => l.SiteId == s.Id);
|
|
||||||
return new DashboardRow
|
|
||||||
{
|
|
||||||
SiteId = s.Id,
|
|
||||||
Land = s.Land,
|
|
||||||
TSC = s.TSC,
|
|
||||||
Schema = s.Schema,
|
|
||||||
ServerName = s.HanaServer?.Name ?? "",
|
|
||||||
LastStatus = log?.Status ?? "",
|
|
||||||
RowCount = log?.RowCount ?? 0,
|
|
||||||
LastRun = log?.Timestamp,
|
|
||||||
DurationSeconds = log?.DurationSeconds ?? 0,
|
|
||||||
ErrorMessage = log?.ErrorMessage ?? ""
|
|
||||||
};
|
|
||||||
}).ToList();
|
|
||||||
|
|
||||||
_anyRunning = _dashboardRows.Any(r => Orchestrator.IsExporting(r.SiteId));
|
|
||||||
_loading = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task ExportAll()
|
|
||||||
{
|
|
||||||
_anyRunning = true;
|
|
||||||
_ = Task.Run(async () =>
|
|
||||||
{
|
|
||||||
await Orchestrator.ExportAllAsync();
|
|
||||||
await InvokeAsync(async () =>
|
|
||||||
{
|
|
||||||
await LoadDataAsync();
|
|
||||||
StateHasChanged();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
Snackbar.Add("Export für alle Standorte gestartet", Severity.Info);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void ExportSingle(int siteId)
|
|
||||||
{
|
|
||||||
_ = Task.Run(async () =>
|
|
||||||
{
|
|
||||||
await Orchestrator.ExportSiteByIdAsync(siteId);
|
|
||||||
await InvokeAsync(async () =>
|
|
||||||
{
|
|
||||||
await LoadDataAsync();
|
|
||||||
StateHasChanged();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
Snackbar.Add("Export gestartet", Severity.Info);
|
|
||||||
}
|
|
||||||
|
|
||||||
private async void HandleStatusChanged()
|
|
||||||
{
|
|
||||||
await InvokeAsync(async () =>
|
|
||||||
{
|
|
||||||
_anyRunning = _dashboardRows.Any(r => Orchestrator.IsExporting(r.SiteId));
|
|
||||||
StateHasChanged();
|
|
||||||
if (!_anyRunning)
|
|
||||||
{
|
|
||||||
await LoadDataAsync();
|
|
||||||
StateHasChanged();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
public void Dispose()
|
|
||||||
{
|
|
||||||
Orchestrator.OnExportStatusChanged -= HandleStatusChanged;
|
|
||||||
}
|
|
||||||
|
|
||||||
private class DashboardRow
|
|
||||||
{
|
|
||||||
public int SiteId { get; set; }
|
|
||||||
public string Land { get; set; } = "";
|
|
||||||
public string TSC { get; set; } = "";
|
|
||||||
public string Schema { get; set; } = "";
|
|
||||||
public string ServerName { get; set; } = "";
|
|
||||||
public string LastStatus { get; set; } = "";
|
|
||||||
public int RowCount { get; set; }
|
|
||||||
public DateTime? LastRun { get; set; }
|
|
||||||
public double DurationSeconds { get; set; }
|
|
||||||
public string ErrorMessage { get; set; } = "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,134 +0,0 @@
|
|||||||
@page "/logs"
|
|
||||||
@using Microsoft.EntityFrameworkCore
|
|
||||||
@using TrafagSalesExporter.Data
|
|
||||||
@inject IDbContextFactory<AppDbContext> DbFactory
|
|
||||||
@inject ISnackbar Snackbar
|
|
||||||
@inject IDialogService DialogService
|
|
||||||
|
|
||||||
<PageTitle>Logs</PageTitle>
|
|
||||||
|
|
||||||
<MudText Typo="Typo.h4" Class="mb-4">Export Logs</MudText>
|
|
||||||
|
|
||||||
<MudPaper Class="pa-4 mb-4" Elevation="1">
|
|
||||||
<MudStack Row AlignItems="AlignItems.Center" Spacing="3">
|
|
||||||
<MudSelect @bind-Value="_filterLand" Label="Land" Clearable Dense Style="max-width:200px;">
|
|
||||||
@foreach (var land in _availableLands)
|
|
||||||
{
|
|
||||||
<MudSelectItem Value="@land">@land</MudSelectItem>
|
|
||||||
}
|
|
||||||
</MudSelect>
|
|
||||||
<MudSelect @bind-Value="_filterStatus" Label="Status" Clearable Dense Style="max-width:150px;">
|
|
||||||
<MudSelectItem Value="@("OK")">OK</MudSelectItem>
|
|
||||||
<MudSelectItem Value="@("Error")">Error</MudSelectItem>
|
|
||||||
</MudSelect>
|
|
||||||
<MudDatePicker @bind-Date="_filterDate" Label="Datum" Clearable Dense Style="max-width:200px;" />
|
|
||||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="ApplyFilter"
|
|
||||||
StartIcon="@Icons.Material.Filled.FilterAlt">
|
|
||||||
Filtern
|
|
||||||
</MudButton>
|
|
||||||
<MudSpacer />
|
|
||||||
<MudButton Variant="Variant.Outlined" Color="Color.Error" OnClick="DeleteOldLogs"
|
|
||||||
StartIcon="@Icons.Material.Filled.DeleteSweep">
|
|
||||||
Alte Logs löschen
|
|
||||||
</MudButton>
|
|
||||||
</MudStack>
|
|
||||||
</MudPaper>
|
|
||||||
|
|
||||||
<MudTable Items="_logs" Dense Hover Striped Loading="_loading">
|
|
||||||
<HeaderContent>
|
|
||||||
<MudTh>Zeitpunkt</MudTh>
|
|
||||||
<MudTh>Land</MudTh>
|
|
||||||
<MudTh>TSC</MudTh>
|
|
||||||
<MudTh>Status</MudTh>
|
|
||||||
<MudTh>Zeilen</MudTh>
|
|
||||||
<MudTh>Dauer</MudTh>
|
|
||||||
<MudTh>Dateiname</MudTh>
|
|
||||||
<MudTh>Fehler</MudTh>
|
|
||||||
</HeaderContent>
|
|
||||||
<RowTemplate>
|
|
||||||
<MudTd>@context.Timestamp.ToString("dd.MM.yyyy HH:mm:ss")</MudTd>
|
|
||||||
<MudTd>@context.Land</MudTd>
|
|
||||||
<MudTd>@context.TSC</MudTd>
|
|
||||||
<MudTd>
|
|
||||||
@if (context.Status == "OK")
|
|
||||||
{
|
|
||||||
<MudChip T="string" Size="Size.Small" Color="Color.Success">OK</MudChip>
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
<MudChip T="string" Size="Size.Small" Color="Color.Error">Error</MudChip>
|
|
||||||
}
|
|
||||||
</MudTd>
|
|
||||||
<MudTd>@context.RowCount.ToString("N0")</MudTd>
|
|
||||||
<MudTd>@($"{context.DurationSeconds:F1}s")</MudTd>
|
|
||||||
<MudTd>@context.FileName</MudTd>
|
|
||||||
<MudTd>
|
|
||||||
@if (!string.IsNullOrEmpty(context.ErrorMessage))
|
|
||||||
{
|
|
||||||
<MudTooltip Text="@context.ErrorMessage">
|
|
||||||
<MudText Typo="Typo.caption" Color="Color.Error" Style="max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;">
|
|
||||||
@context.ErrorMessage
|
|
||||||
</MudText>
|
|
||||||
</MudTooltip>
|
|
||||||
}
|
|
||||||
</MudTd>
|
|
||||||
</RowTemplate>
|
|
||||||
</MudTable>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
private List<ExportLog> _logs = new();
|
|
||||||
private List<string> _availableLands = new();
|
|
||||||
private string? _filterLand;
|
|
||||||
private string? _filterStatus;
|
|
||||||
private DateTime? _filterDate;
|
|
||||||
private bool _loading = true;
|
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
|
||||||
{
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
_availableLands = await db.ExportLogs.Select(l => l.Land).Distinct().OrderBy(l => l).ToListAsync();
|
|
||||||
await LoadLogsAsync();
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task LoadLogsAsync()
|
|
||||||
{
|
|
||||||
_loading = true;
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
IQueryable<ExportLog> query = db.ExportLogs.OrderByDescending(l => l.Timestamp);
|
|
||||||
|
|
||||||
if (!string.IsNullOrEmpty(_filterLand))
|
|
||||||
query = query.Where(l => l.Land == _filterLand);
|
|
||||||
|
|
||||||
if (!string.IsNullOrEmpty(_filterStatus))
|
|
||||||
query = query.Where(l => l.Status == _filterStatus);
|
|
||||||
|
|
||||||
if (_filterDate.HasValue)
|
|
||||||
query = query.Where(l => l.Timestamp.Date == _filterDate.Value.Date);
|
|
||||||
|
|
||||||
_logs = await query.Take(500).ToListAsync();
|
|
||||||
_loading = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task ApplyFilter()
|
|
||||||
{
|
|
||||||
await LoadLogsAsync();
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task DeleteOldLogs()
|
|
||||||
{
|
|
||||||
var result = await DialogService.ShowMessageBox(
|
|
||||||
"Alte Logs löschen",
|
|
||||||
"Logs älter als 90 Tage löschen?",
|
|
||||||
yesText: "Löschen", cancelText: "Abbrechen");
|
|
||||||
|
|
||||||
if (result != true) return;
|
|
||||||
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
var cutoff = DateTime.Now.AddDays(-90);
|
|
||||||
var oldLogs = await db.ExportLogs.Where(l => l.Timestamp < cutoff).ToListAsync();
|
|
||||||
db.ExportLogs.RemoveRange(oldLogs);
|
|
||||||
var count = await db.SaveChangesAsync();
|
|
||||||
await LoadLogsAsync();
|
|
||||||
Snackbar.Add($"{oldLogs.Count} alte Logs gelöscht", Severity.Info);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,164 +0,0 @@
|
|||||||
@page "/settings"
|
|
||||||
@using Microsoft.EntityFrameworkCore
|
|
||||||
@using TrafagSalesExporter.Data
|
|
||||||
@using TrafagSalesExporter.Services
|
|
||||||
@inject IDbContextFactory<AppDbContext> DbFactory
|
|
||||||
@inject SharePointUploadService SpService
|
|
||||||
@inject TimerBackgroundService TimerService
|
|
||||||
@inject ISnackbar Snackbar
|
|
||||||
|
|
||||||
<PageTitle>Settings</PageTitle>
|
|
||||||
|
|
||||||
<MudText Typo="Typo.h4" Class="mb-4">Settings</MudText>
|
|
||||||
|
|
||||||
@* SharePoint Config *@
|
|
||||||
<MudText Typo="Typo.h5" Class="mb-2">SharePoint Konfiguration</MudText>
|
|
||||||
<MudPaper Class="pa-4 mb-6" Elevation="1">
|
|
||||||
<MudGrid>
|
|
||||||
<MudItem xs="12" md="6">
|
|
||||||
<MudTextField @bind-Value="_spConfig.SiteUrl" Label="Site URL" />
|
|
||||||
</MudItem>
|
|
||||||
<MudItem xs="12" md="6">
|
|
||||||
<MudTextField @bind-Value="_spConfig.ExportFolder" Label="Export Folder" />
|
|
||||||
</MudItem>
|
|
||||||
<MudItem xs="12" md="4">
|
|
||||||
<MudTextField @bind-Value="_spConfig.TenantId" Label="Tenant ID" />
|
|
||||||
</MudItem>
|
|
||||||
<MudItem xs="12" md="4">
|
|
||||||
<MudTextField @bind-Value="_spConfig.ClientId" Label="Client ID" />
|
|
||||||
</MudItem>
|
|
||||||
<MudItem xs="12" md="4">
|
|
||||||
<MudTextField @bind-Value="_spConfig.ClientSecret" Label="Client Secret" InputType="InputType.Password" />
|
|
||||||
</MudItem>
|
|
||||||
<MudItem xs="12">
|
|
||||||
<MudStack Row Spacing="2">
|
|
||||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="SaveSharePoint"
|
|
||||||
StartIcon="@Icons.Material.Filled.Save">
|
|
||||||
Speichern
|
|
||||||
</MudButton>
|
|
||||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" OnClick="TestSharePoint"
|
|
||||||
StartIcon="@Icons.Material.Filled.NetworkCheck" Disabled="_testingSp">
|
|
||||||
@if (_testingSp)
|
|
||||||
{
|
|
||||||
<MudProgressCircular Size="Size.Small" Indeterminate Class="mr-2" />
|
|
||||||
@("Teste...")
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
@("SharePoint Verbindung testen")
|
|
||||||
}
|
|
||||||
</MudButton>
|
|
||||||
</MudStack>
|
|
||||||
</MudItem>
|
|
||||||
</MudGrid>
|
|
||||||
</MudPaper>
|
|
||||||
|
|
||||||
@* Export Settings *@
|
|
||||||
<MudText Typo="Typo.h5" Class="mb-2">Export Einstellungen</MudText>
|
|
||||||
<MudPaper Class="pa-4 mb-6" Elevation="1">
|
|
||||||
<MudGrid>
|
|
||||||
<MudItem xs="12" md="4">
|
|
||||||
<MudTextField @bind-Value="_exportSettings.DateFilter" Label="Datum-Filter (ab)"
|
|
||||||
HelperText="Format: yyyy-MM-dd" />
|
|
||||||
</MudItem>
|
|
||||||
<MudItem xs="12" md="2">
|
|
||||||
<MudNumericField @bind-Value="_exportSettings.TimerHour" Label="Timer Stunde" Min="0" Max="23" />
|
|
||||||
</MudItem>
|
|
||||||
<MudItem xs="12" md="2">
|
|
||||||
<MudNumericField @bind-Value="_exportSettings.TimerMinute" Label="Timer Minute" Min="0" Max="59" />
|
|
||||||
</MudItem>
|
|
||||||
<MudItem xs="12" md="4">
|
|
||||||
<MudSwitch @bind-Value="_exportSettings.TimerEnabled" Label="Timer aktiviert" Color="Color.Primary" />
|
|
||||||
</MudItem>
|
|
||||||
<MudItem xs="12">
|
|
||||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="SaveExportSettings"
|
|
||||||
StartIcon="@Icons.Material.Filled.Save">
|
|
||||||
Speichern
|
|
||||||
</MudButton>
|
|
||||||
</MudItem>
|
|
||||||
</MudGrid>
|
|
||||||
</MudPaper>
|
|
||||||
|
|
||||||
@* Filename Preview *@
|
|
||||||
<MudText Typo="Typo.h5" Class="mb-2">Dateiname Vorschau</MudText>
|
|
||||||
<MudPaper Class="pa-4" Elevation="1">
|
|
||||||
<MudText Typo="Typo.body1">
|
|
||||||
<MudIcon Icon="@Icons.Material.Filled.InsertDriveFile" Size="Size.Small" Class="mr-1" />
|
|
||||||
Sales_{"{TSC}"}_{DateTime.Now:yyyy-MM-dd}.xlsx
|
|
||||||
</MudText>
|
|
||||||
<MudText Typo="Typo.caption" Class="mt-1">
|
|
||||||
Beispiel: Sales_TRFR_@(DateTime.Now.ToString("yyyy-MM-dd")).xlsx
|
|
||||||
</MudText>
|
|
||||||
</MudPaper>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
private SharePointConfig _spConfig = new();
|
|
||||||
private ExportSettings _exportSettings = new();
|
|
||||||
private bool _testingSp;
|
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
|
||||||
{
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
_spConfig = await db.SharePointConfigs.FirstOrDefaultAsync() ?? new SharePointConfig();
|
|
||||||
_exportSettings = await db.ExportSettings.FirstOrDefaultAsync() ?? new ExportSettings();
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task SaveSharePoint()
|
|
||||||
{
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
var existing = await db.SharePointConfigs.FirstOrDefaultAsync();
|
|
||||||
if (existing is null)
|
|
||||||
{
|
|
||||||
db.SharePointConfigs.Add(_spConfig);
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
existing.SiteUrl = _spConfig.SiteUrl;
|
|
||||||
existing.ExportFolder = _spConfig.ExportFolder;
|
|
||||||
existing.TenantId = _spConfig.TenantId;
|
|
||||||
existing.ClientId = _spConfig.ClientId;
|
|
||||||
existing.ClientSecret = _spConfig.ClientSecret;
|
|
||||||
}
|
|
||||||
await db.SaveChangesAsync();
|
|
||||||
Snackbar.Add("SharePoint Konfiguration gespeichert", Severity.Success);
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task TestSharePoint()
|
|
||||||
{
|
|
||||||
_testingSp = true;
|
|
||||||
try
|
|
||||||
{
|
|
||||||
await SpService.TestConnectionAsync(
|
|
||||||
_spConfig.TenantId, _spConfig.ClientId, _spConfig.ClientSecret, _spConfig.SiteUrl);
|
|
||||||
Snackbar.Add("SharePoint Verbindung erfolgreich!", Severity.Success);
|
|
||||||
}
|
|
||||||
catch (Exception ex)
|
|
||||||
{
|
|
||||||
Snackbar.Add($"Verbindung fehlgeschlagen: {ex.Message}", Severity.Error);
|
|
||||||
}
|
|
||||||
finally
|
|
||||||
{
|
|
||||||
_testingSp = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task SaveExportSettings()
|
|
||||||
{
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
var existing = await db.ExportSettings.FirstOrDefaultAsync();
|
|
||||||
if (existing is null)
|
|
||||||
{
|
|
||||||
db.ExportSettings.Add(_exportSettings);
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
existing.DateFilter = _exportSettings.DateFilter;
|
|
||||||
existing.TimerHour = _exportSettings.TimerHour;
|
|
||||||
existing.TimerMinute = _exportSettings.TimerMinute;
|
|
||||||
existing.TimerEnabled = _exportSettings.TimerEnabled;
|
|
||||||
}
|
|
||||||
await db.SaveChangesAsync();
|
|
||||||
TimerService.Recalculate();
|
|
||||||
Snackbar.Add("Export Einstellungen gespeichert", Severity.Success);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,316 +0,0 @@
|
|||||||
@page "/standorte"
|
|
||||||
@using Microsoft.EntityFrameworkCore
|
|
||||||
@using TrafagSalesExporter.Data
|
|
||||||
@using TrafagSalesExporter.Services
|
|
||||||
@inject IDbContextFactory<AppDbContext> DbFactory
|
|
||||||
@inject HanaQueryService HanaService
|
|
||||||
@inject ISnackbar Snackbar
|
|
||||||
@inject IDialogService DialogService
|
|
||||||
|
|
||||||
<PageTitle>Standorte</PageTitle>
|
|
||||||
|
|
||||||
<MudText Typo="Typo.h4" Class="mb-4">Standorte</MudText>
|
|
||||||
|
|
||||||
@* HANA Server Section *@
|
|
||||||
<MudText Typo="Typo.h5" Class="mb-2">HANA Server</MudText>
|
|
||||||
<MudPaper Class="pa-4 mb-6" Elevation="1">
|
|
||||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add"
|
|
||||||
OnClick="AddServer" Class="mb-3">
|
|
||||||
Server hinzufügen
|
|
||||||
</MudButton>
|
|
||||||
|
|
||||||
<MudTable Items="_servers" Dense Hover Striped>
|
|
||||||
<HeaderContent>
|
|
||||||
<MudTh>Name</MudTh>
|
|
||||||
<MudTh>Host</MudTh>
|
|
||||||
<MudTh>Port</MudTh>
|
|
||||||
<MudTh>Username</MudTh>
|
|
||||||
<MudTh>Aktionen</MudTh>
|
|
||||||
</HeaderContent>
|
|
||||||
<RowTemplate>
|
|
||||||
<MudTd>@context.Name</MudTd>
|
|
||||||
<MudTd>@context.Host</MudTd>
|
|
||||||
<MudTd>@context.Port</MudTd>
|
|
||||||
<MudTd>@context.Username</MudTd>
|
|
||||||
<MudTd>
|
|
||||||
<MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Small"
|
|
||||||
OnClick="() => EditServer(context)" />
|
|
||||||
<MudIconButton Icon="@Icons.Material.Filled.NetworkCheck" Size="Size.Small" Color="Color.Info"
|
|
||||||
OnClick="() => TestServerConnection(context)" />
|
|
||||||
<MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Small" Color="Color.Error"
|
|
||||||
OnClick="() => DeleteServer(context)" />
|
|
||||||
</MudTd>
|
|
||||||
</RowTemplate>
|
|
||||||
</MudTable>
|
|
||||||
</MudPaper>
|
|
||||||
|
|
||||||
@* Sites Section *@
|
|
||||||
<MudText Typo="Typo.h5" Class="mb-2">Standorte (Sites)</MudText>
|
|
||||||
<MudPaper Class="pa-4" Elevation="1">
|
|
||||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add"
|
|
||||||
OnClick="AddSite" Class="mb-3">
|
|
||||||
Neuen Standort hinzufügen
|
|
||||||
</MudButton>
|
|
||||||
|
|
||||||
<MudTable Items="_sites" Dense Hover Striped>
|
|
||||||
<HeaderContent>
|
|
||||||
<MudTh>Land</MudTh>
|
|
||||||
<MudTh>TSC</MudTh>
|
|
||||||
<MudTh>Schema</MudTh>
|
|
||||||
<MudTh>Server</MudTh>
|
|
||||||
<MudTh>Aktiv</MudTh>
|
|
||||||
<MudTh>Aktionen</MudTh>
|
|
||||||
</HeaderContent>
|
|
||||||
<RowTemplate>
|
|
||||||
<MudTd>@context.Land</MudTd>
|
|
||||||
<MudTd>@context.TSC</MudTd>
|
|
||||||
<MudTd>@context.Schema</MudTd>
|
|
||||||
<MudTd>@(context.HanaServer?.Name ?? "-")</MudTd>
|
|
||||||
<MudTd>
|
|
||||||
@if (context.IsActive)
|
|
||||||
{
|
|
||||||
<MudIcon Icon="@Icons.Material.Filled.CheckCircle" Color="Color.Success" Size="Size.Small" />
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
<MudIcon Icon="@Icons.Material.Filled.Cancel" Color="Color.Default" Size="Size.Small" />
|
|
||||||
}
|
|
||||||
</MudTd>
|
|
||||||
<MudTd>
|
|
||||||
<MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Small"
|
|
||||||
OnClick="() => EditSite(context)" />
|
|
||||||
<MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Small" Color="Color.Error"
|
|
||||||
OnClick="() => DeleteSite(context)" />
|
|
||||||
</MudTd>
|
|
||||||
</RowTemplate>
|
|
||||||
</MudTable>
|
|
||||||
</MudPaper>
|
|
||||||
|
|
||||||
@* Server Dialog *@
|
|
||||||
<MudDialog @bind-Visible="_serverDialogVisible" Options="_dialogOptions">
|
|
||||||
<TitleContent>
|
|
||||||
<MudText Typo="Typo.h6">@(_editingServer.Id == 0 ? "Server hinzufügen" : "Server bearbeiten")</MudText>
|
|
||||||
</TitleContent>
|
|
||||||
<DialogContent>
|
|
||||||
<MudTextField @bind-Value="_editingServer.Name" Label="Name" Required />
|
|
||||||
<MudTextField @bind-Value="_editingServer.Host" Label="Host" Required
|
|
||||||
HelperText="IP oder Hostname (ohne Protokoll)" />
|
|
||||||
<MudNumericField @bind-Value="_editingServer.Port" Label="Port"
|
|
||||||
HelperText="Typisch 30015 (Tenant), 30013 (SystemDB), 3xx15 für Instanz xx" />
|
|
||||||
<MudTextField @bind-Value="_editingServer.Username" Label="Username" />
|
|
||||||
<MudTextField @bind-Value="_editingServer.Password" Label="Password" InputType="InputType.Password" />
|
|
||||||
<MudTextField @bind-Value="_editingServer.DatabaseName" Label="Database Name (MDC)"
|
|
||||||
HelperText="Nur bei Multi-Tenant Setup angeben, sonst leer lassen" />
|
|
||||||
<MudSwitch @bind-Value="_editingServer.UseSsl" Label="SSL/TLS verwenden (encrypt=true)" Color="Color.Primary" />
|
|
||||||
<MudSwitch @bind-Value="_editingServer.ValidateCertificate" Label="SSL-Zertifikat validieren" Color="Color.Primary"
|
|
||||||
Disabled="!_editingServer.UseSsl" />
|
|
||||||
<MudTextField @bind-Value="_editingServer.AdditionalParams" Label="Zusätzliche Parameter"
|
|
||||||
HelperText="Optional, z.B. sslCryptoProvider=openssl;communicationTimeout=0" />
|
|
||||||
</DialogContent>
|
|
||||||
<DialogActions>
|
|
||||||
<MudButton OnClick="() => _serverDialogVisible = false">Abbrechen</MudButton>
|
|
||||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="SaveServer">Speichern</MudButton>
|
|
||||||
</DialogActions>
|
|
||||||
</MudDialog>
|
|
||||||
|
|
||||||
@* Site Dialog *@
|
|
||||||
<MudDialog @bind-Visible="_siteDialogVisible" Options="_dialogOptions">
|
|
||||||
<TitleContent>
|
|
||||||
<MudText Typo="Typo.h6">@(_editingSite.Id == 0 ? "Standort hinzufügen" : "Standort bearbeiten")</MudText>
|
|
||||||
</TitleContent>
|
|
||||||
<DialogContent>
|
|
||||||
<MudSelect @bind-Value="_editingSite.HanaServerId" Label="Server" Required>
|
|
||||||
@foreach (var s in _servers)
|
|
||||||
{
|
|
||||||
<MudSelectItem Value="s.Id">@s.Name</MudSelectItem>
|
|
||||||
}
|
|
||||||
</MudSelect>
|
|
||||||
<MudTextField @bind-Value="_editingSite.Schema" Label="Schema" Required />
|
|
||||||
<MudTextField @bind-Value="_editingSite.TSC" Label="TSC" Required />
|
|
||||||
<MudTextField @bind-Value="_editingSite.Land" Label="Land" Required />
|
|
||||||
<MudCheckBox @bind-Value="_editingSite.IsActive" Label="Aktiv" />
|
|
||||||
</DialogContent>
|
|
||||||
<DialogActions>
|
|
||||||
<MudButton OnClick="() => _siteDialogVisible = false">Abbrechen</MudButton>
|
|
||||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="SaveSite">Speichern</MudButton>
|
|
||||||
</DialogActions>
|
|
||||||
</MudDialog>
|
|
||||||
|
|
||||||
@code {
|
|
||||||
private List<HanaServer> _servers = new();
|
|
||||||
private List<Site> _sites = new();
|
|
||||||
private HanaServer _editingServer = new();
|
|
||||||
private Site _editingSite = new();
|
|
||||||
private bool _serverDialogVisible;
|
|
||||||
private bool _siteDialogVisible;
|
|
||||||
private readonly DialogOptions _dialogOptions = new() { MaxWidth = MaxWidth.Small, FullWidth = true };
|
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
|
||||||
{
|
|
||||||
await LoadDataAsync();
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task LoadDataAsync()
|
|
||||||
{
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
_servers = await db.HanaServers.OrderBy(s => s.Name).ToListAsync();
|
|
||||||
_sites = await db.Sites.Include(s => s.HanaServer).OrderBy(s => s.Land).ToListAsync();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Server CRUD
|
|
||||||
private void AddServer()
|
|
||||||
{
|
|
||||||
_editingServer = new HanaServer { Port = 30015 };
|
|
||||||
_serverDialogVisible = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void EditServer(HanaServer server)
|
|
||||||
{
|
|
||||||
_editingServer = new HanaServer
|
|
||||||
{
|
|
||||||
Id = server.Id,
|
|
||||||
Name = server.Name,
|
|
||||||
Host = server.Host,
|
|
||||||
Port = server.Port,
|
|
||||||
Username = server.Username,
|
|
||||||
Password = server.Password,
|
|
||||||
DatabaseName = server.DatabaseName,
|
|
||||||
UseSsl = server.UseSsl,
|
|
||||||
ValidateCertificate = server.ValidateCertificate,
|
|
||||||
AdditionalParams = server.AdditionalParams
|
|
||||||
};
|
|
||||||
_serverDialogVisible = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task SaveServer()
|
|
||||||
{
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
if (_editingServer.Id == 0)
|
|
||||||
{
|
|
||||||
db.HanaServers.Add(_editingServer);
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
var existing = await db.HanaServers.FindAsync(_editingServer.Id);
|
|
||||||
if (existing is not null)
|
|
||||||
{
|
|
||||||
existing.Name = _editingServer.Name;
|
|
||||||
existing.Host = _editingServer.Host;
|
|
||||||
existing.Port = _editingServer.Port;
|
|
||||||
existing.Username = _editingServer.Username;
|
|
||||||
existing.Password = _editingServer.Password;
|
|
||||||
existing.DatabaseName = _editingServer.DatabaseName;
|
|
||||||
existing.UseSsl = _editingServer.UseSsl;
|
|
||||||
existing.ValidateCertificate = _editingServer.ValidateCertificate;
|
|
||||||
existing.AdditionalParams = _editingServer.AdditionalParams;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
await db.SaveChangesAsync();
|
|
||||||
_serverDialogVisible = false;
|
|
||||||
await LoadDataAsync();
|
|
||||||
Snackbar.Add("Server gespeichert", Severity.Success);
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task DeleteServer(HanaServer server)
|
|
||||||
{
|
|
||||||
var result = await DialogService.ShowMessageBox(
|
|
||||||
"Server löschen",
|
|
||||||
$"Server '{server.Name}' wirklich löschen?",
|
|
||||||
yesText: "Löschen", cancelText: "Abbrechen");
|
|
||||||
|
|
||||||
if (result != true) return;
|
|
||||||
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
var entity = await db.HanaServers.FindAsync(server.Id);
|
|
||||||
if (entity is not null)
|
|
||||||
{
|
|
||||||
db.HanaServers.Remove(entity);
|
|
||||||
await db.SaveChangesAsync();
|
|
||||||
}
|
|
||||||
await LoadDataAsync();
|
|
||||||
Snackbar.Add("Server gelöscht", Severity.Info);
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task TestServerConnection(HanaServer server)
|
|
||||||
{
|
|
||||||
try
|
|
||||||
{
|
|
||||||
await Task.Run(() => HanaService.TestConnection(server));
|
|
||||||
Snackbar.Add($"Verbindung zu '{server.Name}' erfolgreich!", Severity.Success);
|
|
||||||
}
|
|
||||||
catch (Exception ex)
|
|
||||||
{
|
|
||||||
Snackbar.Add($"Verbindung fehlgeschlagen: {ex.Message}", Severity.Error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Site CRUD
|
|
||||||
private void AddSite()
|
|
||||||
{
|
|
||||||
_editingSite = new Site
|
|
||||||
{
|
|
||||||
IsActive = true,
|
|
||||||
HanaServerId = _servers.FirstOrDefault()?.Id ?? 0
|
|
||||||
};
|
|
||||||
_siteDialogVisible = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private void EditSite(Site site)
|
|
||||||
{
|
|
||||||
_editingSite = new Site
|
|
||||||
{
|
|
||||||
Id = site.Id,
|
|
||||||
HanaServerId = site.HanaServerId,
|
|
||||||
Schema = site.Schema,
|
|
||||||
TSC = site.TSC,
|
|
||||||
Land = site.Land,
|
|
||||||
IsActive = site.IsActive
|
|
||||||
};
|
|
||||||
_siteDialogVisible = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task SaveSite()
|
|
||||||
{
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
if (_editingSite.Id == 0)
|
|
||||||
{
|
|
||||||
db.Sites.Add(_editingSite);
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
var existing = await db.Sites.FindAsync(_editingSite.Id);
|
|
||||||
if (existing is not null)
|
|
||||||
{
|
|
||||||
existing.HanaServerId = _editingSite.HanaServerId;
|
|
||||||
existing.Schema = _editingSite.Schema;
|
|
||||||
existing.TSC = _editingSite.TSC;
|
|
||||||
existing.Land = _editingSite.Land;
|
|
||||||
existing.IsActive = _editingSite.IsActive;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
await db.SaveChangesAsync();
|
|
||||||
_siteDialogVisible = false;
|
|
||||||
await LoadDataAsync();
|
|
||||||
Snackbar.Add("Standort gespeichert", Severity.Success);
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task DeleteSite(Site site)
|
|
||||||
{
|
|
||||||
var result = await DialogService.ShowMessageBox(
|
|
||||||
"Standort löschen",
|
|
||||||
$"Standort '{site.Land}' wirklich löschen?",
|
|
||||||
yesText: "Löschen", cancelText: "Abbrechen");
|
|
||||||
|
|
||||||
if (result != true) return;
|
|
||||||
|
|
||||||
using var db = await DbFactory.CreateDbContextAsync();
|
|
||||||
var entity = await db.Sites.FindAsync(site.Id);
|
|
||||||
if (entity is not null)
|
|
||||||
{
|
|
||||||
db.Sites.Remove(entity);
|
|
||||||
await db.SaveChangesAsync();
|
|
||||||
}
|
|
||||||
await LoadDataAsync();
|
|
||||||
Snackbar.Add("Standort gelöscht", Severity.Info);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
<Router AppAssembly="typeof(Program).Assembly">
|
|
||||||
<Found Context="routeData">
|
|
||||||
<RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
|
|
||||||
<FocusOnNavigate RouteData="routeData" Selector="h1" />
|
|
||||||
</Found>
|
|
||||||
</Router>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
@using System.Net.Http
|
|
||||||
@using Microsoft.AspNetCore.Components.Forms
|
|
||||||
@using Microsoft.AspNetCore.Components.Routing
|
|
||||||
@using Microsoft.AspNetCore.Components.Web
|
|
||||||
@using Microsoft.JSInterop
|
|
||||||
@using MudBlazor
|
|
||||||
@using TrafagSalesExporter.Components
|
|
||||||
@using TrafagSalesExporter.Components.Layout
|
|
||||||
@using TrafagSalesExporter.Models
|
|
||||||
@@ -1,92 +0,0 @@
|
|||||||
using System.Data;
|
|
||||||
using Microsoft.EntityFrameworkCore;
|
|
||||||
using TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
namespace TrafagSalesExporter.Data;
|
|
||||||
|
|
||||||
public class AppDbContext : DbContext
|
|
||||||
{
|
|
||||||
public AppDbContext(DbContextOptions<AppDbContext> options) : base(options) { }
|
|
||||||
|
|
||||||
public DbSet<HanaServer> HanaServers => Set<HanaServer>();
|
|
||||||
public DbSet<Site> Sites => Set<Site>();
|
|
||||||
public DbSet<SharePointConfig> SharePointConfigs => Set<SharePointConfig>();
|
|
||||||
public DbSet<ExportSettings> ExportSettings => Set<ExportSettings>();
|
|
||||||
public DbSet<ExportLog> ExportLogs => Set<ExportLog>();
|
|
||||||
|
|
||||||
/// <summary>
|
|
||||||
/// Fügt Spalten zu existierenden Tabellen hinzu, die bei neueren Versionen
|
|
||||||
/// hinzugekommen sind. EnsureCreated aktualisiert das Schema nicht automatisch.
|
|
||||||
/// </summary>
|
|
||||||
public static void EnsureSchema(AppDbContext db)
|
|
||||||
{
|
|
||||||
AddColumnIfMissing(db, "HanaServers", "DatabaseName", "TEXT NOT NULL DEFAULT ''");
|
|
||||||
AddColumnIfMissing(db, "HanaServers", "UseSsl", "INTEGER NOT NULL DEFAULT 0");
|
|
||||||
AddColumnIfMissing(db, "HanaServers", "ValidateCertificate", "INTEGER NOT NULL DEFAULT 0");
|
|
||||||
AddColumnIfMissing(db, "HanaServers", "AdditionalParams", "TEXT NOT NULL DEFAULT ''");
|
|
||||||
}
|
|
||||||
|
|
||||||
private static void AddColumnIfMissing(AppDbContext db, string table, string column, string type)
|
|
||||||
{
|
|
||||||
var conn = db.Database.GetDbConnection();
|
|
||||||
if (conn.State != ConnectionState.Open) conn.Open();
|
|
||||||
|
|
||||||
bool exists = false;
|
|
||||||
using (var cmd = conn.CreateCommand())
|
|
||||||
{
|
|
||||||
cmd.CommandText = $"PRAGMA table_info({table})";
|
|
||||||
using var reader = cmd.ExecuteReader();
|
|
||||||
while (reader.Read())
|
|
||||||
{
|
|
||||||
if (string.Equals(reader["name"]?.ToString(), column, StringComparison.OrdinalIgnoreCase))
|
|
||||||
{
|
|
||||||
exists = true;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!exists)
|
|
||||||
{
|
|
||||||
using var alter = conn.CreateCommand();
|
|
||||||
alter.CommandText = $"ALTER TABLE {table} ADD COLUMN {column} {type}";
|
|
||||||
alter.ExecuteNonQuery();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public static void SeedIfEmpty(AppDbContext db)
|
|
||||||
{
|
|
||||||
if (db.HanaServers.Any()) return;
|
|
||||||
|
|
||||||
var serverInternal = new HanaServer { Name = "Internal", Host = "travtrp0", Port = 30015, Username = "", Password = "" };
|
|
||||||
var serverIndia = new HanaServer { Name = "India", Host = "20.197.20.60", Port = 30015, Username = "", Password = "" };
|
|
||||||
db.HanaServers.AddRange(serverInternal, serverIndia);
|
|
||||||
db.SaveChanges();
|
|
||||||
|
|
||||||
db.Sites.AddRange(
|
|
||||||
new Site { HanaServerId = serverInternal.Id, Schema = "fr01_p", TSC = "TRFR", Land = "Frankreich", IsActive = true },
|
|
||||||
new Site { HanaServerId = serverInternal.Id, Schema = "it01_p", TSC = "TRIT", Land = "Italien", IsActive = true },
|
|
||||||
new Site { HanaServerId = serverInternal.Id, Schema = "us01_p", TSC = "TRUS", Land = "USA", IsActive = true },
|
|
||||||
new Site { HanaServerId = serverIndia.Id, Schema = "TRAFAG_LIVE", TSC = "TRIN", Land = "Indien", IsActive = true }
|
|
||||||
);
|
|
||||||
|
|
||||||
db.SharePointConfigs.Add(new SharePointConfig
|
|
||||||
{
|
|
||||||
SiteUrl = "https://trafagag.sharepoint.com/sites/WorldwideBIPlatform",
|
|
||||||
ExportFolder = "/Shared Documents/Exports/",
|
|
||||||
TenantId = "",
|
|
||||||
ClientId = "",
|
|
||||||
ClientSecret = ""
|
|
||||||
});
|
|
||||||
|
|
||||||
db.ExportSettings.Add(new ExportSettings
|
|
||||||
{
|
|
||||||
DateFilter = "2025-01-01",
|
|
||||||
TimerHour = 3,
|
|
||||||
TimerMinute = 0,
|
|
||||||
TimerEnabled = true
|
|
||||||
});
|
|
||||||
|
|
||||||
db.SaveChanges();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
using System.ComponentModel.DataAnnotations.Schema;
|
|
||||||
|
|
||||||
namespace TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
public class ExportLog
|
|
||||||
{
|
|
||||||
public int Id { get; set; }
|
|
||||||
public DateTime Timestamp { get; set; }
|
|
||||||
public int SiteId { get; set; }
|
|
||||||
|
|
||||||
[ForeignKey(nameof(SiteId))]
|
|
||||||
public Site? Site { get; set; }
|
|
||||||
|
|
||||||
public string Land { get; set; } = string.Empty;
|
|
||||||
public string TSC { get; set; } = string.Empty;
|
|
||||||
public string Status { get; set; } = string.Empty;
|
|
||||||
public int RowCount { get; set; }
|
|
||||||
public string? ErrorMessage { get; set; }
|
|
||||||
public string FileName { get; set; } = string.Empty;
|
|
||||||
public double DurationSeconds { get; set; }
|
|
||||||
}
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
namespace TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
public class ExportSettings
|
|
||||||
{
|
|
||||||
public int Id { get; set; }
|
|
||||||
public string DateFilter { get; set; } = "2025-01-01";
|
|
||||||
public int TimerHour { get; set; } = 3;
|
|
||||||
public int TimerMinute { get; set; }
|
|
||||||
public bool TimerEnabled { get; set; } = true;
|
|
||||||
}
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
using System.ComponentModel.DataAnnotations;
|
|
||||||
|
|
||||||
namespace TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
public class HanaServer
|
|
||||||
{
|
|
||||||
public int Id { get; set; }
|
|
||||||
|
|
||||||
[Required]
|
|
||||||
public string Name { get; set; } = string.Empty;
|
|
||||||
|
|
||||||
[Required]
|
|
||||||
public string Host { get; set; } = string.Empty;
|
|
||||||
|
|
||||||
public int Port { get; set; } = 30015;
|
|
||||||
|
|
||||||
public string Username { get; set; } = string.Empty;
|
|
||||||
|
|
||||||
public string Password { get; set; } = string.Empty;
|
|
||||||
|
|
||||||
/// <summary>
|
|
||||||
/// Name der Tenant-Datenbank bei Multi-Tenant Database Container (MDC) Setups.
|
|
||||||
/// Leer lassen, wenn direkt auf einen Tenant-Port verbunden wird.
|
|
||||||
/// </summary>
|
|
||||||
public string DatabaseName { get; set; } = string.Empty;
|
|
||||||
|
|
||||||
/// <summary>
|
|
||||||
/// SSL/TLS Verschlüsselung aktivieren (encrypt=true).
|
|
||||||
/// </summary>
|
|
||||||
public bool UseSsl { get; set; }
|
|
||||||
|
|
||||||
/// <summary>
|
|
||||||
/// SSL-Zertifikat validieren. Bei self-signed Zertifikaten auf false setzen.
|
|
||||||
/// </summary>
|
|
||||||
public bool ValidateCertificate { get; set; }
|
|
||||||
|
|
||||||
/// <summary>
|
|
||||||
/// Zusätzliche Verbindungsparameter (Semikolon-getrennt), z.B. "sslCryptoProvider=openssl".
|
|
||||||
/// </summary>
|
|
||||||
public string AdditionalParams { get; set; } = string.Empty;
|
|
||||||
|
|
||||||
public string BuildConnectionString()
|
|
||||||
{
|
|
||||||
var parts = new List<string>
|
|
||||||
{
|
|
||||||
$"ServerNode={Host}:{Port}",
|
|
||||||
$"UserName={Username}",
|
|
||||||
$"Password={Password}"
|
|
||||||
};
|
|
||||||
|
|
||||||
if (!string.IsNullOrWhiteSpace(DatabaseName))
|
|
||||||
parts.Add($"DatabaseName={DatabaseName}");
|
|
||||||
|
|
||||||
if (UseSsl)
|
|
||||||
{
|
|
||||||
parts.Add("encrypt=true");
|
|
||||||
parts.Add($"sslValidateCertificate={(ValidateCertificate ? "true" : "false")}");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!string.IsNullOrWhiteSpace(AdditionalParams))
|
|
||||||
parts.Add(AdditionalParams.Trim().Trim(';'));
|
|
||||||
|
|
||||||
return string.Join(";", parts);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
namespace TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
public class SalesRecord
|
|
||||||
{
|
|
||||||
public DateTime ExtractionDate { get; set; }
|
|
||||||
public string Tsc { get; set; } = string.Empty;
|
|
||||||
public string InvoiceNumber { get; set; } = string.Empty;
|
|
||||||
public int PositionOnInvoice { get; set; }
|
|
||||||
public string Material { get; set; } = string.Empty;
|
|
||||||
public string Name { get; set; } = string.Empty;
|
|
||||||
public string ProductGroup { get; set; } = string.Empty;
|
|
||||||
public decimal Quantity { get; set; }
|
|
||||||
public string SupplierNumber { get; set; } = string.Empty;
|
|
||||||
public string SupplierName { get; set; } = string.Empty;
|
|
||||||
public string SupplierCountry { get; set; } = string.Empty;
|
|
||||||
public string CustomerNumber { get; set; } = string.Empty;
|
|
||||||
public string CustomerName { get; set; } = string.Empty;
|
|
||||||
public string CustomerCountry { get; set; } = string.Empty;
|
|
||||||
public string CustomerIndustry { get; set; } = string.Empty;
|
|
||||||
public decimal StandardCost { get; set; }
|
|
||||||
public string StandardCostCurrency { get; set; } = string.Empty;
|
|
||||||
public string PurchaseOrderNumber { get; set; } = string.Empty;
|
|
||||||
public decimal SalesPriceValue { get; set; }
|
|
||||||
public string SalesCurrency { get; set; } = string.Empty;
|
|
||||||
public string Incoterms2020 { get; set; } = string.Empty;
|
|
||||||
public string SalesResponsibleEmployee { get; set; } = string.Empty;
|
|
||||||
public DateTime? InvoiceDate { get; set; }
|
|
||||||
public DateTime? OrderDate { get; set; }
|
|
||||||
public string Land { get; set; } = string.Empty;
|
|
||||||
public string DocumentType { get; set; } = string.Empty;
|
|
||||||
}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
namespace TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
public class SharePointConfig
|
|
||||||
{
|
|
||||||
public int Id { get; set; }
|
|
||||||
public string SiteUrl { get; set; } = string.Empty;
|
|
||||||
public string ExportFolder { get; set; } = string.Empty;
|
|
||||||
public string TenantId { get; set; } = string.Empty;
|
|
||||||
public string ClientId { get; set; } = string.Empty;
|
|
||||||
public string ClientSecret { get; set; } = string.Empty;
|
|
||||||
}
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
using System.ComponentModel.DataAnnotations;
|
|
||||||
using System.ComponentModel.DataAnnotations.Schema;
|
|
||||||
|
|
||||||
namespace TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
public class Site
|
|
||||||
{
|
|
||||||
public int Id { get; set; }
|
|
||||||
|
|
||||||
public int HanaServerId { get; set; }
|
|
||||||
|
|
||||||
[ForeignKey(nameof(HanaServerId))]
|
|
||||||
public HanaServer? HanaServer { get; set; }
|
|
||||||
|
|
||||||
[Required]
|
|
||||||
public string Schema { get; set; } = string.Empty;
|
|
||||||
|
|
||||||
[Required]
|
|
||||||
public string TSC { get; set; } = string.Empty;
|
|
||||||
|
|
||||||
[Required]
|
|
||||||
public string Land { get; set; } = string.Empty;
|
|
||||||
|
|
||||||
public bool IsActive { get; set; } = true;
|
|
||||||
}
|
|
||||||
@@ -1,45 +0,0 @@
|
|||||||
using Microsoft.EntityFrameworkCore;
|
|
||||||
using MudBlazor.Services;
|
|
||||||
using TrafagSalesExporter.Data;
|
|
||||||
using TrafagSalesExporter.Services;
|
|
||||||
|
|
||||||
var builder = WebApplication.CreateBuilder(args);
|
|
||||||
|
|
||||||
builder.Services.AddRazorComponents()
|
|
||||||
.AddInteractiveServerComponents();
|
|
||||||
|
|
||||||
builder.Services.AddMudServices();
|
|
||||||
|
|
||||||
builder.Services.AddDbContextFactory<AppDbContext>(options =>
|
|
||||||
options.UseSqlite("Data Source=trafag_exporter.db"));
|
|
||||||
|
|
||||||
builder.Services.AddSingleton<HanaQueryService>();
|
|
||||||
builder.Services.AddSingleton<ExcelExportService>();
|
|
||||||
builder.Services.AddSingleton<SharePointUploadService>();
|
|
||||||
builder.Services.AddSingleton<ExportOrchestrationService>();
|
|
||||||
builder.Services.AddSingleton<TimerBackgroundService>();
|
|
||||||
builder.Services.AddHostedService(sp => sp.GetRequiredService<TimerBackgroundService>());
|
|
||||||
|
|
||||||
var app = builder.Build();
|
|
||||||
|
|
||||||
using (var scope = app.Services.CreateScope())
|
|
||||||
{
|
|
||||||
var dbFactory = scope.ServiceProvider.GetRequiredService<IDbContextFactory<AppDbContext>>();
|
|
||||||
using var db = await dbFactory.CreateDbContextAsync();
|
|
||||||
await db.Database.EnsureCreatedAsync();
|
|
||||||
AppDbContext.EnsureSchema(db);
|
|
||||||
AppDbContext.SeedIfEmpty(db);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!app.Environment.IsDevelopment())
|
|
||||||
{
|
|
||||||
app.UseHsts();
|
|
||||||
}
|
|
||||||
|
|
||||||
app.UseStaticFiles();
|
|
||||||
app.UseAntiforgery();
|
|
||||||
|
|
||||||
app.MapRazorComponents<TrafagSalesExporter.Components.App>()
|
|
||||||
.AddInteractiveServerRenderMode();
|
|
||||||
|
|
||||||
app.Run();
|
|
||||||
@@ -1,89 +0,0 @@
|
|||||||
using ClosedXML.Excel;
|
|
||||||
using TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
namespace TrafagSalesExporter.Services;
|
|
||||||
|
|
||||||
public class ExcelExportService
|
|
||||||
{
|
|
||||||
public string CreateExcelFile(string outputDirectory, string tsc, DateTime fileDate, List<SalesRecord> records)
|
|
||||||
{
|
|
||||||
Directory.CreateDirectory(outputDirectory);
|
|
||||||
var fileName = $"Sales_{tsc}_{fileDate:yyyy-MM-dd}.xlsx";
|
|
||||||
var fullPath = Path.Combine(outputDirectory, fileName);
|
|
||||||
|
|
||||||
using var workbook = new XLWorkbook();
|
|
||||||
var ws = workbook.Worksheets.Add("Sales");
|
|
||||||
|
|
||||||
var headers = new[]
|
|
||||||
{
|
|
||||||
"extraction date",
|
|
||||||
"TSC",
|
|
||||||
"Invoice Number",
|
|
||||||
"Position on invoice",
|
|
||||||
"Material",
|
|
||||||
"Name",
|
|
||||||
"Product Group",
|
|
||||||
"Quantity",
|
|
||||||
"Supplier number",
|
|
||||||
"Supplier name",
|
|
||||||
"Supplier country",
|
|
||||||
"Customer number",
|
|
||||||
"Customer name",
|
|
||||||
"Customer country",
|
|
||||||
"Customer Industry",
|
|
||||||
"Standard cost",
|
|
||||||
"Standard Cost Currency",
|
|
||||||
"Purchase Order number",
|
|
||||||
"Sales Price/Value",
|
|
||||||
"Sales Currency",
|
|
||||||
"Incoterms 2020",
|
|
||||||
"Sales responsible employee",
|
|
||||||
"invoice date",
|
|
||||||
"order date",
|
|
||||||
"Land",
|
|
||||||
"Document Type"
|
|
||||||
};
|
|
||||||
|
|
||||||
for (var i = 0; i < headers.Length; i++)
|
|
||||||
{
|
|
||||||
ws.Cell(1, i + 1).Value = headers[i];
|
|
||||||
ws.Cell(1, i + 1).Style.Font.Bold = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
var row = 2;
|
|
||||||
foreach (var record in records)
|
|
||||||
{
|
|
||||||
ws.Cell(row, 1).Value = record.ExtractionDate.ToString("dd.MM.yyyy HH:mm:ss");
|
|
||||||
ws.Cell(row, 2).Value = record.Tsc;
|
|
||||||
ws.Cell(row, 3).Value = record.InvoiceNumber;
|
|
||||||
ws.Cell(row, 4).Value = record.PositionOnInvoice;
|
|
||||||
ws.Cell(row, 5).Value = record.Material;
|
|
||||||
ws.Cell(row, 6).Value = record.Name;
|
|
||||||
ws.Cell(row, 7).Value = record.ProductGroup;
|
|
||||||
ws.Cell(row, 8).Value = record.Quantity;
|
|
||||||
ws.Cell(row, 9).Value = record.SupplierNumber;
|
|
||||||
ws.Cell(row, 10).Value = record.SupplierName;
|
|
||||||
ws.Cell(row, 11).Value = record.SupplierCountry;
|
|
||||||
ws.Cell(row, 12).Value = record.CustomerNumber;
|
|
||||||
ws.Cell(row, 13).Value = record.CustomerName;
|
|
||||||
ws.Cell(row, 14).Value = record.CustomerCountry;
|
|
||||||
ws.Cell(row, 15).Value = record.CustomerIndustry;
|
|
||||||
ws.Cell(row, 16).Value = record.StandardCost;
|
|
||||||
ws.Cell(row, 17).Value = record.StandardCostCurrency;
|
|
||||||
ws.Cell(row, 18).Value = record.PurchaseOrderNumber;
|
|
||||||
ws.Cell(row, 19).Value = record.SalesPriceValue;
|
|
||||||
ws.Cell(row, 20).Value = record.SalesCurrency;
|
|
||||||
ws.Cell(row, 21).Value = record.Incoterms2020;
|
|
||||||
ws.Cell(row, 22).Value = record.SalesResponsibleEmployee;
|
|
||||||
ws.Cell(row, 23).Value = record.InvoiceDate?.ToString("dd.MM.yyyy") ?? string.Empty;
|
|
||||||
ws.Cell(row, 24).Value = record.OrderDate?.ToString("dd.MM.yyyy") ?? string.Empty;
|
|
||||||
ws.Cell(row, 25).Value = record.Land;
|
|
||||||
ws.Cell(row, 26).Value = record.DocumentType;
|
|
||||||
row++;
|
|
||||||
}
|
|
||||||
|
|
||||||
ws.Columns().AdjustToContents();
|
|
||||||
workbook.SaveAs(fullPath);
|
|
||||||
return fullPath;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,161 +0,0 @@
|
|||||||
using Microsoft.EntityFrameworkCore;
|
|
||||||
using System.Diagnostics;
|
|
||||||
using TrafagSalesExporter.Data;
|
|
||||||
using TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
namespace TrafagSalesExporter.Services;
|
|
||||||
|
|
||||||
public class ExportOrchestrationService
|
|
||||||
{
|
|
||||||
private readonly IDbContextFactory<AppDbContext> _dbFactory;
|
|
||||||
private readonly HanaQueryService _hanaService;
|
|
||||||
private readonly ExcelExportService _excelService;
|
|
||||||
private readonly SharePointUploadService _sharePointService;
|
|
||||||
private readonly ILogger<ExportOrchestrationService> _logger;
|
|
||||||
|
|
||||||
public event Action? OnExportStatusChanged;
|
|
||||||
|
|
||||||
private readonly Dictionary<int, string> _runningExports = new();
|
|
||||||
private readonly object _lock = new();
|
|
||||||
|
|
||||||
public ExportOrchestrationService(
|
|
||||||
IDbContextFactory<AppDbContext> dbFactory,
|
|
||||||
HanaQueryService hanaService,
|
|
||||||
ExcelExportService excelService,
|
|
||||||
SharePointUploadService sharePointService,
|
|
||||||
ILogger<ExportOrchestrationService> logger)
|
|
||||||
{
|
|
||||||
_dbFactory = dbFactory;
|
|
||||||
_hanaService = hanaService;
|
|
||||||
_excelService = excelService;
|
|
||||||
_sharePointService = sharePointService;
|
|
||||||
_logger = logger;
|
|
||||||
}
|
|
||||||
|
|
||||||
public bool IsExporting(int siteId)
|
|
||||||
{
|
|
||||||
lock (_lock)
|
|
||||||
{
|
|
||||||
return _runningExports.ContainsKey(siteId);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public string GetExportStatus(int siteId)
|
|
||||||
{
|
|
||||||
lock (_lock)
|
|
||||||
{
|
|
||||||
return _runningExports.TryGetValue(siteId, out var status) ? status : string.Empty;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public async Task ExportAllAsync()
|
|
||||||
{
|
|
||||||
using var db = await _dbFactory.CreateDbContextAsync();
|
|
||||||
var sites = await db.Sites.Include(s => s.HanaServer).Where(s => s.IsActive).ToListAsync();
|
|
||||||
foreach (var site in sites)
|
|
||||||
{
|
|
||||||
await ExportSiteAsync(site);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public async Task ExportSiteByIdAsync(int siteId)
|
|
||||||
{
|
|
||||||
using var db = await _dbFactory.CreateDbContextAsync();
|
|
||||||
var site = await db.Sites.Include(s => s.HanaServer).FirstOrDefaultAsync(s => s.Id == siteId);
|
|
||||||
if (site is null) return;
|
|
||||||
await ExportSiteAsync(site);
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task ExportSiteAsync(Site site)
|
|
||||||
{
|
|
||||||
if (site.HanaServer is null) return;
|
|
||||||
|
|
||||||
lock (_lock)
|
|
||||||
{
|
|
||||||
if (_runningExports.ContainsKey(site.Id)) return;
|
|
||||||
_runningExports[site.Id] = "HANA Abfrage...";
|
|
||||||
}
|
|
||||||
NotifyChanged();
|
|
||||||
|
|
||||||
var sw = Stopwatch.StartNew();
|
|
||||||
var log = new ExportLog
|
|
||||||
{
|
|
||||||
Timestamp = DateTime.Now,
|
|
||||||
SiteId = site.Id,
|
|
||||||
Land = site.Land,
|
|
||||||
TSC = site.TSC
|
|
||||||
};
|
|
||||||
|
|
||||||
try
|
|
||||||
{
|
|
||||||
using var db = await _dbFactory.CreateDbContextAsync();
|
|
||||||
var settings = await db.ExportSettings.FirstOrDefaultAsync() ?? new ExportSettings();
|
|
||||||
var spConfig = await db.SharePointConfigs.FirstOrDefaultAsync();
|
|
||||||
|
|
||||||
UpdateStatus(site.Id, "HANA Abfrage...");
|
|
||||||
var records = await Task.Run(() => _hanaService.GetSalesRecords(
|
|
||||||
site.HanaServer, site.Schema, site.TSC, site.Land, settings.DateFilter));
|
|
||||||
|
|
||||||
UpdateStatus(site.Id, "Excel erstellen...");
|
|
||||||
var outputDir = Path.Combine(AppContext.BaseDirectory, "output");
|
|
||||||
var filePath = _excelService.CreateExcelFile(outputDir, site.TSC, DateTime.UtcNow.Date, records);
|
|
||||||
var fileName = Path.GetFileName(filePath);
|
|
||||||
|
|
||||||
if (spConfig is not null &&
|
|
||||||
!string.IsNullOrWhiteSpace(spConfig.TenantId) &&
|
|
||||||
!string.IsNullOrWhiteSpace(spConfig.ClientId) &&
|
|
||||||
!string.IsNullOrWhiteSpace(spConfig.ClientSecret))
|
|
||||||
{
|
|
||||||
UpdateStatus(site.Id, "SharePoint Upload...");
|
|
||||||
await _sharePointService.UploadAsync(
|
|
||||||
spConfig.TenantId, spConfig.ClientId, spConfig.ClientSecret,
|
|
||||||
spConfig.SiteUrl, spConfig.ExportFolder, site.Land, filePath);
|
|
||||||
}
|
|
||||||
|
|
||||||
sw.Stop();
|
|
||||||
log.Status = "OK";
|
|
||||||
log.RowCount = records.Count;
|
|
||||||
log.FileName = fileName;
|
|
||||||
log.DurationSeconds = sw.Elapsed.TotalSeconds;
|
|
||||||
|
|
||||||
_logger.LogInformation("Export OK: {Land} ({TSC}) - {Rows} Zeilen in {Duration:F1}s",
|
|
||||||
site.Land, site.TSC, records.Count, sw.Elapsed.TotalSeconds);
|
|
||||||
}
|
|
||||||
catch (Exception ex)
|
|
||||||
{
|
|
||||||
sw.Stop();
|
|
||||||
log.Status = "Error";
|
|
||||||
log.ErrorMessage = ex.Message;
|
|
||||||
log.FileName = string.Empty;
|
|
||||||
log.DurationSeconds = sw.Elapsed.TotalSeconds;
|
|
||||||
|
|
||||||
_logger.LogError(ex, "Export Fehler: {Land} ({TSC})", site.Land, site.TSC);
|
|
||||||
}
|
|
||||||
finally
|
|
||||||
{
|
|
||||||
using var db = await _dbFactory.CreateDbContextAsync();
|
|
||||||
db.ExportLogs.Add(log);
|
|
||||||
await db.SaveChangesAsync();
|
|
||||||
|
|
||||||
lock (_lock)
|
|
||||||
{
|
|
||||||
_runningExports.Remove(site.Id);
|
|
||||||
}
|
|
||||||
NotifyChanged();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private void UpdateStatus(int siteId, string status)
|
|
||||||
{
|
|
||||||
lock (_lock)
|
|
||||||
{
|
|
||||||
_runningExports[siteId] = status;
|
|
||||||
}
|
|
||||||
NotifyChanged();
|
|
||||||
}
|
|
||||||
|
|
||||||
private void NotifyChanged()
|
|
||||||
{
|
|
||||||
OnExportStatusChanged?.Invoke();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,175 +0,0 @@
|
|||||||
using Sap.Data.Hana;
|
|
||||||
using TrafagSalesExporter.Models;
|
|
||||||
|
|
||||||
namespace TrafagSalesExporter.Services;
|
|
||||||
|
|
||||||
public class HanaQueryService
|
|
||||||
{
|
|
||||||
public List<SalesRecord> GetSalesRecords(HanaServer server,
|
|
||||||
string schema, string tsc, string land, string dateFilter)
|
|
||||||
{
|
|
||||||
var connectionString = server.BuildConnectionString();
|
|
||||||
var result = new List<SalesRecord>();
|
|
||||||
|
|
||||||
using var connection = new HanaConnection(connectionString);
|
|
||||||
connection.Open();
|
|
||||||
|
|
||||||
var invoiceQuery = GetInvoiceQuery(schema, tsc, dateFilter);
|
|
||||||
var creditNoteQuery = GetCreditNoteQuery(schema, tsc, dateFilter);
|
|
||||||
|
|
||||||
result.AddRange(ReadRecords(connection, invoiceQuery, land));
|
|
||||||
result.AddRange(ReadRecords(connection, creditNoteQuery, land));
|
|
||||||
|
|
||||||
foreach (var record in result)
|
|
||||||
{
|
|
||||||
if (record.Material.Contains('/'))
|
|
||||||
{
|
|
||||||
var parts = record.Material.Split('/');
|
|
||||||
record.Material = parts[^1];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
public void TestConnection(HanaServer server)
|
|
||||||
{
|
|
||||||
var connectionString = server.BuildConnectionString();
|
|
||||||
using var connection = new HanaConnection(connectionString);
|
|
||||||
connection.Open();
|
|
||||||
}
|
|
||||||
|
|
||||||
private static List<SalesRecord> ReadRecords(HanaConnection connection, string query, string land)
|
|
||||||
{
|
|
||||||
var records = new List<SalesRecord>();
|
|
||||||
|
|
||||||
using var command = new HanaCommand(query, connection);
|
|
||||||
using var reader = command.ExecuteReader();
|
|
||||||
|
|
||||||
while (reader.Read())
|
|
||||||
{
|
|
||||||
records.Add(new SalesRecord
|
|
||||||
{
|
|
||||||
ExtractionDate = reader.GetDateTime(reader.GetOrdinal("extraction_date")),
|
|
||||||
Tsc = reader.GetString(reader.GetOrdinal("tsc")),
|
|
||||||
InvoiceNumber = reader["invoice_number"]?.ToString() ?? string.Empty,
|
|
||||||
PositionOnInvoice = Convert.ToInt32(reader["invoice_position"]),
|
|
||||||
InvoiceDate = reader.IsDBNull(reader.GetOrdinal("invoice_date")) ? null : reader.GetDateTime(reader.GetOrdinal("invoice_date")),
|
|
||||||
Material = reader["material"]?.ToString() ?? string.Empty,
|
|
||||||
Name = reader["material_name"]?.ToString() ?? string.Empty,
|
|
||||||
ProductGroup = reader["product_group"]?.ToString() ?? string.Empty,
|
|
||||||
Quantity = Convert.ToDecimal(reader["quantity"]),
|
|
||||||
SupplierNumber = reader["supplier_number"]?.ToString() ?? string.Empty,
|
|
||||||
SupplierName = reader["supplier_name"]?.ToString() ?? string.Empty,
|
|
||||||
SupplierCountry = reader["supplier_country"]?.ToString() ?? string.Empty,
|
|
||||||
CustomerNumber = reader["customer_number"]?.ToString() ?? string.Empty,
|
|
||||||
CustomerName = reader["customer_name"]?.ToString() ?? string.Empty,
|
|
||||||
CustomerCountry = reader["customer_country"]?.ToString() ?? string.Empty,
|
|
||||||
CustomerIndustry = reader["customer_industry"]?.ToString() ?? string.Empty,
|
|
||||||
StandardCost = Convert.ToDecimal(reader["standard_cost"]),
|
|
||||||
StandardCostCurrency = reader["standard_cost_currency"]?.ToString() ?? string.Empty,
|
|
||||||
PurchaseOrderNumber = reader["purchase_order_number"]?.ToString() ?? string.Empty,
|
|
||||||
SalesPriceValue = Convert.ToDecimal(reader["sales_value"]),
|
|
||||||
SalesCurrency = reader["sales_currency"]?.ToString() ?? string.Empty,
|
|
||||||
Incoterms2020 = reader["incoterms_2020"]?.ToString() ?? string.Empty,
|
|
||||||
SalesResponsibleEmployee = reader["sales_responsible"]?.ToString() ?? string.Empty,
|
|
||||||
OrderDate = reader.IsDBNull(reader.GetOrdinal("order_date")) ? null : reader.GetDateTime(reader.GetOrdinal("order_date")),
|
|
||||||
Land = land,
|
|
||||||
DocumentType = reader["doc_type"]?.ToString() ?? string.Empty
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return records;
|
|
||||||
}
|
|
||||||
|
|
||||||
private static string GetInvoiceQuery(string schema, string tsc, string dateFilter) => $@"
|
|
||||||
SELECT
|
|
||||||
CURRENT_TIMESTAMP AS extraction_date,
|
|
||||||
'{tsc}' AS tsc,
|
|
||||||
h.""DocNum"" AS invoice_number,
|
|
||||||
p.""LineNum"" AS invoice_position,
|
|
||||||
h.""DocDate"" AS invoice_date,
|
|
||||||
p.""ItemCode"" AS material,
|
|
||||||
p.""Dscription"" AS material_name,
|
|
||||||
COALESCE(grp.""ItmsGrpNam"", '') AS product_group,
|
|
||||||
p.""Quantity"" AS quantity,
|
|
||||||
COALESCE(itm.""CardCode"", '') AS supplier_number,
|
|
||||||
COALESCE(sup.""CardName"", '') AS supplier_name,
|
|
||||||
COALESCE(sup_adr.""Country"", '') AS supplier_country,
|
|
||||||
h.""CardCode"" AS customer_number,
|
|
||||||
h.""CardName"" AS customer_name,
|
|
||||||
COALESCE(cust_adr.""Country"", '') AS customer_country,
|
|
||||||
COALESCE(ind.""IndName"", '') AS customer_industry,
|
|
||||||
p.""StockPrice"" AS standard_cost,
|
|
||||||
COALESCE(p.""Currency"", h.""DocCur"") AS standard_cost_currency,
|
|
||||||
CASE WHEN p.""BaseType"" = 22
|
|
||||||
THEN CAST(p.""BaseRef"" AS NVARCHAR(20))
|
|
||||||
ELSE '' END AS purchase_order_number,
|
|
||||||
p.""LineTotal"" AS sales_value,
|
|
||||||
COALESCE(p.""Currency"", h.""DocCur"") AS sales_currency,
|
|
||||||
'' AS incoterms_2020,
|
|
||||||
COALESCE(emp.""SlpName"", '') AS sales_responsible,
|
|
||||||
CASE WHEN p.""BaseType"" = 17
|
|
||||||
THEN (SELECT o.""DocDate"" FROM {schema}.""ORDR"" o
|
|
||||||
WHERE o.""DocEntry"" = p.""BaseEntry"")
|
|
||||||
ELSE NULL END AS order_date,
|
|
||||||
'INV' AS doc_type
|
|
||||||
FROM {schema}.""OINV"" h
|
|
||||||
INNER JOIN {schema}.""INV1"" p ON h.""DocEntry"" = p.""DocEntry""
|
|
||||||
LEFT JOIN {schema}.""OITM"" itm ON p.""ItemCode"" = itm.""ItemCode""
|
|
||||||
LEFT JOIN {schema}.""OITB"" grp ON itm.""ItmsGrpCod"" = grp.""ItmsGrpCod""
|
|
||||||
LEFT JOIN {schema}.""OCRD"" cust ON h.""CardCode"" = cust.""CardCode""
|
|
||||||
LEFT JOIN {schema}.""CRD1"" cust_adr ON h.""CardCode"" = cust_adr.""CardCode""
|
|
||||||
AND cust_adr.""AdresType"" = 'B' AND cust_adr.""Address"" = h.""PayToCode""
|
|
||||||
LEFT JOIN {schema}.""OOND"" ind ON cust.""IndustryC"" = ind.""IndCode""
|
|
||||||
LEFT JOIN {schema}.""OCRD"" sup ON itm.""CardCode"" = sup.""CardCode""
|
|
||||||
AND sup.""CardType"" = 'S'
|
|
||||||
LEFT JOIN {schema}.""CRD1"" sup_adr ON itm.""CardCode"" = sup_adr.""CardCode""
|
|
||||||
AND sup_adr.""AdresType"" = 'B'
|
|
||||||
LEFT JOIN {schema}.""OSLP"" emp ON h.""SlpCode"" = emp.""SlpCode""
|
|
||||||
WHERE h.""CANCELED"" = 'N' AND h.""DocDate"" >= '{dateFilter}'
|
|
||||||
ORDER BY h.""DocDate"" DESC, h.""DocNum"", p.""LineNum""";
|
|
||||||
|
|
||||||
private static string GetCreditNoteQuery(string schema, string tsc, string dateFilter) => $@"
|
|
||||||
SELECT
|
|
||||||
CURRENT_TIMESTAMP AS extraction_date,
|
|
||||||
'{tsc}' AS tsc,
|
|
||||||
h.""DocNum"" AS invoice_number,
|
|
||||||
p.""LineNum"" AS invoice_position,
|
|
||||||
h.""DocDate"" AS invoice_date,
|
|
||||||
p.""ItemCode"" AS material,
|
|
||||||
p.""Dscription"" AS material_name,
|
|
||||||
COALESCE(grp.""ItmsGrpNam"", '') AS product_group,
|
|
||||||
p.""Quantity"" * -1 AS quantity,
|
|
||||||
COALESCE(itm.""CardCode"", '') AS supplier_number,
|
|
||||||
COALESCE(sup.""CardName"", '') AS supplier_name,
|
|
||||||
COALESCE(sup_adr.""Country"", '') AS supplier_country,
|
|
||||||
h.""CardCode"" AS customer_number,
|
|
||||||
h.""CardName"" AS customer_name,
|
|
||||||
COALESCE(cust_adr.""Country"", '') AS customer_country,
|
|
||||||
COALESCE(ind.""IndName"", '') AS customer_industry,
|
|
||||||
p.""StockPrice"" AS standard_cost,
|
|
||||||
COALESCE(p.""Currency"", h.""DocCur"") AS standard_cost_currency,
|
|
||||||
'' AS purchase_order_number,
|
|
||||||
p.""LineTotal"" * -1 AS sales_value,
|
|
||||||
COALESCE(p.""Currency"", h.""DocCur"") AS sales_currency,
|
|
||||||
'' AS incoterms_2020,
|
|
||||||
COALESCE(emp.""SlpName"", '') AS sales_responsible,
|
|
||||||
NULL AS order_date,
|
|
||||||
'CRN' AS doc_type
|
|
||||||
FROM {schema}.""ORIN"" h
|
|
||||||
INNER JOIN {schema}.""RIN1"" p ON h.""DocEntry"" = p.""DocEntry""
|
|
||||||
LEFT JOIN {schema}.""OITM"" itm ON p.""ItemCode"" = itm.""ItemCode""
|
|
||||||
LEFT JOIN {schema}.""OITB"" grp ON itm.""ItmsGrpCod"" = grp.""ItmsGrpCod""
|
|
||||||
LEFT JOIN {schema}.""OCRD"" cust ON h.""CardCode"" = cust.""CardCode""
|
|
||||||
LEFT JOIN {schema}.""CRD1"" cust_adr ON h.""CardCode"" = cust_adr.""CardCode""
|
|
||||||
AND cust_adr.""AdresType"" = 'B' AND cust_adr.""Address"" = h.""PayToCode""
|
|
||||||
LEFT JOIN {schema}.""OOND"" ind ON cust.""IndustryC"" = ind.""IndCode""
|
|
||||||
LEFT JOIN {schema}.""OCRD"" sup ON itm.""CardCode"" = sup.""CardCode""
|
|
||||||
AND sup.""CardType"" = 'S'
|
|
||||||
LEFT JOIN {schema}.""CRD1"" sup_adr ON itm.""CardCode"" = sup_adr.""CardCode""
|
|
||||||
AND sup_adr.""AdresType"" = 'B'
|
|
||||||
LEFT JOIN {schema}.""OSLP"" emp ON h.""SlpCode"" = emp.""SlpCode""
|
|
||||||
WHERE h.""CANCELED"" = 'N' AND h.""DocDate"" >= '{dateFilter}'
|
|
||||||
ORDER BY h.""DocDate"" DESC, h.""DocNum"", p.""LineNum""";
|
|
||||||
}
|
|
||||||
@@ -1,45 +0,0 @@
|
|||||||
using Azure.Identity;
|
|
||||||
using Microsoft.Graph;
|
|
||||||
|
|
||||||
namespace TrafagSalesExporter.Services;
|
|
||||||
|
|
||||||
public class SharePointUploadService
|
|
||||||
{
|
|
||||||
public async Task UploadAsync(string tenantId, string clientId, string clientSecret,
|
|
||||||
string siteUrl, string exportFolder, string land, string localFilePath)
|
|
||||||
{
|
|
||||||
var credential = new ClientSecretCredential(tenantId, clientId, clientSecret);
|
|
||||||
var graphClient = new GraphServiceClient(credential, ["https://graph.microsoft.com/.default"]);
|
|
||||||
|
|
||||||
var uri = new Uri(siteUrl);
|
|
||||||
var sitePath = uri.AbsolutePath;
|
|
||||||
var site = await graphClient.Sites[$"{uri.Host}:{sitePath}"].GetAsync();
|
|
||||||
|
|
||||||
if (site?.Id is null)
|
|
||||||
throw new InvalidOperationException("SharePoint Site konnte nicht gefunden werden.");
|
|
||||||
|
|
||||||
var drive = await graphClient.Sites[site.Id].Drive.GetAsync();
|
|
||||||
if (drive?.Id is null)
|
|
||||||
throw new InvalidOperationException("SharePoint Dokumentenbibliothek konnte nicht gefunden werden.");
|
|
||||||
|
|
||||||
var fileName = Path.GetFileName(localFilePath);
|
|
||||||
var folderPath = exportFolder.Trim('/').Trim();
|
|
||||||
var remotePath = $"{folderPath}/{land}/{fileName}";
|
|
||||||
|
|
||||||
await using var stream = File.OpenRead(localFilePath);
|
|
||||||
await graphClient.Drives[drive.Id].Root.ItemWithPath(remotePath).Content.PutAsync(stream);
|
|
||||||
}
|
|
||||||
|
|
||||||
public async Task TestConnectionAsync(string tenantId, string clientId, string clientSecret, string siteUrl)
|
|
||||||
{
|
|
||||||
var credential = new ClientSecretCredential(tenantId, clientId, clientSecret);
|
|
||||||
var graphClient = new GraphServiceClient(credential, ["https://graph.microsoft.com/.default"]);
|
|
||||||
|
|
||||||
var uri = new Uri(siteUrl);
|
|
||||||
var sitePath = uri.AbsolutePath;
|
|
||||||
var site = await graphClient.Sites[$"{uri.Host}:{sitePath}"].GetAsync();
|
|
||||||
|
|
||||||
if (site?.Id is null)
|
|
||||||
throw new InvalidOperationException("SharePoint Site konnte nicht gefunden werden.");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,67 +0,0 @@
|
|||||||
using Microsoft.EntityFrameworkCore;
|
|
||||||
using TrafagSalesExporter.Data;
|
|
||||||
|
|
||||||
namespace TrafagSalesExporter.Services;
|
|
||||||
|
|
||||||
public class TimerBackgroundService : BackgroundService
|
|
||||||
{
|
|
||||||
private readonly IServiceProvider _serviceProvider;
|
|
||||||
private readonly ILogger<TimerBackgroundService> _logger;
|
|
||||||
private DateTime _nextRun = DateTime.MaxValue;
|
|
||||||
|
|
||||||
public DateTime NextRun => _nextRun;
|
|
||||||
|
|
||||||
public TimerBackgroundService(IServiceProvider serviceProvider, ILogger<TimerBackgroundService> logger)
|
|
||||||
{
|
|
||||||
_serviceProvider = serviceProvider;
|
|
||||||
_logger = logger;
|
|
||||||
}
|
|
||||||
|
|
||||||
public void Recalculate()
|
|
||||||
{
|
|
||||||
_ = RecalculateNextRunAsync();
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task RecalculateNextRunAsync()
|
|
||||||
{
|
|
||||||
var dbFactory = _serviceProvider.GetRequiredService<IDbContextFactory<AppDbContext>>();
|
|
||||||
using var db = await dbFactory.CreateDbContextAsync();
|
|
||||||
var settings = await db.ExportSettings.FirstOrDefaultAsync();
|
|
||||||
|
|
||||||
if (settings is null || !settings.TimerEnabled)
|
|
||||||
{
|
|
||||||
_nextRun = DateTime.MaxValue;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var now = DateTime.Now;
|
|
||||||
var todayRun = new DateTime(now.Year, now.Month, now.Day, settings.TimerHour, settings.TimerMinute, 0);
|
|
||||||
_nextRun = todayRun <= now ? todayRun.AddDays(1) : todayRun;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected override async Task ExecuteAsync(CancellationToken stoppingToken)
|
|
||||||
{
|
|
||||||
await RecalculateNextRunAsync();
|
|
||||||
|
|
||||||
while (!stoppingToken.IsCancellationRequested)
|
|
||||||
{
|
|
||||||
await Task.Delay(TimeSpan.FromSeconds(30), stoppingToken);
|
|
||||||
|
|
||||||
if (DateTime.Now < _nextRun) continue;
|
|
||||||
|
|
||||||
_logger.LogInformation("Timer-Export gestartet um {Time}", DateTime.Now);
|
|
||||||
|
|
||||||
try
|
|
||||||
{
|
|
||||||
var orchestrator = _serviceProvider.GetRequiredService<ExportOrchestrationService>();
|
|
||||||
await orchestrator.ExportAllAsync();
|
|
||||||
}
|
|
||||||
catch (Exception ex)
|
|
||||||
{
|
|
||||||
_logger.LogError(ex, "Fehler beim Timer-Export");
|
|
||||||
}
|
|
||||||
|
|
||||||
await RecalculateNextRunAsync();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
<Project Sdk="Microsoft.NET.Sdk.Web">
|
|
||||||
<PropertyGroup>
|
|
||||||
<TargetFramework>net8.0</TargetFramework>
|
|
||||||
<ImplicitUsings>enable</ImplicitUsings>
|
|
||||||
<Nullable>enable</Nullable>
|
|
||||||
|
|
||||||
<!--
|
|
||||||
Pfad zur SAP HANA Client DLL (wird mit dem SAP HANA Client installiert).
|
|
||||||
Standard-Pfad nach Installation: C:\Program Files\sap\hdbclient\dotnetcore\v2.1\
|
|
||||||
Kann bei Bedarf via MSBuild-Property überschrieben werden:
|
|
||||||
dotnet build /p:HanaClientDll="D:\pfad\zu\Sap.Data.Hana.Core.v2.1.dll"
|
|
||||||
-->
|
|
||||||
<HanaClientDll Condition="'$(HanaClientDll)' == ''">C:\Program Files\sap\hdbclient\dotnetcore\v2.1\Sap.Data.Hana.Core.v2.1.dll</HanaClientDll>
|
|
||||||
</PropertyGroup>
|
|
||||||
|
|
||||||
<ItemGroup>
|
|
||||||
<PackageReference Include="ClosedXML" Version="0.104.2" />
|
|
||||||
<PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="8.0.11" />
|
|
||||||
<PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="8.0.11">
|
|
||||||
<PrivateAssets>all</PrivateAssets>
|
|
||||||
<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
|
|
||||||
</PackageReference>
|
|
||||||
<PackageReference Include="Microsoft.Graph" Version="5.80.0" />
|
|
||||||
<PackageReference Include="Azure.Identity" Version="1.13.1" />
|
|
||||||
<PackageReference Include="MudBlazor" Version="7.15.0" />
|
|
||||||
</ItemGroup>
|
|
||||||
|
|
||||||
<ItemGroup>
|
|
||||||
<Reference Include="Sap.Data.Hana.Core.v2.1">
|
|
||||||
<HintPath>$(HanaClientDll)</HintPath>
|
|
||||||
<Private>true</Private>
|
|
||||||
</Reference>
|
|
||||||
</ItemGroup>
|
|
||||||
|
|
||||||
<Target Name="CheckHanaClient" BeforeTargets="ResolveAssemblyReferences">
|
|
||||||
<Warning Condition="!Exists('$(HanaClientDll)')"
|
|
||||||
Text="SAP HANA Client DLL nicht gefunden: $(HanaClientDll). Bitte SAP HANA Client installieren (https://tools.hana.ondemand.com) oder MSBuild-Property 'HanaClientDll' setzen." />
|
|
||||||
</Target>
|
|
||||||
</Project>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
{
|
|
||||||
"Logging": {
|
|
||||||
"LogLevel": {
|
|
||||||
"Default": "Information",
|
|
||||||
"Microsoft.AspNetCore": "Warning"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
html, body {
|
|
||||||
font-family: 'Roboto', sans-serif;
|
|
||||||
}
|
|
||||||
+131
-18
@@ -321,11 +321,14 @@ CLASS lcl_lifecycle_processor IMPLEMENTATION.
|
|||||||
|
|
||||||
GET TIME STAMP FIELD lv_start_time.
|
GET TIME STAMP FIELD lv_start_time.
|
||||||
|
|
||||||
" Phase 1: Datenladen
|
" *** NEU: Job deaktivieren (nur produktiv) ***"
|
||||||
|
PERFORM deactivate_job.
|
||||||
|
|
||||||
|
" Phase 1: Datenladen"
|
||||||
""Write: / 'Phase 1: Lade Materialstammdaten...'.
|
""Write: / 'Phase 1: Lade Materialstammdaten...'.
|
||||||
load_materials( ).
|
load_materials( ).
|
||||||
|
|
||||||
" ===== HIER EINFÜGEN: Debug nach dem Laden =====
|
" ===== HIER EINFÜGEN: Debug nach dem Laden ====="
|
||||||
me->debug_show_relations( ).
|
me->debug_show_relations( ).
|
||||||
""Write: / 'Phase 2: Lade Stücklistenbeziehungen...'.
|
""Write: / 'Phase 2: Lade Stücklistenbeziehungen...'.
|
||||||
|
|
||||||
@@ -336,34 +339,22 @@ CLASS lcl_lifecycle_processor IMPLEMENTATION.
|
|||||||
""Write: / 'Phase 4: Lade Verbrauchsdaten...'.
|
""Write: / 'Phase 4: Lade Verbrauchsdaten...'.
|
||||||
load_consumption_data( ).
|
load_consumption_data( ).
|
||||||
|
|
||||||
" Phase 5: Berechnungen basierend auf Auswahl durchführen
|
" Phase 5: Berechnungen basierend auf Auswahl durchführen"
|
||||||
IF p_lzc = abap_true.
|
IF p_lzc = abap_true.
|
||||||
" Modus: Nur Lebenszykluscode (ZZLZCOD)
|
" Modus: Nur Lebenszykluscode (ZZLZCOD)"
|
||||||
""Write: / 'Phase 5: Berechne Lebenszykluscode-Vererbung (ZZLZCOD)...'.
|
""Write: / 'Phase 5: Berechne Lebenszykluscode-Vererbung (ZZLZCOD)...'.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
PERFORM save_vknr_codes.
|
PERFORM save_vknr_codes.
|
||||||
|
|
||||||
|
|
||||||
calculate_inheritance( ).
|
calculate_inheritance( ).
|
||||||
|
|
||||||
PERFORM restore_vknr_codes.
|
PERFORM restore_vknr_codes.
|
||||||
|
|
||||||
|
" PERFORM protect_vknr_from_update USING '1'."
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
" PERFORM protect_vknr_from_update USING '1'.
|
|
||||||
IF p_upda = abap_true AND p_test = abap_false.
|
IF p_upda = abap_true AND p_test = abap_false.
|
||||||
""Write: / 'Phase 6: Aktualisiere Datenbank für ZZLZCOD...'.
|
""Write: / 'Phase 6: Aktualisiere Datenbank für ZZLZCOD...'.
|
||||||
update_database( ).
|
update_database( ).
|
||||||
ENDIF.
|
ENDIF.
|
||||||
|
|
||||||
ELSEIF p_sort = abap_true.
|
ELSEIF p_sort = abap_true.
|
||||||
" Modus: Nur Sortimentscode (ZZLZCODSORT)
|
" Modus: Nur Sortimentscode (ZZLZCODSORT)"
|
||||||
""Write: / 'Phase 5: Berechne Sortiments-Lebenszykluscode-Vererbung (ZZLZCODSORT)...'.
|
""Write: / 'Phase 5: Berechne Sortiments-Lebenszykluscode-Vererbung (ZZLZCODSORT)...'.
|
||||||
calculate_sortiment_inhe( ).
|
calculate_sortiment_inhe( ).
|
||||||
|
|
||||||
@@ -378,6 +369,9 @@ CLASS lcl_lifecycle_processor IMPLEMENTATION.
|
|||||||
DATA(lv_runtime) = lv_end_time - lv_start_time.
|
DATA(lv_runtime) = lv_end_time - lv_start_time.
|
||||||
""Write: / |Gesamtlaufzeit: { lv_runtime } Sekunden|.
|
""Write: / |Gesamtlaufzeit: { lv_runtime } Sekunden|.
|
||||||
|
|
||||||
|
" *** NEU: Job reaktivieren (nur produktiv) ***"
|
||||||
|
PERFORM reactivate_job.
|
||||||
|
|
||||||
ENDMETHOD.
|
ENDMETHOD.
|
||||||
|
|
||||||
|
|
||||||
@@ -3569,6 +3563,116 @@ END-OF-SELECTION.
|
|||||||
|
|
||||||
|
|
||||||
ENDIF.
|
ENDIF.
|
||||||
|
*&---------------------------------------------------------------------*
|
||||||
|
*& Form DEACTIVATE_JOB
|
||||||
|
*& Entfernt Startbedingung des Jobs VC_AUFLOESUNG_ZLO
|
||||||
|
*& Nur im produktiven Modus (p_test = abap_false)
|
||||||
|
*&---------------------------------------------------------------------*
|
||||||
|
FORM deactivate_job.
|
||||||
|
DATA: lt_joblist TYPE STANDARD TABLE OF tbtcjob,
|
||||||
|
ls_job TYPE tbtcjob.
|
||||||
|
|
||||||
|
" Nur im produktiven Modus
|
||||||
|
IF p_test = abap_true.
|
||||||
|
WRITE: / 'Testmodus: Job-Deaktivierung übersprungen'.
|
||||||
|
RETURN.
|
||||||
|
ENDIF.
|
||||||
|
|
||||||
|
CLEAR: gv_job_was_active, gv_job_count.
|
||||||
|
|
||||||
|
" Suche freigegebenen Job (Status 'S' = Scheduled/Released)
|
||||||
|
CALL FUNCTION 'BP_JOB_SELECT'
|
||||||
|
EXPORTING
|
||||||
|
jobselect_dialog = abap_false
|
||||||
|
jobname = gc_job_name
|
||||||
|
username = gc_job_user
|
||||||
|
TABLES
|
||||||
|
jobselect_joblist = lt_joblist
|
||||||
|
EXCEPTIONS
|
||||||
|
OTHERS = 1.
|
||||||
|
|
||||||
|
IF sy-subrc <> 0.
|
||||||
|
WRITE: / 'WARNUNG: Job', gc_job_name, 'nicht gefunden'.
|
||||||
|
RETURN.
|
||||||
|
ENDIF.
|
||||||
|
|
||||||
|
" Finde freigegebenen Job (Status S = Scheduled)
|
||||||
|
LOOP AT lt_joblist INTO ls_job WHERE status = 'S'.
|
||||||
|
EXIT.
|
||||||
|
ENDLOOP.
|
||||||
|
|
||||||
|
IF sy-subrc <> 0.
|
||||||
|
WRITE: / 'INFO: Kein freigegebener Job', gc_job_name, 'gefunden'.
|
||||||
|
RETURN.
|
||||||
|
ENDIF.
|
||||||
|
|
||||||
|
" Sichere Job-Count für spätere Reaktivierung
|
||||||
|
gv_job_count = ls_job-jobcount.
|
||||||
|
gv_job_was_active = abap_true.
|
||||||
|
|
||||||
|
" Entferne Startbedingung (Job auf 'P' = Planned setzen)
|
||||||
|
CALL FUNCTION 'BP_JOB_MODIFY'
|
||||||
|
EXPORTING
|
||||||
|
jobname = gc_job_name
|
||||||
|
jobcount = gv_job_count
|
||||||
|
new_status = 'P'
|
||||||
|
EXCEPTIONS
|
||||||
|
OTHERS = 1.
|
||||||
|
|
||||||
|
IF sy-subrc = 0.
|
||||||
|
WRITE: / 'Job', gc_job_name, 'deaktiviert (Startbedingung entfernt)'.
|
||||||
|
ELSE.
|
||||||
|
WRITE: / 'FEHLER: Job', gc_job_name, 'konnte nicht deaktiviert werden'.
|
||||||
|
CLEAR gv_job_was_active.
|
||||||
|
ENDIF.
|
||||||
|
|
||||||
|
ENDFORM.
|
||||||
|
|
||||||
|
*&---------------------------------------------------------------------*
|
||||||
|
*& Form REACTIVATE_JOB
|
||||||
|
*& Setzt Startbedingung des Jobs wieder (01:00 nächster Tag, täglich)
|
||||||
|
*& Nur wenn Job vorher aktiv war und produktiver Modus
|
||||||
|
*&---------------------------------------------------------------------*
|
||||||
|
FORM reactivate_job.
|
||||||
|
DATA: lv_next_date TYPE sy-datum,
|
||||||
|
lv_start_time TYPE sy-uzeit VALUE '010000'.
|
||||||
|
|
||||||
|
" Nur im produktiven Modus und wenn Job vorher aktiv war
|
||||||
|
IF p_test = abap_true.
|
||||||
|
WRITE: / 'Testmodus: Job-Reaktivierung übersprungen'.
|
||||||
|
RETURN.
|
||||||
|
ENDIF.
|
||||||
|
|
||||||
|
IF gv_job_was_active = abap_false.
|
||||||
|
WRITE: / 'INFO: Job war nicht aktiv, keine Reaktivierung nötig'.
|
||||||
|
RETURN.
|
||||||
|
ENDIF.
|
||||||
|
|
||||||
|
" Berechne nächsten Tag
|
||||||
|
lv_next_date = sy-datum + 1.
|
||||||
|
|
||||||
|
" Setze Startbedingung wieder (täglich um 01:00)
|
||||||
|
CALL FUNCTION 'BP_JOB_MODIFY'
|
||||||
|
EXPORTING
|
||||||
|
jobname = gc_job_name
|
||||||
|
jobcount = gv_job_count
|
||||||
|
new_status = 'S'
|
||||||
|
new_sdlstrtdt = lv_next_date
|
||||||
|
new_sdlstrttm = lv_start_time
|
||||||
|
new_prddays = 1
|
||||||
|
new_periodic = abap_true
|
||||||
|
EXCEPTIONS
|
||||||
|
OTHERS = 1.
|
||||||
|
|
||||||
|
IF sy-subrc = 0.
|
||||||
|
WRITE: / 'Job', gc_job_name, 'reaktiviert für', lv_next_date, lv_start_time.
|
||||||
|
ELSE.
|
||||||
|
WRITE: / 'FEHLER: Job', gc_job_name, 'konnte nicht reaktiviert werden!'.
|
||||||
|
WRITE: / 'ACHTUNG: Job muss manuell in SM37 freigegeben werden!'.
|
||||||
|
ENDIF.
|
||||||
|
|
||||||
|
ENDFORM.
|
||||||
|
|
||||||
*----------------------------------------------------------------------*
|
*----------------------------------------------------------------------*
|
||||||
* Unit-Tests (wenn p_test = 'X')
|
* Unit-Tests (wenn p_test = 'X')
|
||||||
*----------------------------------------------------------------------*
|
*----------------------------------------------------------------------*
|
||||||
@@ -3682,6 +3786,15 @@ TYPES: BEGIN OF ty_vknr_backup,
|
|||||||
|
|
||||||
DATA: gt_vknr_backup TYPE STANDARD TABLE OF ty_vknr_backup.
|
DATA: gt_vknr_backup TYPE STANDARD TABLE OF ty_vknr_backup.
|
||||||
|
|
||||||
|
*&---------------------------------------------------------------------*
|
||||||
|
*& Globale Variablen für Job-Steuerung
|
||||||
|
*&---------------------------------------------------------------------*
|
||||||
|
DATA: gv_job_was_active TYPE abap_bool,
|
||||||
|
gv_job_count TYPE tbtcjob-jobcount.
|
||||||
|
|
||||||
|
CONSTANTS: gc_job_name TYPE tbtcjob-jobname VALUE 'VC_AUFLOESUNG_ZLO',
|
||||||
|
gc_job_user TYPE tbtcjob-authcknam VALUE 'KOI'.
|
||||||
|
|
||||||
*&---------------------------------------------------------------------*
|
*&---------------------------------------------------------------------*
|
||||||
*& Form SAVE_VKNR_CODES
|
*& Form SAVE_VKNR_CODES
|
||||||
*& Sichert Codes von Materialien mit Position 4 = '1'
|
*& Sichert Codes von Materialien mit Position 4 = '1'
|
||||||
|
|||||||
Reference in New Issue
Block a user