الاستيراد
import { NuiScheduler, type NuiSchedulerEvent } from '@needless-ui/angular/scheduler';NuiScheduler
أحداث في شهر أو أسبوع أو يوم أو جدول أعمال.
| الاسم | النوع | القيمة الافتراضية | الوصف |
|---|---|---|---|
eventsمُدخَل | NuiSchedulerEvent<T>[] | [] | الأحداث المراد عرضها. |
viewثنائي الاتجاه | 'month' | 'week' | 'day' | 'agenda' | 'week' | طريقة العرض الحالية. |
viewsمُدخَل | NuiSchedulerView[] | all four | طرق العرض التي يمكن للمستخدمين التبديل بينها. |
dateثنائي الاتجاه | NuiDate | today | اليوم المعروض، وموضع تركيز لوحة المفاتيح. |
slotMinutesمُدخَل | number | 30 | عدد الدقائق في كل صف من شبكة الأوقات، وهو مقدار الخطوة التي تتحرك بها الأحداث. |
scrollHourمُدخَل | number | 8 | الساعة التي تُفتح عندها شبكة الأوقات. |
agendaDaysمُدخَل | number | 30 | عدد الأيام القادمة التي يعرضها جدول الأعمال. |
editableمُدخَل | boolean | false | يمكن نقل الأحداث وتغيير مدتها، بالمؤشر وبلوحة المفاتيح. |
selectableمُدخَل | boolean | false | يمكن اختيار وقت على الشبكة، لإنشاء الأحداث. |
firstDayمُدخَل | 1 … 7 | أول أيام الأسبوع، و1 هو الاثنين. وافتراضيًا، اليوم الذي تعتمده اللغة والمنطقة. | |
headingLevelمُدخَل | number | 2 | مستوى العنوان الرئيسي؛ وعناوين الأيام في جدول الأعمال أعمق بمستوى واحد. |
localeمُدخَل | string | LOCALE_ID | يُنسّق الأيام والأوقات. |
labelsمُدخَل | Partial<NuiSchedulerLabels> | كل نص يعرضه المُجدوِل أو يُعلنه، لترجمته. | |
cornersمُدخَل | NuiCorners | شكل زواياه: round أو squircle أو bevel أو scoop أو notch أو square. | |
radiusمُدخَل | NuiRadius | حجم زواياه: none أو small أو medium أو large أو full. | |
densityمُدخَل | NuiDensity | المساحة التي يشغلها: compact أو regular أو roomy. | |
eventClickمُخرَج | NuiSchedulerEvent<T> | يُطلق الحدث الذي نُقر عليه، أو فُتح بمفتاح Enter. | |
eventChangeمُخرَج | { event, start, end } | يُطلق الأوقات الجديدة للحدث بعد نقله أو تغيير مدته. | |
slotSelectمُخرَج | { start, end, allDay } | يُطلق الوقت المختار على الشبكة. | |
rangeChangeمُخرَج | { start, end } | يُطلق أول يوم معروض وآخر يوم معروض عند تغيّرهما. |
مُدخلات التخصيص التي تتركها دون ضبط تتبع أقرب سمة data-nui-*. راجع دليل التخصيص.
NuiSchedulerEvent
حدث واحد. لا تدخل نهاية الحدث المحدد بوقت ضمنه؛ أما نهاية الحدث الذي يستغرق اليوم كله فهي آخر أيامه.
| الاسم | النوع | القيمة الافتراضية | الوصف |
|---|---|---|---|
id, titleخاصية | string | مفتاحه، وما يعرضه. | |
start, endخاصية | NuiDateTime | NuiDate | تواريخ وأوقات، أو تواريخ فقط للأحداث التي تستغرق اليوم كله. | |
allDayخاصية | boolean | افتراضيًا، ما إذا كان start بلا وقت. | |
toneخاصية | 'accent' | 'neutral' | 'success' | 'warning' | 'danger' | 'accent' | لونه. |
editableخاصية | boolean | ما إذا كان يمكن نقله، أيًّا كان ما يحدده المُجدوِل. | |
dataخاصية | T | أي شيء آخر يُحفظ معه. |
NuiSchedulerEventTemplate
يرسم الأحداث. ويحتوي السياق على الحدث ووقته نصًّا.