lizard-ui

ödla-ui ger en grundläggande Django användargränssnitt, så en bas Django mall och vissa CSS + JavaScript. & Nbsp; Vi har utformat den på Nelen & Schuurmans för våra geografiska informationssystem webbplatser (med vattenförvaltning information).
val, krav, antaganden
Lizard-ui är påstridig: det gör val och föreskriver (bra!) Teknik.
& Nbsp; * Ingår: ram ritningen css. Den återställer css stilar så att vi har fått en gemensam bas. Det fixar vanliga IE layout buggar. Det ger en grundläggande typografi som är ganska tilltalande.
& Nbsp; * Obligatorisk: django-staticfiles. För en mer detaljerad beskrivning, se Reinout blogginlägg (skriven med ödla-ui i åtanke).
& Nbsp; * Obligatorisk: django_compressor för att kombinera css / javascript filer i produktionen.
& Nbsp; * Antagande: en skärm, använder hela bredd / höjd av webbläsaren, utan att rulla. Vårt främsta mål är att visa en fin karta stort med en liten nick och ett sidofält. Du vill inte att rulla en karta. Det är naturligtvis möjligt att ha en rullningslist inuti som huvudinnehållet själva området.
& Nbsp; * Antagande: javascript är tillgänglig. Hej, vi visar en karta så att du måste ha Javascript. Så vi frikostigt använder javascript för att få UI direkt, till exempel genom att upptäcka och ställa in huvudinnehållet områdets bredd och höjd.
& Nbsp; * Ingår: jQuery. Ja, det är ganska mycket standard nuförtiden. Så vi använder jquery där jQuery kan användas istället för att göra det med generiska javascript.
& Nbsp; * Ingår: både jqueryui och jquerytools. Visuella godbitar. Jquerytools för overlay och flikar, jqueryui för resten (dra / släpp och så).
& Nbsp; * Ingår: openlayers som karta javascript biblioteket. (Lizard-karta, sooooon att släppas, innehåller vår grundläggande karta interaktion javascript och python-kod).
Ödla-ui levereras med ett par externa css / javascript bibliotek.
Blueprint
& Nbsp; Modifierad MIT
Jquery och jqueryui
& Nbsp; Dubbla licensierad under MIT eller GPL version 2 licenser. Inkluderar Sizzle.js, släppt under MIT, BSD, och GPL licenser.
Jquerytools
& Nbsp; Inga upphovsrätt eller licenser. Gör vad du vill.
Openlayers
& Nbsp; Clear BSD-licensen.
Famfamfam ikoner
& Nbsp; CC Attribution License.
Treeview jQuery plugin
& Nbsp; MIT / GPL
Django Inställningar
Här är ett utdrag ur ett settings.py du kan använda. Medierna och statiska rotkatalogen inställningar antar användningen av utbyggnaden, men du kan översätta det till ditt eget filsystem setup:
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;]
# Observera: nedan inställningar är mer genomarbetade än vad som behövs,
# Men vi vill testa django_compressor s komprimering som
# Behöver en media url och rot och så.
# Set COMPRESS till True om du vill testa kompression när
# DEBUG == True. (Som standard är COMPRESS motsatsen till
# DEBUG).
COMPRESS = False
# SETTINGS_DIR tillåter mediavägar och så att vara i förhållande till
# Denna inställningsfil istället för hårdkodade till
# C: bara på min dator.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ file__))
# BUILDOUT_DIR är för tillträde till "omgivande" utbyggnad,
# Exempelvis för BUILDOUT_DIR / var / statiska filer för att ge
# Django-staticfiles en lämplig plats att placera alla insamlade
# statiska filer.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
# Absolut sökväg till den katalog som håller användaren laddade upp
# media.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR, "var", "media")
# absoluta sökvägen till katalogen där django-staticfiles "
# "bin / django build_static" platser alla insamlade statisk
# filer från alla program "/ media katalogen.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, "var", "statisk")
# URL som hanterar medierna serveras från MEDIA_ROOT. Göra
# Se till att använda ett snedstreck om det finns en bankomponent
# (Tillval i övriga fall).
MEDIA_URL = '/ media / "
# URL för per program / media statiska filer samlas
# Av django-staticfiles. Använd den i mallar som "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# URL-prefix för admin media - CSS, JavaScript och
# bilder. Se till att använda ett snedstreck. Användningar
# STATIC_URL som django-staticfiles fint samlar admins
# statiska material i STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin /'
# Storage motor som ska användas under kompression
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# Den URL som länkade medier kommer att läsas från och komprimeras
# media kommer att skrivas till.
COMPRESS_URL = STATIC_URL
# Den absoluta sökvägen som länkade medier kommer att läsas från
# Och komprimerade media kommer att skrivas till.
COMPRESS_ROOT = STATIC_ROOT
# Används för django-staticfiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; # Standardposter.
& 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; # Måste läggas till för django-staticfiles att tillåta dig
& Nbsp; # att använda {{STATIC_URL}} mittpgm / my.css i dina mallar.
& Nbsp; 'staticfiles.context_processors.static_url ",
& Nbsp;)
Och en lämplig apache config ledtråd:

& Nbsp; # De css / javascript / bild staticfiles cachas i
& Nbsp; # webbläsare för en dag.
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "tillgång plus 1 dag"


& Nbsp; # django_compress s genererade timestamp'ed filer:
& Nbsp; # cache evigt
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "tillgång plus 10 år"

# Statiska filer värd apache själv.
# Användar uppladdad media: MEDIA_URL = '/ media / "
Alias ​​/ media / $ {utbyggnad: katalog} / var / media /
# django-staticfiles: STATIC_URL = '/ static_media /'
Alias ​​/ static_media / $ {utbyggnad: katalog} / var / static /
Användning
Du kan montera ödla-ui: s webbadresser, men det innehåller bara leva exempel. Så kanske ska du bara montera den i debug-läge under / ui. Handy, eftersom det innehåller rimligen full dokumentation om hur man använder det, inklusive tillgängliga block och klasser / ID som du kan använda.
Basen layout definieras i realbase.html. Du bör dock utöka lizard_ui / lizardbase.html och sedan åsidosätta block som du vill.
CSS och javascript bör läggas till de aktuella blocken, men glöm inte att kalla "block.super". Ett exempel:
{% Förlänger "lizard_ui / lizardbase.html"%}
{% Blocket css%}
{{Block.super}}
& Nbsp; href = "{{STATIC_URL}} lizard_map / lizard_map.css"
& Nbsp; media = "skärm, projektion"
& Nbsp; rel = "stylesheet" />
{% Ändsegment css%}
{% Blocket javascript%}
{{Block.super}}



{% Ändsegment javascript%}
{% Blocket halt%}

{% Ändsegment halt%}
Ett exempel på en gemensam uppgift: ändra logotypen. För att göra en media / lizard_ui katalog i din django ansökan (eller plats) och placera en logo.png i den. Django-staticfiles "mekanismen kommer att ta din logo.png framför ödla-ui s.
installations utveckling
Den första gången, måste du köra "bootstrap" skript för att upprätta setuptools och utbyggnad:
$> Python bootstrap.py
Och sedan köra utbyggnad för att ställa allt upp:
$> Bin / utbyggnad
(På windows det kallas bin buildout.exe).
Du måste åter köra utbyggnad när du eller någon annan gjort en förändring i setup.py eller buildout.cfg.
Det aktuella paketet installeras som en "utvecklingspaket", så förändringar i .py filer automatiskt tillgängliga (precis som med python setup.py utveckla).
Om du vill använda stam kassor av andra paket (istället för frigjorda versioner), lägga till dem som en "svn extern" i local_checkouts / katalogen och lägga till dem i listan utvecklas = i buildout.cfg.

Vad är nytt i den här versionen:

• Bort `` sentry_exception_handler () `` samtal från vår undantag middle (infördes 4,25), igen. Detta bryter testerna. Ytterligare undersökning visade att samtalet är endast nödvändigt om vi återvänder ett värde i vår middleware, vilket vi inte gör.

Vad är nytt i version 4.17:

• Fast logo: borttagna artefakter; gjorde tårna i ödlan mer uttalad.

Vad är nytt i version 4.1:

• Att försöka konstruera en brödsmula även om vi inte har en programikon pekar på den aktuella sidan.

Vad är nytt i version 4.0 Beta 4:

• Inkom `` required_permission`` attribut på UIView. Om du ställer in den, är tillstånd kontrolleras och användaren omdirigeras, om det behövs.

Vad är nytt i version 4.0 Beta 1:

• UI fixar: grafer last automatiskt igen; arbetsyta post stoppningar / marginaler; jqueryui knappar kommenterade ut som de i konflikt med bootstrap s css.
• Uppgraderad sentry klienten för att korp.
• Uppdaterad configchecker.
• Kommenterade linje 413 i jquery-ui-1.8.5.custom.css att avlägsna conflicing (med Twitter Bootstrap) klass .ui-knapp-text-only .ui-knapp-text [Gijs Nijholt]
• Fast vissa interaktionsproblem med modal och blockvis inloggningsformulär.
• Restaurerad dragspel beteende och förbättrad leftbar styling.

Vad är nytt i version 4.0 Alpha 2:

• Fasta google maps (vilket skulle vara osynlig) genom borttagning max-bredd från bootstrap s css.

Vad är nytt i version 3.11:

• Made ströbröd konfigurerbar
• tillagd hjälpfunktioner för ströbröd till programskärmar

Vad är nytt i version 3.7:

• Inkom `` levande: true`` till tipsy verktygstips så att element skapade senare även kan få verktygstips

Vad är nytt i version 3.6:

• Bytte ordning Datatable och ColorPicker i js listan som django -compressor drosslar på dem lite.
• Made debugmode_urlpatterns () mer robusta. Det kraschade utan MEDIA_URL och MEDIA_ROOT inställningar i settings.py
• Förbättrad i18n och tipsy verktygstips.

Krav :

• Python
• Django