deleted unused modules
This commit is contained in:
huangjx
@@ -1,120 +0,0 @@
|
|||||||
import helper from './helper'
|
|
||||||
import $ from 'jquery'
|
|
||||||
import Http from './http'
|
|
||||||
import { translate as t, translatePlural as n } from '@nextcloud/l10n'
|
|
||||||
import inputBox from './inputBox'
|
|
||||||
import nctable from './ncTable'
|
|
||||||
|
|
||||||
const basePath = "/apps/ncdownloader";
|
|
||||||
|
|
||||||
const createInputBox = (event, type) => {
|
|
||||||
event.preventDefault();
|
|
||||||
event.stopPropagation();
|
|
||||||
//let id = event.target.closest("div").getAttribute('id');
|
|
||||||
let inputID = event.target.closest("div").dataset.inputbox;
|
|
||||||
let inputElement = inputID ? document.getElementById(inputID) : null;
|
|
||||||
if (inputElement) {
|
|
||||||
inputElement.remove();
|
|
||||||
}
|
|
||||||
let height = $(window).scrollTop();
|
|
||||||
if (height > 50)
|
|
||||||
$("html, body").animate({ scrollTop: 0 }, "fast");
|
|
||||||
let name = t("ncdownloader", 'Download'), path;
|
|
||||||
switch (type) {
|
|
||||||
case "ytdl":
|
|
||||||
path = basePath + "/youtube/new";
|
|
||||||
break;
|
|
||||||
case "search":
|
|
||||||
name = t("ncdownloader", 'Search');
|
|
||||||
path = basePath + "/search";
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
path = basePath + "/new";
|
|
||||||
}
|
|
||||||
let container;
|
|
||||||
if (type === 'search') {
|
|
||||||
let selectOptions = [];
|
|
||||||
selectOptions.push({ name: 'bitSearch', label: 'BITSEARCH', selected: 0 });
|
|
||||||
selectOptions.push({ name: 'TPB', label: 'THEPIRATEBAY', selected: 1 });
|
|
||||||
container = inputBox.getInstance(name, type, path).createOptions(selectOptions).create().addSpinner();
|
|
||||||
//container.appendChild(inputBox.createLoading());
|
|
||||||
} else if (type === 'ytdl') {
|
|
||||||
let checkbox = [{id:'audio-only',label:'Audio Only'}];
|
|
||||||
container = inputBox.getInstance(name, type, path).createCheckbox(checkbox).create().getContainer();
|
|
||||||
} else {
|
|
||||||
container = inputBox.getInstance(name, type, path).create().getContainer();
|
|
||||||
}
|
|
||||||
$("#ncdownloader-form-wrapper").append(container);
|
|
||||||
}
|
|
||||||
|
|
||||||
const toggleSpinner = element => {
|
|
||||||
let spinner = element.previousSibling || element.nextSibling
|
|
||||||
|
|
||||||
if (!spinner) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (element.style.display === 'none') {
|
|
||||||
element.style.display = 'block'
|
|
||||||
spinner.style.display = 'none';
|
|
||||||
} else {
|
|
||||||
element.style.display = 'none'
|
|
||||||
spinner.style.display = 'block';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const inputHandler = (event) => {
|
|
||||||
event.preventDefault();
|
|
||||||
let element = event.target;
|
|
||||||
toggleSpinner(element);
|
|
||||||
let formWrapper = element.closest('form');
|
|
||||||
|
|
||||||
let inputData = helper.getData('form-input-wrapper');
|
|
||||||
let inputValue = inputData.form_input_text;
|
|
||||||
if (inputData.type !== 'search' && !helper.isURL(inputValue) && !helper.isMagnetURI(inputValue)) {
|
|
||||||
helper.message(t("ncdownloader", "Invalid url"));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (inputData.type === 'ytdl') {
|
|
||||||
inputData.audioOnly = document.getElementById('audio-only').checked;
|
|
||||||
helper.message(t("ncdownloader", "Your download has started!"), 5000);
|
|
||||||
}
|
|
||||||
if (inputData.type === 'search') {
|
|
||||||
//a scheduled 60s-interval update is running in the background, this is to prevent it from interfering when searching
|
|
||||||
helper.enabledPolling = 0;
|
|
||||||
nctable.getInstance().loading();
|
|
||||||
}
|
|
||||||
const successCallback = (data, element) => {
|
|
||||||
if (!data) {
|
|
||||||
helper.message(t("ncdownloader", "Something must have gone wrong!"));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (data.hasOwnProperty("error")) {
|
|
||||||
helper.message(t("ncdownloader", data.error));
|
|
||||||
} else if (data.hasOwnProperty("message")) {
|
|
||||||
helper.message(t("ncdownloader", data.message));
|
|
||||||
} else if (data.hasOwnProperty("file")) {
|
|
||||||
helper.message(t("ncdownloader", "Downloading" + " " + data.file));
|
|
||||||
}
|
|
||||||
if (data && data.title) {
|
|
||||||
toggleSpinner(element);
|
|
||||||
const tableInst = nctable.getInstance(data.title, data.row);
|
|
||||||
tableInst.actionLink = false;
|
|
||||||
tableInst.rowClass = "table-row-search";
|
|
||||||
tableInst.create();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const path = formWrapper.dataset.path || basePath + "/new";
|
|
||||||
let url = helper.generateUrl(path);
|
|
||||||
Http.getInstance(url).setData(inputData).setHandler(function (data) {
|
|
||||||
successCallback(data, element);
|
|
||||||
}).send();
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
run: function () {
|
|
||||||
$("#app-navigation").on("click", "#new-download-ytdl", (event) => createInputBox(event, 'ytdl'));
|
|
||||||
$("#app-navigation").on("click", "#new-download", (event) => createInputBox(event, ''));
|
|
||||||
$("#app-navigation").on("click", "#torrent-search-button", (event) => createInputBox(event, 'search'));
|
|
||||||
$("#ncdownloader-form-wrapper").on("click", "#form-input-button", (event) => inputHandler(event));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
160
src/inputBox.js
160
src/inputBox.js
@@ -1,160 +0,0 @@
|
|||||||
import { translate as t, translatePlural as n } from '@nextcloud/l10n'
|
|
||||||
import helper from './helper'
|
|
||||||
|
|
||||||
|
|
||||||
class inputBox {
|
|
||||||
path;
|
|
||||||
selectOptions = [];
|
|
||||||
checkbox = [];
|
|
||||||
constructor(btnName, id, path = null) {
|
|
||||||
this.btnName = btnName;
|
|
||||||
this.id = id;
|
|
||||||
this.path = path;
|
|
||||||
}
|
|
||||||
static getInstance(btnName, id, path = null) {
|
|
||||||
return new inputBox(btnName, id, path);
|
|
||||||
}
|
|
||||||
create() {
|
|
||||||
this.formContainer = this._createForm();
|
|
||||||
this.textInput = this._createTextInput(this.id);
|
|
||||||
this.buttonContainer = this._createButtonContainer();
|
|
||||||
this.formContainer.appendChild(this.textInput);
|
|
||||||
if (this.checkbox.length !== 0) {
|
|
||||||
this.formContainer.appendChild(this._createCheckbox());
|
|
||||||
}
|
|
||||||
if (this.selectOptions.length !== 0) {
|
|
||||||
this.formContainer.appendChild(this._createSelect());
|
|
||||||
}
|
|
||||||
this.buttonContainer.appendChild(this._createButton());
|
|
||||||
this.formContainer.appendChild(this.buttonContainer);
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
|
|
||||||
getContainer() {
|
|
||||||
return this.formContainer;
|
|
||||||
}
|
|
||||||
setPath(path) {
|
|
||||||
this.path = path;
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
_createButtonContainer() {
|
|
||||||
let div = document.createElement("div");
|
|
||||||
|
|
||||||
div.classList.add("button-container");
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
_createForm() {
|
|
||||||
let container = document.createElement("form");
|
|
||||||
container.classList.add("form-input-wrapper");
|
|
||||||
container.setAttribute('id', 'form-input-wrapper');
|
|
||||||
if (this.path) {
|
|
||||||
container.setAttribute('data-path', this.path);
|
|
||||||
}
|
|
||||||
return container;
|
|
||||||
}
|
|
||||||
_createSelect(id) {
|
|
||||||
id = id || this.id;
|
|
||||||
let select = document.createElement('select');
|
|
||||||
select.setAttribute('id', "select-value-" + id);
|
|
||||||
select.setAttribute('value', '');
|
|
||||||
select.classList.add('form-select');
|
|
||||||
this.selectOptions.forEach(element => {
|
|
||||||
select.appendChild(element);
|
|
||||||
});
|
|
||||||
return select;
|
|
||||||
}
|
|
||||||
|
|
||||||
_createCheckbox() {
|
|
||||||
let div = document.createElement("div");
|
|
||||||
div.classList.add("checkboxes");
|
|
||||||
this.checkbox.forEach(element => {
|
|
||||||
div.appendChild(element);
|
|
||||||
})
|
|
||||||
return div;
|
|
||||||
}
|
|
||||||
|
|
||||||
createCheckbox(data) {
|
|
||||||
if (!data) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
data.forEach(element => {
|
|
||||||
let div = document.createElement('div');
|
|
||||||
let label = document.createElement('label');
|
|
||||||
let text = document.createTextNode(element.label);
|
|
||||||
let span = document.createElement('span');
|
|
||||||
span.appendChild(text);
|
|
||||||
|
|
||||||
let input = document.createElement('input');
|
|
||||||
input.setAttribute('type', 'checkbox');
|
|
||||||
input.setAttribute('id', element.id);
|
|
||||||
input.setAttribute('value', 'off');
|
|
||||||
input.setAttribute('name', element.name || element.id);
|
|
||||||
|
|
||||||
label.setAttribute('for', element.id);
|
|
||||||
label.classList.add("checkbox-label");
|
|
||||||
label.appendChild(input);
|
|
||||||
label.appendChild(span);
|
|
||||||
div.appendChild(label);
|
|
||||||
this.checkbox.push(div);
|
|
||||||
});
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
|
|
||||||
createOptions(data) {
|
|
||||||
if (!data) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
data.forEach(element => {
|
|
||||||
let option = document.createElement('option');
|
|
||||||
option.setAttribute('value', element.name);
|
|
||||||
let text = document.createTextNode(element.label);
|
|
||||||
option.appendChild(text);
|
|
||||||
if (element.selected) {
|
|
||||||
option.setAttribute("selected", "selected");
|
|
||||||
}
|
|
||||||
this.selectOptions.push(option);
|
|
||||||
});
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
_createTextInput(id) {
|
|
||||||
id = id || 'general';
|
|
||||||
let textInput = document.createElement('input');
|
|
||||||
textInput.setAttribute('type', 'text');
|
|
||||||
textInput.setAttribute('id', "form_input_text");
|
|
||||||
textInput.setAttribute('data-type', id);
|
|
||||||
textInput.setAttribute('value', '');
|
|
||||||
textInput.classList.add('form-input-text');
|
|
||||||
switch (id) {
|
|
||||||
case 'general':
|
|
||||||
textInput.setAttribute('placeholder', t("ncdownloader",'Paste your magnet/http link here'));
|
|
||||||
break;
|
|
||||||
case 'ytdl':
|
|
||||||
textInput.setAttribute('placeholder', t("ncdownloader",'Paste your video link here'));
|
|
||||||
break;
|
|
||||||
case 'search':
|
|
||||||
textInput.setAttribute('placeholder', t("ncdownloader",'Enter your keyword to search'));
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
return textInput;
|
|
||||||
}
|
|
||||||
_createButton() {
|
|
||||||
let button = document.createElement('button');
|
|
||||||
button.setAttribute('type', 'submit');
|
|
||||||
button.setAttribute('id', 'form-input-button');
|
|
||||||
//buttonInput.setAttribute('value', t('ncdownloader', helper.ucfirst(btnName)));
|
|
||||||
let text = document.createTextNode(t('ncdownloader', helper.ucfirst(this.btnName)));
|
|
||||||
button.appendChild(text);
|
|
||||||
return button;
|
|
||||||
}
|
|
||||||
addSpinner() {
|
|
||||||
const parser = new window.DOMParser();
|
|
||||||
let htmlString = '<button class="bs-spinner"><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" disabled></span><span class="visually-hidden">Loading...</span></button>'
|
|
||||||
let doc = parser.parseFromString(htmlString, "text/html")
|
|
||||||
let element = doc.querySelector(".bs-spinner");
|
|
||||||
element.style.display = 'none';
|
|
||||||
this.buttonContainer.appendChild(element);
|
|
||||||
return this.formContainer;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
export default inputBox;
|
|
||||||
Reference in New Issue
Block a user