🏆 Sätta upp appen för en ny turnering

Högerklicka på filen config.js och välj "Öppna med" → "Textredigerare" (eller "Anteckningar" på Windows).

Hitta dessa rader i toppen och ändra texten inom citattecken:

tournamentName: "Örebrocupen",      // ← Skriv turneringens namn
year: 2026,                        // ← Skriv årtalet
clubName: "Segeltorps P15",        // ← Skriv lagets/klubbens namn
subtitle: "17–19 april 2026 • Örebro", // ← Datum och plats

Hitta dates-sektionen. Ändra, lägg till eller ta bort dagar:

dates: [
  { id: "fri", label: "Fredag 17 april", date: "2026-04-17" },
  { id: "sat", label: "Lördag 18 april", date: "2026-04-18" },
  { id: "sun", label: "Söndag 19 april", date: "2026-04-19" }
],

Vill du lägga till en dag? Kopiera en rad och ändra id, label och date. Varje dag måste ha ett unikt id (kort namn, inga mellanslag). date ska vara i format "ÅÅÅÅ-MM-DD".

Vill du ha färre dagar? Ta bort hela raden (inkl. kommatecken). Se till att sista raden INTE har kommatecken.

Hitta teams-sektionen. Här kan du ändra lagnamn, eller lägga till/ta bort lag:

teams: [
  {
    id: "blue",            // Kort internt namn (inga mellanslag)
    name: "Lag Blå",        // Visningsnamn
    color: "#2563eb",       // Huvudfärg
    lightBg: "#dbeafe",     // Ljus bakgrund
    assemblyBg: "#93bbfd",  // Samlingsfärg
    textColor: "#1e3a5f",   // Textfärg
    cheerBg: "#bfdbfe",     // "Heja på"-bakgrund
    cheerBorder: "#3b82f6"  // "Heja på"-kantlinje
  },
  // ... fler lag här
],

Hitta defaultEvents. Ändra till årets matcher, samlingar och andra händelser:

defaultEvents: [
  { id: 'e1', type: 'assembly', team: 'blue', day: 'fri',
    start: '17:00', end: '17:30', venue: 'Hallnamn', desc: '' },
  { id: 'e2', type: 'match', team: 'blue', day: 'fri',
    start: '17:30', end: '18:10', venue: 'Hallnamn', desc: 'Motståndare (hemma)' },
  // ... fler händelser
],

• id — unikt id per händelse, t.ex. 'e1', 'e2', osv.
• type — kategori: 'match', 'assembly', 'cheer', 'meal', 'activity', 'travel', 'other'
• team — lag-id som matchar teams (t.ex. 'blue'), eller 'both'
• day — dag-id som matchar dates (t.ex. 'fri')
• start / end — start- och sluttid i format 'HH:MM'
• venue — valfri plats (t.ex. hallnamn)
• desc — valfri beskrivning

Om du vill att alla spelare/föräldrar ska se schemat på sina telefoner behöver du ett Firebase-projekt. Det är gratis.

Skapa Firebase-projekt (engångsjobb, ca 5 min):

1. Gå till console.firebase.google.com
2. Logga in med ett Google-konto
3. Klicka "Lägg till projekt" → ge det ett namn → Fortsätt → Skapa
4. I vänstermenyn: Build → Realtime Database → Skapa databas
5. Välj plats europe-west1 → Starta i testläge → Aktivera
6. Gå till Projektinställningar (kugghjulet uppe till vänster)
7. Scrolla ner till "Dina appar" → klicka på webbikonen </>
8. Ge appen ett namn → Registrera app
9. Du ser nu ett firebaseConfig-objekt. Kopiera värdena till config.js:

firebase: {
  apiKey: "din-api-key-här",
  authDomain: "ditt-projekt.firebaseapp.com",
  databaseURL: "https://ditt-projekt-default-rtdb.europe-west1.firebasedatabase.app",
  projectId: "ditt-projekt",
  storageBucket: "ditt-projekt.firebasestorage.app",
  messagingSenderId: "123456789",
  appId: "1:123:web:abc"
},

Ändra rumsnamn:

roomName: "segeltorps-gothia-2027",  // Välj ett nytt namn per turnering!

Byt ut filen logo.png mot din klubbs logga. Behåll samma filnamn, eller ändra i config.js:

logo: "min-klubb-logo.png",

För att alla ska kunna nå sidan via en länk (t.ex. på mobilen):

1. Skapa ett konto på github.com (gratis)
2. Skapa ett nytt "repository" (arkiv)
3. Ladda upp alla filer (config.js, styles.css, index.html, roster.html, info.html, logo.png)
4. Gå till Settings → Pages → Source: Deploy from branch → Branch: main → Spara
5. Vänta ca 2 minuter → din sida syns på https://ditt-användarnamn.github.io/ditt-repo/

Sidan visar ingenting / "fel" i webbläsaren

Troligtvis ett stavfel i config.js. Vanligaste felen:

• Glömt ett kommatecken (,) efter en rad
• Glömt citattecken (") runt en text
• Extra/saknad klammerparentes ({ }) eller hakparentes ([ ])

Öppna webbläsarens konsol (F12 → Console) för att se exakt var felet är.

Data från förra turneringen syns fortfarande

Byt roomName i config.js till ett nytt namn. Rensar du även lokal data: öppna sidan → F12 → Console → skriv localStorage.clear() → tryck Enter → ladda om sidan.

Kan jag ha fler än 2 lag?

Ja! Lägg till fler objekt i teams-listan i config.js. Du behöver välja unika färger för varje lag.

Kan jag lägga till händelser utan att ändra config.js?

Ja! Klicka på "+ Lägg till händelse" i kalendervyn. Alla händelser (matcher, samlingar, mat, etc.) kan skapas och redigeras direkt i appen.

• ☐ Ändra tournamentName, year, clubName, subtitle
• ☐ Ändra dates (dagar turneringen pågår)
• ☐ Ändra teams (lagnamn, ev. färger)
• ☐ Ändra defaultEvents (årets matcher, samlingar och händelser)
• ☐ Ändra roomName (nytt namn per turnering!)
• ☐ Byt logo.png om det behövs
• ☐ Testa: öppna index.html i webbläsaren
• ☐ Ladda upp till GitHub Pages (om du vill dela via länk)