Projekt

WebbsidorCanvas CourseÄrendehanteringSpinners

Pågående

Empty the Create a new issue form on successful submit

It is a bit annoying to have to erase the title and description fields. The bullet list empties itself so the form is not even consistent. It might be that the form inputs should be controlled and they are emptied automatically.

Created 2026-03-10

Ett menysystem

Jag kan visa sidor som ligger i databasen men hur hittar jag en sida. Det behövs en meny.

  • En sida på mer än en plats
  • Hur många undermenyer man vill
  • Gärna en drill down meny
  • Menyn även i slutet på sidan

Created 2026-03-08

Töm formulär efter skicka

Det är irriterande att man behöver tömma fälten efter att man skickat formuläret.

Created 2026-03-08

Main nav

Jonas Admin länken i menyn länkar till en ny användarsida länken borde vara innuti nav taggen Användarsidan är en bättre länk än att länka till user logga ut kunde ligga på användarsidan så man inte trycker på den av misstag användarinformation på användarsidan, (alias, username) byta lösenord från användarsidan (password) byta till användarens inloggade namn? Jonas Admin behöver kanske inte vara en länk? header/nav borde ha en aria-label, main menu Göra allt till sidor eller ha en del som sidor och en del som knappar? position: fixed på hela headern? Gör en mobilmeny med en hamburgarikon? Länka till en menysida eller fäll ut menyn? Kombinera Viewer/Editor delarna med menyn? ThemeSwitcher kan vara utanför nav ta bort extra Container aria-label på engelska kanske ska vara på användarsidan istället eller i footern Grupper Log Out och ThemeSwitcher i egen Container utanför nav? Jonas Admin ska vara tillsammans med Log Out och ThemeSwitcher?

Created 2026-03-08

Autovälj säsong fungerar dåligt

Kom ihåg den senaste valda säsongen. Nu är både året och säsongsnamnet fel... Då löser det problemet med att när man hoppar runt i systemet så glömmer den vilken säsong man valt. Ska Säsongsväljaren plockas ut och göras helt gemensam?

Created 2026-03-06

Skapa en bildkomponent till sidorna

Det behövs bilder på sidorna

  • Gör en bilduppladdare
  • Lägg bilderna någonstans fysiskt
  • Lägg till cachning
  • Lägg till sources
  • Testa så att det är snabbt
  • Gör en bildklippare

Created 2026-03-08

testa att tömma formuläret

Jag testar att tömma formuläret med useFetcher.reset med samma key på två ställen. Funkade inte. Nu är bara frågan om mina komponenter går att reset:a? Det är nog det här som är problemet. Jag tror att komponenterna behöver vara controlled för då verkar de nollställas av sig själva för den skickar en tom issue. Resultat Punkterna försvann men add punkt fältet var ifyllt. TextBox:arna var inte tomma. State är samma som jag satte. Jag gissar att det har något med controlled/uncontrolled att göra.

  • Lägger till en punkt 1
  • Punkt 2

Created 2026-03-14

Nya

Formvalidering

Det går att lägga till en issue utan att fylla i något. Man får formDecode meddelande istället.

  • Jag funderar på om valideringen ska kasta ett fel
  • Jag ser zod.dev användas ofta så jag ska kanske använda det
  • Kolla och ta det vanligaste

Created 2026-03-20

A rights system

From my experience I know that it is better to add a rights system as early as possible. Just adding a super admin right comes a long way. Super admins have all Rights. All users should by default be able to view public pages, it will probably not need to be a right. It is nice to have it specified so you test for it. Add Rights to the database. Make a right to be a descriptive text strings like PAGE_EDIT. Add a Rights Page to the admin. Should only be accessible to the users with the Edit Rights right. Rights should be uppercase by default. Add the RIGHTS to the code, if RIGHTS then show this or do this. In my case since I use a json cookie, add the rights to the cookie. Add a function to easily check if a user has a right. Add the RIGHTS to the backend in the same way but it should be handled completely by the backend. The backend should find the RIGHTS by itself from the user id. Feels strange to trust the cookie in one place but not the other so will see what I do. For debugging a user, it is great to be able to log in as another user, to see what they see and check where the error is.

  • Super Admin
  • Page Editor
  • Rights Editor
  • Issue Editor
  • Anime Editor
  • Technology Editor
  • User Editor

Created 2025-10-01

Issue, dela och gruppera

Jag skulle vilja kunna dela en stor issue i många mindre. Jag skulle vilja kunna gruppera issues med en egen vy när det är mycket som hänger ihopa. Dela 1. Välj en issue 2. Tryck på dela så skapas en ny vy 3. Namnet på issuen blir namn på vyn 4. Beskrivningen på issuen blir beskrivning på vyn 5. Vyn visas Gruppera 1. Fyll i namn och skapa en ny vy 2. Vyn visas Vyer 1. Skapa nya issues som hamnar i vyn 2. Inkludera issues från andra ställen 3. Vyn borde kunna bli klar 4. Många saker borde kunna ångras, det värsta brukar vara att när man gjort en issue till vy så var det fel och man hade velat ångra lätt. 5. Vyer brukar finnas i någon annan struktur så man får ha många tabbar öppna för att kunna återskapa när man gjort fel. Allt borde vara i samma gränssnitt.

Created 2025-09-17

Komponenter som baseras på data

Ska man själv kunna bestämma vilka parametrar man vill ha och sen genereras ett formulär där man matar in värdena när man lägger till komponenten? Jobbigt att konfigurera. Det går potentiellt att ändra i efterhand. Data blir i ett konstigt format. Får alla standardförbättringar. Eller ska jag koda in plugins/sidor som bara gör en specifik sak? Det blir som att lägga till en till anime top list. Datan går att söka i och återanvändas i en ny sida. Mycket jobb initialt. Det går att göra mer avancerade saker. Kan falla efter om man ändrar mycket på andra ställen. Mer avancerade saker gör att man inte kan ändra. Motverkar vinsterna med ett CMS. Lägg till Anställning, Tekniker, Utbildning, Språk komponenter i CMS:et? Kan få synergieffekter där en komponent kan läggas på fler sidor än den tänkta. Kan bli rörigt med komponenter som är för specifika. Data blir omöjlig att söka i eller bevara.

  • generiska parametrar + genererat formulär
  • egen sida med inmatning och visning
  • använd cms:et och skapa nya komponenter

Created 2026-03-21

Använd columns överallt

Columns verkar fungera bra så använd det överallt. Verkar fungera bäst på löpande text. Fungerar dåligt när sidan är lång så man får scrolla till botten och sen upp igen till toppen. Fungerar bättre när man fäller ut saker för sidan hoppar inte runt lika mycket.

Created 2026-03-22

Gör en matväljare

Ibland behövs det hjälp för att välja vad man ska göra till lunch/middag.

Created 2025-09-27

Issue resultat

Det hade varit kul att kunna fylla i hur det gick med en issue.

Created 2025-09-27

Testa color-scheme

color-scheme verkar bra så testa att använda det för stilmallen och temat.

Created 2025-09-27

Feedback on creating or changing

Feedback I can't find the issue I just created.

  • Should it be a Database or a DOM solution?
  • boolean or string?
  • add a class on the issue to animate or style it

Created 2026-03-06

Recept

Jag börjar med att försöka hitta recepten i galleriet på mobilen och hittar aldrig. Då måste jag gå till datorn och starta den och sen leta upp receptet Skapa sidor för recepten jag har så kan jag hitta dem från mobilen direkt och då finns det bara en master.

Created 2026-03-06

Style the feedback bar messages

Part 1 (done) I think they should be 1/2 height? yes Maybe they should be an alert with type=message? no Maybe they should be it's on component? yes Part 2 The message covers the menu and other things sometimes. Maybe transparent background to increase what you see? Maybe the things in the background should move out of the way? Maybe an area that is usually empty where the messages can come? If you want to see the message, hover the message and it fades in so you can see it? Text, border and transparent background? Text with a text effect, remove everything and only keep the text but with some effect?

Created 2025-11-08

Gör en chat

Min bror ville ha en chat och jag har inte gjort det fastän jag haft massvis med tid och det tycker jag är dåligt. Använd admins inloggning så länge. Gör ett enkelt gränssintt i admin så länge.

  • Skicka meddelande i admin
  • Ta emot meddelande i admin

Created 2025-10-11

Översättning

Ta reda på det senaste sättet att göra en översättning. Mina lärdommar: 1. Spara i databasen så man kan ändra snabbt och utan omtestning när det är kris på liveservern. 2. Använd konstanter, KNAPP_SKICKA, som ersätts innan det skrivs ut. 3. Det finns färdiga system t("KNAPP_SKICKA") som gör översättningen.

Created 2025-10-11

Bättre feedback

Nu när jag kan se alla meddelande så är de rent för generella och en del känns onödiga när man får feedback direkt i sidan. Den generella Collection gör att alla meddelande är rent för generella. Man borde kunna skicka in ett meddelande som sen används. Man borde kunna få mer feedback i sidan istället för ett meddelande.

Created 2026-02-26

HTML strukturen är fel

Htmltaggarna följer inte standard. Gör något bättre och snyggare. När det blir ett cms så kommer det antagligen att lösa mycket av det här.

  • Dubbla main
  • Html utanför main
  • Accessibility ser helt konstig ut
  • Jonas Admin ligger utanför nav
  • Använd presentation mer

Created 2025-10-16

Make the issue manager into it's own product

Would be great to package the issue manager on it's own as a product. I would be satisfied if the database was a local file and that you could install the page.

  • Make the page installable
  • Make the database local
  • Make the app
  • Add a manual
  • Add an about page with version and update history
  • Add tabs or pages instead of all in one page
  • Maybe add some sort, filter and search

Created 2025-11-18

Det är för många steg på avstånd

p-1 p-2 osv Använd litet, mellan, stort eller liknande.

Created 2026-02-04

Animering på top listan

När jag bytar betyg på en anime så hoppar mina ögon till meddelandet som poppar upp. Det känns osmart. Jag tror att det är bättre om det inte kommer ett meddelande. Den gamla platsen fadar ut kanske med ett meddelande ovanpå. Och sen fadas animen in på den nya positionen. Kanske scrollas fönstret till den nya positionen.

Created 2025-11-25

Nya fantasy borders

Man borde kunna ha murar, kransar, pratbubblor, mm runt en yta.

Created 2026-02-04

GoLang Projekt

Gör något i GoLang för att träna på det

  • Gör en dokumentation
  • Gör övningar
  • Gör exempel

Created 2026-02-04

Felhantering vid kommunikationsfel

Om det blir något sorts allvarligt fel där sidan inte kan komma åt databasen eller liknande så ser man inte felet. Koden döljer felen och visar en tom sida och då tror man kanske att ens data har försvunnit. Det borde stå vad som är fel så man kan ladda om eller kolla nätverket.

Created 2026-03-20

Slumpa ut 5 sidor

När man kommer till botten av sidan kan den slumpa ut 5 sidor som kort som man kan trycka på. Det är ju egentligen så här man ska göra sidor så jag borde ha något i den här stilen. Skriver upp för att inte glömma.

Created 2026-03-21

Glow är lite ful

Effekten som jag har som heter glow ser lite ful ut. Shadow ser bättre ut. Trimma stilen så det blir bättre eller gör nya ramar att använda på ytor.

Created 2026-03-21

Bakgrundsfärger för ytor

Ibland vill jag sätta en bakgrund när något hänger ihop och det känns inte som att det riktigt går. Eller det finns theme på Container men jag använder det sällan så det borde förfinas så att det går att användas.

Created 2026-03-21

Relativa värden i stilmallen, allt bygger på ett värde

När jag gjorde gap, sgap, lgap så känns det onödigt att sätta 3 värden i stilmallen. Det borde räcka med 1 värde och de 2 andra kunde räknas ut från tex standard mellanrum. Ta en konstant gånger mellanrummet: Så man sätter standard mellanrum sen räknar man ut sgap och lgap. sgap = mellanrum gap = 2 * mellanrum lgap = 4 * mellanrum padding-small = mellanrum padding-medium = 2 * mellanrum padding-large = 4 * mellanrum Avstånd som jag brukar behöva: mellan titel och text = 0.5rem mellan komponenter = 1rem separera komponenter helt = 2rem Jag tror att det är lättare att sätta färre värden som verkligen påverkar och är lätta att förstå. Än att sätta massvis med värden som bara gör att sidan blir svårare att konfigurera. Min kod blir också enklare. Det här borde användas för alla avstånd: padding, margin, gap

Created 2026-03-21

Bakgrundsbilder

Jag tycker att de roligaste sidorna brukar ha en bakgrundsbild. Man borde kunna lägga en liten bild som upprepas eller en stor som täcker hela sidan. Sen borde man ha en variant för svart tema och en för ljust tema. Det borde gå att använda en svg för att det ska gå fortare att ladda. Delar av sidan borde vara genomskinlig så att bakgrunden syns.

Created 2026-03-21

Klara

Döp om SeasonTitle

SeasonTitle används till alla titlar så döp om den.

Created 2025-07-07

Watched

Man måste kunna ändra hur många anime avsnitt man tittat på.

Created 2025-08-17

Ta bort bullets

Ta bort bullets verkar ta bort mer än en

  • Returnerade inte en ny array i setState med function
  • Använder filter nu som ger en ny kopia men nu tar den alla lika på en gång

Created 2025-08-02

Sortering på status

Sortera ärendehanteringen på status

Created 2025-08-20

Teknologier

Gör så att man kan lägga till grupper av teknologier.

  • CRUD grupp
  • CRUD teknologi

Created 2025-06-27

Fixa Sida för deploy

Jag borde göra en deploy med den nya versionen så fixa felet och lägg till lite fler sidor.

  • Fixa buggen med id
  • Lägg till sidor för allt som finns i admin
  • Fixade buggen med id
  • La till en hel del på sida men inte allt

Created 2025-08-09

Anime som läggs till senare behöver läggas till i topplistor

Om man ändrar/adderar en anime mitt under säsongen så skulle toplistorna i databasen behöva uppdateras.

Created 2025-09-06

Feedback när något sparas

Jag testade med en alert högst upp men det är inte så bra. Nu har jag en feedbacktype och en -alert och två sidor fungerar likadant.

  • När man har scrollat ner ser man inte meddelandet
  • En bättre lösning hade varit att färga skuggan på den man ändrar
  • Men det ser ut att krocka på ärendehanteringen eftersom den redan har en färgad border
  • Fixa Sortering på status först

Created 2025-08-20

Ta bort identifier i ärendehanteringen

Känns helt onödig för mina ändamål. Alla brukar ju ändå kopiera titeln till git.

Created 2025-07-16

Hämta en sida-json från databasen

Jag har skapat en React komponent som läser in en json och genererar en sida utifrån den. Nu skapas en json i loadern så nästa steg är att hämta den från databasen istället.

  • Lägg json som ligger i loadern i databasen
  • Hämta json från databasen i loadern

Created 2025-09-17

Skapa ny sida i admin

Gör så att man kan lägga till en tom sida.

  • Gör en ny controller som skapar en ny sida

Created 2025-10-11

Alfabetisk sortering på Anime Top List

Jag har svårt att hitta den animen som jag letar efter. Sortera efter betygen och alfabetiskt.

Created 2025-08-25

Ändra en issue ger feedback på alla issues

Feedback borde kanske kolla id utöver vilken typ av action det är.

Created 2025-08-24

Footern ligger inte alltid i botten på sidan

När en sida är kort så ligger footern inte i botten på sidan. Löses genom att lägga till tagName="main" på Container som håller sidan.

Created 2025-10-01

Find code gets copied and pasted a lot

I change the code and messages a lot so it needs to be in one place so it is easy to change. Encapsulate the find/delete/update code in some way to prevent many different versions of the same code. I could also standardize the messages. Create a Find class? Create a Collection class? Create static functions?

Created 2025-09-06

Betygsväljaren ska inte ha mellanrum

Betygsväljaren har onödiga mellanrum mellan knapparna eftersom knapparna redan har padding.

  • Ta bort gap mellan betygen
  • Lägg till padding?
  • Lägg till class på komponenten

Created 2025-08-27

toplistan måste mobilanpassas

När man ändrar storlek på webbläsaren så är där flera lägen där sidan ser konstig ut. Jag testade med tabellen.

  • 4 kolumner syns fastän de inte får plats
  • sista kolumnen med watched saknar padding
  • tabellen ska kanske bli till grupper i mindre skärm

Created 2025-11-10

feedback

Jag vill testa en flytande feedback som försvinner av sig själv. Det känns som att det kvittar var jag lägger den så syns den inte så om den flyter så borde den synas. KLAR Det andra problemet är att den ligger där för evigt och då kan man tro att man gjort något som man inte gjort. KLAR Det här är mycket bättre och enklare. Skulle väl egentligen velat animera när saker händer men det får bli en ny issue.

Created 2025-10-14

Issue, created date ändras vid uppdatering

När jag ändrade en issue så ändrades created date. Om man skriver ut tiden under utveckling så borde man kunna testa utan att behöva ändra datum. Annars kan man ha en knapp som ändrar datum på en test-issue. Det här borde egentligen bli ett testfall. Ändrade Created till Changed. Det finns bara ett datum så då kan det lika bra vara senast ändrad. Lite korkat kodat men jag låter det vara.

Created 2025-10-01

Flytta puck från admin till sida

Lite kul att ha som exempel så lika bra att spara det i sida under projekt

Created 2025-09-27

Styla för Firefox

Allt ser konstigt ut i Firefox så fixa en mer neutral stil. Glömde att bygga stilen.

  • Hörnen är inte runda
  • För lite mellanrum mellan korten
  • details - summary, fälla ut ikonen fel
  • flex row/column verkar inte fungera
  • flex-start funkar inte på issue title
  • bullets hamnar ovanför text field

Created 2025-09-27

Ljust tema lite väl ljust

Ljust tema är vitt så det är väldigt ljust, det går inte att använda. Nu när jag skruvat ner ljuset på min skärm så är det mycket bättre. Men det vita borde vara grått eller hela temat ska vara färgglatt istället. Grått blev det med ljusa knappar och svart text.

Created 2025-11-08

Textfälten är för korta

Ser många titelfält som är för korta

Created 2025-11-08

Sidan är väldigt lång nu

Man kan scrolla jättelångt så någonting är konstigt. Developer tools gör sidan lång...

Created 2025-09-27

Create a new issue - buttons

Knapparna Save och Remove ligger halvt utanför rutan. Bredd på sidan: 1800px Det kan vara att det beror på att Alerten är inne i rutan eller att det är mycket marginal i botten. Ser att form taggen orsakar problemet och att klumpa ihop formuläret på ett ställe antagligen hjälper. Satte display flex på form och nu funkar det.

Created 2025-10-05

Ta bort utan feedback

Ta bort knappen tar bort issuen men sen triggas inte en useEffect för att sätta en feedback. Det fungerar när man skapar en ny. Laddas sidan om eller vad händer? Det verkar som att den gör en GET på hela sidan efter en DELETE. Se om man kan fånga upp att en delete har körts och sätt i så fall status. Det finns kanske ett bättre sätt att göra det här på så kolla i videon som jag laddade ner och se om den killen gör något med feedback. Jag gör en useFetcher.submit så då laddas sidan inte om. Det gick bra att anropa addMessage efter useFetcher.submit.

Created 2025-10-14

Editera en sida i admin

Gör en editor så man kan ändra sidor. Det här har legat för länge så ta genvägar och jobba mer effektivt så det blir gjort.

  • Det går att skapa sidor fast komponenterna och inställningarna är för få.

Created 2026-03-08

Editera en sidas settings

Gör ett form mm så att man kan ändra en sidas egenskaper.

Created 2025-11-20

Ta bort en sida

Gör så att man kan ta bort en sida

Created 2025-10-11

Print läge

Ta bort print från stilmallen. Man kan välja ljust tema om man ska skriva ut.

Created 2025-10-16

visible

visible på Container funkar inte med TypeScript så ta bort den. Det jag kommer ihåg är att TypeScript tycker att komponenten syns fastän man satt visible={false}. När jag sökte så används visible ofta och fungerar så jag gör inget med den här.

Created 2025-11-08

details + h2

Extremt vanlig kombination som borde göras till en komponent.

Created 2025-11-20

Remove på Create issue

Det går ju inte att ta bort en issue innan den ens blivit skapad så ta bort Remove knappen.

Created 2025-11-10

Scss overhaul

I'm tired of hot reload of the style files is not working. The size of the style file is too big. I'm moving the style files next to the components. I'm importing the files where they are used. There will be a few more files but they will most of the time be cached. I already found styles that are not used. And some components that are not used. Absolute paths with @jonas/library to the mixins solves my biggest problem the last time I tried.

  • Put the style files next to the tsx files
  • Load only the files needed
  • 100k style file is not needed most of the time
  • Use absolute paths with @jonas/library
  • Move styles into library since that is where they are used
  • Remove the build step I do when I change something in the style

Created 2025-11-11

Bakgrundsfärgen definieras ej

Det saknas en background-color: var(--background) Ljust tema är lite för ljust igen Det verkar som att background-color inte syns på html så jag la det på body.

Created 2025-11-20

Create a new season saknar stil

Det ser ut som att select har tappat sin stilmall.

Created 2025-11-20

Använd style i React istället för en class för färg

theme på container använde classer för att ange färg men det tog mycket plats. Så jag ändrade till style istället. Nu kan man använda många fler färger på många fler komponenter.

Created 2025-11-20

Sista issuen hamnar i fel kolumn

När alla issues ligger i en kolumn så hamnar den sista issue i en egen kolumn till höger utanför skärmen. Det är kanske den här buggen: https://stackoverflow.com/questions/33891709/when-flexbox-items-wrap-in-column-mode-container-does-not-grow-its-width Den här löste sig av sig själv, antagligen är det när jag ändrade till columns istället för grid.

Created 2026-03-20

Väldigt breda knappar

Om man lägger en knapp på en sida så blir den samma bredd som containern den ligger i. De gånger jag stört mig på breda knappar är många så den borde ha default som lika lång som innehållet. Det ska kanske vara en inställning om man vill ha en bred knapp någon gång, kanske om man använder knapp utseende på en länk. Eftersom det är återkommande att jag stör mig på hur någon knapp ser ut så borde jag ha en testsida för knappar.

  • Använd column-wide för breda layouter
  • Använd column-left för om allt ska åt vänster
  • Knapparna har nu self-align: left

Created 2026-03-07

Inställningar på sidkomponenterna

Man borde kunna göra massa val på de olika komponenterna till sidorna. Börja med något enkelt och gör det klart som ett test. Man borde kunna välja listtyp: bullets, normal, numrerad...

Created 2026-03-21

TextBox is behind TextArea

TextBox is behind TextArea in how it is structured. Change TextBox so they match. I changed TextArea to use React properties from textarea. Do the same for TextBox. TextBox should probably use the input tag instead of Input. A lot of changes with the help of Claude AI.

Created 2026-03-25

PageHeader component

Jag ändrade fram och tillbaka så nu är det en komponent. Detta är bara för att komma ihåg vad jag la all tid på...

Created 2026-03-20

Form Components - Synced

BulletList, Checkbox, Radio, Textarea, TextInput are now similar in all ways.

Created 2026-03-25

Add rights to User

Added rights to the users. It uses a new Checkbox component that works similar to Radio.

Created 2026-03-25