lizard-ui

.

টিকটিকি-UI 'তে একটি মৌলিক জ্যাঙ্গো ইউজার ইন্টারফেস, তাই বেস জ্যাঙ্গো টেমপ্লেট ও ​​কিছু CSS + জাভাস্ক্রিপ্ট & nbsp প্রদান করে; আমরা আমাদের ভৌগলিক তথ্য ওয়েবসাইটের জন্য Nelen ও Schuurmans এটি পরিকল্পিত (পানি ব্যবস্থাপনা তথ্য).
গ্রেপ্তার, প্রয়োজনীয়তা, অনুমানের
টিকটিকি-UI 'তে জেদী: এটা পছন্দ এবং আসলেও (! ভাল) প্রযুক্তির তোলে.
& Nbsp; * অন্তর্ভুক্ত: পরিকল্পনা CSS কাঠামো. আমরা একটি সাধারণ বেস পেয়েছেন, যাতে CSS শৈলী রিসেট. এটা সাধারণ ইন্টারনেট বিন্যাস বাগ সমাধান করা হয়েছে. এটা বেশ আনন্দদায়ক যে একটি মৌলিক লেখনী দেয়.
& Nbsp; * আবশ্যক: জ্যাঙ্গো-staticfiles. আরো একটি বাগাড়ম্বরপূর্ণ বিবরণ জন্য, (মনে টিকটিকি-UI 'তে সঙ্গে লিখিত) Reinout এর ব্লগ এন্ট্রি দেখতে পাবেন.
& Nbsp; * আবশ্যক: উৎপাদন CSS / জাভাস্ক্রিপ্ট ফাইল মিশ্রন জন্য django_compressor.
& Nbsp; * ধৃষ্টতা: এক পর্দা, স্ক্রলিং ছাড়া, ব্রাউজার পূর্ণ প্রস্থ / উচ্চতা ব্যবহার করে. আমাদের প্রধান লক্ষ্য একটি ছোট হেডার এবং একটি পার্শ্বদন্ডে সঙ্গে একটা চমৎকার বড় মানচিত্র দেখানো হয়. আপনি একটি মানচিত্রে স্ক্রল করতে চান না. এটা যে মূল এলাকা নিজেই ভিতরে একটি স্ক্রলবার আছে অবশ্যই সম্ভব.
& Nbsp; * ধৃষ্টতা: জাভাস্ক্রিপ্ট পাওয়া যায়. আপনি জাভাস্ক্রিপ্ট প্রয়োজন আরে, আমরা একটি মানচিত্র দেখানো করছি. সুতরাং আমরা অকুণ্ঠচিত্তে সনাক্ত এবং মূল এলাকা এর প্রস্থ ও উচ্চতা সেট করে উদাহরণস্বরূপ, UI 'তে অধিকার পেতে করতে দয়া করে জাভাস্ক্রিপ্ট ব্যবহার করুন.
& Nbsp; * অন্তর্ভুক্ত: jQuery. হ্যাঁ, এটা অনেক সুন্দর আজকাল মান. JQuery পরিবর্তে জেনেরিক JavaScript সঙ্গে এরকম ব্যবহার করা যেতে পারে যেখানে তাই আমরা jQuery ব্যবহার করুন.
& Nbsp; * অন্তর্ভুক্ত: jQueryUI এবং jquerytools উভয়. ভিসুয়াল গুডিজ. বাকি (ড্র্যাগ / ড্রপ এবং তাই) জন্য আস্তরণ এবং ট্যাব, jQueryUI জন্য Jquerytools.
& Nbsp; *: জাভাস্ক্রিপ্ট লাইব্রেরি মানচিত্র হিসাবে openlayers. (টিকটিকি-মানচিত্র, আমিই রিলিজ করা হবে, আমাদের মৌলিক মানচিত্র মিথষ্ক্রিয়া জাভাস্ক্রিপ্ট এবং পাইথন কোড রয়েছে).
বহিরাগত CSS / JavaScript লাইব্রেরি একটি দম্পতি সঙ্গে টিকটিকি-UI 'তে জাহাজ.
পরিকল্পনা
& Nbsp; এমআইটি পরিমিত
JQuery এবং jQueryUI
& Nbsp; ডুয়েল MIT বা জিপিএল সংস্করণ 2 লাইসেন্সের অধীনে লাইসেন্স করা. এম আই টি, বিএসডি, এবং জিপিএল লাইসেন্সের অধীনে মুক্তি Sizzle.js অন্তর্ভুক্ত করা হয়েছে.
Jquerytools
& Nbsp; কোন কপিরাইট বা লাইসেন্স. আপনি কি চান তা না.
Openlayers
& Nbsp; সাফ BSD লাইসেন্স.
FamFamFam আইকন সেট
& Nbsp; সিসি অ্যাট্রিবিউশন লাইসেন্স.
Treeview jQuery প্লাগিন
& Nbsp; এমআইটি / GPL এর
জ্যাঙ্গো সেটিংস
এখানে আপনি ব্যবহার করতে পারেন একটি settings.py একটি উদ্ধৃতাংশ. মিডিয়া এবং স্ট্যাটিক রুট ডিরেক্টরি সেটআপ buildout ব্যবহার অনুমান, কিন্তু আপনি আপনার নিজস্ব ফাইল সিস্টেম সেটআপ এটি অনুবাদ করতে পারেন:
INSTALLED_APPS = [
& Nbsp; 'lizard_ui',
& Nbsp; 'সংকোচকারী,
& Nbsp; 'staticfiles',
& Nbsp; 'django.contrib.admin',
& Nbsp; 'django.contrib.auth',
& Nbsp; 'django.contrib.contenttypes',
& Nbsp; 'django.contrib.sessions',
& Nbsp; 'django.contrib.sites',
& Nbsp;]
# নোট: নিচে সেটিংস প্রয়োজন চেয়ে আরও বেশি সম্প্রসারিত হয়,
# কিন্তু আমরা django_compressor এর সংকুচিতকারী পরীক্ষা করতে চান যা
# যাতে একটি মিডিয়া URL এবং রুট এবং প্রয়োজন.
সত্য # সেট কম্প্রেস আপনি যখন কম্প্রেশন পরীক্ষা করতে চান তাহলে
# ডিবাগ == সত্য. (ডিফল্টরূপে, কম্প্রেস বিপরীত
# ডিবাগ).
কম্প্রেস = মিথ্যা
# SETTINGS_DIR মিডিয়া পাথ এবং তাই আপেক্ষিক হতে পারবেন
# এই সেটিংস হার্ডকোডেড পরিবর্তে দায়ের
# C: শুধুমাত্র আমার কম্পিউটার উপর.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ file__))
# BUILDOUT_DIR, "পার্শ্ববর্তী" buildout অ্যাক্সেস এর জন্য
BUILDOUT_DIR হবে / var / স্ট্যাটিক ফাইল দিতে জন্য উদাহরণস্বরূপ #
# সব সংগ্রহ স্থাপন করতে একটি সঠিক জায়গা জ্যাঙ্গো-staticfiles
# স্ট্যাটিক ফাইল.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
ব্যবহারকারী আপলোড ঝুলিতে যে ডিরেক্টরিতে # পরম পাথ
# মিডিয়া.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'মিডিয়া')
# ডিরেক্টরির সঠিক পথটি যেখানে জ্যাঙ্গো-staticfiles '
# "ইবনে / জ্যাঙ্গো build_static" জায়গা সব স্থির সংগ্রহ
সব অ্যাপ্লিকেশন '/ মিডিয়া ডিরেক্টরি থেকে # ফাইল.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'স্থির')
# মিডিয়া MEDIA_ROOT থেকে পরিবেশিত পরিচালনা URL. করা
একটি পথ উপাদান আছে যদি # নিশ্চিত একটি trailing স্ল্যাশ ব্যবহার
# (অন্যান্য ক্ষেত্রে ঐচ্ছিক).
MEDIA_URL = '/ মিডিয়া /'
প্রতি আবেদন / মিডিয়া স্ট্যাটিক ফাইল # ইউআরএল সংগ্রহ
জ্যাঙ্গো-staticfiles দ্বারা #. {{"মত টেমপ্লেট এটি ব্যবহার করুন
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
অ্যাডমিন মিডিয়ার জন্য # URL- এ উপসর্গ - সিএসএস, জাভাস্ক্রিপ্ট এবং
# চিত্র. একটি trailing স্ল্যাশ ব্যবহার করতে ভুলবেন না. ব্যবহার
জ্যাঙ্গো-staticfiles হিসেবে # STATIC_URL সুন্দরভাবে অ্যাডমিন এর সংগ্রহ
STATIC_ROOT / অ্যাডমিন মধ্যে # স্ট্যাটিক মিডিয়া.
ADMIN_MEDIA_PREFIX = STATIC_URL + + 'অ্যাডমিন /'
# সংগ্রহস্থল ইঞ্জিন কম্প্রেশন সময় ব্যবহার করা
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# মিডিয়া লিঙ্ক যে URL থেকে পড়া এবং সংকুচিত করা হবে
# মিডিয়া লেখা হবে.
COMPRESS_URL = STATIC_URL
# মিডিয়া লিঙ্ক যে পরম ফাইল পাথ থেকে পড়তে হবে
# এবং সংকুচিত মিডিয়া লেখা হবে.
COMPRESS_ROOT = STATIC_ROOT
# জ্যাঙ্গো-staticfiles জন্য ব্যবহৃত হয়
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; # ডিফল্ট আইটেম.
& 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; # আপনি অনুমতি জ্যাঙ্গো-staticfiles জন্য যোগ করা প্রয়োজন
& Nbsp; # আপনার টেমপ্লেট {{}} STATIC_URL MyApp / my.css ব্যবহার করার জন্য.
& Nbsp; 'staticfiles.context_processors.static_url',
& Nbsp;)
এবং একটি উপযুক্ত Apache কনফিগ ইঙ্গিত:
<অবস্থান / static_media />
& Nbsp; # CSS / JavaScript / ইমেজ staticfiles মধ্যে ক্যাশে করা
& Nbsp; একটি দিনের জন্য # ব্রাউজার.
& Nbsp; ExpiresActive অন
& Nbsp; ExpiresDefault "এক্সেস প্লাস 1 দিন"

<অবস্থান / static_media / cache />
& Nbsp; # django_compress এর তৈরি timestamp'ed ফাইল:
& Nbsp; # ক্যাশে সব সময় প্রবেশ করুন
& Nbsp; ExpiresActive অন
& Nbsp; ExpiresDefault "এক্সেস প্লাস 10 বছর"

# স্ট্যাটিক ফাইল Apache নিজে হোস্ট করা হয়.
# ব্যবহারকারী আপলোড মিডিয়া: MEDIA_URL = '/ মিডিয়া /'
উপনাম / মিডিয়া / $ {buildout: তালিকা} হবে / var / মিডিয়া /
# জ্যাঙ্গো-staticfiles: STATIC_URL = '/ static_media /'
উপনাম / static_media / $ {buildout: তালিকা} হবে / var / স্ট্যাটিক /
ব্যবহারের
আপনি টিকটিকি-UI 'তে এর URL গুলি মাউন্ট করতে পারেন, কিন্তু এটি উদাহরণ বাস শুধুমাত্র রয়েছে. তাই সম্ভবত আপনি শুধুমাত্র / UI 'তে অধীনে ডিবাগ মোড মধ্যে মাউন্ট করা উচিত. কুশলী, এটি উপলব্ধ ব্লক এবং ক্লাস / আপনি ব্যবহার করতে পারেন আইডি থাকে, এটা কিভাবে ব্যবহার করতে যুক্তিসঙ্গতভাবে পুরো ডকুমেন্টেশন রয়েছে.
বেস বিন্যাস realbase.html সংজ্ঞায়িত করা হয়. আপনি কিন্তু lizard_ui / lizardbase.html প্রসারিত করতে এবং তারপর আপনি চান যে ব্লক অগ্রাহ্য করা হবে.
সিএসএস এবং জাভাস্ক্রিপ্ট প্রাসঙ্গিক ব্লক যোগ করা উচিত, কিন্তু "block.super" কল করতে ভুলবেন না. উদাহরণ:
{% "Lizard_ui / lizardbase.html"% প্রসারিত}
{% ব্লক সিএসএস%}
{{Block.super}}
<লিংক টাইপ = "text / css"
& Nbsp; একটি href = "{{}} STATIC_URL lizard_map / lizard_map.css"
& Nbsp; মিডিয়া = "পর্দা, অভিক্ষেপ"
& Nbsp; এখন rel = "স্টাইলশীট" />
{% Endblock সিএসএস%}
{% ব্লক জাভাস্ক্রিপ্ট%}
{{Block.super}}



{% Endblock জাভাস্ক্রিপ্ট%}
{% ব্লক কন্টেন্ট%}