lizard-ui

kadal-ui menyediakan pengguna Django antarmuka dasar, jadi dasar Django Template dan beberapa CSS + JavaScript & nbsp;. Kami merancangnya di Nelen & Schuurmans untuk website informasi geografis kita (dengan informasi pengelolaan air).
Pilihan, persyaratan, asumsi
Kadal-ui yang dogmatis: membuat pilihan dan diresepkan (baik!) Teknologi.
& Nbsp; * Termasuk: kerangka cetak biru css. Ini me-reset gaya css sehingga kita punya dasar umum. Ini perbaikan umum IE tata letak bug. Ini memberikan tipografi dasar yang cukup menyenangkan.
& Nbsp; * Diperlukan: Django-StaticFiles. Untuk penjelasan lebih verbose, lihat entri blog Reinout itu (ditulis dengan kadal-ui dalam pikiran).
& Nbsp; * Diperlukan: django_compressor untuk menggabungkan css / file javascript dalam produksi.
& Nbsp; * Asumsi: satu layar, dengan menggunakan lebar / tinggi penuh browser, tanpa bergulir. Tujuan utama kami adalah menunjukkan peta besar yang bagus dengan sundulan kecil dan sidebar. Anda tidak ingin untuk menggulir peta. Hal ini tentu saja mungkin untuk memiliki scrollbar di daerah konten utama itu sendiri.
& Nbsp; * Asumsi: javascript tersedia. Hei, kita menunjukkan peta sehingga Anda perlu javascript. Jadi kita bebas menggunakan javascript untuk mendapatkan UI yang tepat, misalnya dengan mendeteksi dan pengaturan lebar dan tinggi area konten utama itu.
& Nbsp; * Termasuk: jquery. Ya, itu adalah cukup banyak standar saat ini. Jadi kita menggunakan jquery mana jquery dapat digunakan sebagai pengganti melakukannya dengan javascript generik.
& Nbsp; * Termasuk: baik jQueryUI dan jquerytools. Barang visual. Jquerytools untuk overlay dan tab, jQueryUI untuk sisa (drag / drop dan sebagainya).
& Nbsp; * Termasuk: openlayers sebagai peta javascript library. (Lizard-peta, sooooon akan dirilis, berisi kami dasar peta interaksi javascript dan kode python).
Kapal kadal-ui dengan beberapa css / javascript perpustakaan eksternal.
Denah
& Nbsp; Modifikasi MIT
Jquery dan jQueryUI
& Nbsp; Ganda berlisensi di bawah MIT atau GPL Versi 2 lisensi. Termasuk Sizzle.js, dirilis di bawah Lisensi MIT, BSD, dan GPL.
Jquerytools
& Nbsp; Tidak ada hak cipta atau lisensi. Lakukan apa yang Anda suka.
Openlayers
& Nbsp; lisensi Batal BSD.
Famfamfam icon set
& Nbsp; CC atribusi lisensi.
Treeview Plugin jquery
& Nbsp; MIT / GPL
Pengaturan Django
Berikut adalah kutipan dari settings.py dapat Anda gunakan. Setup media dan akar statis direktori mengasumsikan penggunaan buildout, tetapi Anda dapat menerjemahkan ke pengaturan filesystem Anda sendiri:
INSTALLED_APPS = [
& Nbsp; 'lizard_ui',
& Nbsp; 'kompresor',
& Nbsp; 'StaticFiles',
& Nbsp; 'django.contrib.admin',
& Nbsp; 'django.contrib.auth',
& Nbsp; 'django.contrib.contenttypes',
& Nbsp; 'django.contrib.sessions',
& Nbsp; 'django.contrib.sites',
& Nbsp;]
# Catatan: pengaturan di bawah ini lebih rumit dari yang dibutuhkan,
# Tapi kami ingin menguji kompresi django_compressor itu yang
# Membutuhkan url media dan akar dan sebagainya.
# Set kompres ke True jika Anda ingin menguji kompresi ketika
# DEBUG == Benar. (Secara default, COMPRESS adalah kebalikan dari
# DEBUG).
Kompres = False
# SETTINGS_DIR memungkinkan jalur media dan sebagainya menjadi relatif terhadap
# Pengaturan ini mengajukan bukannya hardcoded ke
# C: hanya di komputer saya.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ file__))
# BUILDOUT_DIR untuk akses ke "sekitarnya" buildout,
# Misalnya untuk BUILDOUT_DIR / var / file statis untuk memberikan
# Django-StaticFiles tempat yang tepat untuk menempatkan semua dikumpulkan
# File statis.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
# Path Absolute ke direktori yang memegang user-upload
# Media.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'Media')
# Path Absolute ke direktori di mana Django-StaticFiles '
# "Bin / Django build_static" tempat semua dikumpulkan statis
# File dari semua aplikasi 'direktori / media.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'statis')
# URL yang menangani media dilayani dari MEDIA_ROOT. Membuat
# Pastikan untuk menggunakan garis miring jika ada komponen path
# (Opsional dalam kasus lain).
MEDIA_URL = '/ media /'
# URL untuk per-aplikasi / media file statis dikumpulkan
# Oleh Django-StaticFiles. Menggunakannya dalam template seperti "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# URL awalan untuk media admin - CSS, JavaScript dan
# Gambar gambar. Pastikan untuk menggunakan garis miring. Penggunaan
# STATIC_URL sebagai Django-StaticFiles baik mengumpulkan admin
# Media statis menjadi STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin /'
Mesin # Storage yang akan digunakan selama kompresi
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# URL yang menghubungkan media yang akan dibaca dari dan dikompresi
# Media akan ditulis.
COMPRESS_URL = STATIC_URL
# The path file absolut yang menghubungkan media yang akan dibaca dari
# Dan media dikompresi akan ditulis.
COMPRESS_ROOT = STATIC_ROOT
# Digunakan untuk Django-StaticFiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; item # 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; # Perlu ditambahkan untuk Django-StaticFiles untuk memungkinkan Anda
& Nbsp; # untuk menggunakan {{}} STATIC_URL myapp / my.css dalam template Anda.
& Nbsp; 'staticfiles.context_processors.static_url',
& Nbsp;)
Dan cocok petunjuk apache config:

& Nbsp; # The StaticFiles css / javascript / image cache di
& Nbsp; # Browser untuk satu hari.
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "akses ditambah 1 hari"


& Nbsp; # django_compress yang dihasilkan file timestamp'ed:
& Nbsp; # tembolok selamanya
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "akses ditambah 10 tahun"

# File statis diselenggarakan oleh apache sendiri.
# User-upload Media: MEDIA_URL = '/ media /'
Alias ​​/ media / $ {buildout: direktori} / var / media /
# Django-StaticFiles: STATIC_URL = '/ static_media /'
Alias ​​/ static_media / $ {buildout: direktori} / var / statis /
Penggunaan
Anda dapat me-mount url kadal-ui, tapi itu hanya tinggal contoh. Jadi mungkin Anda hanya harus me-mount dalam mode debug bawah / ui. Berguna, karena berisi dokumentasi cukup lengkap tentang cara menggunakannya, termasuk blok yang tersedia dan kelas / ID yang dapat Anda gunakan.
Tata letak dasar didefinisikan dalam realbase.html. Namun Anda harus memperpanjang lizard_ui / lizardbase.html dan kemudian menimpa blok yang Anda inginkan.
CSS dan javascript harus ditambahkan ke blok yang relevan, namun jangan lupa untuk memanggil "block.super". Sebuah contoh:
{% Meluas "lizard_ui / lizardbase.html"%}
{% Block css%}
{{}} Block.super
& Nbsp; href = "{{}} STATIC_URL lizard_map / lizard_map.css"
& Nbsp; Media = "screen, proyeksi"
& Nbsp; rel = "stylesheet" />
{% Endblock css%}
{% Block javascript%}
{{}} Block.super



{% Endblock javascript%}
{% Block konten%}

{% Konten endblock%}
Sebuah contoh dari tugas bersama: mengubah logo. Untuk itu, membuat media direktori / lizard_ui dalam aplikasi Django Anda (atau situs) dan tempat logo.png di dalamnya. Mekanisme Django-StaticFiles 'akan mengambil logo.png Anda dalam preferensi untuk kadal-ui itu.
Pengembangan instalasi
Pertama kali, Anda harus menjalankan "bootstrap" script untuk mengatur setuptools dan buildout:
$> Python bootstrap.py
Dan kemudian jalankan buildout untuk mengatur semuanya:
$> Bin / buildout
(Pada jendela itu disebut bin buildout.exe).
Anda harus kembali menjalankan buildout ketika Anda atau orang lain membuat perubahan setup.py atau buildout.cfg.
Paket saat dipasang sebagai "paket pembangunan", sehingga perubahan dalam file py secara otomatis tersedia (seperti dengan python setup.py mengembangkan).
Jika Anda ingin menggunakan checkout trunk paket lainnya (bukan versi rilis), tambahkan mereka sebagai "svn eksternal" di local_checkouts / direktori dan menambahkannya ke mengembangkan = daftar di buildout.cfg.

Apa yang baru dalam rilis ini:

• Dihapus `` sentry_exception_handler () `` panggilan dari middleware pengecualian kami (diperkenalkan pada 4,25), lagi. Ini melanggar tes. Penyelidikan lebih lanjut menunjukkan bahwa panggilan hanya diperlukan jika kita kembali nilai dalam middleware kami, yang kita tidak.

Apa yang baru dalam versi 4.17:

• Tetap logo: artefak dihapus; membuat jari-jari kaki dari kadal lebih jelas.

Apa yang baru di versi 4.1:

• Mencoba untuk membangun breadcrumb bahkan jika kita tidak memiliki ikon aplikasi menunjuk pada halaman saat ini.

Apa yang baru di versi 4.0 Beta 4:

• Ditambahkan `` atribut required_permission`` di UIView. Jika Anda menetapkan, izin tersebut akan diperiksa dan pengguna diarahkan, jika diperlukan.

Apa yang baru dalam versi 4.0 Beta 1:

• UI perbaikan: grafik beban otomatis lagi; Item ruang kerja bantalan / margin; tombol jQueryUI komentar karena mereka bertentangan dengan css bootstrap itu.
• Upgrade klien penjaga untuk raven.
• Diperbarui configchecker.
• Komentar baris 413 di jquery-ui-1.8.5.custom.css untuk menghapus conflicing (dengan Twitter Bootstrap) kelas Ui-tombol-teks saja Ui-button-teks [Gijs Nijholt]
• Tetap beberapa masalah interaksi dengan modal dan form login non-modal.
• perilaku akordeon Pulih dan ditingkatkan styling leftbar.

Apa yang baru di versi 4.0 Alpha 2:

peta google

Tetap (yang akan terlihat) oleh menghapus max-width dari css bootstrap itu.

Apa yang baru dalam versi 3.11:

• Membuat remah roti dikonfigurasi
• Ditambahkan pembantu fungsi untuk remah roti ke layar aplikasi

Apa yang baru dalam versi 3.7:

• Ditambahkan `` hidup: true`` untuk tooltips mabuk sehingga bahwa unsur-unsur yang diciptakan nantinya juga bisa mendapatkan tooltips

Apa yang baru di versi 3.6:

• urutan Bertukar dari DataTable dan colorpicker dalam daftar js sebagai Django -compressor tersedak pada mereka sedikit.
• Membuat debugmode_urlpatterns () lebih kuat. Jatuh tanpa pengaturan MEDIA_URL dan MEDIA_ROOT di settings.py tersebut
• Peningkatan i18n dan tooltips mabuk.

Persyaratan :

• Python
• Django

20 Feb 15