Pre release (#871)

* remove stylus and update packages

* fix date selector in report pages

* update pull request template

* update the pull request template

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,33 +1,39 @@
-<!--- Provide a general summary of your changes in the Title above -->
+<!--- Provide a general summary of your changes in the Title above. -->
+<!--- Do not include backticks (`) in the Title above.  -->
 
 ## Description
 
-<!--- Describe your changes in detail -->
+<!--- Describe your changes in detail. -->
 <!--- Why is this change required? What problem does it solve? -->
+<!--- Do not include backticks (`).  -->
 
 ## Related issue
 
-<!--- Please link to the issue here. -->
+<!--- Replace only the '000' with the issue number. -->
+<!--- Do not include a URL. -->
+
+#000
 
 ## How Has This Been Tested?
 
 <!--- Please describe in detail how you tested your changes. -->
-<!--- Include details of your testing environment, the tests you ran to -->
+<!--- Include details of your testing environment, the tests you ran to. -->
 <!--- see how your change affects other areas of the code, etc. -->
+<!--- Do not include backticks (`).  -->
 
 ## Screenshots (if appropriate):
 
 ## Types of changes
 
-<!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: -->
+<!--- What types of changes does your code introduce? Put an 'x' in all the boxes that apply: -->
 
 - [ ] Bug fix (non-breaking change which fixes an issue)
 - [ ] New feature (non-breaking change which adds functionality)
 - [ ] Breaking change (fix or feature that would cause existing functionality to change)
 
 ## Checklist:
 
-<!--- Go over all the following points, and put an `x` in all the boxes that apply. -->
+<!--- Go over all the following points, and put an 'x' in all the boxes that apply. -->
 <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! -->
 
 - [ ] My code follows the code style of this project.

package.json

@@ -12,33 +12,32 @@
     "test": "jest --verbose"
   },
   "dependencies": {
-    "@intlify/unplugin-vue-i18n": "^5.0.0",
-    "@quasar/extras": "^1.16.12",
+    "@intlify/unplugin-vue-i18n": "^5.2.0",
+    "@quasar/extras": "^1.16.13",
     "axios": "^1.7.7",
     "dagre": "^0.8.5",
     "grid-layout-plus": "^1.0.5",
     "idb-keyval": "^6.2.1",
-    "ip-address": "^9.0.5",
+    "ip-address": "^10.0.1",
     "plotly.js-dist": "^2.35.2",
-    "quasar": "^2.17.0",
-    "swagger-ui": "^5.17.14",
-    "v-network-graph": "^0.9.16",
-    "vue": "^3.5.6",
-    "vue-i18n": "^10.0.1",
+    "quasar": "^2.17.2",
+    "swagger-ui": "^5.18.2",
+    "v-network-graph": "^0.9.18",
+    "vue": "^3.5.12",
+    "vue-i18n": "^10.0.4",
     "vue-router": "^4.4.5"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.25.4",
-    "@quasar/vite-plugin": "^1.7.0",
+    "@babel/preset-env": "^7.26.0",
+    "@quasar/vite-plugin": "^1.8.0",
     "@rushstack/eslint-patch": "^1.10.4",
     "@vitejs/plugin-vue": "^5.1.4",
-    "@vue/eslint-config-prettier": "^9.0.0",
-    "eslint": "^9.10.0",
-    "eslint-plugin-vue": "^9.28.0",
+    "@vue/eslint-config-prettier": "^10.1.0",
+    "eslint": "^9.14.0",
+    "eslint-plugin-vue": "^9.30.0",
     "jest": "^29.7.0",
     "joi": "^17.13.3",
     "prettier": "^3.3.3",
-    "stylus": "^0.63.0",
-    "vite": "^5.4.6"
+    "vite": "^5.4.10"
   }
 }

src/App.vue

@@ -51,69 +51,65 @@ onBeforeUnmount(() => {
   <LocalStorageBanner :disable="true" />
 </template>
 
-<style lang="stylus">
-menu-delinkify(val)
-  font-size 1rem
-  color white
-  text-decoration none
-  text-transform capitalize
-  if val
-    font-weight 700
-
-.IHR_
-  &menu-entries
-    a, button
-      menu-delinkify 1
-
-    button
-      box-shadow none
-
-  &footer
-    & a
-      color white
-
-      &first-child
-        border-left none
-
-    ~/copyright
-      & > div
-        margin 0.5rem 0
-
-    ~/external-links
-      font-size 3.0em
-      text-decoration none
-
-      & a
-        color white
-
-  &scroll-btn
-    position fixed
-    bottom 20px
-    right 20px
-    z-index 2000
-    cursor pointer
-    transition all 0.6s
-    border-radius 50%
-    color white
-    padding 0.7rem 0.8rem
-    border 1px solid white
-    opacity 0.8
-    &:hover
-      transform scale(1.1)
-
-#IHR_
-  &home-button
-    padding 0px 13px 0px 2px
-
-  &forgotten-password
-    white-space nowrap
-
-  &user-menu
-    padding 0.25rem
-    font-size 1rem
-    & *:first-letter
-      text-transform capitalize
+<style>
+.IHR_menu-entries a,
+.IHR_menu-entries button {
+  font-size: 1rem;
+  color: #fff;
+  text-decoration: none;
+  text-transform: capitalize;
+  font-weight: 700;
+}
+.IHR_menu-entries button {
+  box-shadow: none;
+}
+.IHR_footer a {
+  color: #fff;
+}
+.IHR_footer afirst-child {
+  border-left: none;
+}
+.IHR_copyright > div {
+  margin: 0.5rem 0;
+}
+.IHR_external-links {
+  font-size: 3em;
+  text-decoration: none;
+}
+.IHR_external-links a {
+  color: #fff;
+}
+.IHR_scroll-btn {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 2000;
+  cursor: pointer;
+  transition: all 0.6s;
+  border-radius: 50%;
+  color: #fff;
+  padding: 0.7rem 0.8rem;
+  border: 1px solid #fff;
+  opacity: 0.8;
+}
+.IHR_scroll-btn:hover {
+  transform: scale(1.1);
+}
+#IHR_home-button {
+  padding: 0px 13px 0px 2px;
+}
+#IHR_forgotten-password {
+  white-space: nowrap;
+}
+#IHR_user-menu {
+  padding: 0.25rem;
+  font-size: 1rem;
+}
+#IHR_user-menu *:first-letter {
+  text-transform: capitalize;
+}
+#IHR_last-element {
+  height: 50px;
+}
 
-  &last-element
-    height 50px;
 </style>

src/components/DateTimePicker.vue

@@ -86,17 +86,17 @@ const textColor = computed(() => {
   </QIcon>
 </template>
 
-<style lang="stylus" scoped>
-.IHR_
-  &date-time-picker
-    cursor pointer
-
-  &white-text
-    color white
-
-  &black-text
-    color black
-
-  &date-input
-    font-weight bolder
+<style scoped>
+.IHR_date-time-picker {
+  cursor: pointer;
+}
+.IHR_white-text {
+  color: #fff;
+}
+.IHR_black-text {
+  color: #000;
+}
+.IHR_date-input {
+  font-weight: bolder;
+}
 </style>