JavaScript
jQuery

勤怠入力のブックマークレット

環境

この記事の内容は以下の環境で実施しました

OS
 OS X 10.12.6
ブラウザ:
 Google Chrome
バージョン:
 65.0.3325.181

なんの話?

毎日「いついつまで会社にいて、何分休憩した」とか入力するやつです
自己申告のタイムシートって言うんですかね
それを毎日ブラウザから入力するのめんどくさいなーって

どういうこと?

働き方によって様々だと思いますが私の場合

  1. ブラウザから毎日勤務時間を記入
  2. 月末に印刷して管理者にサインをもらう
  3. それを再度電子化して取引先に送付

この「ブラウザから毎日勤務時間を記入」というのがズボラな私にはちょっとメンドくさいんですよ。

今の現場ですと、ありがたいことにほぼ毎日定時で上がれる状態なので
毎日同じ時間と内容を記入しているんですね。
これはメンドい。
やりたくない。

でもあまり時間をかけたら本末転倒なので手短に済ませたい。

どうする?

ブックマークレット書いた

javascript:(function(){ $(".tabContainer table tr").each(function(index, elm){ if (/.*([土日])$/.test($(this).find("td.txtNormal").text().trim()) == false) { $(this).find("input[ref='start_time']").val("09:30"); $(this).find("input[ref='end_time']").val("18:30"); $(this).find("input[ref='relax_time']").val("01:00"); $(this).find("input.modalTable__detailWorkContents__input").val("お仕事"); }  });})();

上記を月初にポチッとすると、土日以外のフォームが入力されます。
あとは保存ボタンを押すだけ
これがそのまま動いちゃった人はお仲間かもしれませんね。はじめまして。よろしく。🤝

動きません
適宜変更してみてくださいね

よくわかりません
説明が下手クソでごめんね(説明してない)
近くの優しいWebエンジニアさんに聞いてみてね

土日も仕事?
そういう会社もあるのでしょう。
お役に立てず 残念です:pensive:

jQueryとかwww
私は好きですよ。jQuery
でも使ってない環境だってあるでしょうね。
そんな貴方にはこちらを

javascript:(function(){ var rows = document.querySelectorAll('.tabContainer table tr'); for (row of rows) { var td = row.querySelector("td.txtNormal"); if (td && /.*([土日])$/.test(td.innerText.trim()) == false) { row.querySelector("input[ref='start_time']").value = "09:30"; row.querySelector("input[ref='end_time']").value = "18:30"; row.querySelector("input[ref='relax_time']").value = "01:00"; row.querySelector("input.modalTable__detailWorkContents__input").value = "お仕事"; } } } )();

良い勤怠入力ライフを:wave: