Append a Reservation Button

on the community page.
2021-02-14 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name           Append a Reservation Button
// @name:ja        タイムシフト予約ボタン追加
// @namespace      https://greasyfork.org/users/19523
// @description    on the community page.
// @description:ja コミュニティページのニコ生配信一覧にタイムシフト予約ボタンを付加
// @include        https://com.nicovideo.jp/community/*
// @include        https://com.nicovideo.jp/live/*
// @version        0.1
// @grant          none
// @run-at         document-idle
// ==/UserScript==

if (location.pathname.match('/community')) {
  var target = document.querySelector('li.liveNoRecent').parentElement.parentElement;
  var invoke = function (mutations) {
    createReservationBtn('a.now_live_inner', 'float: right;writing-mode: vertical-rl;text-orientation: upright;');
    createReservationBtn('a.liveTitle', '');
    observer.disconnect();
  };
} else if (location.pathname.match('/live')) {
  var target = document.getElementsByClassName('area-communityLive')[0];
  var invoke = function (mutations) {
    createReservationBtn('a.liveTitle', 'float: right;');
    observer.disconnect();
  };
}

var observer = new MutationObserver(invoke);
observer.observe(target, { childList: true, subtree: true });

function createReservationBtn(selector, style) {
  var streams = document.querySelectorAll(selector);

  for (var i = 0; streams[i]; i++) {
    var btn = document.createElement('a');
    btn.innerHTML = 'TS予約';
    btn.setAttribute('style', style);
    btn.addEventListener('click', { handleEvent: reserve, videoId: streams[i].pathname.match(/\d+$/), btn: btn});

    streams[i].insertAdjacentElement('beforebegin', btn);
  }
}

function reserve (ev) {
  var post = new XMLHttpRequest();
  post.open('POST', 'https://live.nicovideo.jp/api/timeshift.reservations');
  post.responseType = 'json';
  post.withCredentials = true;

  var fd = new FormData();
  fd.set('vid', this.videoId);
  post.send(fd);

  var self = this;
  post.addEventListener('load', function () {
    if (post.response.meta.status == 200) {
      self.btn.innerHTML = '完了';
    } else {
      self.btn.innerHTML = '失敗';
    }
    setTimeout(function () { self.btn.innerHTML = 'TS予約'; }, 5000);
  });
  post.addEventListener('error', function () {
    alert('Reservation Failed: Maybe, you need a bug report.');
  });
}