lizard-ui

hagedis-ui biedt een fundamentele Django gebruikersinterface, zodat een basis Django template en enkele CSS + JavaScript & nbsp;. We ontwierpen het bij Nelen & Schuurmans voor onze geografische informatie websites (met water managementinformatie).
Keuzes, eisen, veronderstellingen
Hagedis-ui is eigenwijs: het maakt keuzes en voorschrijft (goed!) Technologieën.
& Nbsp; * Inbegrepen: de blauwdruk css framework. Het reset css stijlen, zodat we hebben een gemeenschappelijke basis. Het verhelpt algemene IE layout bugs. Het geeft een elementaire typografie dat is heel prettig.
& Nbsp; * Verplicht: django-staticfiles. Voor een meer uitgebreide beschrijving, zie Reinout's blog (geschreven met hagedis-ui in het achterhoofd).
& Nbsp; * Verplicht: django_compressor voor het combineren van css / javascript bestanden in productie.
& Nbsp; * Aanname: het ene scherm, met behulp van de volledige breedte / hoogte van de browser, zonder te scrollen. Ons belangrijkste doel is het tonen van een mooie grote kaart met een kleine kop en een zijbalk. Je wilt niet om een ​​kaart te scrollen. Het is natuurlijk mogelijk om een ​​schuifbalk binnen dat hoofdinhoud zelf hebben.
& Nbsp; * Aanname: javascript is beschikbaar. Hey, we zien een kaart zodat u javascript nodig. Dus we royaal gebruik van Javascript om de UI goed te krijgen, bijvoorbeeld door het opsporen en het instellen van de breedte en hoogte van de hoofdinhoud gebied.
& Nbsp; * Inbegrepen: jQuery. Ja, het is vrij veel de norm tegenwoordig. Dus maken we gebruik van jQuery waar jQuery kan worden gebruikt in plaats van doen met generieke javascript.
& Nbsp; * Inbegrepen: zowel jQueryUI en jquerytools. Visual goodies. Jquerytools voor de overlay en tabbladen, jQueryUI voor de rest (drag / drop en zo).
& Nbsp; * Inbegrepen: OpenLayers de kaart javascript bibliotheek. (Hagedis-kaart, sooooon worden vrijgegeven, bevat onze fundamentele kaart interactie javascript en python code).
Hagedis-ui schepen met een paar externe css / javascript bibliotheken.
Plan
& Nbsp; Modified MIT
JQuery en jQueryUI
& Nbsp; Dual gelicenseerd onder de MIT of GPL versie 2 licenties. Inclusief Sizzle.js, vrijgegeven onder de MIT, BSD, en GPL-licenties.
Jquerytools
& Nbsp; Geen auteursrechten of licenties. Doen wat je wilt.
OpenLayers
& Nbsp; Clear BSD-licentie.
Famfamfam icon set
& Nbsp; CC Attribution licentie.
Treeview jQuery plugin
& Nbsp; MIT / GPL
Django instellingen
Hier is een uittreksel van een settings.py u kunt gebruiken. De media en statische root directory setup gaat uit van het gebruik van buildout, maar je kunt vertalen naar uw eigen bestandssysteem setup:
INSTALLED_APPS = [
& Nbsp; 'lizard_ui',
& Nbsp; 'compressor',
& Nbsp; 'staticfiles',
& Nbsp; 'django.contrib.admin',
& Nbsp; 'django.contrib.auth',
& Nbsp; 'django.contrib.contenttypes',
& Nbsp; 'django.contrib.sessions',
& Nbsp; 'django.contrib.sites',
& Nbsp;]
# Let op: de volgende instellingen zijn uitgebreider dan nodig is,
# Maar we willen comprimeren django_compressor's testen welke
# Heeft behoefte aan een media-url en wortel en zo.
# Set comprimeren naar True als je wilt compressie testen wanneer
# DEBUG == True. (Standaard COMPRESS is het tegenovergestelde van
# DEBUG).
COMPRESS = False
# SETTINGS_DIR maakt media paden en zo ten opzichte van zijn
# Dit instellingenbestand in plaats van hardcoded aan
# C: alleen on mijn computer.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ file__))
# BUILDOUT_DIR is voor de toegang tot de "omgeving" buildout,
# Bijvoorbeeld voor BUILDOUT_DIR / var / statische bestanden op te geven
# Django-staticfiles een geschikte plaats tot plaats alle verzamelde
# Statische bestanden.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
# Absolute pad naar de map die houdt gebruiksvriendelijk geupload
# Media.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'media')
# Absolute pad naar de directory waar de Django-staticfiles '
# "Bin / django build_static" plaatsen alle verzamelde statische
# Bestanden van alle toepassingen "/ media directory.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'statische')
# URL die zorgt voor de media geserveerd van MEDIA_ROOT. Maken
# Zeker slash gebruiken als er een padcomponent
# (Optioneel in andere gevallen).
MEDIA_URL = "/ media / '
# URL voor de per-applicatie / media statische bestanden verzameld
# Door django-staticfiles. Gebruik het in templates zoals "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# URL-voorvoegsel voor admin media - CSS, JavaScript en
# Beelden. Zorg ervoor dat u een slash gebruiken. Toepassingen
# STATIC_URL als Django-staticfiles keurig verzamelt admin's
# Statische media in STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin /'
# Opslag motor te worden gebruikt tijdens de compressie
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# De URL die media gekoppeld zal worden gelezen uit en gecomprimeerd
# Media zullen worden geschreven.
COMPRESS_URL = STATIC_URL
# Het absolute pad dat de media gekoppeld zal worden gelezen uit
# En gecomprimeerde media zullen worden geschreven.
COMPRESS_ROOT = STATIC_ROOT
# Gebruikt voor django-staticfiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; # Default artikelen.
& 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; # moet worden toegevoegd voor django-staticfiles om u te laten
& Nbsp; # naar {{STATIC_URL}} myapp / my.css gebruiken in uw sjablonen.
& Nbsp; 'staticfiles.context_processors.static_url',
& Nbsp;)
En een geschikte apache config hint:

& Nbsp; # De css / javascript / afbeelding staticfiles worden opgeslagen in de
& Nbsp; # browser voor een dag.
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "toegang plus 1 dag"


& Nbsp; # django_compress's gegenereerd timestamp'ed bestanden:
& Nbsp; # cache voor altijd
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "toegang plus 10 jaar"

# Statische bestanden worden gehost door apache zelf.
# Door gebruikers geüploade media: MEDIA_URL = "/ media / '
Alias ​​/ media / $ {buildout: directory} / var / media /
# Django-staticfiles: STATIC_URL = '/ static_media /'
Alias ​​/ static_media / $ {buildout: directory} / var / static /
Gebruik
U kunt urls hagedis-UI's te monteren, maar het bevat alleen wonen voorbeelden. Dus misschien moet je alleen monteren in debug mode onder / ui. Handig, want het redelijk vol documentatie over hoe het te gebruiken, met inbegrip van beschikbare blokken en klassen / ID's die u kunt gebruiken bevat.
De basis layout is gedefinieerd in realbase.html. U dient echter te verlengen lizard_ui / lizardbase.html en dan voorrang op de blokken die u wilt.
CSS en Javascript moeten worden toegevoegd aan de relevante blokken, maar vergeet niet om "block.super" noemen. Een voorbeeld:
{% Verlengt "lizard_ui / lizardbase.html"%}
{% Blok css%}
{{Block.super}}
& Nbsp; href = "{{STATIC_URL}} lizard_map / lizard_map.css"
& Nbsp; media = "scherm, projectie"
& Nbsp; rel = "stylesheet" />
{% Endblock css%}
{% Blok javascript%}
{{Block.super}}



{% Endblock javascript%}
{% Blok inhoud%}

{% Endblock gehalte%}
Een voorbeeld van een gemeenschappelijke taak: verander het logo. Voor dat, maak een media / lizard_ui directory in uw Django applicatie (of site) en plaats een logo.png erin. Mechanisme Django-staticfiles 'zal uw logo.png te nemen in plaats van lizard-ui's.
Ontwikkeling installatie
De eerste keer, dan moet je naar de "bootstrap" script uit te voeren op te zetten setuptools en buildout:
$> Python bootstrap.py
En dan lopen buildout om alles in te stellen:
$> Bin / buildout
(Op windows het heet bin buildout.exe).
Je zult moeten opnieuw uit te voeren buildout wanneer u of iemand anders maakte een verandering in setup.py of buildout.cfg.
Het huidige pakket wordt geïnstalleerd als een "ontwikkeling pakket", zodat veranderingen in .py bestanden zijn automatisch beschikbaar (net als met python setup.py ontwikkelen).
Als u wilt kofferbak kassa's van andere pakketten te gebruiken (in plaats van de uitgebrachte versies), voeg ze als een "svn extern" in het local_checkouts / directory en voeg ze toe aan de lijst te ontwikkelen = in buildout.cfg.

Wat is nieuw in deze release:

• Removed `` sentry_exception_handler () `` oproep van onze uitzondering middleware (geïntroduceerd in 4.25), opnieuw. Dit breekt de tests. Nader onderzoek toonde aan dat de oproep is alleen nodig als we terug een waarde in onze middleware, die hebben we niet.

Wat is nieuw in versie 4.17:

• Vaste logo: verwijderde artefacten; maakte de tenen van de hagedis meer uitgesproken.

Wat is nieuw in versie 4.1:

• Proberen om een ​​broodkruimel te bouwen, zelfs als we niet hebben pictogram van een toepassing te wijzen op de huidige pagina.

Wat is nieuw in versie 4.0 Beta 4:

• Toegevoegd `` required_permission`` attribuut op UIView. Als u deze instelt, wordt de toestemming gecontroleerd en de gebruiker doorgestuurd, indien nodig.

Wat is nieuw in versie 4.0 Beta 1:

• UI fixes: grafieken belasting automatisch weer; werkruimte voorwerp paddings / marges; jQueryUI knoppen commentaar als ze in strijd zijn met css bootstrap's.
• Upgraded schildwacht client naar raven.
• Bijgewerkt configchecker.
• Met commentaar lijn 413 in jquery-ui-1.8.5.custom.css te verwijderen conflicing (met Twitter Bootstrap) klasse knop alleen tekst .ui---.ui-button-tekst [Gijs Nijholt]
• Vast een aantal interactie problemen met modale en niet-modale login formulier.
• Gerestaureerd accordeon gedrag en verbeterde leftbar styling.

Wat is nieuw in versie 4.0 Alpha 2:

• Vaste google maps (die onzichtbaar zou zijn) door het verwijderen van max-width van css bootstrap's.

Wat is nieuw in versie 3.11:

• Gemaakt paneermeel configureerbare
• Toegevoegde helper functies voor het paneermeel te gebruiken applicatie schermen

Wat is nieuw in versie 3.7:

• Toegevoegd `` levend: true`` om aangeschoten tooltips zo dat elementen later creëerde ook tooltips kunt krijgen

Wat is nieuw in versie 3.6:

• Geruilde orde van datatable en colorpicker in de js lijst als Django -Compressor verslikt ze een beetje.
• Gemaakt debugmode_urlpatterns () robuuster. Het crashte zonder MEDIA_URL en MEDIA_ROOT instellingen in het settings.py
• Verbeterde i18n en aangeschoten tooltips.

Eisen

• Python
• Django