期限付きだけど内容が曖昧なものをkeepするUserScript

これもう使っていない。また今後も使うことはないと思う

/icons/hr.icon

仕様

https://gyazo.com/e559c2db1033f3efa580a7aa13c80baf

情報収集用タスクを作成することもできる

このUserScriptを使うと嬉しいこと

templateを使ってタスクを作成できる

課題に応じて微妙に変えたいことがほとんど

その場その場にあったtemplateを使いたい

タスクリストに手作業で書き込む手間が省ける

実装

実行すると、以下のtabを開く

期日は翌日のこのscriptを発動した時刻と同じ時刻

期日のほうが速いときは、現在時刻 + 期日までの時間 * 5%とする

上記のページへのリンクを末尾に追記する

2020-10-16 09:41:26

Fetch APIを叩くのは重いのでやめた

2020-10-12 21:11:15

そのページからの派生タスクを簡単に作れるようにする

2020-10-10 10:48:56 できた

試してみる

11:37:17 バグ取り終了

テストする

うまく行った

11:56:11 情報集めタスクの作成を任意にする

modal window

もう使っていない

code:modal.html

<dialog id="takker-add-task-window">

<form method="dialog">

<p><label>

task name:

<input type="text" value="" />

</label></p>

<p><label>

date:

<input type="date" />

</label></p>

<p><label>

time:

<input type="time" value="00:00" />

</label></p>

<p><label>

make collecting task:

<input type="checkbox" checked />

</label></p>

<menu>

<button value="cancel">Cancel</button>

<button id="confirmBtn" value="{}">Confirm</button>

</menu>

</form>

</dialog>

code:script.js

import {makeSprint} from '/api/code/takker/takker-sprint_template/makeSprint.js';

const zero = n => String(n).padStart(2, '0');

const modalId = 'takker-add-task-window';

const confirmId = 'confirmBtn';

const projectName = scrapbox.Project.name;

export default async function() {

const modal = new ModalWindow();

await modal.create();

modal.show();

}

class ModalWindow {

constructor() {

this.modal = document.getElementById(modalId);

this.confirm = document.getElementById(confirmId);

this.nameBox = undefined;

this.dateBox = undefined;

this.timeBox = undefined;

this.checkBox = undefined;

}

// create the modal window

async create() {

if (this.modal) return;

const div = document.createElement('div');

div.innerHTML =

`<dialog id="takker-add-task-window">

<form method="dialog">

<p><label>

task name:

<input type="text" value="" />

</label></p>

<p><label>

date:

<input type="date" />

</label></p>

<p><label>

time:

<input type="time" value="00:00" />

</label></p>

<p><label>

make collecting task:

<input type="checkbox" checked />

</label></p>

<menu>

<button value="cancel">Cancel</button>

<button id="confirmBtn" value="{}">Confirm</button>

</menu>

</form>

</dialog>`;

document.body.appendChild(div);

this.modal = document.getElementById(modalId);

this.confirm = document.getElementById(confirmId);

this._reset();

this.nameBox.addEventListener('change', () => {

let value = this._json;

value.name = this.nameBox.value;

this._json = value;

});

this.dateBox.addEventListener('change', () => {

let value = this._json;

value.year = year;

value.month = month;

value.date = date;

this._json = value;

});

this.timeBox.addEventListener('change', () => {

let value = this._json;

value.hour = hour;

value.minute = minute;

this._json = value;

});

this.modal.addEventListener('close', () => {

if (this.modal.returnValue === "cancel") return;

const result = this._json;

makeMainTask(result);

if (this._checked) {

makeCollectingTask(result);

} else {

}

this._reset();

});

}

show() {

this.modal.showModal();

}

get _checked() {

return this.checkBox.checked;

}

_reset() {

// 初期化

const today = new Date();

this.dateBox.value = toYYYYMMDD(today);

this.timeBox.value = '00:00';

this._json = {

name: this.nameBox.value,

year: today.getFullYear(),

month: today.getMonth()+1,

date: today.getDate(),

hour: '00', minute: '00'};

}

get _json() {

const temp = JSON.parse(this.confirm.value) ?? undefined;

return {name: temp.name,year: temp.year,month: temp.month,

date: temp.date, hour: temp.hour,minute: temp.minute};

}

set _json({name,year,month,date,hour,minute}) {

this.confirm.value = JSON.stringify({name,year,month,date,hour,minute});

}

dispose() {

const div = this.modal.parentNode;

div.parentNode.removeChild(div);

}

}

function makeMainTask({name,year,month,date,hour,minute}) {

const e = array => encodeURIComponent(array.join('\n'));

const deadline = new Date(year, month - 1, date, hour, minute, 0);

const now = new Date();

// main task page

const lines = [

'',

'',

'やること',

' ',

'',

'期日',

'',

}

// 情報集め task page

function makeCollectingTask({name,year,month,date,hour,minute}) {

const e = array => encodeURIComponent(array.join('\n'));

const deadline = new Date(year, month - 1, date, hour, minute, 0);

const now = new Date();

// 期日までの残り時間を計算

const duration = deadline.getTime() - now.getTime();

const length = duration < 0 ? 0 :

duration / (24*3600*1000) < 1.0 ?

// 一日を切っていたら、残り時間の5%に設定する

duration * 0.05 :

24*3600*1000;

let infoDeadline = new Date();

infoDeadline.setTime(now.getTime() + length);

const lines = [

'',

'やること',

' ',

'',

'期日',

'',

}