fix: Images are not found after transfer to app #160

src/panel/graph_panel/graph_ctrl.ts

@@ -521,11 +521,12 @@ class GraphCtrl extends MetricsPanelCtrl {
   //   return res;
   // }
 
-  get panelPath() {
-    if (this._panelPath === undefined) {
-      this._panelPath = 'public/plugins/hastic-app/panel/graph_panel';
+  get pluginPath() {
+    return '/public/plugins/hastic-app';
   }
-    return this._panelPath;
+
+  get panelPath() {
+    return this.pluginPath + '/panel/graph_panel';
   }
 
   createNew() {

src/panel/graph_panel/partials/tab_analytics.html

@@ -191,7 +191,7 @@
         4) Click 'create' button.
 
     <b>Labeling segments:</b>
-        1) Click on the chart symbol <img ng-src="{{ctrl.panelPath}}/img/chartSymbol.png"> to enter labeling mode.
+        1) Click on the chart symbol <img ng-src="{{ctrl.pluginPath}}/img/chartSymbol.png"> to enter labeling mode.
         2) Hold down 'Ctrl' button on your keyboard and hold down left mouse button while dragging to label segments manually. Release LMB to finish labeling the segment.
         3) After all of the needed segments are labeled click on the chart symbol again to exit labeling mode.
 
@@ -199,7 +199,7 @@
 
     <b>Deleting segments:</b>
         1) Click on the chart symbol to enter labeling mode. (skip this step if you are already in labeling mode)
-        2) Press 'D' key twice to switch from <img ng-src="{{ctrl.panelPath}}/img/labeling.jpg"> to <img ng-src="{{ctrl.panelPath}}/img/deleting.jpg">.
+        2) Press 'D' key twice to switch from <img ng-src="{{ctrl.pluginPath}}/img/labeling.jpg"> to <img ng-src="{{ctrl.pluginPath}}/img/deleting.jpg">.
         3) Hold down 'Ctrl' button on your keyboard and hold down left mouse button while dragging to mark segments for deletion.
         4) After all of the needed segments are deleted click on the chart symbol again to exit labeling mode.
 
@@ -209,16 +209,16 @@
       1) General: patterns in your data that don't fall under any of provided built-in patterns.
 
       2) Peaks: a sharp increase to a certain single value, followed by a return to the original value.
-      <img ng-src="{{ctrl.panelPath}}/img/peaks.jpg">
+      <img ng-src="{{ctrl.pluginPath}}/img/peaks.jpg">
 
       3) Troughs: a sharp decrease to a certain single value, followed by a return to the original value.
-      <img ng-src="{{ctrl.panelPath}}/img/troughs.jpg">
+      <img ng-src="{{ctrl.pluginPath}}/img/troughs.jpg">
 
       4) Jumps: increase to a certain value without returning to the original state.
-      <img ng-src="{{ctrl.panelPath}}/img/jumps.jpg">
+      <img ng-src="{{ctrl.pluginPath}}/img/jumps.jpg">
 
       5) Drops: decrease to a certain value without returning to the original state.
-      <img ng-src="{{ctrl.panelPath}}/img/drops.jpg">
+      <img ng-src="{{ctrl.pluginPath}}/img/drops.jpg">
 
       6) Custom: any custom model created and imported by you.
       </pre>