From f43c749422f546580abe8317fa569cc95b65fe4a Mon Sep 17 00:00:00 2001
From: Andrei Stefan <slicer@sliceratwork.com>
Date: Tue, 2 May 2017 16:15:28 +0300
Subject: [PATCH] add plugin authoring tab in style guide

---
 public/app/features/styleguide/styleguide.html | 5 +++++
 public/app/features/styleguide/styleguide.ts   | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/app/features/styleguide/styleguide.html b/public/app/features/styleguide/styleguide.html
index 4bb0e8ac5a9..e573a0e3b09 100644
--- a/public/app/features/styleguide/styleguide.html
+++ b/public/app/features/styleguide/styleguide.html
@@ -49,6 +49,11 @@
 		</div>
 	</div>
 
+	<div class="tab-pane style-guide-plugin-authoring" ng-if="ctrl.page.plugins">
+		<p>From grafana 3.0 it's very easy to develop your own plugins and share them with other grafana users.</p>
+		<p>More information about plugin development can be found at <a href="http://docs.grafana.org/plugins/developing/development/" target="_blank">docs.grafana.org</a></p>
+	</div>
+
 	<div class="tab-pane" ng-if="ctrl.page.forms">
 		forms
 	</div>
diff --git a/public/app/features/styleguide/styleguide.ts b/public/app/features/styleguide/styleguide.ts
index dc5c5d94072..0397b7254a3 100644
--- a/public/app/features/styleguide/styleguide.ts
+++ b/public/app/features/styleguide/styleguide.ts
@@ -11,7 +11,7 @@ class StyleGuideCtrl {
   buttonVariants = ['-', '-outline-'];
   icons: any = [];
   page: any;
-  pages = ['colors', 'buttons', 'icons'];
+  pages = ['colors', 'buttons', 'icons', 'plugins'];
 
   /** @ngInject **/
   constructor(private $http, private $routeParams, private $location) {