カレプラを彩る、素敵なカレンダーPlus API

(function () {
    'use strict';

    /**
     * 一括登録用のレコードを作成
     * @param {*} formattedDate 
     */
    const generateRowData = function (formattedDate) {
        const rec = {
            '業務開始日時': {
                'value': formattedDate + 'T09:00:00+09:00'
            },
            '業務終了日時': {
                'value': formattedDate + 'T17:00:00+09:00'
            },
            '氏名_タイトル用': {
                'value': kintone.getLoginUser().name
            },
            'ユーザー': {
                'value': [
                    {
                        'code': kintone.getLoginUser().code
                    }
                ]
            }
        };
        return rec;
    };

    /**
     * kintone レコード一覧画面の表示後イベント
     */
    kintone.events.on('app.record.index.show', function (event) {

        /**
         * カレンダーPlus イベントレコード描画時イベント
         */
        calendarplus.events.on('cp.event.show', function (e) {
            if (e.record['レコード種別'].value === 'ボタン') {
                // 他レコードと区別する為、レコード種別がボタンの場合はボタンっぽいデザインに変更
                const elm = e.element;
                elm[0].classList.add('calendar-button');
            }
            return e;
        });

        /**
         * カレンダーPlus マウスドラッグによるイベントレコード更新前イベント
         */
        calendarplus.events.on('cp.event.edit.submit', function (e) {
            if (e['record-original']['レコード種別'].value === 'ボタン') {
                // レコード種別がボタンの場合はレコード更新キャンセル（ボタンが動かされるのを禁止）
                return false;
            } else {
                return e;
            }
        });

        /**
         * カレンダーPlus イベントレコードクリックによる詳細画面遷移前イベント
         */
        calendarplus.events.on('cp.event.click', function (e) {
            if (e.record['レコード種別'].value !== 'ボタン') {
                return e;
            }
            // SweetAlert2の設定
            const options = {
                icon: 'question',
                html: kintone.getLoginUser().name + 'さん、<br>' + e.view.title + 'の予定を一括登録しますか？',
                showCancelButton: true,
                confirmButtonText: 'はい',
                cancelButtonText: 'いいえ'
            };
            // ボタンがクリックされたらメッセージを表示
            Swal.fire(options).then(function (result) {
                // 「はい」が選ばれた場合
                if (result.isConfirmed) {
                    // カレンダーPlusイベントオブジェクトのviewプロパティから情報取得
                    // 表示されている月の開始日取得
                    const startDate = luxon.DateTime.fromISO(e.view.currentRange.start.toISOString());
                    // 表示されている月の終了日取得
                    const endDate = luxon.DateTime.fromISO(e.view.currentRange.end.toISOString());
                    // 開始日と終了日から日数判定
                    const numDays = endDate.diff(startDate, 'days');
                    // 営業日取得(0:日曜,1:月曜・・・)
                    const bussinessDays = e.view.options.businessHours.dow;

                    // 登録用データ作成
                    const insertRecords = [];
                    for (let i = 0; i < numDays.values.days; i++) {
                        const insertDate = startDate.plus({ 'days': i });
                        // 営業日の場合に追加するレコード作成(setDate.weekdayは 1:月曜,2:火曜,・・・.7:日曜)
                        if (bussinessDays.indexOf(insertDate.weekday.toString()) !== -1 ||
                            (insertDate.weekday === 7 && bussinessDays.indexOf('0') !== -1)) {
                            const formattedDate = insertDate.toFormat('yyyy-MM-dd');
                            const rowdata = generateRowData(formattedDate);
                            insertRecords.push(rowdata);
                        }
                    }
                    // REST APIで一括登録
                    const body = {
                        'requests': [
                            {
                                'method': 'POST',
                                'api': '/k/v1/records.json',
                                'payload': {
                                    'app': kintone.app.getId(),
                                    'records': insertRecords
                                }
                            }
                        ]
                    };
                    kintone.api(kintone.api.url('/k/v1/bulkRequest', true), 'POST', body, function (resp) {
                        // 成功時は画面をリロード
                        location.reload();
                    }, function (error) {
                        Swal.fire('登録失敗！', '', 'error');
                    });
                }
            });
            // 詳細画面に遷移するのをキャンセル
            return false;
        });

        return event;
    });
})();

@charset "UTF-8";

.calendar-button {
  height: 35px;
  width: 150px;
  background: #fdc689 !important;
  line-height: 37px !important;
  text-align: center;
  box-shadow: 1px 2px 4px #d4842c;
}
.calendar-button:active {
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;
}