remove mobile file
This commit is contained in:
@@ -1,6 +0,0 @@
|
|||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
addApproveFlowAction(true);
|
|
||||||
|
|
||||||
})();
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
addApproveFlowAction(true);
|
|
||||||
|
|
||||||
})();
|
|
||||||
@@ -1,95 +0,0 @@
|
|||||||
.btn-group-area {
|
|
||||||
display: flex;
|
|
||||||
/* margin-left: 2.5em; */
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
.btn-group-area .label {
|
|
||||||
margin: 0 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group-area .input {
|
|
||||||
padding-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group-area .year {
|
|
||||||
--kuc-text-input-width: calc(4em + 16px);
|
|
||||||
--kuc-text-input-height: 48px;
|
|
||||||
}
|
|
||||||
.btn-group-area .year input {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group-area .month,
|
|
||||||
.btn-group-area .date,
|
|
||||||
.btn-group-area .term {
|
|
||||||
--kuc-combobox-toggle-width: calc(2em + 16px);
|
|
||||||
--kuc-combobox-toggle-height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group-area .term {
|
|
||||||
--kuc-combobox-toggle-width: calc(3em + 16px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group-area .month input[class^='kuc-combobox'],
|
|
||||||
.btn-group-area .date input[class^='kuc-combobox'],
|
|
||||||
.btn-group-area .term input[class^='kuc-combobox'] {
|
|
||||||
text-align: center;
|
|
||||||
padding-right: 8px;
|
|
||||||
}
|
|
||||||
.btn-group-area .month input + div[class$="icon"],
|
|
||||||
.btn-group-area .date input + div[class$="icon"],
|
|
||||||
.btn-group-area .term input + div[class$="icon"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.action-btn {
|
|
||||||
margin: 0 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.customized-record-header-space {
|
|
||||||
padding-top: 16px;
|
|
||||||
padding-left: 8px;
|
|
||||||
}
|
|
||||||
.customized-record-header-space > .btn-group-area {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.kintone-app-headermenu-space {
|
|
||||||
height: auto;
|
|
||||||
display: inline-flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
#user-js-header-clocking-btn-area {
|
|
||||||
margin: 4px 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#user-js-header-clocking-btn-area > .action-btn {
|
|
||||||
--kuc-button-width: 6em
|
|
||||||
}
|
|
||||||
|
|
||||||
#user-js-header-clocking-btn-area > .action-btn:first-child {
|
|
||||||
margin-right: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#user-js-clock-in-btn-area > .action-btn,
|
|
||||||
#user-js-clock-out-btn-area > .action-btn {
|
|
||||||
--kuc-mobile-button-height: 35px;
|
|
||||||
margin: .5em 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kuc--has-spinner {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
div[class^='kuc-spinner'][class$='__spinner'] {
|
|
||||||
margin-top: 89px;
|
|
||||||
height: calc(100% - 89px);
|
|
||||||
position: absolute;
|
|
||||||
--kuc-spinner-text-color: #3498db;
|
|
||||||
--kuc-spinner-loader-color: #3498db;
|
|
||||||
}
|
|
||||||
div[class^='kuc-spinner'][class$='mask'] {
|
|
||||||
top: 89px;
|
|
||||||
position: absolute;
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
@@ -1,206 +0,0 @@
|
|||||||
const Kuc = Kucs['1.19.0'];
|
|
||||||
|
|
||||||
let notificationEl;
|
|
||||||
function getHeaderSpace(className, isDetailPage) {
|
|
||||||
const headerSpace = kintone.mobile.app.getHeaderSpaceElement();
|
|
||||||
if (!headerSpace) {
|
|
||||||
throw new Error('このページではヘッダー要素が利用できません。');
|
|
||||||
};
|
|
||||||
|
|
||||||
const _className = isDetailPage ? 'customized-record-header-space' : 'customized-header-space';
|
|
||||||
|
|
||||||
headerSpace.className += (' ' + _className + ' ' + className);
|
|
||||||
headerSpace.parentElement.className += (' ' + _className + '-wrapper ' + className);
|
|
||||||
|
|
||||||
return headerSpace;
|
|
||||||
}
|
|
||||||
|
|
||||||
const classItems = [
|
|
||||||
{ label: "にじ", value: "にじ" },
|
|
||||||
{ label: "ほし", value: "ほし" },
|
|
||||||
{ label: "つき", value: "つき" },
|
|
||||||
{ label: "ゆり", value: "ゆり" },
|
|
||||||
]
|
|
||||||
|
|
||||||
const termItems = [
|
|
||||||
{ label: "０歳児", value: "０歳児" },
|
|
||||||
{ label: "１歳児", value: "１歳児" },
|
|
||||||
{ label: "２歳児", value: "２歳児" },
|
|
||||||
{ label: "３歳児", value: "３歳児" },
|
|
||||||
{ label: "４歳児", value: "４歳児" },
|
|
||||||
{ label: "５歳児", value: "５歳児" },
|
|
||||||
]
|
|
||||||
|
|
||||||
|
|
||||||
function createBtnGroupArea(groupId, btnLabel, btnOnClick, { btnElId = false, yearElId = false, monthElId = false, dateElId = false, termElId = false, defaultThisMonth = false, }) {
|
|
||||||
const result = {};
|
|
||||||
|
|
||||||
if (document.getElementById(groupId)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const btnGroupAreaEl = document.createElement('div');
|
|
||||||
btnGroupAreaEl.id = groupId;
|
|
||||||
btnGroupAreaEl.className = 'btn-group-area'
|
|
||||||
result[groupId] = btnGroupAreaEl;
|
|
||||||
|
|
||||||
if (yearElId) {
|
|
||||||
const yearEl = new Kuc.MobileText({
|
|
||||||
value: "" + new Date().getFullYear(),
|
|
||||||
id: yearElId,
|
|
||||||
label: '年',
|
|
||||||
className: 'year input'
|
|
||||||
});
|
|
||||||
result[yearElId] = yearEl;
|
|
||||||
btnGroupAreaEl.appendChild(yearEl);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (monthElId) {
|
|
||||||
const monthEl = new Kuc.MobileDropdown({
|
|
||||||
value: defaultThisMonth ? monthItems[new Date().getMonth()].value : undefined,
|
|
||||||
id: monthElId,
|
|
||||||
className: 'month input',
|
|
||||||
label: '月',
|
|
||||||
items: monthItems,
|
|
||||||
});
|
|
||||||
result[monthElId] = monthEl;
|
|
||||||
btnGroupAreaEl.appendChild(monthEl);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (dateElId) {
|
|
||||||
const dateEl = new Kuc.MobileDropdown({
|
|
||||||
value: dateItems[new Date().getDate() - 1].value,
|
|
||||||
id: dateElId,
|
|
||||||
items: dateItems,
|
|
||||||
label: '日',
|
|
||||||
className: "date input",
|
|
||||||
});
|
|
||||||
result[dateElId] = dateEl;
|
|
||||||
btnGroupAreaEl.appendChild(dateEl);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (termElId) {
|
|
||||||
|
|
||||||
const termEl = new Kuc.MobileDropdown({
|
|
||||||
id: termElId,
|
|
||||||
items: termItems,
|
|
||||||
className: "term input",
|
|
||||||
label: '学年',
|
|
||||||
});
|
|
||||||
result[termElId] = termEl;
|
|
||||||
btnGroupAreaEl.appendChild(termEl);
|
|
||||||
}
|
|
||||||
|
|
||||||
const btnEl = new Kuc.MobileButton({
|
|
||||||
text: btnLabel,
|
|
||||||
type: "submit",
|
|
||||||
className: "action-btn",
|
|
||||||
id: btnElId,
|
|
||||||
});
|
|
||||||
result[btnElId] = btnEl;
|
|
||||||
btnEl.addEventListener('click', (e) => {
|
|
||||||
showError(false);
|
|
||||||
const checkResult = checkInputData(result, { btnLabel, yearElId, monthElId, dateElId, termElId });
|
|
||||||
if (checkResult) {
|
|
||||||
btnOnClick(e, checkResult);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
btnGroupAreaEl.appendChild(btnEl);
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkInputData(map, { btnLabel, yearElId, monthElId, dateElId, termElId }) {
|
|
||||||
const year = yearElId && map[yearElId].value;
|
|
||||||
const month = monthElId && map[monthElId].value;
|
|
||||||
const date = dateElId && (map[dateElId].value === 'end' ? getLastDate(year, month).getDate() : map[dateElId].value);
|
|
||||||
const term = termElId && map[termElId].value;
|
|
||||||
|
|
||||||
const errorMsgs = [];
|
|
||||||
|
|
||||||
if (yearElId) {
|
|
||||||
const yearRegex = /^\d+$/;
|
|
||||||
if (!yearRegex.test(year)) {
|
|
||||||
errorMsgs.push(' · 年は整数で入力してください。');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (monthElId && !month) {
|
|
||||||
errorMsgs.push(' · 月を選択してください。');
|
|
||||||
}
|
|
||||||
if (dateElId && !date) {
|
|
||||||
errorMsgs.push(' · 日を選択してください。');
|
|
||||||
}
|
|
||||||
if (termElId && !term) {
|
|
||||||
errorMsgs.push(' · 学年を選択してください。');
|
|
||||||
}
|
|
||||||
if (errorMsgs.length > 0) {
|
|
||||||
showError(true, btnLabel + 'エラー\n' + errorMsgs.join('\n'))
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
year,
|
|
||||||
month,
|
|
||||||
date,
|
|
||||||
term,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function createBtn(id, label, onClick) {
|
|
||||||
const btnEl = new Kuc.MobileButton({
|
|
||||||
text: label,
|
|
||||||
type: "submit",
|
|
||||||
className: "action-btn",
|
|
||||||
id,
|
|
||||||
});
|
|
||||||
btnEl.addEventListener('click', onClick);
|
|
||||||
return btnEl;
|
|
||||||
}
|
|
||||||
|
|
||||||
function hideSpaceField(ids) {
|
|
||||||
ids.forEach(id => {
|
|
||||||
const area = kintone.mobile.app.record.getSpaceElement(id);
|
|
||||||
area.parentElement.style.minWidth = '0';
|
|
||||||
area.parentElement.style.display = 'none';
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const statusFieldMap = {
|
|
||||||
'指導教諭確認中': '担任',
|
|
||||||
'主幹確認中': '指導',
|
|
||||||
'園長確認中': '主幹',
|
|
||||||
'完了': '園長'
|
|
||||||
}
|
|
||||||
|
|
||||||
function addApproveFlowAction() {
|
|
||||||
return kintone.events.on("mobile.app.record.detail.process.proceed", (event) => {
|
|
||||||
const field = statusFieldMap[event.nextStatus.value];
|
|
||||||
if (field) {
|
|
||||||
event.record[field].value = kintone.getLoginUser().name;
|
|
||||||
}
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function showError(show, text) {
|
|
||||||
if (show) {
|
|
||||||
buildNotification('danger', text);
|
|
||||||
notificationEl.open();
|
|
||||||
console.error(text);
|
|
||||||
} else {
|
|
||||||
notificationEl && notificationEl.close();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function buildNotification(type, text, duration = -1) {
|
|
||||||
const param = {
|
|
||||||
type,
|
|
||||||
text,
|
|
||||||
duration
|
|
||||||
}
|
|
||||||
if (!notificationEl) {
|
|
||||||
notificationEl = new Kuc.MobileNotification(param);
|
|
||||||
} else {
|
|
||||||
Object.assign(notificationEl, param);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
kintone.events.on("mobile.app.record.detail.process.proceed", (event) => {
|
|
||||||
const field = statusFieldMap[event.nextStatus.value];
|
|
||||||
if (field) {
|
|
||||||
event.record[field].value = kintone.getLoginUser().name;
|
|
||||||
}
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
|
|
||||||
})();
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
kintone.events.on("mobile.app.record.detail.process.proceed", (event) => {
|
|
||||||
const field = statusFieldMap[event.nextStatus.value];
|
|
||||||
if (field) {
|
|
||||||
event.record[field].value = kintone.getLoginUser().name;
|
|
||||||
}
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
|
|
||||||
})();
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
addApproveFlowAction(true);
|
|
||||||
|
|
||||||
})();
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
|
|
||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
// ------------------- 詳細画面表示時の処理 -------------------
|
|
||||||
kintone.events.on('mobile.app.record.detail.show', function (event) {
|
|
||||||
const area = kintone.mobile.app.record.getSpaceElement('header-clocking-btn-area');
|
|
||||||
|
|
||||||
const clockIn = createBtn('clock-in', '登園', dateToFieldInDetail('登園時刻'));
|
|
||||||
const clockOut = createBtn('clock-out', '帰園', dateToFieldInDetail('帰園時刻'));
|
|
||||||
area.appendChild(clockIn);
|
|
||||||
area.appendChild(clockOut);
|
|
||||||
|
|
||||||
hideSpaceField(['clock-in-btn-area', 'clock-out-btn-area']);
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
|
|
||||||
function dateToFieldInDetail(fieldCode) {
|
|
||||||
return async function (e) {
|
|
||||||
await new KintoneRestAPIClient().record.updateRecord({
|
|
||||||
app: kintone.mobile.app.getId(),
|
|
||||||
id: kintone.mobile.app.record.getId(),
|
|
||||||
record: {
|
|
||||||
[fieldCode]: {
|
|
||||||
value: getCurrentTime()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
location.reload();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// ------------------- 編集画面表示時の処理 -------------------
|
|
||||||
kintone.events.on(['mobile.app.record.create.show', 'mobile.app.record.edit.show'], function (event) {
|
|
||||||
const clockIn = createBtn('clock-in', '登園', dateToFieldInEdit('登園時刻'));
|
|
||||||
kintone.mobile.app.record.getSpaceElement('clock-in-btn-area').appendChild(clockIn);
|
|
||||||
const clockOut = createBtn('clock-out', '帰園', dateToFieldInEdit('帰園時刻'));
|
|
||||||
kintone.mobile.app.record.getSpaceElement('clock-out-btn-area').appendChild(clockOut);
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
|
|
||||||
function dateToFieldInEdit(fieldCode) {
|
|
||||||
return function (e) {
|
|
||||||
var record = kintone.mobile.app.record.get();
|
|
||||||
record['record'][fieldCode]['value'] = getCurrentTime();
|
|
||||||
kintone.mobile.app.record.set(record);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getCurrentTime() {
|
|
||||||
const now = new Date();
|
|
||||||
const hours = String(now.getHours()).padStart(2, '0');
|
|
||||||
const minutes = String(now.getMinutes()).padStart(2, '0');
|
|
||||||
return `${hours}:${minutes}`;
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
addApproveFlowAction(true);
|
|
||||||
|
|
||||||
kintone.events.on("mobile.app.record.index.show", (event) => {
|
|
||||||
const headerSpace = getHeaderSpace('single-label-line');
|
|
||||||
|
|
||||||
// if (event.viewId === APP_ENV.view.linkFor0to1) {
|
|
||||||
// Link1Handler.getInstance(headerSpace);
|
|
||||||
// return event;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// if (event.viewId === APP_ENV.view.linkForOthers) {
|
|
||||||
// Link2Handler.getInstance(headerSpace);
|
|
||||||
// return event;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// BatchCreateHandler.getInstance(headerSpace);
|
|
||||||
});
|
|
||||||
})();
|
|
||||||
@@ -1,41 +0,0 @@
|
|||||||
|
|
||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
const FIELD_CODE = "ユニークキー";
|
|
||||||
|
|
||||||
// ------------------- 詳細/印刷/編集画面表示時の処理 -------------------
|
|
||||||
kintone.events.on(['mobile.app.record.detail.show'], function (event) {
|
|
||||||
hideField(FIELD_CODE);
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
|
|
||||||
// ------------------- 編集画面表示時の処理 -------------------
|
|
||||||
kintone.events.on(['mobile.app.record.edit.show', 'mobile.app.record.create.show'], function (event) {
|
|
||||||
const targetFieldEl = kintone.mobile.app.record.getSpaceElement("before-unique-key").nextSibling;
|
|
||||||
targetFieldEl.querySelector('.control-constraints-gaia').style.display = 'none';
|
|
||||||
|
|
||||||
event.record[FIELD_CODE]['value'] = "<自動計算：出席番号＋学年+クラス+名前>";
|
|
||||||
disableField(event.record, FIELD_CODE);
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
function hideField(fieldCode) {
|
|
||||||
kintone.mobile.app.record.setFieldShown(fieldCode, false);
|
|
||||||
}
|
|
||||||
|
|
||||||
function disableField(record, fieldCode) {
|
|
||||||
record[fieldCode]['disabled'] = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ------------------- 編集画面保存時の処理 -------------------
|
|
||||||
kintone.events.on(['mobile.app.record.create.submit', 'mobile.app.record.edit.submit'], function (event) {
|
|
||||||
event.record[FIELD_CODE]['value'] = getUniqueKey(event.record);
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
|
|
||||||
function getUniqueKey(record) {
|
|
||||||
return (record['出席番号']['value'] + '_' + record['学年']['value'] + '_' + record['クラス']['value'] + '_' + record['名前']['value']).substring(0, 64);
|
|
||||||
}
|
|
||||||
|
|
||||||
})();
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
kintone.events.on("mobile.app.record.detail.process.proceed", (event) => {
|
|
||||||
const field = statusFieldMap[event.nextStatus.value];
|
|
||||||
if (field) {
|
|
||||||
event.record[field].value = kintone.getLoginUser().name;
|
|
||||||
}
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
|
|
||||||
})();
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
(function () {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
kintone.events.on("mobile.app.record.detail.process.proceed", (event) => {
|
|
||||||
const field = statusFieldMap[event.nextStatus.value];
|
|
||||||
if (field) {
|
|
||||||
event.record[field].value = kintone.getLoginUser().name;
|
|
||||||
}
|
|
||||||
return event;
|
|
||||||
});
|
|
||||||
|
|
||||||
})();
|
|
||||||
Reference in New Issue
Block a user