প্রকল্প সম্পর্কে
AdminLTE হলো AdminLTE.io দ্বারা MIT লাইসেন্সের অধীনে বিতরণ করা একটি ওপেন-সোর্স অ্যাডমিন ড্যাশবোর্ড UI টেমপ্লেট। এই রিপোজিটরিটি HTML/Bootstrap কোর সংস্করণ; একই ডিজাইন অন্যান্য স্ট্যাকের জন্য আলাদা রিপোজিটরি হিসেবে রক্ষণাবেক্ষণ করা হয়।
প্রযুক্তি এবং লেআউট
- এটি Bootstrap 5.3 এবং ভ্যানিলা জাভাস্ক্রিপ্টের উপর ভিত্তি করে তৈরি, v4 সংস্করণে jQuery-এর কোনো নির্ভরতা নেই।
- রেসপনসিভ লেআউট যা ছোট মোবাইল স্ক্রিন থেকে বড় ডেস্কটপ পর্যন্ত সব ডিভাইসে খাপ খাইয়ে নেয়।
- ডার্ক মোডের জন্য কাস্টম বডি ক্লাসের পরিবর্তে Bootstrap 5.3-এর নেটিভ data-bs-theme অ্যাট্রিবিউট ব্যবহার করা হয়েছে।
- RTL সমর্থন এবং অপশনাল কালার স্টাইলশিট রয়েছে: dist/css/adminlte-colors.css (পুনর্নির্ধারিত রঙ, সাদা টেক্সট রিডেবিলিটি, ১৭টি স্কিন প্রিসেট এবং ব্র্যান্ডিংয়ের জন্য data-lte-primary হুক) অথবা dist/css/adminlte-colors-v3.css, যা AdminLTE 3-এর ১৮টি রঙ অপরিবর্তিত রাখে। adminlte.css-এ নতুন কিছু যোগ করা হয়নি।
ইনস্টলেশন এবং ডেভেলপমেন্ট
- CDN: jsDelivr থেকে admin-lte@4 CSS এবং JS লিঙ্ক করুন, কোনো বিল্ড স্টেপ প্রয়োজন নেই।
- npm: npm install admin-lte@4.
- Composer: composer require almasaeed2010/adminlte.
- AdminLTE-এর নিজস্ব কাজ করার জন্য: npm install করুন, তারপর লাইভ রিলোডসহ পোর্ট ৩০০০-এ ডেভ সার্ভারের জন্য npm start; ডেভেলপমেন্ট অ্যাসেটের জন্য npm run build; এবং পূর্ণ লিন্ট, অপ্টিমাইজ ও বান্ডলওয়াচ পাইপলাইনের জন্য npm run production ব্যবহার করুন। আলাদাভাবে npm run css, npm run js এবং npm run lint টাস্কগুলো ডকুমেন্ট করা আছে।
v4 সংস্করণের পরিবর্তনসমূহ
README-তে v4 লাইনটিকে jQuery ছাড়াই Bootstrap 5.3-এর উপর ভিত্তি করে সম্পূর্ণ নতুনভাবে লেখা হিসেবে বর্ণনা করা হয়েছে। এতে ১৮টি ডেমো পেজ যোগ করা হয়েছে এবং ডকুমেন্টেশন পুনর্গঠন করা হয়েছে। ডেমো পেজগুলোর মধ্যে রয়েছে অ্যাপস (FullCalendar সহ ক্যালেন্ডার, SortableJS সহ কানবান, চ্যাট, ফাইল ম্যানেজার, প্রজেক্টস, মেইলবক্স ইনবক্স/রিড/কম্পোজ), ফর্ম (ভ্যালিডেশন সহ চার-ধাপের উইজার্ড), টেবিল (Tabulator-ভিত্তিক ডেটা টেবিল, jQuery-মুক্ত), পেজ (প্রোফাইল, সেটিংস, ইনভয়েস, প্রাইসিং, FAQ) এবং এরর পেজ (404, 500, মেইনটেন্যান্স)।
৪.৩ রিলিজ নোটে একটি SidebarSearch প্লাগইনের কথা উল্লেখ করা হয়েছে যা টাইপ করার সময় সাইডবার মেনু ফিল্টার করে, ম্যাচ থাকা সাবমেনু প্রসারিত করে এবং ক্লিয়ার করলে মেনু আগের অবস্থায় ফিরিয়ে আনে; তিনটি আকারের রিবন কর্নার ব্যানার যা RTL-এ মিরর হয়; সোশ্যাল এবং পোস্ট উইজেট (.user-block, .post, .widget-user, .widget-user-2, .description-block); এবং তিনটি নতুন ডেমো পেজ (গ্যালারি, সার্চ রেজাল্ট, রিবন)। জেনারেল UI শোকেসে ন্যাভ ট্যাব, মোডাল এবং অফক্যানভাস যোগ করা হয়েছে, এবং ডকুমেন্টেশনে কার্ড, বিবিধ এবং ল্যাঙ্গুয়েজ-সুইচার পেজ যুক্ত করা হয়েছে যাতে প্রতিটি কম্পোনেন্টের জন্য রেফারেন্স পেজ থাকে।
v3 থেকে মাইগ্রেশন
README-তে ব্রেকিং চেঞ্জগুলোর তালিকা দেওয়া আছে: ক্লাসের নাম পরিবর্তন যেমন .wrapper থেকে .app-wrapper, .main-header থেকে .app-header, .main-sidebar থেকে .app-sidebar, .content-wrapper থেকে .app-main; ডেটা অ্যাট্রিবিউট পরিবর্তন যেমন data-toggle থেকে data-bs-toggle, data-widget="pushmenu" থেকে data-lte-toggle="sidebar" এবং ট্রিভিউ-এর জন্য অনুরূপ পরিবর্তন; ডার্ক মোড এখন data-bs-theme-এ স্থানান্তরিত হয়েছে। বান্ডেল করা plugins/ ফোল্ডারটি সরিয়ে ফেলা হয়েছে এবং একটি প্রতিস্থাপন টেবিল দেওয়া হয়েছে যা প্রতিটি v3 jQuery উইজেটকে ভ্যানিলা-JS উত্তরসূরির সাথে ম্যাপ করে (যেমন Select2-এর বদলে Tom Select, DataTables-এর বদলে Tabulator, Summernote-এর বদলে Quill)।
ফ্রেমওয়ার্ক সংস্করণ
আলাদা রিপোজিটরিগুলোর মাধ্যমে একই ড্যাশবোর্ড React এবং Next.js, Vue 3 এবং Nuxt, Laravel (ব্লেড কম্পোনেন্ট, কনফিগ-চালিত মেনু, অথেনটিকেশন স্ক্যাফোল্ডিং), Django (রিইউজেবল অ্যাপ, মেনু ফিল্টার পাইপলাইন, থিমড অ্যাডমিন), Symfony (Twig কম্পোনেন্ট, AssetMapper, EasyAdmin থিম), Angular, ASP.NET Core (Blazor কম্পোনেন্ট এবং MVC/Razor Pages ট্যাগ হেল্পার) এবং Drupal-এ ইন্টিগ্রেট করা হয়েছে। প্রতিটি নিজস্ব প্যাকেজ ম্যানেজার এন্ট্রি পয়েন্টের মাধ্যমে ইনস্টল করা হয়।
ডেপ্লয়মেন্ট এবং নিরাপত্তা
AdminLTE একটি UI টেমপ্লেট: প্রোডাকশন ডেপ্লয়মেন্টের সময় শুধুমাত্র কম্পাইল করা dist অ্যাসেট এবং অ্যাপ্লিকেশন ফাইলগুলো পাঠানো উচিত, কখনোই node_modules, ডেমো HTML পেজ বা src/ পাঠানো যাবে না। README-তে উল্লেখ করা হয়েছে যে CVE-2021-36471 বিতর্কিত এবং এটি উদাহরণ ফাইলগুলো ভুলভাবে ডেপ্লয় করার ফলে ডেমো পেজগুলো অ্যাক্সেসযোগ্য হওয়ার সাথে সম্পর্কিত; এছাড়া SECURITY.md-তে অথেনটিকেশন এবং সর্বোত্তম অনুশীলনের বিস্তারিত নির্দেশিকা রয়েছে।
ব্রাউজার সাপোর্ট, অবদান এবং লাইসেন্সিং
Bootstrap 5.3 বর্তমান সংস্করণের Chrome, Firefox, Safari এবং Edge সমর্থন করে এবং বিল্ড স্ক্রিপ্টগুলো Windows, macOS এবং Linux-এ ক্রস-প্ল্যাটফর্ম হিসেবে বর্ণিত। অবদানদাতার জন্য মাস্টার ব্রাঞ্চ লক্ষ্য করা হয়: Node.js LTS ইনস্টল করুন, npm install এবং npm start চালান, কমিট করার আগে লিন্ট করুন এবং একটি পুল রিকোয়েস্ট ওপেন করুন। প্রজেক্টটি MIT লাইসেন্সপ্রাপ্ত এবং README-তে ফ্রি সংস্করণের পাশাপাশি প্রিমিয়াম টেমপ্লেট এবং GitHub Sponsors বা PayPal ডোনেশন অপশনের কথা উল্লেখ করা হয়েছে।
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.