lizard-ui

jaszczurka-ui zapewnia podstawowy interfejs użytkownika, tak więc Django Django szablon i bazie CSS + JavaScript trochę & nbsp;. Zaprojektowaliśmy go w Nelen & Schuurmans dla naszych stronach internetowych informacji geograficznych (z informacji gospodarki wodnej).
wybór, wymagania, założenia
Lizard-ui jest uparty: to sprawia, że ​​wybory i nakazuje (dobre!) Technologii.
& Nbsp; * W zestawie: ramowy plan css. Resetuje To stylów CSS, tak, że mamy wspólną podstawę. To rozwiązuje typowe błędy IE układu. Daje podstawową typografii To całkiem miłe.
& Nbsp; * Wymagane: django-staticfiles. Bardziej szczegółowa opis, patrz wpis w blogu Reinout za jaszczurki (pisemne z-ui na myśli).
& Nbsp; * Wymagane: django_compressor łączenia plików css / javascript w produkcji.
& Nbsp; * Założenie: jeden ekran, na całą szerokość / wysokość przeglądarce, bez konieczności przewijania. Naszym głównym celem jest pokazanie ładne, duże mapy z małym nagłówka i paska bocznego. Nie chcesz, aby przewinąć mapę. Jest oczywiście możliwe, że pasek przewijania wewnątrz tego samego głównego obszaru zawartości.
& Nbsp; * Założenie: javascript jest dostępny. Hej, jesteśmy pokazując mapę więc trzeba javascript. Więc obficie używać javascript, aby uzyskać prawo UI, na przykład poprzez wykrywanie i ustawienie szerokości głównej treści i wysokość.
& Nbsp; * W zestawie: jquery. Tak, to jest dość dużo standard w dzisiejszych czasach. Więc użyć jquery gdzie jquery być stosowany zamiast robić to z rodzajowe javascript.
& Nbsp; * W zestawie: zarówno jqueryui i jquerytools. Bajerów wizualnych. Jquerytools dla nakładki i zakładek, jqueryui dla reszty (drag / drop i tak).
& Nbsp; * W zestawie: OpenLayers jak mapie javascript biblioteki. (Lizard-map, sooooon być wydany, zawiera nasze podstawowe interakcje mapę javascript i kodu Pythona).
Lizard-ui statki z kilku zewnętrznych css / javascript. Bibliotek
Plan
& Nbsp; Modified MIT
Jquery i jqueryui
& Nbsp; Podwójny licencji MIT lub licencji GPL w wersji 2. Zawiera Sizzle.js, wydany na Licencji MIT, BSD i GPL.
Jquerytools
& Nbsp; Prawa autorskie i licencje. Rób to, co lubisz.
OpenLayers
& Nbsp; Jasne BSD licencji.
Famfamfam zestaw ikon
& Nbsp; CC licencji Uznanie Autorstwa.
Drzewko plugin jquery
& Nbsp; MIT / GPL
Ustawienia Django
Oto fragment z settings.py można wykorzystać. Ustawienia mediów i korzeń statyczne katalog zakłada wykorzystanie buildout, ale można przełożyć je do własnej konfiguracji systemu plików:
INSTALLED_APPS = [
& Nbsp; "lizard_ui",
& Nbsp; "sprężarka",
& Nbsp; "staticfiles",
& Nbsp; "django.contrib.admin",
& Nbsp; "django.contrib.auth",
& Nbsp; "django.contrib.contenttypes",
& Nbsp; "django.contrib.sessions",
& Nbsp; "django.contrib.sites",
& Nbsp;]
# Uwaga: poniższe ustawienia są bardziej skomplikowane, niż to konieczne,
# Ale chcemy przetestować ściskanie django_compressor, które
# Potrzebuje url mediów i korzeń i tak.
# Zestaw COMPRESS na True, jeśli chcesz przetestować kompresję, gdy
# DEBUG == True. (Domyślnie Compress jest przeciwieństwem
# DEBUG).
COMPRESS = False
# SETTINGS_DIR pozwala ścieżki mediów i tak się w stosunku do
# Ten plik ustawień, a nie na sztywno do
# C: only na moja komputer .
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ FILE__))
# BUILDOUT_DIR ma dostępu do "otaczających" buildout,
# Na przykład dla BUILDOUT_DIR / var / pliki statyczne, aby dać
# Django-staticfiles odpowiednie miejsce, aby umieścić wszystkie zebrane
# statyczne pliki.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
# Bezwzględna ścieżka do katalogu, który posiada przesłany przez użytkownika
# mediów.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR "var", "Media")
# bezwzględną ścieżkę do katalogu, w którym django-staticfiles '
# "bin / django build_static" miejsc wszystkie zebrane statyczne
# pliki z wszystkich aplikacji 'katalogu / media.
STATIC_ROOT = os.path.join (BUILDOUT_DIR "var", "statyczne")
# Adres URL, który obsługuje media serwowane od MEDIA_ROOT. Marka
# Używaj ukośnika jeśli jest elementem ścieżki
# (Opcjonalnie w innych przypadkach).
MEDIA_URL = "/ media /"
# URL dla aplikacji / per-mediów plików statycznych zebrane
# Przez django-staticfiles. Użyj go w szablonach jak "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# URL prefiksu dla mediów administratora - CSS, JavaScript i
# zdjęcia. Należy używać ukośnika. Zastosowania
# STATIC_URL jak django-staticfiles ładnie zbiera admin
# statycznych materiałów do STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin /'
Silnik # bagażu do wykorzystania podczas kompresji
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# URL, które powiązane nośniki będą odczytywane i sprężonego
# mediów będą zapisywane.
COMPRESS_URL = STATIC_URL
# Absolutna ścieżka do pliku, który związany nośnik zostanie odczytana z
# Skompresowane i media będą zapisywane.
COMPRESS_ROOT = STATIC_ROOT
# Używane do django-staticfiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; punkty # domyślne.
& Nbsp; "django.core.context_processors.auth",
& Nbsp; "django.core.context_processors.debug",
& Nbsp; "django.core.context_processors.i18n",
& Nbsp; "django.core.context_processors.media",
& Nbsp; # należy dodać do django-staticfiles aby umożliwić
& Nbsp; # używać {}} {STATIC_URL / my.css myapp w szablonach.
& Nbsp; "staticfiles.context_processors.static_url",
& Nbsp;)
I nadaje apache config podpowiedź:

& Nbsp; # W staticfiles css / javascript / obrazu są zapisywane w
& Nbsp; # przeglądarka na dzień.
& Nbsp; ExpiresActive Na
& Nbsp; ExpiresDefault "Dostęp plus 1 dzień"


& Nbsp; # django_compress wygenerował pliki timestamp'ed:
& Nbsp; # cache na zawsze
& Nbsp; ExpiresActive Na
& Nbsp; ExpiresDefault "Dostęp Plus 10 lat"

# Statyczne pliki są przechowywane przez samą apache.
# Przesłanych przez użytkowników mediów: MEDIA_URL = "/ media /"
Alias ​​/ media / $ {buildout: katalog} / var / media /
# django-staticfiles: STATIC_URL = "/ static_media /"
Alias ​​/ static_media / $ {buildout: katalog} / var / statyczne /
Zastosowanie
Możesz zamontować adresów Lizard-UI, ale zawiera on tylko żyć przykłady. Więc może należy tylko zamontować go w trybie debugowania w / ui. Poręczny, ponieważ zawiera pełną dokumentację na racjonalnie, jak go używać, w tym dostępnych bloków i klas / identyfikatorów, które można wykorzystać.
Układ bazowy jest zdefiniowana w realbase.html. Należy jednak przedłużyć lizard_ui / lizardbase.html a następnie zastąpić bloki, które chcesz.
CSS i JavaScript, należy dodać do odpowiednich bloków, ale nie zapomnij zadzwonić "block.super". Przykład:
{% Extends "lizard_ui / lizardbase.html"%}
{% Block css%}
{{Block.super}}
& Nbsp; href = "{{}} lizard_map STATIC_URL / lizard_map.css"
& Nbsp; mediów = "ekran projekcyjny"
& Nbsp; rel = "stylesheet" />
{% Endblock css%}
{% Block%} javascript
{{Block.super}}



{% Endblock javascript%}
{% Block%} zawartość

{% Zawartości endblock%}
Przykładem wspólnego zadania: zmienić logo. Do tego dokonać multimedialny katalog / lizard_ui w aplikacji django (lub strony) i umieścić w niej logo.png. Mechanizm Django staticfiles "weźmie swój Logo.png zamiast do jaszczurka-UI.
instalacji Rozwoju
Po raz pierwszy, musisz uruchomić "Bootstrap" skrypt założyć setuptools i buildout:
$> Python bootstrap.py
A następnie uruchomić buildout ustawić wszystko się:
$> Bin / buildout
(Na oknach nazywa bin buildout.exe).
Będziesz musiał ponownie uruchomić buildout gdy ty lub ktoś inny dokonał zmian w setup.py lub buildout.cfg.
Obecny pakiet jest instalowany jako "pakietu rozwoju", więc zmiany w pliku .py są automatycznie dostępne (podobnie jak w przypadku Pythona setup.py rozwijać).
Jeśli chcesz (zamiast wersji opublikowanych) używać kas trunk innych pakietów, dodaj je jako "svn zewnętrzne" w local_checkouts / i dodać je do listy opracowania = w buildout.cfg.

Co nowego w tym wydaniu:

• Usunięto `` sentry_exception_handler () `` połączenie z naszym middleware wyjątków (wprowadzonego w 4,25), ponownie. To łamie testów. Dalsze badania wykazały, że połączenie jest konieczne tylko, jeśli wrócimy wartość w naszym middleware, których nie mamy.

Co nowego w wersji 4.17:

• Poprawiono logo: usunięte artefakty; wykonane palce jaszczurki bardziej widoczne.

Co nowego w wersji 4.1:

• Próba skonstruowania nawigacyjny, nawet jeśli nie mamy Ikona aplikacji wskazując na bieżącej stronie.

Co nowego w wersji 4.0 Beta 4:

• Dodane `` required_permission`` atrybut UIView. Jeśli go ustawić, uprawnienie jest sprawdzana, a użytkownik przekierowany, w razie potrzeby.

Co nowego w wersji 4.0 Beta 1:

• poprawki UI: wykresy obciążenia automatycznie ponownie; podkładki poz Przestrzeń robocza / marginesami; Przyciski jqueryui wypowiedziało się jak są one sprzeczne z css Bootstrap w.
• Ulepszony klient wartownik do kruk.
• Aktualizacja configchecker.
• Linia 413 w skomentowane jquery-ui-1.8.5.custom.css usunąć conflicing (z Twitter Bootstrap) Klasa .ui-button-tylko tekst .ui przycisk tekstu [Gijs Nijholt]
• Naprawiono niektóre problemy interakcji z modalu i pojedynczymi blokami formularza logowania.
• Przywrócono zachowanie akordeon i ulepszona leftbar stylizacji.

Co nowego w wersji 4.0 Alpha 2:

• Poprawiono mapy google (co byłoby niewidoczne) przez usuwanie max-width z css Bootstrap w.

Co nowego w wersji 3.11:

• Wykonane panierka konfigurowalny
• Dodane funkcje pomocnicze dla panierce na ekranach

Co nowego w wersji 3.7:

• Dodane `` na żywo: true`` na tipsy podpowiedzi tak że elementy stworzone później może również uzyskać podpowiedzi

Co nowego w wersji 3.6:

• Zamienione kolejność DataTable i ColorPicker na liście js jako django -compressor dławiki na nich nieco.
• Wykonane debugmode_urlpatterns () bardziej wytrzymałe. Rozbił się bez ustawień MEDIA_URL i MEDIA_ROOT w settings.py
• Zwiększona i18n i tipsy podpowiedzi.

Wymagania :

• Python
• Django