টেবিল

সাধারণ টেবিল

কামরার চেয়ে বড়

ক্রিয়াকলাপ সহ টেবিল

স্ট্রাইপড সারি, পয়েন্টারের নিচে উজ্জ্বল

যা টিক করতে পারে এমন সারি

প্রতিটি সারির মাথায় একটি বাক্স, তাদের সকলের জন্য একটি শিরোনামে, এবং উপরে ক্রিয়াকলাপ: তারা টিক করা সারিগুলি তাদের নিজস্ব ঠিকানায় পোস্ট করে, এবং কিছু টিক না হওয়া পর্যন্ত পৌঁছানোর বাইরে থাকে।

ফাইল, মোট, প্রতিটি সারিতে একটি ক্রিয়া

পথগুলো তাদের নাম দ্বারা পড়া হয়, তার আগে ফোল্ডারগুলো তাদের শুরু থেকে কাটা হয়। বারটি কতগুলি সারি রয়েছে তার উপরে শেষ হয়, এবং একটি ক্রিয়া যা `all` চিহ্নিত করা হয়েছে তা কিছু টিক না হওয়া অবস্থায় কাজ করে — এটি প্রতিটি সারি গ্রহণ করে, এবং যখন এটি প্রত্যাশিত হয় তখন বারকে পরিচালনা করে।

ফিল্টার

টেবিলের মাথায় ফিল্টারের একটি বার, প্রতিটি একটি সূক্ষ্ম মেনু, যা এটি যখন সংকীর্ণ হয় তখন কি সংকীর্ণ হয় তা বলে। সার্ভারে তারা পৃষ্ঠার প্রশ্নে বসবাস করে — প্রতিটি অপশন একটি লিংক — এবং নিয়ন্ত্রক এটি থেকে সারিগুলি সংকীর্ণ করে; ভিউতে তারা পৃষ্ঠার জন্য এর এপিআই দ্বারা হস্তান্তরিত একটি মান, অথবা টেবিল দ্বারা ইতিমধ্যে থাকা সারিগুলিতে প্রয়োগ করা হয়। প্রতিটি অপশন একটি বাক্স — একটি একটিমাত্র পছন্দের জন্য গোল — যখন একটি রঙ থাকে, তার স্বর অনুযায়ী রঙিন, একটি স্ট্যাটাস বা একটি ক্যাটাগরি।

সাজানো

একটি হেডার যা সাজায় তা সার্ভারে একটি লিঙ্ক এবং vue-তে একটি বোতাম: উর্ধ্বগামী, অবধি, তারপর ফিরে আসা সেই আদেশে যা পৃষ্ঠা ঘোষণা করেছে, যা তালিকা খুলে এবং যা এর তীর শুরু থেকে দেখায়। খালি তারিখগুলি উভয় দিকেই শেষ হয়, এবং নামগুলি ভাষার অনুযায়ী তুলনা করে। এখানে টেবিলটি নিজেই দেওয়া সারিগুলি সাজায়; একটি নিয়ন্ত্রক এর তালিকাটি পড়ে একই কোয়েরি।

ব্রাউজারে সাজানো, twig থেকে

`vue: true` একই কলাম এবং সারিগুলি vue যমজকে হস্তান্তর করে: এটি ব্রাউজারে পুরো তালিকা সাজায় এবং অনুসন্ধান করে, কোন পৃষ্ঠা লোড নেই। একটি তালিকার জন্য যা পৃষ্ঠা পুরোপুরি ধারণ করে — একটি সংক্ষিপ্ত, অথবা একটি যা কোন api পরিবেশন করে না।

একটি নির্বাচনে ক্রিয়াকলাপ

যখন যথেষ্ট ক্রিয়াকলাপ থাকে তখন একই বার: একটি নির্বাচন করা হয়, পরে প্রয়োগ করা হয়।

লিংক এবং আইকন সেল

লোডিং অবস্থায়

খালি অবস্থায়

কলামের সজ্জা

কোড, সংখ্যা এবং মোট

`cell: 'code'` একটি শনাক্তকারী সেট করে একক ফেসে; `cell: 'number'`, অথবা একটি `unit`, পৃষ্ঠার লোকালে একটি সংখ্যা লেখে। `negative: true` একটি সংখ্যাকে শূন্যের নিচে আঁকে ত্রুটির স্বরে, এর মাইনাস চিহ্নও এটি নির্দেশ করে। `totals` একটি সারি যা পৃষ্ঠা অন্যদের নিচে হস্তান্তর করে — টেবিলটি কিছু যোগ করে না, একটি পৃষ্ঠা বা একটি ফিল্টার করা তালিকা ধারণ করে। সার্ভার দ্বারা আঁকা, তারপর vue দ্বারা।

মার্কডাউন থেকে

একটি টেবিল যা মার্কডাউন এ লেখা হয়েছে এবং `markdown_ds` এর মাধ্যমে পাঠানো হয়েছে: কলামগুলো, তাদের সজ্জা এবং প্রতিটি সেলের মার্কআপ ডকুমেন্ট থেকে পড়া হয়, এবং টেবিলটি এখানে অন্য যেকোনোটির মতো অঙ্কিত হয়। `markdown` সাধারণ `<table>` রাখে, যা পৃষ্ঠা নয় — একটি মেইল, একটি ফিড।

গ্রুপ সারি

একটি সারি যা শুধুমাত্র একটি গ্রুপ বহন করে, সেটি একটি সারি নয়: এটি তাদের দুটি দৌড়ের মধ্যে একটি লাইন, একটি শব্দ দেওয়া হয়েছে। এটি টেবিলটি ছাপিয়ে যায় এবং যা পরবর্তী তা নামকরণ করে — মেনু বিভাজকের মতো একই পড়া।

স্ট্যাটাস সেল

একটি অবস্থান একটি বৃত্ত, কখনোই একটি রঙ যা কেউ বেছে নিয়েছে: সেলটি একটি টাইপ নাম নেয়, অথবা একটি টাইপ যার একটি গণনা এবং একটি শিরোনাম রয়েছে, এবং স্ট্যাটাস আইকনটি আঁকে যা বাকি সিস্টেম আঁকে। পৃষ্ঠায় স্টাইল করার কিছু নেই।

স্টিকি শিরোনাম

একটি দীর্ঘ টেবিল কলাম দ্বারা কলাম হিসাবে পড়া হয় যতটা সারি দ্বারা পড়া হয়। `স্টিকি` এর সাথে, শিরোনাম দৃশ্যমান থাকে যখন সারিগুলি এর নিচে স্ক্রোল করে; একটি পৃষ্ঠা যার কিছু উপরে পিন করা আছে তা `--table-sticky-top` এ কত নিচে তা বলে।

নিজস্ব অঞ্চলে একটি টেবিল

একটি `zone--table` অঞ্চল পুরো টেবিলকে দেওয়া হয়: যা উপরে এটি চালায়, এর পৃষ্ঠাগুলি পায়ের কাছে, যা কিছু স্ক্রোল করে, এবং তাদের মধ্যে টেবিলের জমি অঞ্চলের নিচে নামিয়ে, এমনকি তিনটি সারির জন্যও। যে কোনও টেবিল এতে যায়, সার্ভার দ্বারা লেখা বা একটি vue দ্বারা। `natural` এর সাথে, বামদিকে যেমন, টেবিলটি এর কলামের প্রস্থ রাখে, না প্রসারিত হয় এবং না সংকুচিত হয়।

ভিউ এন্টিটি টেবিল

নির্বাচন সহ ভিউ টেবিল

ক্লায়েন্টে একই চুক্তি: টিক করা কীগুলি v-model:selected এর মাধ্যমে ফিরে আসে, প্রতিটি ক্রিয়া একটি বাল্ক-অ্যাকশন হিসাবে নির্গত হয়, এবং একটি ঠিকানা সহ একটি সার্ভার টেবিল পোস্টের মতো পোস্ট করা হয়। এগুলোর কিছু নেই, তাই নিচের লাইন বলে দেয় কি করা হবে। প্রতিটি পৃষ্ঠায় তিনটি সারি, বারটির শেষে মোট, এবং আর্কাইভ করার জন্য কিছু টিকের প্রয়োজন নেই।

মোট ছাড়া পৃষ্ঠা বিভাজন

যখন এপিআই মোট ফেরত দেয় না, তখন পেজার পূর্ববর্তী/পরবর্তীতে ফিরে আসে।

পেজিনেশন, সার্ভার দ্বারা তৈরি

`pagination(page, pages_count)` একটি তালিকার পৃষ্ঠাগুলিকে লিঙ্ক হিসাবে আঁকে: প্রতিটি তার পৃষ্ঠায় থাকা রুট এবং কোয়েরি রাখে — একটি অনুসন্ধান, একটি সাজানো — এবং শুধুমাত্র `page` পরিবর্তন করে, যা 1 থেকে গোনা হয়। প্রদর্শিত সংখ্যাগুলি vue পেজারের: প্রথম, শেষ, বর্তমান এবং এর প্রতিবেশী। `compact` পৃষ্ঠা সংখ্যার চারপাশে পূর্ববর্তী এবং পরবর্তী রাখে; `route` এবং `params` অন্য একটি ঠিকানার মাধ্যমে পেজ করে।

ভিউ তারিখ ফরম্যাটার