docs: added templating docs link to app

docs/sources/reference/templating.md

@@ -90,8 +90,8 @@ The query expressions are different for each data source.
 - [Prometheus templating queries]({{< relref "features/datasources/prometheus.md#templating" >}})
 - [Prometheus templating queries]({{< relref "features/datasources/prometheus.md#templating" >}})
 - [OpenTSDB templating queries]({{< relref "features/datasources/prometheus.md#templating" >}})
 - [OpenTSDB templating queries]({{< relref "features/datasources/prometheus.md#templating" >}})
 
 
-One thing to note is that query expressions can contain references to other variables and in effect create depend & nested
-variables. Grafana will detect this and automatically refresh a variable when one of it's containing variables change.
+One thing to note is that query expressions can contain references to other variables and in effect create linked variables.
+Grafana will detect this and automatically refresh a variable when one of it's containing variables change.
 
 
 ## Selection Options
 ## Selection Options
 
 

public/app/features/templating/partials/editor.html

@@ -18,6 +18,11 @@
       <li class="gf-tabs-item" ng-show="mode === 'new'">
       <li class="gf-tabs-item" ng-show="mode === 'new'">
         <span class="active gf-tabs-link">New</span>
         <span class="active gf-tabs-link">New</span>
       </li>
       </li>
+			<li class="gf-tabs-item" >
+        <a class="gf-tabs-link" ng-click="mode = 'help';" ng-class="{active: mode === 'help'}">
+          Help
+        </a>
+      </li>
     </ul>
     </ul>
 
 
     <button class="tabbed-view-close-btn" ng-click="dismiss();">
     <button class="tabbed-view-close-btn" ng-click="dismiss();">
@@ -30,6 +35,7 @@
     <div ng-if="mode === 'list'">
     <div ng-if="mode === 'list'">
       <div ng-if="variables.length === 0">
       <div ng-if="variables.length === 0">
         <em>No template variables defined</em>
         <em>No template variables defined</em>
+        <br /> <br />
 			</div>
 			</div>
       <table class="grafana-options-table">
       <table class="grafana-options-table">
         <tr ng-repeat="variable in variables">
         <tr ng-repeat="variable in variables">
@@ -64,6 +70,20 @@
       </table>
       </table>
     </div>
     </div>
 
 
+    <div ng-show="mode === 'help'">
+			<div class="grafana-info-box col-lg-8">
+				<h3 class="page-heading">What does templating do?</h3>
+				<p>Templating allows for more interactive and dynamic dashboards. Instead of hard-coding things like server, application
+				and sensor name in you metric queries you can use variables in their place. Variables are shown as dropdown select boxes at the top of
+				the dashboard. These dropdowns make it easy to change the data being displayed in your dashboard.
+				<br>
+				<br>
+
+				Checkout the <a class="external-link" target="_blank" href="http://docs.grafana.org/reference/templating/">Templating documentation</a> for more information.
+				</p>
+			</div>
+		</div>
+
     <div class="gf-form" ng-show="mode === 'list'">
     <div class="gf-form" ng-show="mode === 'list'">
       <div class="gf-form-button-row">
       <div class="gf-form-button-row">
         <a type="button" class="btn gf-form-button btn-success" ng-click="mode = 'new';"><i class="fa fa-plus" ></i>&nbsp;&nbsp;New</a>
         <a type="button" class="btn gf-form-button btn-success" ng-click="mode = 'new';"><i class="fa fa-plus" ></i>&nbsp;&nbsp;New</a>