Merge pull request #212 from gtt-project/update-dependencies

Update dependencies

Author: smellman

package.json

@@ -21,23 +21,23 @@
   "homepage": "https://github.com/gtt-project/redmine_gtt#readme",
   "dependencies": {
     "@juggle/resize-observer": "^3.4.0",
-    "@material-design-icons/font": "^0.12.1",
+    "@material-design-icons/font": "^0.14.2",
     "geojson": "^0.5.0",
-    "ol": "^6.15.1",
-    "ol-ext": "^3.2.30"
+    "ol": "^7.2.2",
+    "ol-ext": "4.0.4"
   },
   "devDependencies": {
     "@types/geojson": "^7946.0.10",
-    "@types/jquery": "^3.5.14",
+    "@types/jquery": "^3.5.16",
     "@types/jqueryui": "^1.12.16",
     "@types/ol-ext": "npm:@siedlerchr/types-ol-ext",
-    "css-loader": "^6.7.1",
-    "sass": "^1.54.9",
-    "sass-loader": "^13.0.2",
+    "css-loader": "^6.7.3",
+    "sass": "^1.58.0",
+    "sass-loader": "^13.2.0",
     "style-loader": "^3.3.1",
-    "ts-loader": "^9.3.1",
-    "typescript": "^4.8.3",
-    "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0"
+    "ts-loader": "^9.4.2",
+    "typescript": "^4.9.5",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
   }
 }

src/components/gtt-client.ts

@@ -1281,7 +1281,7 @@ export class GttClient {
   reloadFontSymbol() {
     if ('fonts' in document) {
       const symbolFonts: Array<String> = []
-      for (const font in FontSymbol.prototype.defs.fonts) {
+      for (const font in FontSymbol.defs.fonts) {
         symbolFonts.push(font)
       }
       if (symbolFonts.length > 0) {

src/components/gtt-setting.ts

@@ -33,16 +33,16 @@ export const gtt_setting = ():void => {
     }
   });
 
-  const glyph = FontSymbol.prototype.defs.glyphs
+  const glyph = FontSymbol.defs.glyphs
   document.querySelectorAll("[id^='settings_tracker_']").forEach((element: HTMLSelectElement) => {
     const selectedValue = element.value
     if (element.length === 1 && selectedValue !== "") {
       element.remove(0)
       // element.append(new Option("", "", false, false))
     }
-    for (let font in FontSymbol.prototype.defs.fonts) {
+    for (let font in FontSymbol.defs.fonts) {
       const optgroup = document.createElement('optgroup')
-      optgroup.label = FontSymbol.prototype.defs.fonts[font].name
+      optgroup.label = FontSymbol.defs.fonts[font].name
       for (let i in glyph) {
         if (glyph[i].font == font) {
           const selected = selectedValue === i

src/stylesheets/app.scss

@@ -1,6 +1,26 @@
 /**
  * Application Styles
  */
+:root,
+:host {
+  --ol-background-color: white;
+  --ol-accent-background-color: #F5F5F5;
+  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
+  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
+  --ol-foreground-color: #F5F5F5;
+  --ol-subtle-foreground-color: #FFFFFF;
+  --ol-brand-color: #34495e;
+}
+
+.ol-control button:hover {
+  background-color: #3f5872;
+}
+
+.ol-control.ol-bar .ol-toggle.ol-active button:hover, .ol-control.ol-bar .ol-toggle.ol-active>button {
+  background-color: #f1515c;
+  color: #fff;
+}
+
 .ol-map {
   width: 100%;
   height: 400px;