Stronka oparta na technologi "one-page". Wykorzystany został framework PHP Larevel 5.3, Bootstrap i Angular2. Wszystko zostało wykonane jako One-Page oraz jest w pełni responsywne. Działającą stronę można znaleźć pod adresem: http://hafty-kasi.cba.pl/
Standardowo -> pobieramy projekt do folderu htdocs Xamppa, albo do www Wampa (lampa, trampa, itp). Następnie otwieramy terminal (konsolę) w folderze z projektem i wpisujemy composer install, a potem npm install. Tak, projekt wymaga zainstalowanego Composera oraz Node.js.
Być może będzie wymagane odblokowanie php_intl.dll w pliku php.ini w konfiguracji naszego serwera, ale to już jest spowodowane przez wymagania samego Laravela.
Następnie musimy przejść do pliku node_modules/elixir-typescript/index.js i zakomentować w nim linijkę: //.pipe($.concat(paths.output.name)).
Na koniec wpisujemy komendę gulp by skompilować assety (pliki TypeScript) Angulara 2.
- Duże zdjęcia znajdują się w
public/img/hafty. Na podstawie tego katalogu skrypt tworzy array'a z odnośnikami do zdjęć. - Miniaturki są przechowywane w folderze
public/img/miniaturki. Miniaturka musi nazywać się tak samo jak duże zdjęcie. Powinna mieć wymiary400px x 300px. - Ustawienia odnośnie lokalizacji folderu ze zdjęciami oraz cały skrypt który przeszukuje te foldery znajdziemy w pliku
app/Repositories/PhotoRepository.php. MetodagetAll()zwraca gotowego array'a z linkami do zdjęć i miniaturek. Wynik tej funkcji jest zwracany do widokuresources/views/includes/gallery_blueimp.blade.php. Nie jest to robione standardowo przez kontroler lub router, tylko poprzez tzw. "ViewComposer" o nazwiePhotoComposer(lokalizacjaapp\Console\Http\ViewComposers\PhotoComposer.php). Te dane są zwracane do zmiennej$photos, którą możemy używać w widoku. - Repozytorium do ViewComposera jest „wstrzykiwane” dzięki mechanizmowi Dependency Injection
- napisać księgę gości + zrobić do niej ładny wygląd + skopiować wpisy ze starej (księga gości na angularze2)
- porobić parę rzeczy w Angularze2