☰

Drag

The extension adds drag and drop when loading the report

// ==UserScript==
// @name         Drag
// @description  The extension adds drag and drop when loading the report
// @namespace    http://tampermonkey.net/
// @version      0.1
// @author       You
// @match        https://pro.guap.ru/inside/student/reports/*/create
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    const drop_area = document.getElementsByClassName('card')[0];
    const load_button = document.getElementsByClassName('btn-info')[0];

    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
        drop_area.addEventListener(eventName, (e) => {
            e.preventDefault();
            e.stopPropagation();
        }, false)
    });

    drop_area.addEventListener('drop', (e) => {
        document.getElementById('file').files = e.dataTransfer.files;
        load_button.text = e.dataTransfer.files[0].name;
    });

    ['dragenter', 'dragover'].forEach(eventName => {
        drop_area.addEventListener(eventName, _ => {
            drop_area.style.cssText = 'box-shadow: 0 0 .5rem rgba(0,250,0,.75) !important;'
        }, false)
    });

    ['dragleave', 'drop'].forEach(eventName => {
        drop_area.addEventListener(eventName, _ => {
            drop_area.style.cssText = 'box-shadow: var(--suai-shadow) !important'
        }, false)
    });
})();