20211219 - 캘린더 일정 관리, 완료 일정 취소선 Strike 처리

1. Page - CSS - Inline

.apex-cal-default-strike div { background-color: #2578CF; border-color: #2578CF; color: #FFFFFF; text-decoration-line: line-through; }

.apex-cal-black-strike div { background-color: #303030; border-color: #303030; color: #FFFFFF; text-decoration-line: line-through; }

.apex-cal-blue-strike div { background-color: #4183D7; border-color: #4183D7; color: #FFFFFF; text-decoration-line: line-through; }

.apex-cal-bluesky-strike div { background-color: #6BB9F0; border-color: #6BB9F0; color: #404040; text-decoration-line: line-through; }

.apex-cal-brown-strike div { background-color: #D88935; border-color: #D88935; color: #404040; text-decoration-line: line-through; }

.apex-cal-cyan-strike div { background-color: #1ABC9C; border-color: #1ABC9C; color: #404040; text-decoration-line: line-through; }

.apex-cal-darkblue-strike div { background-color: #1F5F97; border-color: #1F5F97; color: #FFFFFF; text-decoration-line: line-through; }

.apex-cal-gray-strike div { background-color: #A0A0A0; border-color: #A0A0A0; color: #404040; text-decoration-line: line-through; }

.apex-cal-green-strike div { background-color: #2ECC71; border-color: #2ECC71; color: #404040;text-decoration-line: line-through; }

.apex-cal-lime-strike div { background-color: #28A346; border-color: #28A346; color: #FFFFFF; text-decoration-line: line-through; }

.apex-cal-orange-strike div { background-color: #F39C12; border-color: #F39C12; color: #404040; text-decoration-line: line-through; }

.apex-cal-red-strike div { background-color: #D91E18; border-color: #D91E18; color: #FFFFFF; text-decoration-line: line-through; }

.apex-cal-silver-strike div { background-color: #BDC3C7; border-color: #BDC3C7; color: #404040; text-decoration-line: line-through; }

.apex-cal-white-strike div { background-color: #F0F0F0; border-color: #F0F0F0; color: #404040; text-decoration-line: line-through; }

.apex-cal-yellow-strike div { background-color: #F1C40F; border-color: #F1C40F; color: #404040; text-decoration-line: line-through; }

2. Calendar 리전 - SQL Query

select a.cal_id

     , decode(nvl(a.complete_yn, 'N'), 'Y', nvl(b.css_cal,'')||'-strike', nvl(b.css_cal,'')) as css

     , a.sdt

     , a.edt

     , nvl(b.cal_type_nm||': ','') ||a.mst as mst

     , a.dtl

  from info_calendar     a

     , info_calendar_css b

 where a.css_id = b.css_id(+)

3. 구현된 화면

참고