feat(app): improved input handling + better UI

feat(app): add icons to electron
feat: electron building
2026-06-06 11:44:40 +00:00 · 2024-12-11 11:44:56 +11:00 · 2024-12-05 18:11:13 +11:00 · 2024-12-05 18:09:06 +11:00 · 2024-12-05 14:43:12 +11:00 · 2024-12-05 14:38:02 +11:00
13 changed files with 633 additions and 59 deletions
@@ -11,7 +11,6 @@ yarn.lock
 # Build
 extension.zip
 build/
 dist/
 betterseqtaplus-safari/
@@ -19,3 +18,6 @@ betterseqtaplus-safari/
 .vscode/
 **/.DS_Store
 # Electron
 electron-dist/
@@ -43,6 +43,7 @@
  - Easier Access Notices
  - Assessments
 - Options to remove certain items from the side menu
 - Grades calculator
 - Fully customisable themes and an offical theme store
 - Notification for next lesson (sent 5 minutes before end of the lesson)
 - Browser Support
@@ -0,0 +1,162 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title>BetterSEQTA Settings</title>
    <style>
        :root {
            --background-primary: #ffffff;
            --background-secondary: #e5e7eb;
            --text-primary: black;
            --theme-primary: #4F46E5;
            --theme-hover: #4338CA;
        }
        @media (prefers-color-scheme: dark) {
            :root {
                --background-primary: #232323;
                --background-secondary: #1a1a1a;
                --text-primary: white;
                --theme-primary: #6366F1;
                --theme-hover: #818CF8;
            }
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        }
        body {
            background: var(--background-primary);
            color: var(--text-primary);
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }
        .container {
            width: 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        h1 {
            font-size: 1.75rem;
            font-weight: 500;
            margin-bottom: 0.25rem;
        }
        .subtitle {
            color: #666;
            font-size: 1rem;
            margin-bottom: 1.5rem;
        }
        label {
            display: block;
            margin-bottom: 0.25rem;
            font-weight: 500;
            color: var(--text-primary);
        }
        input[type="url"] {
            width: 100%;
            padding: 0.75rem 1rem;
            border: 1px solid var(--background-secondary);
            border-radius: 8px;
            font-size: 1rem;
            background: var(--background-secondary);
            color: var(--text-primary);
            transition: all 0.2s;
        }
        input[type="url"]:focus {
            outline: none;
            border-color: var(--theme-primary);
            box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
        }
        button {
            margin-top: 1rem;
            width: 100%;
            padding: 0.75rem;
            border: none;
            border-radius: 8px;
            background: var(--theme-primary);
            color: white;
            font-size: 1rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s;
        }
        button:hover {
            background: var(--theme-hover);
        }
        #error-message {
            color: #EF4444;
            font-size: 0.875rem;
            margin-top: 0.5rem;
            display: none;
        }
    </style>
 </head>
 <body>
    <div class="container">
        <h1>BetterSEQTA Settings</h1>
        <div class="subtitle">It's time to get started! To begin type in your school's SEQTA URL below.</div>
        <label for="seqtaUrl">SEQTA Website URL</label>
        <input type="url" id="seqtaUrl" placeholder="Enter your school's SEQTA URL (e.g https://seqta.school.edu.au)" required>
        <div id="error-message"></div>
        <button onclick="saveSettings()">Save Settings</button>
    </div>
    <script>
        const electron = window.require('electron');
        const { ipcRenderer } = electron;
        const Store = window.require('electron-store');
        const store = new Store();
        // Load saved URL on page load
        window.addEventListener('DOMContentLoaded', () => {
            const savedUrl = store.get('seqtaUrl') || '';
            document.getElementById('seqtaUrl').value = savedUrl;
        });
        // Handle error messages from main process
        ipcRenderer.on('seqta-url-error', (event, message) => {
            const errorElement = document.getElementById('error-message');
            errorElement.textContent = message;
            errorElement.style.display = 'block';
        });
        // Save settings
        function saveSettings() {
            const url = document.getElementById('seqtaUrl').value;
            const errorElement = document.getElementById('error-message');
            errorElement.style.display = 'none';
            if (url) {
                ipcRenderer.send('set-seqta-url', url);
            } else {
                errorElement.textContent = 'Please enter a URL';
                errorElement.style.display = 'block';
            }
        }
        // Handle enter key
        document.getElementById('seqtaUrl').addEventListener('keypress', (e) => {
            if (e.key === 'Enter') {
                saveSettings();
            }
        });
    </script>
 </body>
 </html> 
@@ -0,0 +1,333 @@
 import { app, BrowserWindow, ipcMain, session, Menu } from 'electron';
 import path from 'path';
 import { fileURLToPath } from 'url';
 import Store from 'electron-store';
 // Fix for __dirname in ES modules
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const store = new Store();
 let mainWindow = null;
 let settingsWindow = null;
 // CSS to inject
 const customCSS = `
 #alertBar {
    display: none !important;
 }
 /* Match SEQTA's styling */
 body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
 }
 `;
 // Create the application menu
 function createAppMenu() {
    const isMac = process.platform === 'darwin';
    const template = [
        ...(isMac ? [{
            label: app.name,
            submenu: [
                { role: 'about' },
                { type: 'separator' },
                { role: 'services' },
                { type: 'separator' },
                { role: 'hide' },
                { role: 'hideOthers' },
                { role: 'unhide' },
                { type: 'separator' },
                { role: 'quit' }
            ]
        }] : []),
        {
            label: 'Settings',
            submenu: [
                {
                    label: 'Configure SEQTA URL',
                    accelerator: isMac ? 'Cmd+,' : 'Ctrl+,',
                    click: () => {
                        createSettingsWindow();
                    }
                }
            ]
        },
        {
            label: 'View',
            submenu: [
                { role: 'reload' },
                { role: 'forceReload' },
                { role: 'toggleDevTools' },
                { type: 'separator' },
                { role: 'resetZoom' },
                { role: 'zoomIn' },
                { role: 'zoomOut' },
                { type: 'separator' },
                { role: 'togglefullscreen' }
            ]
        }
    ];
    const menu = Menu.buildFromTemplate(template);
    Menu.setApplicationMenu(menu);
 }
 // Validate SEQTA URL
 function isValidSeqtaUrl(url) {
    try {
        const urlObj = new URL(url);
        // Only ensure it's a valid HTTPS URL
        return urlObj.protocol === 'https:';
    } catch {
        return false;
    }
 }
 // Get the correct path for the extension based on whether we're in development or production
 function getExtensionPath() {
    if (app.isPackaged) {
        // In production, the extension is in the resources directory
        return path.join(process.resourcesPath, 'chrome-extension');
    } else {
        // In development, the extension is in the dist directory
        return path.join(__dirname, '..', 'dist', 'chrome');
    }
 }
 // Load the Chrome extension
 async function loadExtension() {
    try {
        const extensionPath = getExtensionPath();
        console.log('Loading extension from:', extensionPath);
        await session.defaultSession.loadExtension(extensionPath, {
            allowFileAccess: true
        });
        console.log('Extension loaded successfully!');
    } catch (err) {
        console.error('Failed to load extension:', err);
    }
 }
 function createMainWindow() {
    console.log('🚀 Creating main window...');
    if (mainWindow) {
        if (!mainWindow.isDestroyed()) {
            console.log('✨ Existing window found, focusing it');
            mainWindow.focus();
            return mainWindow;
        }
        console.log('🔄 Old window was destroyed, creating new one');
    }
    console.log('📦 Initializing new BrowserWindow');
    mainWindow = new BrowserWindow({
        width: 1200,
        height: 800,
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false,
            backgroundThrottling: false,
            enableWebSQL: false,
            webgl: false,
            offscreen: false
        },
        show: false,
        backgroundColor: '#ffffff'
    });
    const seqtaUrl = store.get('seqtaUrl');
    console.log('📍 Stored SEQTA URL:', seqtaUrl);
    // Register keyboard shortcut for settings
    mainWindow.webContents.on('before-input-event', (event, input) => {
        if ((input.meta || input.control) && input.key === ',') {
            createSettingsWindow();
        }
    });
    // Inject CSS when the page loads
    mainWindow.webContents.on('did-finish-load', () => {
        console.log('🎨 Page loaded, injecting CSS');
        mainWindow.webContents.insertCSS(customCSS).catch(err => {
            console.error('Failed to inject CSS:', err);
        });
    });
    // Only show window when it's ready
    mainWindow.once('ready-to-show', () => {
        console.log('🎉 Window ready to show!');
        mainWindow.show();
        mainWindow.focus();
    });
    if (seqtaUrl) {
        if (!isValidSeqtaUrl(seqtaUrl)) {
            console.error('❌ Invalid SEQTA URL stored:', seqtaUrl);
            createSettingsWindow();
            return;
        }
        console.log('🌐 Loading SEQTA URL:', seqtaUrl);
        mainWindow.loadURL(seqtaUrl)
            .then(() => {
                console.log('✅ Successfully loaded SEQTA URL');
                mainWindow.show();
                mainWindow.focus();
            })
            .catch(err => {
                console.error('❌ Failed to load SEQTA URL:', err);
                createSettingsWindow();
            });
    } else {
        console.log('⚙️ No SEQTA URL found, opening settings');
        createSettingsWindow();
    }
    return mainWindow;
 }
 function createSettingsWindow() {
    if (settingsWindow) {
        settingsWindow.focus();
        return;
    }
    settingsWindow = new BrowserWindow({
        width: 600,
        height: 400,
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false,
        },
        show: false,
        backgroundColor: '#ffffff'
    });
    const settingsPath = path.join(__dirname, 'index.html');
    settingsWindow.loadFile(settingsPath);
    settingsWindow.once('ready-to-show', () => {
        settingsWindow.show();
        settingsWindow.focus();
    });
    // Only enable DevTools in development
    if (process.env.NODE_ENV === 'development') {
        settingsWindow.webContents.openDevTools();
    }
    settingsWindow.on('closed', () => {
        settingsWindow = null;
    });
 }
 // Performance optimization: Disable hardware acceleration if running on low-end device
 if (process.platform !== 'darwin') { // Skip for macOS
    app.disableHardwareAcceleration();
 }
 // Performance optimization: Disable smooth scrolling
 app.commandLine.appendSwitch('disable-smooth-scrolling');
 // Wait for app to be ready before creating windows
 app.whenReady().then(async () => {
    createAppMenu();
    await loadExtension();
    createMainWindow();
 });
 // Performance optimization: Quit immediately instead of gracefully
 app.on('window-all-closed', () => {
    app.quit();
 });
 app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
        createMainWindow();
    }
 });
 // Format and validate SEQTA URL
 function formatAndValidateUrl(url) {
    // Remove any whitespace
    url = url.trim();
    // If no protocol specified, add https://
    if (!url.startsWith('http://') && !url.startsWith('https://')) {
        url = 'https://' + url;
    }
    // If it's http://, upgrade to https://
    if (url.startsWith('http://')) {
        url = 'https://' + url.slice(7);
    }
    try {
        const urlObj = new URL(url);
        // Ensure it's https
        if (urlObj.protocol !== 'https:') {
            throw new Error('URL must use HTTPS');
        }
        return { isValid: true, url: url };
    } catch (error) {
        return { isValid: false, url: url, error: error.message };
    }
 }
 // Handle setting the SEQTA URL
 ipcMain.on('set-seqta-url', (event, url) => {
    console.log('🔧 Received new SEQTA URL:', url);
    const { isValid, url: formattedUrl, error } = formatAndValidateUrl(url);
    if (!isValid) {
        console.error('❌ Invalid URL format:', error);
        event.reply('seqta-url-error', 'Please enter a valid URL');
        return;
    }
    console.log('💾 Saving URL to store:', formattedUrl);
    store.set('seqtaUrl', formattedUrl);
    // Create main window if it doesn't exist
    if (!mainWindow || mainWindow.isDestroyed()) {
        console.log('🆕 Creating new main window');
        createMainWindow();
    } else {
        console.log('🔄 Loading new URL in existing window:', formattedUrl);
        mainWindow.loadURL(formattedUrl).then(() => {
            console.log('✅ URL loaded successfully');
            console.log('🎨 Injecting CSS and settings button');
            mainWindow.webContents.insertCSS(customCSS).catch(err => {
                console.error('Failed to inject CSS:', err);
            });
            mainWindow.webContents.executeJavaScript(`
                if (!document.getElementById('bsp-settings-button')) {
                    document.body.insertAdjacentHTML('beforeend', ${JSON.stringify(settingsButtonHTML)});
                    document.getElementById('bsp-settings-button').addEventListener('click', () => {
                        window.postMessage('open-settings', '*');
                    });
                }
            `).catch(err => {
                console.error('Failed to inject settings button:', err);
            });
            console.log('👀 Showing and focusing window');
            mainWindow.show();
            mainWindow.focus();
        }).catch(err => {
            console.error('❌ Failed to load SEQTA URL:', err);
            event.reply('seqta-url-error', 'Failed to load SEQTA. Please check your connection and URL.');
        });
    }
    // Close settings window if it exists
    if (settingsWindow && !settingsWindow.isDestroyed()) {
        console.log('🚪 Closing settings window');
        settingsWindow.close();
    }
 }); 
@@ -1,8 +1,9 @@
 {
  "name": "betterseqtaplus",
-  "version": "3.4.1",
+  "version": "3.4.2",
  "type": "module",
  "description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development, while incorporating a plethora of new and improved features!",
  "main": "electron/main.js",
  "browserslist": "> 0.5%, last 2 versions, not dead",
  "scripts": {
    "dev": "cross-env MODE=chrome vite dev",
@@ -14,7 +15,11 @@
    "convert:safari": "xcrun safari-web-extension-converter dist/safari --project-location . --app-name $npm_package_name-safari",
    "release": "gh release create $npm_package_name@$npm_package_version ./dist/*.zip --generate-notes",
    "publish": "bun lib/publish.js --b",
-    "zip": "bedframe zip"
+    "zip": "bedframe zip",
    "electron-dev": "electron .",
    "electron-build": "electron-builder",
    "electron-pack": "npm run build:chrome && electron-builder --dir",
    "electron-dist": "npm run build:chrome && electron-builder"
  },
  "targets": {
    "prod": {
@@ -37,6 +42,8 @@
    "@types/mime-types": "^2.1.4",
    "@vitejs/plugin-react-swc": "^3.7.0",
    "cross-env": "^7.0.3",
    "electron": "^33.2.1",
    "electron-builder": "^25.1.8",
    "eslint": "^8.57.0",
    "glob": "^11.0.0",
    "mime-types": "^2.1.35",
@@ -74,6 +81,7 @@
    "codemirror": "^6.0.1",
    "color": "^4.2.3",
    "dompurify": "^3.1.6",
    "electron-store": "^10.0.0",
    "embla-carousel-autoplay": "^8.3.1",
    "embla-carousel-svelte": "^8.3.1",
    "fuse.js": "^7.0.0",
@@ -95,5 +103,48 @@
    "uuid": "^9.0.1",
    "vite": "^5.4.4",
    "webextension-polyfill": "^0.10.0"
  },
  "build": {
    "appId": "com.betterseqta.app",
    "productName": "BetterSEQTA",
    "directories": {
      "output": "electron-dist",
      "buildResources": "build"
    },
    "files": [
      "dist/**/*",
      "electron/**/*",
      "!**/node_modules/*/{CHANGELOG.md,README.md,README,readme.md,readme}",
      "!**/node_modules/*/{test,__tests__,tests,powered-test,example,examples}",
      "!**/node_modules/*.d.ts",
      "!**/node_modules/.bin",
      "!**/*.{iml,o,hprof,orig,pyc,pyo,rbc,swp,csproj,sln,xproj}",
      "!.editorconfig",
      "!**/._*",
      "!**/{.DS_Store,.git,.hg,.svn,CVS,RCS,SCCS,.gitignore,.gitattributes}",
      "!**/{__pycache__,thumbs.db,.flowconfig,.idea,.vs,.nyc_output}",
      "!**/{appveyor.yml,.travis.yml,circle.yml}",
      "!**/{npm-debug.log,yarn.lock,.yarn-integrity,.yarn-metadata.json}"
    ],
    "extraResources": [
      {
        "from": "dist/chrome",
        "to": "chrome-extension",
        "filter": ["**/*"]
      }
    ],
    "mac": {
      "category": "public.app-category.education",
      "target": ["dmg", "zip"],
      "icon": "build/icon.icns"
    },
    "win": {
      "target": "nsis",
      "icon": "build/icon.ico"
    },
    "linux": {
      "target": "AppImage",
      "icon": "build/icon.png"
    }
  }
 }
@@ -76,6 +76,10 @@ async function init() {
      if (settingsState.onoff) {
        enableCurrentTheme()
        if (typeof settingsState.assessmentsAverage == 'undefined') {
          settingsState.assessmentsAverage = true
        }
        // TEMP FIX for bug! -> this is a hack to get the injected.css file to have HMR in development mode as this import system is currently broken with crxjs
        if (import.meta.env.MODE === 'development') {
          import('./css/injected.scss')
@@ -161,6 +165,10 @@ export function OpenWhatsNewPopup() {
    /* html */ `
  <div class="whatsnewTextContainer" style="height: 50%;overflow-y: scroll;">  
    <h1>3.4.2 - Minor Bug Fixes</h1>
    <li>Fixed a bug where Assessment Average wasn't enabled by default</li>
    <li>Fixed floating menus would sometimes be placed behind other elements</li>
    <h1>3.4.1 - Bug Fixes and Performance Improvements</h1>
    <li>Added a new "Subject Average" section to the assessments page</li>
    <li>Fixed a bug where animations wouldn't play correctly</li>
@@ -1011,9 +1019,11 @@ export async function ObserveMenuItemPosition() {
  });
 }
-function main() {
+async function main() {
  if (typeof settingsState.onoff === 'undefined') {
    browser.runtime.sendMessage({ type: 'setDefaultStorage' })
    await delay(10)
  }
  const handleDisabled = () => {
@@ -167,6 +167,7 @@ const DefaultValues: SettingsState = {
  originalSelectedColor: '',
  DarkMode: true,
  animations: true,
  assessmentsAverage: true,
  defaultPage: 'home',
  shortcuts: [
    {
@@ -1933,6 +1933,7 @@ div.bar.flat {
  transition: background-color 0.5s ease-in-out;
  background-color: rgba(0, 0, 0, 0);
  transition-duration: 500ms !important;
  z-index: 22 !important;
 }
 .uiSlidePane.shown > .pane {
  transform: translatey(0%) !important;
@@ -1,7 +1,7 @@
 {
  "manifest_version": 3,
  "name": "BetterSEQTA+",
-  "version": "3.4.1",
+  "version": "3.4.2",
  "description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development add add heaps more features!",
  "icons": {
    "32": "resources/icons/icon-32.png",
@@ -6,21 +6,59 @@ import { settingsState } from "@/seqta/utils/listeners/SettingsState";
 import { updateAllColors } from "./colors/Manager";
 import { delay } from "@/seqta/utils/delay";
 let cachedUserInfo: any = null;
 async function getUserInfo() {
  if (cachedUserInfo) return cachedUserInfo;
  try {
    const response = await fetch(`${location.origin}/seqta/student/login`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json; charset=utf-8',
      },
      body: JSON.stringify({
        mode: 'normal',
        query: null,
        redirect_url: location.origin,
      }),
    });
    const responseData = await response.json();
    cachedUserInfo = responseData.payload;
    return cachedUserInfo;
  } catch (error) {
    console.error('Error fetching user info:', error);
    throw error;
  }
 }
 export async function AddBetterSEQTAElements() {
  if (settingsState.onoff) {    
    initializeSettings();
    if (settingsState.DarkMode) {
      document.documentElement.classList.add('dark');
    }
-    createHomeButton();
+    
    const fragment = document.createDocumentFragment();
    const menu = document.getElementById('menu')!;
    const menuList = menu.firstChild as HTMLElement;
    createHomeButton(fragment, menuList);
    createNewsButton(fragment, menu);
    menuList.insertBefore(fragment, menuList.firstChild);
    try {
-      await appendBackgroundToUI();
+      await Promise.all([
        appendBackgroundToUI(),
        handleUserInfo(),
        handleStudentData()
      ]);
    } catch (error) {
-      console.error('Error appending background to UI:', error);
+      console.error('Error initializing UI elements:', error);
    }
-    await handleUserInfo();
+    
    handleStudentData();
    createNewsButton();
    setupEventListeners();
    await addDarkLightToggle();
    customizeMenuToggle();
@@ -28,7 +66,6 @@ export async function AddBetterSEQTAElements() {
  addExtensionSettings();
  await createSettingsButton();
  setupSettingsButton();
 }
@@ -37,18 +74,15 @@ function initializeSettings() {
  updateBgDurations();
 }
-function createHomeButton() {
+function createHomeButton(fragment: DocumentFragment, menuList: HTMLElement) {
  const container = document.getElementById('content')!;
  const div = document.createElement('div');
  div.classList.add('titlebar');
  container.append(div);
  const NewButton = stringToHTML('<li class="item" data-key="home" id="homebutton" data-path="/home" data-betterseqta="true"><label><svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" /></svg><span>Home</span></label></li>');
  const menu = document.getElementById('menu')!;
  const List = menu.firstChild! as HTMLElement;
  if (NewButton.firstChild) {
-    List.insertBefore(NewButton.firstChild, List.firstChild);
+    fragment.appendChild(NewButton.firstChild);
  }
 }
@@ -125,28 +159,6 @@ async function handleStudentData() {
  }
 }
 async function getUserInfo() {
  try {
    const response = await fetch(`${location.origin}/seqta/student/login`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json; charset=utf-8',
      },
      body: JSON.stringify({
        mode: 'normal',
        query: null,
        redirect_url: location.origin,
      }),
    });
    const responseData = await response.json();
    return responseData.payload;
  } catch (error) {
    console.error('Error fetching user info:', error);
    throw error; // Rethrow the error after logging it
  }
 }
 async function updateStudentInfo(students: any) {
  const info = await getUserInfo();
  var index = students.findIndex(function (person: any) {
@@ -179,41 +191,42 @@ async function updateStudentInfo(students: any) {
  }
 }
-function createNewsButton() {
+function createNewsButton(fragment: DocumentFragment, menu: HTMLElement) {
  const NewsButtonStr = '<li class="item" data-key="news" id="newsbutton" data-path="/news" data-betterseqta="true"><label><svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M5 7H10V13H5V7M19 17H5V15H19V17M19 13H12V11H19V13M19 9H12V7H19V9Z" /></svg><span>News</span></label></li>';
  const NewsButton = stringToHTML(NewsButtonStr);
  const menu = document.getElementById('menu')!;
  const List = menu.firstChild! as HTMLElement;
-  List!.appendChild(NewsButton.firstChild!);
+  if (NewsButton.firstChild) {
    fragment.appendChild(NewsButton.firstChild);
  }
-  let a = document.createElement('div');
+  let iconCover = document.createElement('div');
-  a.classList.add('icon-cover');
+  iconCover.classList.add('icon-cover');
-  a.id = 'icon-cover';
+  iconCover.id = 'icon-cover';
-  menu!.appendChild(a);
+  menu.appendChild(iconCover);
 }
 function setupEventListeners() {
  const menuCover = document.querySelector('#icon-cover');
  menuCover!.addEventListener('click', function () {
    location.href = '../#?page=/home';
    loadHomePage();
    (document!.getElementById('menu')!.firstChild! as HTMLElement).classList.remove('noscroll');
  });
  const homebutton = document.getElementById('homebutton');
-  homebutton!.addEventListener('click', function () {
+  const newsbutton = document.getElementById('newsbutton');
-    if (!homebutton?.classList.contains('draggable') && !homebutton?.classList.contains('active')) {
+  
  homebutton?.addEventListener('click', function() {
    if (!homebutton.classList.contains('draggable') && !homebutton.classList.contains('active')) {
      loadHomePage();
    }
  });
-  const newsbutton = document.getElementById('newsbutton');
+  newsbutton?.addEventListener('click', function() {
-  newsbutton!.addEventListener('click', function () {
+    if (!newsbutton.classList.contains('draggable') && !newsbutton.classList.contains('active')) {
    if (!newsbutton?.classList.contains('draggable') && !newsbutton?.classList.contains('active')) {
      SendNewsPage();
    }
  });
  menuCover?.addEventListener('click', function() {
    location.href = '../#?page=/home';
    loadHomePage();
    (document.getElementById('menu')!.firstChild! as HTMLElement).classList.remove('noscroll');
  });
 }
 async function createSettingsButton() {
Author	SHA1	Message	Date
SethBurkart123	51c265400c	feat(app): improved input handling + better UI	2024-12-11 11:44:56 +11:00
SethBurkart123	6209b65afe	feat(app): add icons to electron	2024-12-05 18:11:13 +11:00
SethBurkart123	bb388ab000	feat: electron building	2024-12-05 18:09:06 +11:00
SethBurkart123	f1512ba6e1	chore: clean up code	2024-12-05 14:43:12 +11:00
SethBurkart123	13fc077686	bump(version): 3.4.2 + changelog	2024-12-05 14:38:02 +11:00
SethBurkart123	7cf765121c	fix(style): z-index of panels increased	2024-12-05 14:36:04 +11:00
SethBurkart123	4e393f14bb	fix: enable assessments average by default	2024-12-05 14:35:23 +11:00
Seth Burkart	98347e038d	Merge pull request #192 from ar-cyber/patch-16 Add mention for grades calc in readme	2024-12-03 17:23:35 +11:00
Andrew R	f2bdb22ea8	fix(doc): make the readme mention the grade calculator	2024-12-03 13:52:16 +10:30
SethBurkart123	4afab2c52a	perf: refactor AddBetterSEQTAElements for improved performance	2024-12-03 07:15:50 +11:00
SethBurkart123	4c6b43d7c7	fix(initial): make assessments average enabled by default	2024-12-03 06:59:06 +11:00