Add support of presets, name templates, vers 0.3.0

dist/tvjs-xp.min.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
- * TVJS Std Extension Pack - v0.2.2 - Sat Nov 21 2020
+ * TVJS Std Extension Pack - v0.3.0 - Tue Dec 08 2020
  *     https://github.com/tvjsx/tvjs-xp
  *     Copyright (c) 2020 c451 Code's All Right;
  *     Licensed under the MIT license

package.json

@@ -1,13 +1,13 @@
 {
   "name": "tvjs-xp",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "Extension pack for trading-vue-js",
   "main": "./dist/tvjs-xp.js",
   "scripts": {
     "compile": "node ./webpack/index-compiler.js",
     "compile-prod": "node ./webpack/index-compiler.js --prod",
     "eslint": "./node_modules/.bin/eslint --ext .js,.vue src",
-    "dev": "webpack serve --config webpack/dev.config.js --mode development --progress --hot",
+    "dev": "webpack serve --config webpack/dev.config.js --mode development --progress --hot --port=$PORT",
     "build": "webpack  --config webpack/build.config.js --mode production --progress"
   },
   "author": "C451",
@@ -60,8 +60,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.12.1",
-    "trading-vue-js": "^0.9.0",
-    "tvjs-overlays": "^0.2.1",
+    "trading-vue-js": "^0.10.0",
+    "tvjs-overlays": "^0.3.0",
     "vue": "^2.6.12"
   }
 }

src/apps/App2.vue

@@ -130,7 +130,7 @@ export default {
     top: calc(50% - 14px);
     left: calc(50% - 12px);
     cursor: pointer;
-    z-index: 100;
+    z-index: 1000;
     opacity: 0.9;
 }
 </style>

src/extensions/grid-resize/main.js

@@ -51,8 +51,10 @@ export default class Main {
     onsettings(sett) {}
 
     ongrids() {
-        this.remove_widgets()
-        this.place_splitters()
+        setTimeout(() => {
+            this.remove_widgets()
+            this.place_splitters()
+        })
     }
 
     onmousemove(e) {

src/extensions/legend-buttons/main.js

@@ -100,26 +100,39 @@ export default class Main {
 
     // Called from AddWin.vue
     add_overlay(e) {
+        let preset = this.get_preset(e.type) || {}
+        if (preset.side) e.side = preset.side
         let onchart = this.dc.data.onchart
         let offchart = this.dc.data.offchart
         if (e.side === 'onchart') {
             onchart.splice(e.index+1, 0, {
+                name: preset.name,
                 type: e.type,
                 data: [],
-                settings: {}
+                settings: preset.settings || {}
             })
         } else {
             let h = this.avg_grid_h(offchart)
             offchart.splice(e.index+1, 0, {
+                name: preset.name,
                 type: e.type,
                 data: [],
-                settings: {},
+                settings: preset.settings || {},
                 grid: {height: h}
             })
         }
         this.dc.update_ids()
     }
 
+    // Get preset (default settings, colors) if defined
+    get_preset(type) {
+        let proto = this.tv.overlays.find(x => x.name === type)
+        if (proto && proto.methods.meta_info) {
+            let meta = proto.methods.meta_info()
+            return meta.preset
+        }
+    }
+
     // Extension settings has changed
     onsettings(sett) {}