1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

/*
 * ワンクリックで一括承認するプログラム
 * Copyright (c) 2016 Cybozu
 *
 * Licensed under the MIT License
*/
(() => {
  'use strict';
  kintone.events.on('app.record.index.show', (event) => {
    const appId = kintone.app.getId();
    if (event.viewId !== ID) {
      return event;
    }
    const el = kintone.app.getHeaderSpaceElement();
    if (el.querySelector('.header-contents')) {
      return event;
    }
    const headerDiv = document.createElement('div');
    headerDiv.className = 'header-contents';
    // make a button for approval.
    const balusButton = document.createElement('button');
    balusButton.className = 'approval-button';
    balusButton.textContent = '一括承認！';
    balusButton.addEventListener('click', () => {
      if (event.records.length > 0) {
        window.swal({
          title: '本当に全て承認して大丈夫ですか？',
          text: '表示されているレコードを全て承認します',
          type: 'warning',
          showCancelButton: true,
          confirmButtonColor: '#DD6B55',
          confirmButtonText: '承認！',
          cancelButtonText: 'やっぱりやめる',
          closeOnConfirm: false
        },
        () => {
          const records = event.records.map(record => ({
            id: record.$id.value,
            action: '承認'
          }));
          const requestObj = {
            app: appId,
            records: records
          };
          kintone.api(kintone.api.url('/k/v1/records/status', true), 'PUT', requestObj, () => {
            window.swal({
              title: '承認に成功しました！',
              text: 'お疲れ様でした。',
              // eslint-disable-next-line max-nested-callbacks
              type: 'success'}, () => {
              location.reload();
            });
          });
        });
      } else {
        window.swal({
          title: '申請中のレコードがありません',
          type: 'warning'
        });
      }
    });
    headerDiv.appendChild(balusButton);
    headerDiv.appendChild(document.createElement('br'));
    el.appendChild(headerDiv);

    return event;
  });
})();

1
2
3
4

.header-contents{
  border: 1px dashed #D8D8D8;
  text-align: center;
}