diff --git a/src/img/flant_corner.svg b/src/img/flant_corner.svg new file mode 100644 index 0000000..6fa6a42 --- /dev/null +++ b/src/img/flant_corner.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/img/statusmap_icon.svg b/src/img/statusmap_icon.svg new file mode 100644 index 0000000..f689882 --- /dev/null +++ b/src/img/statusmap_icon.svg @@ -0,0 +1,51 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/module.html b/src/module.html index 2863c19..888c77c 100644 --- a/src/module.html +++ b/src/module.html @@ -33,5 +33,6 @@ +
diff --git a/src/module.ts b/src/module.ts index ac8cebe..5c77eac 100644 --- a/src/module.ts +++ b/src/module.ts @@ -421,6 +421,7 @@ class StatusHeatmapCtrl extends MetricsPanelCtrl { onInitEditMode() { this.addEditorTab('Options', optionsEditorCtrl, 2); this.addEditorTab('Tooltip', tooltipEditorCtrl, 3); + this.addEditorTab('About', 'public/plugins/flant-statusmap-panel/partials/about_editor.html', 4); this.unitFormats = kbn.getUnitFormats(); } diff --git a/src/partials/about_editor.html b/src/partials/about_editor.html new file mode 100644 index 0000000..9d382d2 --- /dev/null +++ b/src/partials/about_editor.html @@ -0,0 +1,12 @@ +
+
+ + +
+ Statusmap panel plugin is made by Flant. +
+
+ Your issues, PRs, and GitHub stars are welcome! +
+
+
diff --git a/src/styles/_statusmap.scss b/src/styles/_statusmap.scss index 0c9be82..41130eb 100644 --- a/src/styles/_statusmap.scss +++ b/src/styles/_statusmap.scss @@ -14,6 +14,25 @@ } } +.status-heatmap-wrapper { + position: relative; + a.logo { + display: block; + background: $branding-logo no-repeat; + background-size: contain; + position: absolute; + bottom: 0; + right: 0; + width: 20px; + height: 20px; + opacity: 0.15; + + :hover > & { + opacity: 1; + } + } +} + .statusmap-panel { position: relative; @@ -154,3 +173,16 @@ } } } + +.statusmap-about { + .header-logo { + height: 145px; + width: 330px; + background: $about-header-logo no-repeat; + background-size: contain; + margin-bottom: 7px; + } + a { + text-decoration: underline; + } +} diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss index 6fb4540..3544105 100644 --- a/src/styles/_variables.scss +++ b/src/styles/_variables.scss @@ -1,3 +1,5 @@ $font-size-sm: 12px !default; $font-size-tick: 11px; +$about-header-logo: url('../img/statusmap_icon.svg'); +$branding-logo: url('../img/flant_corner.svg');