- prepare project for using tailwind with postcss configuration files

- change linl to backend login
- change copyright hint with actual year

src/App.vue

@@ -55,7 +55,7 @@
             <div class="navbar-end">
                 <div class="navbar-item">
                     <div class="buttons">
-                        <a v-bind:href="portal" class="button is-primary custom-button">
+                        <a v-bind:href="portal" target="_blank" class="button is-primary custom-button">
                             <i class="fas fa-sign-in-alt"></i>
                             <!-- <fa :icon="['fas', 'phone']" class="fas fa-sign-in-alt" /> -->
                             <!-- </span> -->
@@ -139,7 +139,7 @@
     </footer>
 
     <div class="container-fluid">
-        <div class="copyright-notice">Copyright 2022 TETHYS RDR</div>
+        <div class="copyright-notice">&#169; {{ currentYear }} TETHYS RDR</div>
     </div>
 
     <!-- <vs-input
@@ -238,7 +238,7 @@ footer .card-title {
     margin-bottom: 0;
 }
 .list-group-flush > .list-group-item {
-    border-width: 0 0 1px;
+    border-width: 0;
 }
 
 .list-group-item:first-child {

src/App2.vue

@@ -56,7 +56,7 @@
             <div class="navbar-end">
                 <div class="navbar-item">
                     <div class="buttons">
-                        <a v-bind:href="portal" class="button is-primary custom-button">
+                        <a v-bind:href="portal" target="_blank" class="button is-primary custom-button">
                             <i class="fas fa-sign-in-alt"></i>
                             <!-- <fa :icon="['fas', 'phone']" class="fas fa-sign-in-alt" /> -->
                             <!-- </span> -->
@@ -73,7 +73,7 @@
     <router-view></router-view>
 
     <div class="container-fluid">
-        <div class="copyright-notice">Copyright 2022 TETHYS RDR</div>
+        <div class="copyright-notice">&#169; {{ currentYear }} TETHYS RDR</div>
     </div>
 
     <!-- <vs-input
@@ -172,7 +172,7 @@ footer .card-title {
     margin-bottom: 0;
 }
 .list-group-flush > .list-group-item {
-    border-width: 0 0 1px;
+    border-width: 0;
 }
 
 .list-group-item:first-child {

src/app.ts

@@ -11,7 +11,7 @@ import ContactViewComponent from "./views/contact-view/contact-view-component.vu
 import SitelinkViewComponent from "./views/sitelink-view/sitelink-view-component.vue";
 import ImprintViewComponent from "./views/imprint-view/imprint-view-component.vue";
 import TermsViewComponent from "./views/terms-view/terms-view-component";
-import { VUE_API } from "./constants";
+// import { VUE_API } from "./constants";
 // import VsInput from "./components/vs-input/vs-input.vue";
 // import VsResult from "./components/vs-result/vs-result.vue";
 // import FacetCategory from "./components/face-category/facet-category.vue";
@@ -46,7 +46,11 @@ import { VUE_API } from "./constants";
 })
 export default class App extends Vue {
     public active = false;
-    public portal = VUE_API + "/login";
+    public portal = "https://data.tethys.at/login"; // VUE_API + "/login";
+
+    get currentYear() {
+        return new Date().getFullYear();
+    }
 
     mounted(): void {
         // const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"), 0);

src/app2.ts

@@ -10,7 +10,7 @@ import ContactViewComponent from "./views/contact-view/contact-view-component.vu
 import SitelinkViewComponent from "./views/sitelink-view/sitelink-view-component.vue";
 import ImprintViewComponent from "./views/imprint-view/imprint-view-component.vue";
 import TermsViewComponent from "./views/terms-view/terms-view-component";
-import { APP_URL, VUE_API } from "./constants";
+import { APP_URL } from "./constants";
 // import VsInput from "./components/vs-input/vs-input.vue";
 // import VsResult from "./components/vs-result/vs-result.vue";
 // import FacetCategory from "./components/face-category/facet-category.vue";
@@ -44,13 +44,17 @@ import { APP_URL, VUE_API } from "./constants";
 })
 export default class App2 extends Vue {
     public active = false;
-    public portal = VUE_API + "/login";
+    public portal = "https://data.tethys.at/login"; // VUE_API + "/login";
     public app_url = APP_URL;
     public search_url = APP_URL + "/search";
     public service_url = APP_URL + "/services";
     public help_url = APP_URL + "/help";
     public oai_url = APP_URL + "/oai";
 
+    get currentYear() {
+        return new Date().getFullYear();
+    }
+
     mounted(): void {
         // const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"), 0);
         // // Check if there are any navbar burgers

src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/main.ts

@@ -7,6 +7,8 @@ import index from "./router/index";
 import route1 from "./router/route1";
 import "@fortawesome/fontawesome-free/css/all.css";
 import VueMatomo from "vue-matomo";
+//  add tailwind style
+// import "./index.css";
 
 const host = window.location.host;
 const parts = host.split(".");

src/views/dataset-detail.component/dataset-detail.component.ts

@@ -5,7 +5,6 @@ import DatasetService from "../../services/dataset.service";
 import { Subscription } from "rxjs";
 import dayjs from "dayjs";
 import advancedFormat from "dayjs/plugin/advancedFormat";
-// import SimpleSearchComponent from "@/components/simple-search/simple-search-component.vue";
 import VsInput from "@/components/vs-input/vs-input.vue";
 import { Suggestion } from "@/models/dataset";
 import { VUE_API } from "@/constants";

src/views/search-view/search-view-component.vue

@@ -151,6 +151,8 @@
 <script lang="ts">
 import SearchViewComponent from "./search-view-component";
 export default SearchViewComponent;
+// import tailwind ss
+import "@/index.css";
 </script>
 
 <style scoped></style>