added tippy.js for testing

This commit is contained in:
huangjx
2021-10-28 15:31:07 +08:00
parent 9670ec883e
commit 11969a4b23
3 changed files with 16 additions and 10 deletions

View File

@@ -32,7 +32,7 @@
"stylelint:fix": "stylelint src --fix" "stylelint:fix": "stylelint src --fix"
}, },
"dependencies": { "dependencies": {
"v-tooltip": "^4.0.0-alpha.1"
}, },
"engines": { "engines": {
"node": ">=14.0.0", "node": ">=14.0.0",
@@ -41,14 +41,11 @@
"devDependencies": { "devDependencies": {
"@babel/core": "^7.15.0", "@babel/core": "^7.15.0",
"@babel/preset-env": "^7.15.0", "@babel/preset-env": "^7.15.0",
"@vue/compiler-sfc": "^3.2.20",
"babel-loader": "^8.2.2",
"svgo-loader": "^3.0.0",
"vue-svg-loader": "^0.17.0-beta.2",
"webpack-cli": "^4.9.0",
"@nextcloud/dialogs": "^3.1.2", "@nextcloud/dialogs": "^3.1.2",
"@nextcloud/l10n": "^1.4.1", "@nextcloud/l10n": "^1.4.1",
"@nextcloud/router": "^2.0.0", "@nextcloud/router": "^2.0.0",
"@vue/compiler-sfc": "^3.2.20",
"babel-loader": "^8.2.2",
"bootstrap": "^5.1.0", "bootstrap": "^5.1.0",
"css-loader": "^6.4.0", "css-loader": "^6.4.0",
"html-webpack-plugin": "^5.3.2", "html-webpack-plugin": "^5.3.2",
@@ -58,11 +55,14 @@
"sass-loader": "^10.2.0", "sass-loader": "^10.2.0",
"style-loader": "^3.3.0", "style-loader": "^3.3.0",
"svg-url-loader": "^7.1.1", "svg-url-loader": "^7.1.1",
"tippy.js": "^6.3.1", "svgo-loader": "^3.0.0",
"tippy.js": "^6.3.2",
"toastify-js": "^1.11.1", "toastify-js": "^1.11.1",
"url-loader": "^4.1.1", "url-loader": "^4.1.1",
"validator": "^13.6.0", "validator": "^13.6.0",
"vue": "^3.2.20", "vue": "^3.2.20",
"vue-loader": "^16.0.0-beta.10" "vue-loader": "^16.0.0-beta.10",
"vue-svg-loader": "^0.17.0-beta.2",
"webpack-cli": "^4.9.0"
} }
} }

View File

@@ -8,10 +8,12 @@ import './css/style.scss'
import './css/table.scss' import './css/table.scss'
import { createApp } from 'vue' import { createApp } from 'vue'
import App from './App'; import App from './App';
import tippy, { delegate } from 'tippy.js';
import 'tippy.js/dist/tippy.css';
'use strict' 'use strict'
const basePath = "/apps/ncdownloader"; const basePath = "/apps/ncdownloader";
window.addEventListener('DOMContentLoaded', function () { window.addEventListener('DOMContentLoaded', function () {
// inputAction.run(); // inputAction.run();
@@ -22,7 +24,7 @@ window.addEventListener('DOMContentLoaded', function () {
let vm = app.mount('#' + container); let vm = app.mount('#' + container);
helper.addVue(vm.$options.name, vm); helper.addVue(vm.$options.name, vm);
eventHandler.add("click","#start-aria2 button", function (e) { eventHandler.add("click", "#start-aria2 button", function (e) {
const path = basePath + "/aria2/start"; const path = basePath + "/aria2/start";
let url = helper.generateUrl(path); let url = helper.generateUrl(path);
Http.getInstance(url).setHandler(function (data) { Http.getInstance(url).setHandler(function (data) {
@@ -34,6 +36,9 @@ window.addEventListener('DOMContentLoaded', function () {
window.location.href = link; window.location.href = link;
}) })
eventHandler.add("click", "#app-navigation", "#search-download", helper.showDownload); eventHandler.add("click", "#app-navigation", "#search-download", helper.showDownload);
delegate('#ncdownloader-table-wrapper',
{ target: '[data-tippy-content]' }
);
}); });

View File

@@ -135,6 +135,7 @@ class ncTable {
if (name == 'refresh') { if (name == 'refresh') {
name = 'Redownload'; name = 'Redownload';
} }
button.setAttribute("data-tippy-content", helper.ucfirst(name));
button.setAttribute("title", helper.ucfirst(name)); button.setAttribute("title", helper.ucfirst(name));
return button; return button;
} }