update plugin id to satisfy the convention: kentik

docker-compose.yml

@@ -3,7 +3,7 @@ grafana:
   ports:
     - "3000:3000"
   volumes:
-    - ./dist:/var/lib/grafana/plugins/kentik-app
+    - ./dist:/var/lib/grafana/plugins/kentik-connect-app
     - ./provisioning:/etc/grafana/provisioning
   environment:
     - TERM=linux

src/components/add_device.ts

@@ -42,12 +42,12 @@ export class AddDeviceCtrl {
       ips.push(ip.ip);
     });
     this.device.sending_ips = ips.join();
-    const resp = await this.backendSrv.post(`/api/plugin-proxy/kentik-app/api/v5/device`, this.device);
+    const resp = await this.backendSrv.post(`/api/plugin-proxy/kentik-connect-app/api/v5/device`, this.device);
     if ('err' in resp) {
       this.alertSrv.set('Device Add failed.', resp.err, 'error');
       throw new Error(`Device Add failed: ${resp.err}`);
     } else {
-      this.$location.url('/plugins/kentik-app/page/device-list');
+      this.$location.url('/plugins/kentik-connect-app/page/device-list');
     }
   }
 }

src/components/device_details.html

@@ -120,7 +120,7 @@ <h3 class="page-headering">Update device details</h3>
         </div>
       </div>
       <button type="submit" class="btn btn-success" ng-click="ctrl.update()">Update Device</button>
-      <a class="btn btn-link" href="plugins/kentik-app/page/device-list" ng-click="ctrl.cancel();">Cancel</a>
+      <a class="btn btn-link" href="plugins/kentik-connect-app/page/device-list" ng-click="ctrl.cancel();">Cancel</a>
     </form>
   </div>
 

src/components/device_details.ts

@@ -39,7 +39,7 @@ export class DeviceDetailsCtrl {
 
   async fetchDevice(deviceId: string): Promise<void> {
     const resp = await this.backendSrv.get(
-      `/api/plugin-proxy/kentik-app/api/v5/device/${deviceId}`
+      `/api/plugin-proxy/kentik-connect-app/api/v5/device/${deviceId}`
     );
     this.device = resp.device;
     this.updateDeviceDTO();
@@ -81,7 +81,7 @@ export class DeviceDetailsCtrl {
 
     try {
       const resp = await this.backendSrv.put(
-        `/api/plugin-proxy/kentik-app/api/v5/device/${this.deviceDTO.device_id}`,
+        `/api/plugin-proxy/kentik-connect-app/api/v5/device/${this.deviceDTO.device_id}`,
         data
       );
       if ('err' in resp) {

src/components/device_list.html

@@ -4,7 +4,7 @@ <h1 class="rt-h1">Kentik Connect: Devices</h1>
 
 <div ng-if="!ctrl.pageReady" class="kentik-loading-message-container">
   <div class="kentik-loading-message-inside">
-    <img class="kentik-loading-pulse" src="public/plugins/kentik-app/img/loading-pulse.svg" style="margin-bottom: 10px;">
+    <img class="kentik-loading-pulse" src="public/plugins/kentik-connect-app/img/loading-pulse.svg" style="margin-bottom: 10px;">
     <p class="kentik-loading-msg-1">To infinity...and beyond.</p>
     <p class="kentik-loading-msg-2">This is taking longer than expected.</p>
     <p class="kentik-loading-msg-3">We apologize, something may be up. Please try refreshing first, and contact us if
@@ -17,7 +17,7 @@ <h1 class="rt-h1">Kentik Connect: Devices</h1>
     <div style="text-align: center; padding-top: 90px; min-height: 220px; min-width: 400px;  margin: 0 auto;">
       <i ng-class="icon" class="icon-gf icon-gf-endpoint no-endpoints"></i>
       <p>Looks like you don’t have any devices yet.<br>
-        <a class="highlight-word" href="plugins/kentik-app/pages/add-device">Add a new device</a>
+        <a class="highlight-word" href="plugins/kentik-connect-app/pages/add-device">Add a new device</a>
       </p>
     </div>
     <a href="#" ng-click="ctrl.showDeviceDesc = !ctrl.showDeviceDesc">
@@ -26,7 +26,7 @@ <h1 class="rt-h1">Kentik Connect: Devices</h1>
       <span ng-show="ctrl.showDeviceDesc">What's a device?</span>
       <span><i class="fa fa-caret-down" ng-show="ctrl.showDeviceDesc"></i></span>
     </a>
-    <div class="kentik-app-devicedesc-box" ng-class="{ 'kentik-app-devicedesc-open': ctrl.showDeviceDesc }">
+    <div class="kentik-connect-app-devicedesc-box" ng-class="{ 'kentik-connect-app-devicedesc-open': ctrl.showDeviceDesc }">
       <div class="kentik-collapse-blurb-box">
         <p class="kentik-helper-blurb">Devices in Kentik are sources of network flow data - commonly a network
           component such as a switch or router, or a flow generation agent on a host/server. </p>
@@ -46,7 +46,7 @@ <h1 class="rt-h1">Kentik Connect: Devices</h1>
           <a ng-click="$event.stopPropagation();" href="dashboard/db/kentik-top-talkers?var-device={{device.device_name}}">
             <i ng-class="icon" class="icon-gf icon-gf-dashboard" bs-tooltip="'Go to Top Talkers</br>dashboard for {{device.device_name}}'"></i>
           </a>
-          <a ng-click="$event.stopPropagation();" href="plugins/kentik-app/page/device-details?device={{device.id}}">
+          <a ng-click="$event.stopPropagation();" href="plugins/kentik-connect-app/page/device-details?device={{device.id}}">
             <i ng-class="icon" class="icon-gf icon-gf-settings" bs-tooltip="'Configure {{device.device_name}}'"></i>
           </a>
         </div>

src/components/device_list.ts

@@ -37,7 +37,7 @@ class DeviceListCtrl {
   }
 
   gotoDeviceDetail(device: any) {
-    this.$location.url('/plugins/kentik-app/page/device-details?device=' + device.id);
+    this.$location.url('/plugins/kentik-connect-app/page/device-details?device=' + device.id);
   }
 }
 

src/datasource/kentik_api.ts

@@ -10,7 +10,7 @@ export class KentikAPI {
   baseUrl: string;
   /** @ngInject */
   constructor(public backendSrv: BackendSrv, public $http: ng.IHttpService) {
-    this.baseUrl = '/api/plugin-proxy/kentik-app';
+    this.baseUrl = '/api/plugin-proxy/kentik-connect-app';
   }
 
   async getDevices(): Promise<any> {

src/module.ts

@@ -8,8 +8,8 @@ import { AddDeviceCtrl } from './components/add_device';
 import { loadPluginCss } from 'grafana/app/plugins/sdk';
 
 loadPluginCss({
-  dark: 'plugins/kentik-app/styles/dark.css',
-  light: 'plugins/kentik-app/styles/light.css',
+  dark: 'plugins/kentik-connect-app/styles/dark.css',
+  light: 'plugins/kentik-connect-app/styles/light.css',
 });
 
 export { DeviceListCtrl, DeviceDetailsCtrl, AddDeviceCtrl, ConfigCtrl };

src/panel/call_to_action/module.html

@@ -1,4 +1,4 @@
-<img class="kentik-dash--cta-logo" src="public/plugins/kentik-app/img/kentik_logo.png">
+<img class="kentik-dash--cta-logo" src="public/plugins/kentik-connect-app/img/kentik_logo.png">
 <p class="kentik-dashboard-blurb">Kentik Connect Pro for Grafana allows you to quickly and easily add network activity
   visibility metrics to your Grafana dashboard. By leveraging the power of Kentik’s monitoring SaaS, you can enjoy
   rich, actionable insights into consumers of network bandwidth and anomalies that can affect application or service

src/panel/call_to_action/module.ts

@@ -8,8 +8,8 @@ import * as _ from 'lodash';
 
 
 loadPluginCss({
-  dark: 'plugins/kentik-app/styles/dark.css',
-  light: 'plugins/kentik-app/styles/light.css',
+  dark: 'plugins/kentik-connect-app/styles/dark.css',
+  light: 'plugins/kentik-connect-app/styles/light.css',
 });
 
 const panelDefaults = {

src/panel/device_list/module.html

@@ -4,7 +4,7 @@ <h1 class="rt-h1">Kentik Connect Pro: Devices</h1>
 
 <div ng-if="!ctrl.pageReady" class="kentik-loading-message-container">
   <div class="kentik-loading-message-inside">
-    <img class="kentik-loading-pulse" src="public/plugins/kentik-app/img/loading-pulse.svg" style="margin-bottom: 10px;">
+    <img class="kentik-loading-pulse" src="public/plugins/kentik-connect-app/img/loading-pulse.svg" style="margin-bottom: 10px;">
     <p class="kentik-loading-msg-1">To infinity...and beyond.</p>
     <p class="kentik-loading-msg-2">This is taking longer than expected.</p>
     <p class="kentik-loading-msg-3">We apologize, something may be up. Please try refreshing first, and contact us if
@@ -16,7 +16,7 @@ <h1 class="rt-h1">Kentik Connect Pro: Devices</h1>
   <div ng-if="ctrl.devices.length === 0" style="display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 350px;">
     <div style="text-align: center; padding-top: 90px; min-height: 220px; min-width: 400px;  margin: 0 auto;">
       <i ng-class="icon" class="icon-gf icon-gf-endpoint no-endpoints"></i>
-      <p>Looks like you don’t have any endpoints yet. <a class="highlight-word" href="plugins/kentik-app/pages/add-device">Add
+      <p>Looks like you don’t have any endpoints yet. <a class="highlight-word" href="plugins/kentik-connect-app/pages/add-device">Add
           a device now.</a></p>
     </div>
     <div class="rt-collapse-container">
@@ -43,13 +43,13 @@ <h1 class="rt-h1">Kentik Connect Pro: Devices</h1>
           <a href="dashboard/db/kentik-top-talkers?var-device={{device.device_name}}">
             <i ng-class="icon" class="icon-gf icon-gf-dashboard" bs-tooltip="'Go to Top Talkers</br>dashboard for {{device.device_name}}'"></i>
           </a>
-          <a href="plugins/kentik-app/page/device-details?device={{device.id}}">
+          <a href="plugins/kentik-connect-app/page/device-details?device={{device.id}}">
             <i ng-class="icon" class="icon-gf icon-gf-settings" bs-tooltip="'Configure {{device.device_name}}'"></i>
           </a>
         </div>
         <div class="card-item-body">
           <div class="card-item-details">
-            <a href="plugins/kentik-app/page/device-details?device={{device.id}}">
+            <a href="plugins/kentik-connect-app/page/device-details?device={{device.id}}">
               <div class="card-item-name">
                 {{device.device_name}}
               </div>

src/panel/device_list/module.ts

@@ -9,8 +9,8 @@ import * as _ from 'lodash';
 
 
 loadPluginCss({
-  dark: 'plugins/kentik-app/styles/dark.css',
-  light: 'plugins/kentik-app/styles/light.css',
+  dark: 'plugins/kentik-connect-app/styles/dark.css',
+  light: 'plugins/kentik-connect-app/styles/light.css',
 });
 
 const panelDefaults = {
@@ -60,10 +60,10 @@ class DeviceListCtrl extends PanelCtrl {
   }
 
   gotoDeviceDetail(device: any) {
-    this.$location.url('/plugins/kentik-app/page/device-details?device=' + device.id);
+    this.$location.url('/plugins/kentik-connect-app/page/device-details?device=' + device.id);
   }
 }
 
-DeviceListCtrl.templateUrl = 'public/plugins/kentik-app/components/device_list.html';
+DeviceListCtrl.templateUrl = 'public/plugins/kentik-connect-app/components/device_list.html';
 
 export { DeviceListCtrl as PanelCtrl };

src/plugin.json

@@ -1,7 +1,7 @@
 {
   "type": "app",
   "name": "Kentik Connect Pro",
-  "id": "kentik-app",
+  "id": "kentik-connect-app",
 
   "routes": [
     {