lizard-ui

lucertola-ui fornisce una base un'interfaccia utente Django, quindi un modello base di Django e alcuni CSS + JavaScript. & Nbsp; abbiamo progettato a Nelen & Schuurmans per i nostri siti web informativi geografici (con informazioni di gestione dell'acqua).
Scelte, i requisiti, le ipotesi
Lizard-ui è supponente: fa scelte e prescrive (buoni!) Tecnologie.
& Nbsp; * Incluso: il quadro blueprint css. Si ripristina gli stili CSS in modo che abbiamo una base comune. Corregge comuni errori di layout di IE. Dà una tipografia di base che è molto piacevole.
& Nbsp; * Obbligatoria: Django-staticfiles. Per una descrizione più dettagliata, vedi blog di Reinout (scritto con lucertola-ui in mente).
& Nbsp; * Richiesto: django_compressor per combinare CSS / file javascript in produzione.
& Nbsp; * Assunzione: uno schermo, utilizzando l'intera larghezza / altezza del browser, senza dover scorrere. Il nostro obiettivo principale è mostrando una bella mappa grande con un piccolo colpo di testa e una barra laterale. Non si vuole scorrere una mappa. E 'naturalmente possibile avere una barra di scorrimento all'interno di quella principale zona contenuto stesso.
& Nbsp; * Assunzione: javascript è disponibile. Ehi, stiamo mostrando una mappa quindi è necessario javascript. Così abbiamo liberamente utilizzare JavaScript per ottenere la giusta interfaccia utente, ad esempio riconoscimento e configurazione larghezza e l'altezza della principale area di contenuto.
& Nbsp; * Incluso: jQuery. Sì, è più o meno lo standard oggi. Quindi usiamo jquery jquery dove può essere usato invece di farlo con javascript generico.
& Nbsp; * Incluso: sia jQueryUI e jquerytools. Chicche visive. Jquerytools per la sovrapposizione e le schede, jQueryUI per il resto (drag / drop e così).
& Nbsp; * Incluso: OpenLayers come map libreria javascript. (Lizard-map, sooooon per essere rilasciato, contiene la nostra mappa interazione base javascript e codice python).
Navi Lizard-UI con un paio di librerie CSS / JavaScript esterno.
Cianografia
& Nbsp; Modificato MIT
Jquery e jQueryUI
& Nbsp; doppio sotto licenza MIT o GPL versione 2 licenze. Include Sizzle.js, rilasciato sotto le licenze MIT, BSD, e GPL.
Jquerytools
& Nbsp; No copyright o licenze. Fai quello che ti piace.
OpenLayers
& Nbsp; licenza BSD Cancella.
Famfamfam icon set
& Nbsp; licenza Attribution CC.
TreeView plugin jQuery
& Nbsp; MIT / GPL
Impostazioni Django
Ecco un estratto di un settings.py è possibile utilizzare. La configurazione directory media e principale statica presuppone l'utilizzo di buildout, ma si può tradurre in uno proprio filesystem:
INSTALLED_APPS = [
& Nbsp; 'lizard_ui',
& Nbsp; 'Compressore',
& Nbsp; 'staticfiles',
& Nbsp; 'django.contrib.admin',
& Nbsp; 'django.contrib.auth',
& Nbsp; 'django.contrib.contenttypes',
& Nbsp; 'django.contrib.sessions',
& Nbsp; 'django.contrib.sites',
& Nbsp;]
# Nota: le impostazioni di seguito sono più elaborati del necessario,
# Ma vogliamo testare compressione di django_compressor che
# Bisogno di un URL media e della radice e così.
# Set COMPRESS su True se si desidera verificare compressione quando
# DEBUG == true. (Per impostazione predefinita, COMPRESS è l'opposto di
# DEBUG).
COMPRESS = False
# SETTINGS_DIR consente percorsi di media e così di essere rispetto a
# Questo file di impostazioni anziché hardcoded per
# C: solo on mio computer.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ FILE__))
# BUILDOUT_DIR è per l'accesso al buildout "circostante",
# Per esempio per i file BUILDOUT_DIR / var / statiche per dare
# Django-staticfiles un luogo adeguato per mettere tutti raccolti
# file statici.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
# Percorso assoluto della directory che contiene caricato dall'utente
# media.
Root_supporto = os.path.join (BUILDOUT_DIR, 'var', 'media')
# percorso assoluto della directory in cui Django-staticfiles '
# "bin / django build_static" luoghi tutti raccolti statico
file # di tutte le applicazioni 'directory / media.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'static')
# URL che gestisce i mezzi di comunicazione a disposizione dalle root_supporto. Fare
# Assicurarsi di utilizzare una barra finale se c'è una componente di tracciato
# (Facoltativo negli altri casi).
MEDIA_URL = '/ media /'
# URL per i file statici per-applicazione / supporti raccolte
# Da Django-staticfiles. Usalo in modelli come "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# Prefisso URL per i media admin - CSS, JavaScript e
immagini #. Assicurarsi di utilizzare una barra. Utilizzi
# STATIC_URL come Django-staticfiles raccoglie ben amministratore di
# supporti statici in STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin /'
Motore # bagagli da utilizzare durante la compressione
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# L'URL che collegava i media sarà letto da e compresso
# supporti verranno scritti.
COMPRESS_URL = STATIC_URL
# Il percorso di file assoluto che collegava i media sarà letto da
# E supporti compressi saranno scritti.
COMPRESS_ROOT = STATIC_ROOT
# Utilizzato per Django-staticfiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; articoli # Default.
& 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; # deve essere aggiunto per Django-staticfiles per consentire di
& Nbsp; # per usare {{}} STATIC_URL myapp / my.css nei template.
& Nbsp; 'staticfiles.context_processors.static_url',
& Nbsp;)
E un adeguato suggerimento di configurazione di apache:

& Nbsp; # Le staticfiles css / javascript / immagine vengono tenuti nella
& Nbsp; # navigatore per un giorno.
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "accesso più 1 day"


& Nbsp; i file generati timestamp'ed di # django_compress:
& Nbsp; # cache di sempre
& Nbsp; ExpiresActive On
& Nbsp; "accesso più 10 anni» ExpiresDefault

# file statici sono ospitati da apache sé.
# Media-caricato User: MEDIA_URL = '/ media /'
Alias ​​/ media / $ {buildout: directory} / var / media /
# django-staticfiles: STATIC_URL = '/ static_media /'
Alias ​​/ static_media / $ {buildout: directory} / var / static /
Utilizzo
È possibile montare URL di lucertola-UI, ma contiene solo vivere esempi. Così forse si dovrebbe solo montarlo in modalità debug sotto / ui. Handy, in quanto contiene la documentazione ragionevolmente completa su come usarlo, compresi i blocchi disponibili e le classi / ID che è possibile utilizzare.
Il layout base è definita in realbase.html. Tuttavia si deve estendere lizard_ui / lizardbase.html e quindi ignorare i blocchi che si desidera.
CSS e JavaScript devono essere aggiunti i blocchi rilevanti, ma non dimenticate di chiamare "block.super". Un esempio:
{% Estende "lizard_ui / lizardbase.html"%}
{% Block%} css
{{Block.super}}
& Nbsp; href = "{{}} STATIC_URL lizard_map / lizard_map.css"
& Nbsp; i media = "screen, proiezione"
& Nbsp; rel = "stylesheet" />
{% Endblock css%}
{% Block javascript%}
{{Block.super}}



{% Endblock javascript%}
{% Contenuto block%}

{% Contenuto endblock%}
Un esempio di un compito comune: cambiare il logo. Per questo, creare una directory / lizard_ui supporto nell'applicazione Django (o sito) e inserire un logo.png in esso. Meccanismo di Django-staticfiles 'prenderà il tuo logo.png a preferenza di lucertole-ui di.
Installazione sviluppo
La prima volta, dovrete eseguire lo script "bootstrap" per impostare setuptools e buildout:
$> Python bootstrap.py
E quindi eseguire buildout per impostare tutto:
$> Bin / buildout
(Su Windows si chiama bin buildout.exe).
Dovrete buildout rieseguire quando tu o qualcun altro ha fatto un cambiamento in setup.py o buildout.cfg.
Il pacchetto corrente è installato come un "pacchetto sviluppo", così i cambiamenti nei file .py sono automaticamente disponibili (proprio come con python setup.py sviluppo).
Se si desidera utilizzare casse tronco di altri pacchetti (al posto di versioni rilasciate), aggiungerli come "svn esterna" nella directory / local_checkouts e aggiungerli all'elenco sviluppo = in buildout.cfg.

Cosa c'è di nuovo in questa versione:

• Rimosso `` sentry_exception_handler () `` chiamata dal nostro middleware eccezione (introdotto in 4.25), di nuovo. Questo rompe le prove. Ulteriori indagini hanno dimostrato che la chiamata è necessario solo se torniamo un valore nel nostro middleware, che non lo facciamo.

Cosa c'è di nuovo in versione 4.17:

• logo fissa: manufatti rimossi; fatto le dita del lucertola più pronunciato.

Cosa c'è di nuovo in versione 4.1:

• Il tentativo di costruire un breadcrumb, anche se non abbiamo l'icona di un'applicazione che punta alla pagina corrente.

Cosa c'è di nuovo in versione 4.0 Beta 4:

• aggiunta `` attributo required_permission`` su UIView. Se lo si imposta, l'autorizzazione viene controllato e l'utente reindirizzato, se necessario.

Cosa c'è di nuovo in versione 4.0 Beta 1:

• correzioni UI: grafici di carico di nuovo automaticamente; elemento workspace imbottiture / margini; Pulsanti jQueryUI commentato come in conflitto con i CSS di bootstrap.
• client sentinella aggiornato Raven.
• configchecker Aggiornato.
• Commentate linea 413 in jquery-ui-1.8.5.custom.css per rimuovere conflicing (con Twitter Bootstrap) classe .ui-button-text-only .ui-button-text [Gijs Nijholt]
• Corretti alcuni problemi di interazione con il modal e modulo di login non-modale.
• Restaurato comportamento fisarmonica e una migliore styling leftbar.

Cosa c'è di nuovo in versione 4.0 Alpha 2:

• Google Maps fissi (che sarebbe invisibile) da rimozione max-width dal css di bootstrap.

Cosa c'è di nuovo in versione 3.11:

• pangrattato Realizzato configurabile
• Aggiunto funzioni di supporto per le briciole di pane a schermate delle applicazioni

Cosa c'è di nuovo in versione 3.7:

• aggiunta `` live: true`` al tooltip ubriachi così che gli elementi creati in seguito possono anche ottenere i suggerimenti

Cosa c'è di nuovo in versione 3.6:

• ordine Scambiato di datatable e colorpicker nella lista js come Django -compressor bobine su di loro un po '.
• debugmode_urlpatterns Fatto () più robusti. Si è schiantato senza impostazioni MEDIA_URL e root_supporto nel settings.py
• Migliore i18n e tooltip ubriachi.

Requisiti :

• Python
• Django