Av Lars Diethelm • 26 aug 2025 • 1 min read AI-AUTOMATION FÖR SVENSKA SME:ER – FRÅN BUZZWORD TILL BUSINESS This is an embedded <a Optima </a> presentation, powered by Ahrens Optimate</a> <!--kg-card-end: html--> <p>Introduktionswebinarium för Almi</p> </div> <footer class="gh-article-footer gh-canvas"> <nav class="gh-navigation"> <div class="gh-navigation-previous"> <a class="gh-navigation-link" href="/untitled-3/"> <span class="gh-navigation-label">← Föregående</span> <h4 class="gh-navigation-title">Introduction to Ahrens Optimate</h4> </a> </div> <div class="gh-navigation-next"> <a class="gh-navigation-link" href="/taktema-ktuell-status-v51/"> <span class="gh-navigation-label">Nästa →</span> <h4 class="gh-navigation-title">Aktuell Status</h4> </a> </div> </nav> </footer> </article> </main> <style> /* Book Feature Image */ .book-feature-image-container { width: 100%; max-width: 1200px; margin: 40px auto 60px auto; padding: 0 20px; overflow: hidden; height: 240px; } .book-feature-image { width: 100%; max-width: 720px; height: auto; border-radius: 8px; display: block; margin: 0 auto; object-fit: cover; object-position: center; transform: translateY(-25%); } /* Book Layout Styles */ .book-layout { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .book-content { max-width: 720px; margin: 0 auto; } .gh-article-header.gh-canvas { max-width: 720px; margin: 0 auto 60px auto; } .gh-content.gh-canvas { max-width: 720px; margin: 0 auto; } .gh-article-meta { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 20px; flex-wrap: wrap; gap: 10px; } .meta-info { flex: 1; } .book-sidebar { display: none; } .book-nav { margin-bottom: 20px; } .book-back-link { color: var(--ghost-accent-color, #ff0080); text-decoration: none; font-size: 14px; font-weight: 500; } .book-back-link:hover { text-decoration: underline; opacity: 0.8; } .book-chapter-title { border-bottom: 2px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 20px; } /* Table of Contents */ .book-toc { background: #f8f9fa; border-radius: 8px; padding: 24px; border: 1px solid #e9ecef; } .book-toc h3 { margin: 0 0 20px 0; font-size: 18px; color: #333; font-weight: 600; } .book-toc-list { list-style: none; margin: 0; padding: 0; } .book-toc-item { margin-bottom: 6px; } .book-toc-item.current .book-toc-link { background: #0066cc; color: white; } .book-toc-link { display: flex; align-items: center; padding: 8px 12px; color: #666; text-decoration: none; border-radius: 4px; transition: all 0.2s ease; font-size: 14px; } .book-toc-link:hover { background: #e9ecef; color: #333; } .book-toc-item.current .book-toc-link:hover { background: #0052a3; color: white; } .book-toc-number { font-size: 12px; font-weight: 600; margin-right: 10px; opacity: 0.8; min-width: 20px; } .book-toc-title { line-height: 1.3; } /* Chapter Navigation */ .book-chapter-nav { display: flex; align-items: center; justify-content: space-between; margin-top: 40px; padding: 25px 0; border-top: 1px solid #e9ecef; gap: 20px; } .chapter-nav-previous, .chapter-nav-next { flex: 1; } .chapter-nav-next { text-align: right; } .chapter-nav-link { text-decoration: none; color: #333; display: block; } .chapter-nav-link:hover { color: #0066cc; } .chapter-nav-label { font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; } .chapter-nav-title { margin: 6px 0 0 0; font-size: 16px; font-weight: 600; line-height: 1.3; } .book-index-link { padding: 10px 20px; background: #f8f9fa; border-radius: 6px; text-decoration: none; color: #333; font-size: 14px; font-weight: 500; border: 1px solid #e9ecef; transition: all 0.2s ease; } .book-index-link:hover { background: var(--ghost-accent-color, #ff0080); color: white; border-color: #dee2e6; } /* Regular Navigation */ .gh-navigation { display: flex; justify-content: space-between; gap: 20px; margin-top: 40px; padding: 25px 0; border-top: 1px solid #e9ecef; } .gh-navigation-link { text-decoration: none; color: #333; flex: 1; } .gh-navigation-link:hover { color: #0066cc; } .gh-navigation-next { text-align: right; } .gh-navigation-label { font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; } .gh-navigation-title { margin: 6px 0 0 0; font-size: 16px; font-weight: 600; line-height: 1.3; } /* Responsive */ @media (max-width: 768px) { .book-feature-image-container { padding: 0 15px; } .book-layout { padding: 0 15px; } .gh-article-meta { flex-direction: column; align-items: flex-start; gap: 15px; } .book-chapter-nav { flex-direction: column; text-align: center; gap: 15px; } .chapter-nav-next { text-align: center; } .gh-navigation { flex-direction: column; gap: 15px; } .gh-navigation-next { text-align: left; } } </style> <footer class="gh-foot gh-outer"> <div class="gh-foot-inner gh-inner"> <div class="gh-copyright"> Ahrens Optimate © 2026 </div> <nav class="gh-foot-menu"> <ul class="nav"> <li class="nav-prenumerera"><a href="#/portal/">Prenumerera</a></li> </ul> </nav> <div class="gh-powered-by"> <a href="https://optimate.ahrens.se/" target="_blank" rel="noopener">Powered by Ahrens Optimate</a> </div> </div> </footer> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Stäng (Esc)"></button> <button class="pswp__button pswp__button--share" title="Dela"></button> <button class="pswp__button pswp__button--fs" title="Växla fullskärm"></button> <button class="pswp__button pswp__button--zoom" title="Zooma in/ut"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Föregående (vänsterpil)"></button> <button class="pswp__button pswp__button--arrow--right" title="Nästa (högerpil)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script src="/assets/built/main.min.js?v=ac29c6a28e"></script> <script> // Member Menu Control - Production Version document.addEventListener('DOMContentLoaded', async function() { console.log('🚀 Starting member menu control checks...'); try { const hasALMIAccess = await checkALMIMemberAccess(); if (hasALMIAccess) { const almiMenuItem = document.getElementById('almiMenuItem'); if (almiMenuItem) { almiMenuItem.style.display = 'block'; } } console.log('\n📊 Checking presentation access...'); const hasPresentationAccess = await checkPresentationMemberAccess(); console.log('Presentation access result:', hasPresentationAccess); if (hasPresentationAccess) { const presentationsMenuItem = document.getElementById('presentationsMenuItem'); console.log('Presentations menu item element:', presentationsMenuItem); if (presentationsMenuItem) { console.log('✅ Showing presentations menu'); presentationsMenuItem.style.display = 'block'; } else { console.log('❌ Presentations menu item element not found!'); } } else { console.log('❌ No presentation access granted'); } const hasProjectAccess = await checkProjectMemberAccess(); if (hasProjectAccess) { const projektMenuItem = document.getElementById('projektMenuItem'); if (projektMenuItem) { projektMenuItem.style.display = 'block'; } } } catch (error) { // Silently fail - menu items stay hidden console.warn('Access check failed:', error); } }); // FINAL: ALMI access check using Ghost page - PRODUCTION VERSION async function checkALMIMemberAccess() { try { const memberResponse = await fetch('/members/api/member', { credentials: 'include', headers: { 'Accept': 'application/json' } }); if (memberResponse.ok) { const responseText = await memberResponse.text(); if (responseText && responseText.trim()) { const memberData = JSON.parse(responseText); // Fetch all pages to find the ALMI employees page const apiKey = 'a00b8ed1d25e6238cc69c96265'; const almiListResponse = await fetch(`/ghost/api/v3/content/pages/?key=${apiKey}&formats=html,plaintext&limit=all`); if (almiListResponse.ok) { const almiData = await almiListResponse.json(); if (almiData.pages && almiData.pages.length > 0) { // Find the ALMI page (contains email addresses) const almiPage = almiData.pages.find(page => page.title.toLowerCase().includes('almi') || page.slug.includes('almi') || (page.html && page.html.includes('@')) ); if (almiPage) { const content = almiPage.html || almiPage.plaintext || ''; const emailList = extractEmailsFromContent(content); if (memberData.email && emailList.includes(memberData.email.toLowerCase())) { return true; } } } } } } } catch (error) { console.warn('ALMI access check failed:', error); } return false; } // Presentation access check - using same pattern as ALMI and Project async function checkPresentationMemberAccess() { console.log('\n=== checkPresentationMemberAccess START ==='); try { console.log('Fetching member data...'); const memberResponse = await fetch('/members/api/member', { credentials: 'include', headers: { 'Accept': 'application/json' } }); console.log('Member response status:', memberResponse.status, memberResponse.ok); if (memberResponse.ok) { const responseText = await memberResponse.text(); if (responseText && responseText.trim()) { const memberData = JSON.parse(responseText); // Debug: Log member email console.log('Member email:', memberData.email); // Fetch all pages to find the Presentationables page const apiKey = 'a00b8ed1d25e6238cc69c96265'; const presentationsListResponse = await fetch(`/ghost/api/v3/content/pages/?key=${apiKey}&formats=html,plaintext&limit=all`); if (presentationsListResponse.ok) { const presentationsData = await presentationsListResponse.json(); console.log('Total pages found:', presentationsData.pages?.length || 0); if (presentationsData.pages && presentationsData.pages.length > 0) { // Debug: Log all page titles console.log('All page titles:', presentationsData.pages.map(p => p.title)); // Find the Presentationables page (contains email addresses) const presentationsPage = presentationsData.pages.find(page => page.title === 'Presentationables' || page.title.toLowerCase() === 'presentationables' || page.slug.includes('presentationables') ); console.log('Found Presentationables page:', presentationsPage ? presentationsPage.title : 'NOT FOUND'); if (presentationsPage) { const content = presentationsPage.html || presentationsPage.plaintext || ''; console.log('Page content (first 200 chars):', content.substring(0, 200)); const emailList = extractEmailsFromContent(content); console.log('Extracted emails from page:', emailList); console.log('Checking if member email is in list...'); if (memberData.email && emailList.includes(memberData.email.toLowerCase())) { console.log('✅ Email found in Presentationables page - ACCESS GRANTED!'); return true; } else { console.log('❌ Email NOT found in Presentationables page'); } } else { console.log('❌ Presentationables page not found'); } } } else { console.log('❌ Failed to fetch pages'); } } else { console.log('❌ Response text is empty or invalid'); } } else { console.log('❌ Member response not OK - user might not be logged in'); } } catch (error) { console.error('🚨 Presentation access check failed with error:', error); } console.log('=== checkPresentationMemberAccess END - returning false ==='); return false; } // ENHANCED: Dynamic project access check - detects ALL projects automatically async function checkProjectMemberAccess() { try { const memberResponse = await fetch('/members/api/member', { credentials: 'include', headers: { 'Accept': 'application/json' } }); if (memberResponse.ok) { const responseText = await memberResponse.text(); if (responseText && responseText.trim()) { const memberData = JSON.parse(responseText); const apiKey = 'a00b8ed1d25e6238cc69c96265'; const pagesResponse = await fetch(`/ghost/api/v3/content/pages/?key=${apiKey}&formats=html,plaintext&limit=all`); if (pagesResponse.ok) { const pagesData = await pagesResponse.json(); const userProjects = []; if (pagesData.pages && pagesData.pages.length > 0) { // Find ALL project member pages (any page with "Project" + "Members" in title) const projectPages = pagesData.pages.filter(page => page.title.toLowerCase().includes('project') && page.title.toLowerCase().includes('members') ); for (const projectPage of projectPages) { const content = projectPage.html || projectPage.plaintext || ''; const emailList = extractEmailsFromContent(content); if (memberData.email && emailList.includes(memberData.email.toLowerCase())) { // AUTOMATICALLY extract project info const projectInfo = autoDetectProject(projectPage.title); if (projectInfo) { userProjects.push(projectInfo); } } } } if (userProjects.length > 0) { // Store globally and build menu window.USER_PROJECTS = userProjects; buildProjektSubmenu(userProjects); return true; } } } } } catch (error) { console.warn('Project access check failed:', error); } return false; } // AUTOMATIC project detection from page title function autoDetectProject(pageTitle) { const patterns = [ /(?:Project|Projekt)\s+([A-Za-z0-9\s\-_]+)\s+(?:Members|Team)/i, /([A-Za-z0-9\s\-_]+)\s+Project\s+Members/i, /Project\s+([A-Za-z0-9\s\-_]+)/i ]; for (const pattern of patterns) { const match = pageTitle.match(pattern); if (match && match[1]) { const projectName = match[1].trim(); const projectId = projectName.toLowerCase().replace(/[^a-z0-9]+/g, '-'); return { id: projectId, name: projectName, displayName: `Projekt ${projectName}`, slug: `projekt-${projectId}`, pageTitle: pageTitle }; } } return null; } // Build submenu with dynamic URLs function buildProjektSubmenu(projects) { const projektDropdown = document.getElementById('projektDropdown'); const projektSubmenu = document.getElementById('projektSubmenu'); if (projektDropdown && projektSubmenu) { projektDropdown.style.display = 'block'; // Build submenu with URL parameters (single page approach) const submenuItems = projects.map(project => `<a href="/projekt/?project=${project.id}" class="submenu-item">${project.name}</a>` ).join(''); // Add overview if multiple projects const allProjectsItem = projects.length > 1 ? `<a href="/projekt/" class="submenu-item submenu-overview">📊 All Projects Overview</a><div class="submenu-divider"></div>` : ''; projektSubmenu.innerHTML = allProjectsItem + submenuItems; // Add dropdown functionality setupDropdownHandlers(); } } // Setup dropdown toggle handlers function setupDropdownHandlers() { const menuToggle = document.getElementById('projektMenuToggle'); if (menuToggle) { menuToggle.addEventListener('click', function(e) { e.preventDefault(); toggleProjektSubmenu(); }); } // Close dropdown when clicking outside document.addEventListener('click', function(e) { if (!e.target.closest('.projekt-dropdown')) { const projektSubmenu = document.getElementById('projektSubmenu'); if (projektSubmenu) { projektSubmenu.style.display = 'none'; const arrow = document.querySelector('.dropdown-arrow'); if (arrow) arrow.textContent = '▼'; } } }); } // Toggle submenu visibility function toggleProjektSubmenu() { const projektSubmenu = document.getElementById('projektSubmenu'); const arrow = document.querySelector('.dropdown-arrow'); if (projektSubmenu) { if (projektSubmenu.style.display === 'none' || projektSubmenu.style.display === '') { projektSubmenu.style.display = 'block'; if (arrow) arrow.textContent = '▲'; } else { projektSubmenu.style.display = 'none'; if (arrow) arrow.textContent = '▼'; } } } // Extract email addresses from page content function extractEmailsFromContent(content) { if (!content) return []; const plainText = content.replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim(); const emailRegex = /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g; const emails = plainText.match(emailRegex) || []; const words = plainText.split(/[\s\r\n]+/).map(word => word.trim()).filter(word => word); words.forEach(word => { if (word.includes('@') && !emails.includes(word)) { emails.push(word); } }); return emails.map(email => email.toLowerCase()).filter(email => email.includes('@')); } </script> </body> </html>