Felület testreszabás

Meg akartam oldani, hogy fejlesztők ne csak saját app-okat tudjanak írni, hanem FrontFoo felületébe is tudjanak injektálni saját stílust és kódot, akár HTML objektumokkal.

Mivel saját domain-eket is a rendszerbe rakott kóddal szolgálok ki (habár cert-et még kézzel kell generálnom, de ha egy kódot domain.com néven mentünk el és a domain a szerverre mutat és a kód tartalmazza a ?domain? parancsot, akkor kiszolgálja weboldalként), ezért a saját stílust is ide terveztem. Ha ".auto" néven létrehozunk egy kódot, akkor az abban található stílusok, HTML objektumok és scriptek beépülnek a felület minden egyes oldalának végébe (a stílust a header-be is beteszem pluszban, hogy mentést nyomva a kódra ne kelljen egy külön lap újratöltés a stílus életbe lépéséhez - a végére meg azért teszem, hogy mindenképpen felüldefiniáljon mindent).

Ezzel gyakorlatilag limit nélkül szétszedhető és átvariálható a felület kinézete, illetve plusz funkcionalitás is tehető bele. A rendszer minden felületére érvényes lesz, így a beállításokra és az adatkezelő felületre is. Lásd az alábbi képeket (melyeknél sokkal szebbet lehet csinálni természetesen, ez csak gyors példa):

Eredeti üres editor

screenshot

Felülírt (csúnya) stílusok

screenshot

screenshot

(Megjegyzés: demó fiókra nem működik, csak saját regisztráltakra, hogy ártó kódot ne lehessen elhelyezni publikus tartalomba)

Néhány ötlet kód beszúrásra:

  • például a kicsi diff link mellé vagy az editor fölé tennék több text gombot forráskód manipulációhoz, használva az ace editor api-ját: kijelölés kis- nagybetű formázása vagy több sor kikommentelése és hasonlók
  • gyorslinkek kirakása doksihoz vagy github bejegyzésekhez
  • valamilyen árfolyam vagy egyéb változó érték odahúzása a felületre

Weboldal | Dokumentáció