Kinobot Always Show Timestamps

Adds timestamps next to subtitle number.

As of 11.07.2022. See ბოლო ვერსია.

// ==UserScript==
// @name         Kinobot Always Show Timestamps
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Adds timestamps next to subtitle number.
// @author       seaque
// @license      MIT
// @match        https://kino.caretas.club/*
// @require      http://code.jquery.com/jquery-3.4.1.min.js
// @resource     https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
// @icon         https://www.google.com/s2/favicons?sz=64&domain=caretas.club
// @grant        none
// @run-at       document-end
// ==/UserScript==



(function() {
    'use strict';

    var scriptElement = document.createElement('script');
    scriptElement.innerHTML = 'function copyTimeToClipboard(element, index) {var time = document.querySelectorAll(element)[index].innerText.substr(0, 7);navigator.clipboard.writeText(time);}';
    document.body.appendChild(scriptElement);

    const sub_elements = document.querySelectorAll(`li[id^="sub"]`);
    let timestamps = [];

    sub_elements.forEach(element => {
        timestamps.push(element.getAttribute("title"));
    });

    var div = document.createElement("div");
    var contenedor = document.querySelectorAll(".contenedor > li");

    for (var i = 0; i < contenedor.length; i++) {
        div.innerHTML =
            `<button type="button" class="btn btn-light" title="Copy to Clipboard" onclick="copyTimeToClipboard('.btn-light', '${i}')">${timestamps[i]}</button>`;
        contenedor[i].insertAdjacentHTML("afterbegin", div.innerHTML);
    }

})();