energylink/public/app/features/plugins/partials/edit.html

<navbar title="Plugins" title-url="plugins" icon="icon-gf icon-gf-apps">
	<a href="plugins/apps" class="navbar-page-btn">
		Plugin details
	</a>
</navbar>

<div class="page-container">
  <div class="plugin-header">
		<span ng-show="ctrl.model.info.logos.large" class="plugin-header-logo">
			<img src="{{ctrl.model.info.logos.large}}">
		</span>
		<div class="plugin-header-info-block">
			<h1 class="plugin-header-name">{{ctrl.model.name}}</h1>
			<div class="plugin-header-author">By {{ctrl.model.info.author.name}}</div>
			<div class="plugin-header-stamps">
				<span class="plugin-header-stamps-type">
					<i class="{{ctrl.pluginIcon}}"></i> {{ctrl.model.type}}
				</span>
			</div>
		</div>
	</div>

	<ul class="nav nav-tabs nav-tabs-alt">
		<li ng-repeat="tab in ::['Overview', 'Details', 'Config']" ng-class="{active: ctrl.tabIndex === $index}">
			<a ng-click="ctrl.tabIndex= $index">
				{{::tab}}
			</a>
		</li>
	</ul>

	<div class="page-body">
		<div class="tab-content page-content-with-sidebar" ng-if="ctrl.tabIndex === 0">
			README.md
		</div>

		<div class="tab-content page-content-with-sidebar" ng-if="ctrl.tabIndex === 1">
			Details
		</div>

		<div class="tab-content page-content-with-sidebar" ng-if="ctrl.tabIndex === 2">
			<div class="gf-form-inline">
				<div class="gf-form">
					<editor-checkbox text="Enabled" model="ctrl.model.enabled" change="ctrl.toggleEnabled()"></editor-checkbox>
				</div>
				<div class="gf-form">
					<editor-checkbox text="Pinned" model="ctrl.model.pinned" change="ctrl.togglePinned()"></editor-checkbox>
				</div>
			</div>

			<div ng-if="ctrl.model.pluginId">
				<plugin-component type="app-config-ctrl"></plugin-component>
				<div class="clearfix"></div>
				<button type="submit" class="btn btn-success" ng-click="ctrl.update()">Save</button>
			</div>

		</div>

		<aside class="page-sidebar">
			<section class="page-sidebar-section">
				<h4>Version</h4>
				<span>{{ctrl.model.info.version}}</span>
			</section>
			<section class="page-sidebar-section" ng-show="ctrl.model.type === 'app'">
				<h5>Includes</h4>
				<ul class="ui-list">
					<li ng-show="!ctrl.includedPanels.length"><em>None</em></li>
					<li ng-repeat="panel in ctrl.includedPanels">
						{{panel.name}}
					</li>
					<li ng-repeat="ds in ctrl.includedDatasources">
						{{ds.name}}
					</li>
					<li ng-repeat="page in ctrl.model.pages">
						<a href="plugins/{{ctrl.pluginId}}/page/{{page.slug}}" class="external-link">{{page.name}}</a>
					</li>
				</ul>
			</section>
			<section class="page-sidebar-section">
				<h5>Dependencies</h4>
				<ul class="ui-list">
					<li>
						<span class="plugin-dependency-icon">
							<img src="public/img/grafana_icon.svg"></img>
						</span>
						<span class="plugin-dependency-name">
							Grafana
						</span>
						<span class="plugin-dependency-version">
							{{ctrl.model.dependencies.grafanaVersion}}
						</span>
					</li>
					<li ng-repeat="plugDep in ctrl.model.dependencies.plugins">
						<span class="plugin-dependency-icon">
							<i class="{{plugDep.icon}}"></i>
						</span>
						<span class="plugin-dependency-name">
							{{plugDep.name}}
						</span>
						<span class="plugin-dependency-version">
							{{plugDep.version}}
						</span>
					</li>
				</ul>
			</section>
			<section class="page-sidebar-section">
				<h5>Links</h4>
				<ul class="ui-list">
					<li ng-repeat="link in ctrl.model.info.links">
						<a href="{{link.url}}" class="external-link" target="_blank">{{link.name}}</a>
					</li>
				</ul>
			</section>
		</aside>
	</div>
</div>
</div>

<!-- 	<div class="app&#45;edit&#45;description"> -->
	<!-- 		{{ctrl.model.info.description}}<br> -->
	<!-- 		<span style="small"> -->
		<!-- 			Version: {{ctrl.model.info.version}} &#38;nbsp; &#38;nbsp; Updated: {{ctrl.model.info.updated}} -->
		<!-- 		</span> -->
	<!-- 	</div> -->
<!--  -->
<!-- </div> -->
		<!-- <div class="flex&#45;column"> -->
			<!-- 	<ul class="app&#45;edit&#45;links"> -->
				<!-- 		<li> -->
					<!-- 			By <a href="{{ctrl.model.info.author.url}}" class="external&#45;link" target="_blank">{{ctrl.model.info.author.name}}</a> -->
					<!-- 		</li> -->
				<!-- 		<li ng&#45;repeat="link in ctrl.model.info.links"> -->
					<!-- 			<a href="{{link.url}}" class="external&#45;link" target="_blank">{{link.name}}</a> -->
					<!-- 		</li> -->
				<!-- 	</ul> -->
			<!-- </div> -->

		<!-- <section class="simple&#45;box"> -->
			<!-- 	<h3 class="simple&#45;box&#45;header">Included with app:</h3> -->
			<!-- 	<div class="flex&#45;container"> -->
				<!-- 		<div class="simple&#45;box&#45;body simple&#45;box&#45;column"> -->
					<!-- 			<div class="simple&#45;box&#45;column&#45;header"> -->
						<!-- 				<i class="fa fa&#45;th&#45;large"></i> -->
						<!-- 				Dashboards -->
						<!-- 			</div> -->
					<!-- 			<ul> -->
						<!-- 				<li><em class="small">None</em></li> -->
						<!-- 			</ul> -->
					<!-- 		</div> -->
				<!-- 		<div class="simple&#45;box&#45;body simple&#45;box&#45;column"> -->
					<!-- 			<div class="simple&#45;box&#45;column&#45;header"> -->
						<!-- 				<i class="fa fa&#45;line&#45;chart"></i> -->
						<!-- 				Panels -->
						<!-- 			</div> -->
					<!-- 			<ul> -->
						<!-- 				<li ng&#45;show="!ctrl.includedPanels.length"><em class="small">None</em></li> -->
						<!-- 				<li ng&#45;repeat="panel in ctrl.includedPanels"> -->
							<!-- 					{{panel.name}} -->
							<!-- 				</li> -->
						<!-- 			</ul> -->
					<!-- 		</div> -->
				<!-- 		<div class="simple&#45;box&#45;body simple&#45;box&#45;column"> -->
					<!-- 			<div class="simple&#45;box&#45;column&#45;header"> -->
						<!-- 				<i class="fa fa&#45;database"></i> -->
						<!-- 				Datasources -->
						<!-- 			</div> -->
					<!-- 			<ul> -->
						<!-- 				<li ng&#45;show="!ctrl.includedDatasources.length"><em class="small">None</em></li> -->
						<!-- 				<li ng&#45;repeat="ds in ctrl.includedDatasources"> -->
							<!-- 					{{ds.name}} -->
							<!-- 				</li> -->
						<!-- 			</ul> -->
					<!-- 		</div> -->
				<!-- 		<div class="simple&#45;box&#45;body simple&#45;box&#45;column"> -->
					<!-- 			<div class="simple&#45;box&#45;column&#45;header"> -->
						<!-- 				<i class="fa fa&#45;files&#45;o"></i> -->
						<!-- 				Pages -->
						<!-- 			</div> -->
					<!-- 			<ul> -->
						<!-- 				<li ng&#45;repeat="page in ctrl.model.pages"> -->
							<!-- 					<a href="apps/{{ctrl.appId}}/page/{{page.slug}}" class="external&#45;link">{{page.name}}</a> -->
							<!-- 				</li> -->
						<!-- 			</ul> -->
					<!-- 		</div> -->
				<!--  -->
				<!-- 	</div> -->
			<!-- </section> -->
		<!--  -->
		<!-- <section class="simple&#45;box"> -->
			<!-- 	<h3 class="simple&#45;box&#45;header">Dependencies:</h3> -->
			<!-- 	<div class="simple&#45;box&#45;body"> -->
				<!-- 		Grafana 2.6.x -->
				<!-- 	</div> -->
			<!-- </section> -->
		<!--  -->
		<!-- <section class="simple&#45;box"> -->
			<!-- 	<h3 class="simple&#45;box&#45;header">Configuration:</h3> -->
			<!-- 	<div class="simple&#45;box&#45;body"> -->
				<!-- 		<div ng&#45;if="ctrl.model.appId"> -->
					<!-- 			<plugin&#45;component type="app&#45;config&#45;ctrl"></plugin&#45;component> -->
					<!-- 			<div class="clearfix"></div> -->
					<!-- 			<button type="submit" class="btn btn&#45;success" ng&#45;click="ctrl.update()">Save</button> -->
					<!-- 		</div> -->
				<!-- 	</div> -->
			<!-- </section> -->
		<!--  -->
		<!--  -->
		<!-- </div> -->