امپورٹ

import-scheduler.ts
import { NuiScheduler, type NuiSchedulerEvent } from '@needless-ui/angular/scheduler';

NuiScheduler

مہینے، ہفتے، دن یا ایجنڈا میں ایونٹس۔

سلیکٹر
nui-scheduler
NuiScheduler: پراپرٹیز
نامٹائپڈیفالٹتفصیل
eventsان پٹNuiSchedulerEvent<T>[][]دکھائے جانے والے ایونٹس۔
viewدو طرفہ'month' | 'week' | 'day' | 'agenda''week'دکھایا جانے والا منظر۔
viewsان پٹNuiSchedulerView[]all fourوہ منظر جن کے درمیان صارفین بدل سکتے ہیں۔
dateدو طرفہNuiDatetodayدکھایا گیا دن، اور جہاں کی بورڈ فوکس ہے۔
slotMinutesان پٹnumber30ٹائم گرڈ کی ہر قطار کے منٹ، اور وہ اسٹیپ جس سے ایونٹس منتقل ہوتے ہیں۔
scrollHourان پٹnumber8وہ گھنٹہ جس پر ٹائم گرڈ کھلتا ہے۔
agendaDaysان پٹnumber30ایجنڈا کتنے دن آگے تک دکھاتا ہے۔
editableان پٹbooleanfalseایونٹس کو پوائنٹر اور کی بورڈ سے منتقل اور ری سائز کیا جا سکتا ہے۔
selectableان پٹbooleanfalseایونٹس بنانے کے لیے گرڈ پر وقت چنا جا سکتا ہے۔
firstDayان پٹ1 … 7ہفتے کا پہلا دن، جہاں 1 پیر ہے۔ ڈیفالٹ طور پر لوکیل کا۔
headingLevelان پٹnumber2عنوان کی ہیڈنگ کا لیول؛ ایجنڈا کے دن ایک لیول نیچے ہوتے ہیں۔
localeان پٹstringLOCALE_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

ایک ایونٹ۔ وقت والے ایونٹ کا اختتام اس میں شامل نہیں ہوتا؛ پورے دن کے ایونٹ کا اختتام اس کا آخری دن ہوتا ہے۔

NuiSchedulerEvent: پراپرٹیز
نامٹائپڈیفالٹتفصیل
id, titleپراپرٹیstringاس کی کلید، اور جو یہ دکھاتا ہے۔
start, endپراپرٹیNuiDateTime | NuiDateتاریخیں اور اوقات، یا پورے دن کے ایونٹس کے لیے صرف تاریخیں۔
allDayپراپرٹیbooleanڈیفالٹ طور پر، کیا start میں وقت نہیں ہے۔
toneپراپرٹی'accent' | 'neutral' | 'success' | 'warning' | 'danger''accent'اس کا رنگ۔
editableپراپرٹیbooleanکیا اسے منتقل کیا جا سکتا ہے، شیڈولر کی سیٹنگ جو بھی ہو۔
dataپراپرٹیTاس کے ساتھ رکھنے کے لیے کوئی بھی اور چیز۔

NuiSchedulerEventTemplate

ایونٹس بناتا ہے۔ کانٹیکسٹ میں ایونٹ اور متن کی صورت میں اس کا وقت ہوتا ہے۔

سلیکٹر
ng-template[nuiSchedulerEvent]