GithubHelp home page GithubHelp logo

LMS frontend about lms HOT 19 CLOSED

kyob avatar kyob commented on May 22, 2024
LMS frontend

from lms.

Comments (19)

chilek avatar chilek commented on May 22, 2024

Czy chodzi Ci o to, żeby można było w miarę prosto zmieniać temat wizualny interfejsu użytkownika?
templates/nazwa_szablony byłby podkatalogiem z szablonami stanowiącymi temat wizualny interfejsu o nazwie "nazwa_szablonu"?
Myślę, że dobrze byłoby zrobić to tak, żeby nie trzeba było w nowym temacie wizualnym od razu przygotowywać wszystkich szablonów. Po prostu jeśli dany szablon w temacie wizualnym nie istniałby to LMS ładowałby szablon z domyślnego tematu.
Czyli ogólnie rozwiązanie 2 byłoby bardziej eleganckie.

from lms.

chilek avatar chilek commented on May 22, 2024

Można byłoby wykorzystać tą metodą:
http://www.smarty.net/docs/en/api.template.exists.tpl
klasy Smarty do testowania istnienia szablonu w niepełnym temacie wizualnym.
Wtedy powinniśmy zrezygnować z bezpośrednich wołań metod display i fetch w modułach PHP, na rzecz
jakiejś funkcji/metody, która by badała najpierw obecność pliku z szablonem.

from lms.

chilek avatar chilek commented on May 22, 2024

"Cieńkie" tematy wizualne moglibyśmy tworzyć poprzez CSS. Gdy Maciek Lew zrobi porządek z kodem HTML/CSS to może to stać się całkiem proste i przyjemne. "Grube" tematy wizualne, które proponujesz, byłyby wtedy ostatecznością przygotowaną specjalnie dla "hardcore-owców".

from lms.

maciejlew avatar maciejlew commented on May 22, 2024

Na razie nie jesteśmy jeszcze zgodni z HTML4, a od HTML5 dzielą nas miliony lat świetlnych :)
Po pozbyciu się zbędnego kodu łatwiej będzie myśleć o HTML5.

Zmiana styli ( kolory, obramowania, czcionki itp ) wydaje się prosta, wystarczyłoby podmieniać style.css. Nie wiem czy komuś będzie chciało się bawić w zmianę całego szablonu.

Jeśli chodzi o strukturę katalogów to ja myślałem i zacząłem wdrażać u swoich klientów "submoduły". W katalogu modules miałem jeden główny plik danego modułu, powiedzmy etherwerx.php w którym switch inkludował odpowiedni submoduł, a wywoływało się to np. tak: ?m=etherwerx&sm=reload&id=2.
Był też w modules katalog etherwerx a w nim zgrupowane submoduły, podobnie w templates.
W ten sposób wiadomo było co jest nasze, a co z LMSa.

from lms.

kyob avatar kyob commented on May 22, 2024

Jestem w trakcie przerabiania LMS pod HTML5. Dla mnie osobiście szkoda czasu na zabawę w pół środki, dlatego jadę po bandzie od razu w stronę HTML5. Poniżej kilka zrzutów na jakim jestem etapie. Nie jest to jeszcze efekt końcowy, ale mały zarys tego co będzie.

config
customer1
customer2
dashboard
customerlist
netlist

from lms.

chilek avatar chilek commented on May 22, 2024

Bardzo fajnie! Potem zostanie tylko przygotowanie "skórki", która uczyni wygląda LMS-a podobnym do dotychczasowego.
Zwróć uwagę, ze w git wszystkie szablony domyślne leżą już w templates/default.
Znalazłem elegancki sposób w smarty, żeby czytał szablony w następującej kolejności:

  • własny podkatalog zdefiniowany zmienną phpui.custom_templates_dir w katalogu /templates,
  • katalog templates/default,
  • katalog templates,

Smarty próbuje ładować każdy szablon przeglądając katalogi właśnie w tej kolejności jak powyżej.

from lms.

kyob avatar kyob commented on May 22, 2024

Oto chodziło. Mam jeszcze jedno pytanie. Obecnie pliki .js i .css znajdują się w katalogu img co wprowadza niepotrzebne zamieszanie. Tutaj też bym wprowadził zmiany. W moim szablonie przyjąłem następujący schemat:

OPCJA 1:

  1. Nowy katalog assets
  2. W nim podkatalogi identyczne jak w katalogu templates
  3. Przykład templates/nazwa_motywu i odpowiednio dla pozostałych plików assets/nazwa_motywu/ w nim odpowiednio katalogi css, js, img, itp.

Taka droga wydaje mi się odpowiednia, gdy pojawi się więcej motywów.

OPCJA 2:
Alternatywnie można przenieść katalog assets do templates/nazwa_motywu/assets/, a w nim odpowiednio katalogi css, js, img i inne według potrzeby.

from lms.

chilek avatar chilek commented on May 22, 2024

To może bezpośrednio w templates/nazwa_motywu dać od razu katalogi css, js i img?
Wtedy byłoby tak:
templates/motyw - szablony motywu
templates/motyw/img - obrazki danego motywu
templates/motyw/js - javascript danego motywu
templates/motyw/css - css danego motywu
Czy tak byłoby nie bardzo zgodne z jakimiś ogólnymi standardami programowania html/css+skins?

Cześć elementów z obecnego img będzie chyba niezależna od motywu.

from lms.

kyob avatar kyob commented on May 22, 2024

Wygospodarowałem trochę czasu i ruszyłem powoli z tematem nowej skórki. Jest to dopiero początek, ale dla zainteresowanych udostępniam screeny.
zrzut ekranu z 2014-04-29 13 20 34
zrzut ekranu z 2014-04-29 13 19 05
zrzut ekranu z 2014-04-29 13 18 15
zrzut ekranu z 2014-04-29 13 17 47
zrzut ekranu z 2014-04-29 13 17 37
zrzut ekranu z 2014-04-29 13 17 31
zrzut ekranu z 2014-04-29 13 17 24
zrzut ekranu z 2014-04-29 13 17 13
zrzut ekranu z 2014-04-29 13 17 04

from lms.

paszczus avatar paszczus commented on May 22, 2024

W sumie spoko, ale strasznie przypomina interfejs do SIIS, który chyba jest przez nas ISP całkowicie znienawidzony ;-)

from lms.

chilek avatar chilek commented on May 22, 2024

Jak dla mnie przypomina twitter bootstrap, a SIIS też pewnie tego używa.
Jest lepiej wg mnie niż było, chociaż kolorki można byłoby zmienić na bardziej przypominające do tej pory używane.

from lms.

kyob avatar kyob commented on May 22, 2024

Kolorki są defaultowe z frameworka twitter bootstrap. Kolorystykę można w prosty sposób zmienić według własnego uznania. W pierwszym etapie skupiam się na kodzie, a w drugim etapie będzie dopieszczanie części wizualnej oraz może jakieś ekstra "ficzersy" + wersja mobilna dla smartfonów.

from lms.

maciejlew avatar maciejlew commented on May 22, 2024

Myślałem że temat umarł i sam zacząłem kilka dni temu robić szablon w Twitter Bootstrap, na razie idzie mi powoli, ale to co mam do zobaczenia jest w moim forku w gałęzi bootstrap.

from lms.

killerops avatar killerops commented on May 22, 2024

I think a hidden menu would be very useful on mobile devices, for example.
What do you think about this?

from lms.

nicraMarcin avatar nicraMarcin commented on May 22, 2024

Witam,
czy można to skąś pobrać?

from lms.

interduo avatar interduo commented on May 22, 2024

Świetnie to wygląda.
Kyob, podzielisz się z nami?

from lms.

kyob avatar kyob commented on May 22, 2024

Tak postaram się wrzucić gałąź z szablonem na moim repo. Jak wrzucę dam znać.
Niestety z braku czasu szablon nie został ukończony. Tutaj muszę przyznać rację @chilek, że utrzymywanie równoległe dwóch szablonów w dłuższej perspektywie jest kłopotliwe.

from lms.

kyob avatar kyob commented on May 22, 2024

Wersja developerska używacie na własną odpowiedzialność :)
https://github.com/kyob/lms/tree/twbs-template

from lms.

kyob avatar kyob commented on May 22, 2024

Pacjent #145 zmarł. Nowy obiekt badań otrzymał nr #776

from lms.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.