Planning Calendar - without row header
PlanningCalendar with only one row without row header. On click on an interval a new appointment is created.
- Class
z2ui5_cl_smpc_app_108- Repository
- abap2UI5/samples-controls
- Ports
sap.m.sample.PlanningCalendarSingle- UI5 libraries
- sap.m, sap.ui.core, sap.ui.unified
- Lowest UI5 release
- 1.150
- In the browser
- Runs in the playground
- Controls it builds
- sap.m.PlanningCalendar, sap.m.PlanningCalendarRow, sap.m.Title, sap.m.ToggleButton, sap.m.VBox, sap.ui.core.mvc.View, sap.ui.unified.CalendarAppointment
The class
" @keywords planningcalendar planning calendar sap.m single-row day planner vbox title togglebutton planningcalendarrow calendarappointment
" @summary PlanningCalendar with only one row without row header. On click on an interval a new appointment is created.
" @origin sap.m.sample.PlanningCalendarSingle - https://sdk.openui5.org/entity/sap.m.PlanningCalendar/sample/sap.m.sample.PlanningCalendarSingle (status: generated - machine-written, not yet reviewed)
CLASS z2ui5_cl_smpc_app_108 DEFINITION PUBLIC.
PUBLIC SECTION.
INTERFACES z2ui5_if_app.
TYPES:
BEGIN OF ty_s_appointment,
start_at TYPE string,
end_at TYPE string,
title TYPE string,
info TYPE string,
type TYPE string,
pic TYPE string,
tentative TYPE abap_bool,
aria TYPE string,
END OF ty_s_appointment.
TYPES ty_t_appointment TYPE STANDARD TABLE OF ty_s_appointment WITH EMPTY KEY.
TYPES:
BEGIN OF ty_s_header,
start_at TYPE string,
end_at TYPE string,
title TYPE string,
type TYPE string,
END OF ty_s_header.
TYPES ty_t_header TYPE STANDARD TABLE OF ty_s_header WITH EMPTY KEY.
TYPES:
BEGIN OF ty_s_person,
t_appointments TYPE ty_t_appointment,
t_headers TYPE ty_t_header,
END OF ty_s_person.
DATA t_people TYPE STANDARD TABLE OF ty_s_person WITH EMPTY KEY.
DATA start_date TYPE string.
DATA show_day_names TYPE abap_bool.
PROTECTED SECTION.
DATA client TYPE REF TO z2ui5_if_client.
METHODS view_display.
METHODS on_event.
METHODS model_init.
PRIVATE SECTION.
ENDCLASS.
CLASS z2ui5_cl_smpc_app_108 IMPLEMENTATION.
METHOD z2ui5_if_app~main.
me->client = client.
IF client->check_on_init( ).
model_init( ).
view_display( ).
ELSEIF client->check_on_navigated( ).
view_display( ).
ELSEIF client->check_on_event( ).
on_event( ).
ENDIF.
ENDMETHOD.
METHOD view_display.
DATA(view) = z2ui5_cl_ui5_view_builder=>factory( ).
" calendar date properties (startDate/endDate) are typed "object" and demand a
" real JS Date; the model keeps ISO strings and Formatter.DateCreateObject from
" the curated module converts them at the point of use (needs UI5 >= 1.74)
view->ele( n = `View` ns = `mvc`
)->a( n = `xmlns:mvc` v = `sap.ui.core.mvc`
)->a( n = `xmlns:u` v = `sap.ui.unified`
)->a( n = `xmlns:core` v = `sap.ui.core`
)->a( n = `xmlns` v = `sap.m`
)->a( n = `core:require` v = `{Formatter: 'z2ui5/model/formatter'}`
)->ele( `VBox`
)->a( n = `class` v = `sapUiSmallMargin`
)->ele( `PlanningCalendar`
)->a( n = `id` v = `PC1`
" toggleDayNamesLine flips PC1.showDayNamesLine - a bindable property
" (@since 1.50), so the ToggleButton and the calendar share the field
)->a( n = `showDayNamesLine` v = client->_bind( show_day_names )
)->a( n = `showRowHeaders` v = `false`
)->a( n = `startDate` v = |\{ path: '{ client->_bind_path( start_date ) }', formatter: 'Formatter.DateCreateObject' \}|
)->a( n = `viewKey` v = `Day`
)->a( n = `rows` v = client->_bind( t_people )
)->a( n = `appointmentsVisualization` v = `Filled`
" handleAppointmentSelect: MessageBox with the appointment title, its
" new selected state and the number of selected appointments - or, when
" the interval selection hit no appointment, the count of them. Every
" value is client-readable, so it travels and ABAP composes both
" branches (the message is modal anyway, so the round-trip is free)
)->a( n = `appointmentSelect` v = client->_event(
val = `APPT_SELECT`
t_arg = VALUE #(
( `${$parameters>/appointment} ? ${$parameters>/appointment}.getTitle() : ''` )
( `${$parameters>/appointment} ? ${$parameters>/appointment}.getSelected() : false` )
( `$event.oSource.getSelectedAppointments().length` )
( `${$parameters>/appointments} ? ${$parameters>/appointments}.length : 0` ) ) )
" handleIntervalSelect pushes a new appointment ('new appointment',
" Type09) over the selected interval into the model - reproduced by
" appending that row, with the interval's start/end carried as their
" LOCAL parts (a UTC toISOString( ) would shift the day)
)->a( n = `intervalSelect` v = client->_event(
val = `INTERVAL_SELECT`
t_arg = VALUE #(
( `${$parameters>/startDate}.getFullYear()` )
( `${$parameters>/startDate}.getMonth() + 1` )
( `${$parameters>/startDate}.getDate()` )
( `${$parameters>/startDate}.getHours()` )
( `${$parameters>/startDate}.getMinutes()` )
( `${$parameters>/endDate}.getFullYear()` )
( `${$parameters>/endDate}.getMonth() + 1` )
( `${$parameters>/endDate}.getDate()` )
( `${$parameters>/endDate}.getHours()` )
( `${$parameters>/endDate}.getMinutes()` ) ) )
)->a( n = `showEmptyIntervalHeaders` v = `false`
)->ele( `toolbarContent`
)->tag( `Title`
)->a( n = `text` v = `Title`
)->a( n = `titleStyle` v = `H4`
)->tag( `ToggleButton`
)->a( n = `icon` v = `sap-icon://decrease-line-height`
)->a( n = `tooltip` v = `Toggle Day Names Line`
)->a( n = `pressed` v = client->_bind( show_day_names )
)->end(
)->ele( `rows`
)->ele( `PlanningCalendarRow`
)->a( n = `appointments` v = `{path: 'T_APPOINTMENTS', templateShareable: false}`
)->a( n = `intervalHeaders` v = `{path: 'T_HEADERS', templateShareable: false}`
)->ele( `appointments`
)->tag( n = `CalendarAppointment` ns = `u`
)->a( n = `startDate` v = `{ path: 'START_AT', formatter: 'Formatter.DateCreateObject' }`
)->a( n = `endDate` v = `{ path: 'END_AT', formatter: 'Formatter.DateCreateObject' }`
)->a( n = `icon` v = `{PIC}`
)->a( n = `title` v = `{TITLE}`
)->a( n = `text` v = `{INFO}`
)->a( n = `type` v = `{TYPE}`
)->a( n = `tentative` v = `{TENTATIVE}`
)->a( n = `ariaHasPopup` v = `{ARIA}`
)->end(
)->ele( `intervalHeaders`
)->tag( n = `CalendarAppointment` ns = `u`
)->a( n = `startDate` v = `{ path: 'START_AT', formatter: 'Formatter.DateCreateObject' }`
)->a( n = `endDate` v = `{ path: 'END_AT', formatter: 'Formatter.DateCreateObject' }`
)->a( n = `title` v = `{TITLE}`
)->a( n = `type` v = `{TYPE}`
)->end(
)->end(
)->end(
)->end(
)->end( ).
client->view_display( view->stringify( ) ).
ENDMETHOD.
METHOD on_event.
CASE client->get_event( ).
WHEN `APPT_SELECT`.
DATA(appt_title) = client->get_event_arg( ).
IF appt_title IS NOT INITIAL.
DATA(selected) = COND string( WHEN client->get_event_arg( 2 ) = abap_true
THEN `selected`
ELSE `deselected` ).
client->message_box_display(
text = |'{ appt_title }' { selected }. \n Selected appointments: { client->get_event_arg( 3 ) }|
type = `show` ).
ELSE.
client->message_box_display( text = |{ client->get_event_arg( 4 ) } Appointments selected|
type = `show` ).
ENDIF.
WHEN `INTERVAL_SELECT`.
" the pushed appointment: start/end of the selected interval, title
" 'new appointment', type Type09 - on the first person, as in the original
DATA(iso_start) = |{ client->get_event_arg( ) }-{ CONV i( client->get_event_arg( 2 ) ) WIDTH = 2 ALIGN = RIGHT PAD = '0' }| &&
|-{ CONV i( client->get_event_arg( 3 ) ) WIDTH = 2 ALIGN = RIGHT PAD = '0' }| &&
|T{ CONV i( client->get_event_arg( 4 ) ) WIDTH = 2 ALIGN = RIGHT PAD = '0' }| &&
|:{ CONV i( client->get_event_arg( 5 ) ) WIDTH = 2 ALIGN = RIGHT PAD = '0' }:00|.
DATA(iso_end) = |{ client->get_event_arg( 6 ) }-{ CONV i( client->get_event_arg( 7 ) ) WIDTH = 2 ALIGN = RIGHT PAD = '0' }| &&
|-{ CONV i( client->get_event_arg( 8 ) ) WIDTH = 2 ALIGN = RIGHT PAD = '0' }| &&
|T{ CONV i( client->get_event_arg( 9 ) ) WIDTH = 2 ALIGN = RIGHT PAD = '0' }| &&
|:{ CONV i( client->get_event_arg( 10 ) ) WIDTH = 2 ALIGN = RIGHT PAD = '0' }:00|.
" the row is addressed through a field symbol, not a table expression:
" abaplint's downport leaves an itab[ ] TARGET of INSERT/DELETE in
" place, and the 702 parser rejects it
READ TABLE t_people INDEX 1 ASSIGNING FIELD-SYMBOL(<person>).
IF sy-subrc = 0.
INSERT VALUE #( start_at = iso_start
end_at = iso_end
title = `new appointment`
type = `Type09`
aria = `None` ) INTO TABLE <person>-t_appointments.
ENDIF.
ENDCASE.
ENDMETHOD.
METHOD model_init.
start_date = `2017-01-08T08:00:00`.
t_people = VALUE #(
( t_appointments = VALUE #(
( start_at = `2016-11-15T10:00:00` end_at = `2016-12-25T12:00:00` title = `Team collaboration` info = `room 1` type = `Type01` pic = `sap-icon://sap-ui5` tentative = abap_false aria = `Dialog` )
( start_at = `2016-10-13T09:00:00` end_at = `2016-02-09T10:00:00` title = `Reminder` info = `` type = `Type06` pic = `` tentative = abap_false aria = `None` )
( start_at = `2016-08-10T00:00:00` end_at = `2016-10-16T23:59:00` title = `Vacation` info = `out of office` type = `Type04` pic = `` tentative = abap_false aria = `Dialog` )
( start_at = `2016-08-01T00:00:00` end_at = `2016-10-31T23:59:00` title = `New quarter` info = `` type = `Type10` pic = `` tentative = abap_false aria = `Dialog` )
( start_at = `2017-01-03T00:01:00` end_at = `2017-01-04T23:59:00` title = `Workshop` info = `regular` type = `Type07` pic = `sap-icon://sap-ui5` tentative = abap_false aria = `Dialog` )
( start_at = `2017-01-05T08:30:00` end_at = `2017-01-05T09:30:00` title = `Meet Donna Moore` info = `` type = `Type02` pic = `` tentative = abap_false aria = `Dialog` )
( start_at = `2017-01-08T10:00:00` end_at = `2017-01-08T12:00:00` title = `Team meeting` info = `room 1` type = `Type01` pic = `sap-icon://sap-ui5` tentative = abap_false aria = `Dialog` )
( start_at = `2017-01-09T00:00:00` end_at = `2017-01-09T23:59:00` title = `Vacation` info = `out of office` type = `Type02` pic = `` tentative = abap_false aria = `Dialog` )
( start_at = `2017-01-11T00:00:00` end_at = `2017-01-12T23:59:00` title = `Education` info = `` type = `Type03` pic = `` tentative = abap_false aria = `Dialog` )
( start_at = `2017-01-16T00:30:00` end_at = `2017-01-16T23:30:00` title = `New Product` info = `room 105` type = `Type04` pic = `` tentative = abap_true aria = `Dialog` )
( start_at = `2017-01-18T11:30:00` end_at = `2017-01-18T13:30:00` title = `Lunch` info = `canteen` type = `Type03` pic = `` tentative = abap_true aria = `Dialog` )
( start_at = `2017-01-20T11:30:00` end_at = `2017-01-20T13:30:00` title = `Lunch` info = `canteen` type = `Type03` pic = `` tentative = abap_true aria = `Dialog` )
( start_at = `2017-01-18T00:01:00` end_at = `2017-01-19T23:59:00` title = `Working out of the building` info = `` type = `Type07` pic = `sap-icon://sap-ui5` tentative = abap_false aria = `Dialog` )
( start_at = `2017-01-23T08:00:00` end_at = `2017-01-24T18:30:00` title = `Discussion of the plan` info = `Online meeting` type = `Type04` pic = `` tentative = abap_false aria = `Dialog` )
( start_at = `2017-01-25T00:01:00` end_at = `2017-01-26T23:59:00` title = `Workshop` info = `regular` type = `Type07` pic = `sap-icon://sap-ui5` tentative = abap_false aria = `Dialog` )
( start_at = `2017-03-30T10:00:00` end_at = `2017-06-02T12:00:00` title = `Working out of the building` info = `` type = `Type07` pic = `sap-icon://sap-ui5` tentative = abap_false aria = `Dialog` )
( start_at = `2017-09-01T00:30:00` end_at = `2017-11-15T23:30:00` title = `Development of a new Product` info = `room 207` type = `Type03` pic = `` tentative = abap_true aria = `Dialog` )
( start_at = `2017-02-15T10:00:00` end_at = `2017-03-25T12:00:00` title = `Team collaboration` info = `room 1` type = `Type01` pic = `sap-icon://sap-ui5` tentative = abap_false aria = `Dialog` )
( start_at = `2017-03-13T09:00:00` end_at = `2017-04-09T10:00:00` title = `Reminder` info = `` type = `Type06` pic = `` tentative = abap_false aria = `None` )
( start_at = `2017-04-10T00:00:00` end_at = `2017-06-16T23:59:00` title = `Vacation` info = `out of office` type = `Type04` pic = `` tentative = abap_false aria = `Dialog` )
( start_at = `2017-08-01T00:00:00` end_at = `2017-10-31T23:59:00` title = `New quarter` info = `` type = `Type10` pic = `` tentative = abap_false aria = `Dialog` ) )
t_headers = VALUE #(
( start_at = `2017-01-08T00:00:00` end_at = `2017-01-08T23:59:00` title = `National holiday` type = `Type04` )
( start_at = `2017-01-10T00:00:00` end_at = `2017-01-10T23:59:00` title = `Birthday` type = `Type06` )
( start_at = `2017-01-17T00:00:00` end_at = `2017-01-17T23:59:00` title = `Reminder` type = `Type06` ) ) ) ).
ENDMETHOD.
ENDCLASS.