lizard-ui

Eidechse-ui bietet eine grundlegende Django Benutzeroberfläche, so eine Basis Django Template und einige CSS + JavaScript. & Nbsp; Wir haben es bei Nelen & Schuurmans für unsere geografische Informations-Websites (mit Wassermanagementinformationen).
Choices, Anforderungen, Annahmen,
Lizard-ui wird risch: es macht Entscheidungen und vorschreibt (gut!) Technologien.
& Nbsp; * im Lieferumfang enthalten: die Blaupause CSS-Framework. Es setzt CSS-Stile, so dass wir eine gemeinsame Basis haben. Es behebt gemeinsame IE Layout Bugs. Es gibt eine Grundschrift, die sehr erfreulich ist.
& Nbsp; * Pflicht: django-staticfiles. Für eine ausführlichere Beschreibung finden Reinout Blogeintrag (mit Eidechse-ui im ​​Hinterkopf geschrieben).
& Nbsp; * Pflicht: django_compressor für die Kombination von CSS / Javascript-Dateien in der Produktion.
& Nbsp; * Annahme: einem Bildschirm, mit der vollen Breite / Höhe des Browsers, ohne zu scrollen. Unser Hauptziel ist, die eine schöne, große Karte mit einem kleinen Kopf und eine Seitenleiste. Sie wollen nicht, um eine Karte zu scrollen. Es ist natürlich möglich, eine Bildlaufleiste innerhalb dieser Hauptinhaltsbereich selbst haben.
& Nbsp; * Annahme: Javascript ist vorhanden. Hey, wir, die eine Karte, sodass Sie Javascript muss. Also haben wir großzügig verwendet Javascript, um die Benutzeroberfläche direkt erkennen und den Breite und Höhe des Hauptinhaltsbereich zu erhalten, zum Beispiel.
& Nbsp; * im Lieferumfang enthalten: jQuery. Ja, es ist so ziemlich der Standard heute. So verwenden wir jquery jquery, wo können, statt es mit generischen Javascript verwendet werden.
& Nbsp; * im Lieferumfang enthalten: sowohl jQueryUI und jquerytools. Visuelle Leckerbissen. Jquerytools für die Überlagerung und Registerkarten, jQueryUI für den Rest (Drag / Drop usw.).
& Nbsp; * im Lieferumfang enthalten: Openlayers als Karte JavaScript-Bibliothek. (Lizard-Karte, sooooon gelöst werden soll, enthält unsere Grund Karte Interaktion Javascript und Python-Code).
Lizard-ui Schiffe mit ein paar externe CSS / Javascript-Bibliotheken.
Plan
& Nbsp; Geändert MIT
JQuery und jQueryUI
& Nbsp; Doppel unter der MIT oder GPL Version 2 Lizenz lizenziert. Inklusive Sizzle.js unter den MIT, BSD und GPL-Lizenzen freigegeben.
Jquerytools
& Nbsp; keine Urheberrechte oder Lizenzen. Tun Sie, was Sie wollen.
Openlayers
& Nbsp; Klar BSD-Lizenz.
Famfamfam Icon-Set
& Nbsp; CC Attribution Lizenz.
Treeview jQuery-Plugin
& Nbsp; MIT / GPL
Django-Einstellungen
Hier ist ein Auszug aus einem settings.py Sie verwenden können. Die Medien und die statischen Stammverzeichnis Setup setzt die Verwendung von Ausbildungs, aber Sie können es zu Ihrem eigenen Dateisystem-Setup zu übersetzen:
INSTALLED_APPS = [
& Nbsp; "lizard_ui ',
& Nbsp; "Kompressor"
& Nbsp; "staticfiles ',
& Nbsp; "django.contrib.admin ',
& Nbsp; "django.contrib.auth ',
& Nbsp; "django.contrib.contenttypes ',
& Nbsp; "django.contrib.sessions ',
& Nbsp; "django.contrib.sites ',
& Nbsp;]
# Hinweis: Die nachstehenden Einstellungen werden aufwendiger als notwendig,
# Aber wir django_compressor die Komprimierung testen möchten die
# Muss eine Medien url und Wurzel und so.
# Set COMPRESS auf True, wenn Sie Komprimierung testen, wenn möchten
# DEBUG == true. (Standardmäßig ist das Gegenteil von COMPRESS
# DEBUG).
COMPRESS = False
# SETTINGS_DIR ermöglicht Medien Wege und so gegenüber zu sein,
# Dieser Einstellungsdatei statt hartkodierte zu
# C: nur mein Computer .
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ FILE__))
# BUILDOUT_DIR ist für den Zugriff auf die "Umgebung" buildout,
# Zum Beispiel für BUILDOUT_DIR / var / statische Dateien zu geben,
# Django-staticfiles einen richtigen Ort zu Ort alle gesammelt
# Statische Dateien.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
# Absoluter Pfad zu dem Verzeichnis, das von Nutzern hochgeladenen hält
# Medien.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR "var", "Medien")
# Absoluter Pfad zu dem Verzeichnis, in django-staticfiles '
# "Bin / django build_static" Orte alle gesammelten statische
# Dateien aus allen Anwendungen "/ media Verzeichnis.
STATIC_ROOT = os.path.join (BUILDOUT_DIR "var", "statische")
# URL, die den Medien bedient von MEDIA_ROOT behandelt. Machen Sie
# Achten Sie darauf, einen Schrägstrich verwenden, wenn es eine Pfadkomponente
# (Optional in allen anderen Fällen).
MEDIA_URL = "/ media /"
# URL für die pro Anwendung / Medien statische Dateien gesammelt
# Von django-staticfiles. Verwenden Sie es in Vorlagen wie "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# URL-Präfix für den Admin Medien - CSS, JavaScript und
# Bilder. Stellen Sie sicher, einen Schrägstrich verwenden. Anwendungen
# STATIC_URL wie django-staticfiles schön sammelt admin
# Statischen Medien in STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin / "
# Lagerung Motor während der Kompression verwendet werden
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# Die URL, die Medien verbunden wird gelesen und komprimiert werden
# Medien beschrieben werden.
COMPRESS_URL = STATIC_URL
# Der absolute Dateipfad, der Medien verbunden werden aus gelesen werden
# Und Druckmedien geschrieben zu werden.
COMPRESS_ROOT = STATIC_ROOT
# Wird für django-staticfiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; # Default Artikel.
& 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; # Muss für django-staticfiles damit Sie hinzugefügt werden
& Nbsp; #, um {{}} STATIC_URL myapp / my.css in Ihren Vorlagen.
& Nbsp; "staticfiles.context_processors.static_url ',
& Nbsp;)
Und ein geeigneter Apache-Konfiguration Hinweis:

& Nbsp; # Die CSS / JavaScript / Bild staticfiles werden in die Cache-
& Nbsp; # Browser für einen Tag.
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "Zugang Plus 1 Tag"


& Nbsp; # django_compress generiert timestamp'ed Dateien:
& Nbsp; # Cache für immer
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "Zugang Plus 10 Jahre"

# Statische Dateien werden von Apache selbst gehostet.
# Benutzer hochgeladenen Medien: MEDIA_URL = "/ media /"
Alias ​​/ media / $ {buildout: Verzeichnis} / var / media /
# Django-staticfiles: STATIC_URL = '/ static_media /'
Alias ​​/ static_media / $ {buildout: Verzeichnis} / var / static /
Verwendung
Sie können URLs der Eidechse-ui montieren, aber es enthält nur leben Beispiele. Also vielleicht sollten Sie nur montieren im Debug-Modus unter / ui. Handlich, was sie vernünftigerweise für eine vollständige Dokumentation über wie man es benutzt, einschließlich verfügbaren Blöcke und Klassen / IDs, die Sie verwenden können, enthält.
Die Basis-Layout ist in realbase.html definiert. Sie sollten jedoch verlängern lizard_ui / lizardbase.html und dann überschreiben Sie die Blöcke, die Sie wollen.
CSS und Javascript, sollte auf die entsprechenden Blöcke hinzugefügt werden, aber vergessen Sie nicht, "block.super" nennen. Ein Beispiel:
{% Extends "lizard_ui / lizardbase.html"%}
{% Block css%}
{{Block.super}}
& Nbsp; href = "{{}} STATIC_URL lizard_map / lizard_map.css"
& Nbsp; media = "screen, projection"
& Nbsp; rel = "stylesheet" />
{% Endblock css%}
{% Block javascript%}
{{Block.super}}



{% Endblock javascript%}
{% Block content%}

{% Endblock Gehalt%}
Ein Beispiel für eine gemeinsame Aufgabe: Logo ändern. Dafür einen Medien / lizard_ui Verzeichnis in Ihrem Django-Anwendung (oder Website) und legen Sie eine logo.png darin. Django-staticfiles 'Mechanismus werden Ihre logo.png den Vorzug vor Eidechse-ui zu nehmen.
Entwicklung Installation
Das erste Mal, müssen Sie die "Bootstrap" Skript ausführen, um Setuptools und Ausbau-Einrichtung:
$> Python bootstrap.py
Und führen Sie dann buildout alles eingerichtet werden:
$> Bin / Ausbau-
(Unter Windows heißt es bin buildout.exe).
Sie müssen erneut ausführen buildout, wenn Sie oder jemand anderes hat eine Änderung in setup.py oder buildout.cfg.
Das aktuelle Paket als "Entwicklungspaket" installiert ist, so dass Änderungen in .py Dateien werden automatisch zur Verfügung (wie bei python setup.py entwickeln).
Wenn Sie den Stamm-Kassen von anderen Paketen (statt veröffentlichten Versionen) verwenden möchten, fügen Sie sie als "svn externen" im local_checkouts / Verzeichnis und fügen Sie sie in die Liste zu entwickeln = in buildout.cfg.

Was ist neu in dieser Pressemitteilung:

• Entfernt `` sentry_exception_handler () `` Anruf von unserem Ausnahme Middleware (in 4,25 eingeführt), wieder. Dies bricht die Tests. Weitere Untersuchungen zeigten, dass der Anruf ist nur notwendig, wenn wir Wert zurück in unsere Middleware, die wir nicht tun.

Was ist neu in Version 4.17:

• Fest Logo: entfernt Artefakte; machte die Zehen der Eidechse ausgeprägter.

Was ist neu in Version 4.1:

• Der Versuch, eine Breadcrumb bauen, auch wenn wir nicht haben ein Anwendungssymbol zeigt auf der aktuellen Seite.

Was ist neu in der Version 4.0 Beta 4:

• Hinzugefügt `` required_permission`` Attribut UIView. Wenn Sie sie setzen, wird die Berechtigung überprüft und der Benutzer umgeleitet werden, wenn nötig.

Was ist neu in der Version 4.0 Beta 1:

• UI-Fixes: Diagramme Last automatisch wieder; Element des Arbeitsbereichs Polster / Margen; jQueryUI Tasten aus, wie sie Konflikte mit Bootstrap css kommentiert.
• Verbesserte Sentry Client an raven.
• Aktualisiert configchecker.
• kommentiert Linie 413 in jquery-ui-1.8.5.custom.css entfernen conflicing (mit Twitter Bootstrap) Klasse .ui Knopf-Nur-Text-.ui Knopf-text [Gijs Nijholt]
• Es wurden einige Interaktionsprobleme mit modalen und nicht-modale Login-Formular.
• Restauriertes Akkordeon Verhalten und verbesserte leftbar Styling.

Was ist neu in der Version 4.0 Alpha 2:

• Fest Google Maps (die unsichtbar sein würde) durch Entfernen von max-width von Bootstrap css.

Was ist neu in Version 3.11:

• Made Paniermehl konfigurierbar
• hinzugekommen Hilfsfunktionen für Semmelbrösel auf Anwendungsbildschirme

Was ist neu in Version 3.7:

• Hinzugefügt `` Live: True`` zu beschwipst Tooltips so dass Elemente später erstellt wurden, können auch erhalten Tooltips

Was ist neu in Version 3.6:

• Vertauschte Reihenfolge der Datentabelle und Colorpicker im js Liste als django -Kompressor Drosseln auf sie ein wenig.
• Made debugmode_urlpatterns () robuster. Es stürzte ohne MEDIA_URL und MEDIA_ROOT Einstellungen im settings.py
• Verbesserte i18n und beschwipst Tooltips.

Anforderungen :

• Python
• Django