barmar/tethys.frontend
1
0
Fork 0
forked from geolba/tethys.frontend
Code Pull Requests Activity

- added CTS Logo

Browse Source 
- updated npm packages like vue-facing-decorator and some prettier and eslint dev dependecies
- remove node-polyfill-webpack-plugin
This commit is contained in:
Kaimbacher 2024-03-16 16:42:25 +01:00
parent 6f63db4a71
commit a85debca92
13 changed files with 1685 additions and 2415 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4001
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

21
package.json
View File

@ -19,7 +19,7 @@
"qs": "^6.10.1",
"rxjs": "^7.5.5",
"vue": "^3.2.47",
"vue-facing-decorator": "^2.1.13",
"vue-facing-decorator": "^3.0.4",
"vue-matomo": "^4.1.0",
"vue-router": "^4.0.12",
"xslt3": "^2.4.0"
@ -30,26 +30,25 @@
"@babel/plugin-proposal-decorators": "^7.22.5",
"@babel/preset-env": "^7.22.5",
"@types/leaflet": "^1.7.9",
"@typescript-eslint/eslint-plugin": "^5.48.1",
"@typescript-eslint/parser": "^5.40.1",
"@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^7.2.0",
"@vue/cli-plugin-eslint": "~5.0.4",
"@vue/cli-plugin-typescript": "~5.0.4",
"@vue/cli-service": "~5.0.4",
"@vue/compiler-sfc": "^3.0.0",
"@vue/eslint-config-prettier": "^7.0.0",
"@vue/eslint-config-typescript": "^11.0.0",
"@vue/eslint-config-prettier": "^9.0.0",
"@vue/eslint-config-typescript": "^13.0.0",
"babel-preset-typescript-vue3": "^2.0.17",
"bulma": "^0.9.3",
"eslint": "^8.25.0",
"eslint-plugin-prettier": "^4.2.1",
"eslint-plugin-prettier": "^5.1.3",
"eslint-plugin-vue": "^9.9.0",
"node-polyfill-webpack-plugin": "^2.0.0",
"prettier": "^2.7.1",
"prettier": "^3.2.5",
"pug-plain-loader": "^1.1.0",
"sass": "^1.26.5",
"sass-loader": "^13.0.0",
"sass-loader": "^14.1.1",
"typescript": "^5.1.3",
"webpack": "^5.72.1",
"vue-loader": "^17.0.1"
"vue-loader": "^17.0.1",
"webpack": "^5.72.1"
}
}

8
src/App.vue
View File

@ -1,17 +1,11 @@
<template>
<!-- <HelloWorld msg="Welcome to Your Vue.js plus TypeScript App" /> -->
<!-- <link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
crossorigin="anonymous"
/> -->
<nav class="navbar navbar-light border-bottom" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<!-- <img src="./assets/images/TETHYS-Logo.svg" width="240px" height="86" alt="TETHYS Logo" /> -->
<img src="./assets/images/TETHYS-Logo.svg" width="240" height="86" />
<img src="./assets/images/cts-logo.png" width="80" height="80" />
</a>
<a
id="menu-icon"

1
src/App2.vue
View File

@ -6,6 +6,7 @@
<a class="navbar-item" v-bind:href="app_url">
<!-- <img src="./assets/images/TETHYS-Logo.svg" width="240px" height="86" alt="TETHYS Logo" /> -->
<img src="./assets/images/TETHYS-Logo.svg" width="240" height="86" />
<img src="./assets/images/cts-logo.png" width="80" height="80" />
</a>
<a
id="menu-icon"

1
src/api/api.ts
View File

@ -8,6 +8,7 @@ import { AxiosResponse } from "axios";
const axiosInstance = initializeAxios(axiosRequestConfiguration);
// eslint-disable-next-line
const get = <T>(url: string, queryParams?: any): Observable<T> => {
return defer(() => axiosInstance.get<T>(url, { params: queryParams })).pipe(map((result: AxiosResponse) => result.data));
};

2
src/app.ts
View File

@ -66,7 +66,7 @@ export default class App extends Vue {
// }
}
public showMobilemenu(event: PointerEvent): void {
public showMobilemenu(event: MouseEvent): void {
// Don't follow the link
event.preventDefault();
this.active = !this.active;

2
src/app2.ts
View File

@ -69,7 +69,7 @@ export default class App2 extends Vue {
// }
}
public showMobilemenu(event: PointerEvent): void {
public showMobilemenu(event: MouseEvent): void {
// Don't follow the link
event.preventDefault();
this.active = !this.active;

2
src/assets/datacite/testLogo.vue
View File

@ -1,8 +1,8 @@
<template>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"

BIN
src/assets/images/cts-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

2
src/components/datacite/BaseWidget.ts
View File

@ -82,7 +82,7 @@ export default class BaseWidget extends Vue {
return `${value.toLocaleString("en-us")} ${label}s`;
}
public formatNumbers(num: any) {
public formatNumbers(num: number) {
if (num < 1e3) return num;
if (num >= 1e3 && num < 1e6) return `${+(num / 1e3).toFixed(1)}K`;
if (num >= 1e6 && num < 1e9) return `${+(num / 1e6).toFixed(1)}M`;

5
src/models/dataset.ts
View File

@ -23,7 +23,10 @@ export interface Dataset {
}
export class Suggestion {
constructor(public value: string, public type: SearchType) {}
constructor(
public value: string,
public type: SearchType,
) {}
// value!: string;
// type!: SearchType;
}

4
src/views/dataset-detail.component/dataset-detail.component.ts
View File

@ -10,13 +10,13 @@ import VsInput from "@/components/vs-input/vs-input.vue";
import { Suggestion } from "@/models/dataset";
import { VUE_APP_PORTAL } from "@/constants";
// import DataMetricsBadge from "data-metrics-badge/dist/data-metrics-badge.js";
import DataMetricsBadge from "@/components/datacite/DataMetricsBadge.vue";
// import DataMetricsBadge from "@/components/datacite/DataMetricsBadge.vue";
@Component({
name: "DatasetDetailComponent",
components: {
VsInput,
DataMetricsBadge,
// DataMetricsBadge,
},
})
export default class DatasetDetailComponent extends Vue {

51
vue.config.js
View File

@ -1,25 +1,25 @@
/* eslint @typescript-eslint/no-var-requires: "off" */
const webpack = require("webpack");
// const { defineConfig } = require("@vue/cli-service");
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
const { VueLoaderPlugin } = require('vue-loader');
// const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
const { VueLoaderPlugin } = require("vue-loader");
module.exports = {
publicPath: "/",
chainWebpack: config => {
publicPath: "/",
chainWebpack: (config) => {
const vueRule = config.module.rule("vue");
vueRule.uses.clear();
// const tsRule = config.module.rule("ts");
// tsRule.uses.clear();
// .plugin('define')
// .tap(args => {
// args[0] = {
// ...args[0],
// VUE_APP_PORTAL: JSON.stringify(process.env.PORTAL),
// // other stuff
// }
// return args
// })
// .plugin('define')
// .tap(args => {
// args[0] = {
// ...args[0],
// VUE_APP_PORTAL: JSON.stringify(process.env.PORTAL),
// // other stuff
// }
// return args
// })
},
pages: {
index: {
@ -37,14 +37,14 @@ module.exports = {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
loader: "vue-loader",
options: {
// loaders: {
// ts: 'ts-loader',
// },
cacheDirectory: 'C:\\Users\\kaiarn\\Documents\\Software\\tethys.viewer\\node_modules\\.cache\\vue-loader',
cacheIdentifier: '39baf1b4',
babelParserPlugins: ['jsx', 'classProperties', 'decorators-legacy'],
// },
cacheDirectory: "C:\\Users\\kaiarn\\Documents\\Software\\tethys.viewer\\node_modules\\.cache\\vue-loader",
cacheIdentifier: "39baf1b4",
babelParserPlugins: ["jsx", "classProperties", "decorators-legacy"],
},
},
// {
@ -58,7 +58,7 @@ module.exports = {
// use: {
// loader: "babel-loader",
// options: {
// presets: [
// presets: [
// ["@babel/preset-env", {}],
// "babel-preset-typescript-vue3", //because of new vue setup method
// // "@babel/preset-typescript"
@ -76,19 +76,22 @@ module.exports = {
},
resolve: {
alias: {
vue$: 'vue/dist/vue.runtime.esm-bundler.js'
vue$: "vue/dist/vue.runtime.esm-bundler.js",
},
extensions : ['.tsx', '.ts', '.mjs', '.js', '.jsx', '.vue', '.json', '.wasm'],
extensions: [".tsx", ".ts", ".mjs", ".js", ".jsx", ".vue", ".json", ".wasm"],
},
plugins: [
// new VueLoaderPlugin(),
plugins: [
new VueLoaderPlugin(),
new webpack.DefinePlugin({
__VUE_OPTIONS_API__: "true",
__VUE_PROD_DEVTOOLS__: "false",
__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: "false",
APP_URL: JSON.stringify(process.env.APP_URL),
VUE_APP_PORTAL: JSON.stringify(process.env.VUE_APP_PORTAL),
SOLR_HOST: JSON.stringify(process.env.SOLR_HOST),
SOLR_CORE: JSON.stringify(process.env.SOLR_CORE),
}),
new NodePolyfillPlugin(),
// new NodePolyfillPlugin(),
],
},
};