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

<navbar title="Apps" title-url="apps" icon="fa fa-fw fa-cubes" subnav="true">
	<ul class="nav">
		<li class="active" ><a href="apps/edit/{{ctrl.current.type}}">{{ctrl.appModel.name}}</a></li>
	</ul>
</navbar>

<div class="page-container">
	<div class="flex-container">
		<div class="flex-column app-edit-logo-box">
			<img src="{{ctrl.appModel.info.logos.large}}">
		</div>
		<div class="flex-column">
			<h1>
				{{ctrl.appModel.name}}
			</h1>
			<div class="app-edit-description">
				{{ctrl.appModel.info.description}}<br>
				<span style="small">
					Version: {{ctrl.appModel.info.version}} &nbsp; &nbsp; Updated: {{ctrl.appModel.info.updated}}
				</span>
			</div>

			<div class="form-inline">
				<editor-checkbox text="Enabled" model="ctrl.appModel.enabled" change="ctrl.toggleEnabled()"></editor-checkbox>
				&nbsp; &nbsp; &nbsp;
				<editor-checkbox text="Pinned" model="ctrl.appModel.pinned" change="ctrl.togglePinned()"></editor-checkbox>
			</div>
		</div>
		<div class="flex-column">
			<ul class="app-edit-links">
				<li>
					By <a href="{{ctrl.appModel.info.author.url}}" class="external-link" target="_blank">{{ctrl.appModel.info.author.name}}</a>
				</li>
				<li ng-repeat="link in ctrl.appModel.info.links">
					<a href="{{link.url}}" class="external-link" target="_blank">{{link.name}}</a>
				</li>
			</ul>
		</div>
	</div>

	<section class="simple-box">
		<h3 class="simple-box-header">Included with app:</h3>
		<div class="flex-container">
			<div class="simple-box-body simple-box-column">
				<div class="simple-box-column-header">
					<i class="fa fa-th-large"></i>
					Dashboards
				</div>
				<ul>
					<li><em class="small">None</em></li>
				</ul>
			</div>
			<div class="simple-box-body simple-box-column">
				<div class="simple-box-column-header">
					<i class="fa fa-line-chart"></i>
					Panels
				</div>
				<ul>
					<li ng-show="!ctrl.includedPanels.length"><em class="small">None</em></li>
					<li ng-repeat="panel in ctrl.includedPanels">
						{{panel.name}}
					</li>
				</ul>
			</div>
			<div class="simple-box-body simple-box-column">
				<div class="simple-box-column-header">
					<i class="fa fa-database"></i>
					Datasources
				</div>
				<ul>
					<li><em class="small">None</em></li>
				</ul>
			</div>
			<div class="simple-box-body simple-box-column">
				<div class="simple-box-column-header">
					<i class="fa fa-files-o"></i>
					Pages
				</div>
				<ul>
					<li ng-repeat="page in ctrl.appModel.pages">
						<a href="{{page.url}}" class="external-link">{{page.name}}</a>
					</li>
				</ul>
			</div>

		</div>
	</section>

	<section class="simple-box">
		<h3 class="simple-box-header">Dependencies:</h3>
		<div class="simple-box-body">
			Grafana 2.6.x
		</div>
	</section>

	<section class="simple-box">
		<h3 class="simple-box-header">Configuration:</h3>
		<div class="simple-box-body">
			<div ng-if="ctrl.appModel.appId">
				<app-config-view app-model="ctrl.appModel"></app-config-view>
				<div class="clearfix"></div>
				<button type="submit" class="btn btn-success" ng-click="ctrl.update()">Save</button>
			</div>
		</div>
	</section>


</div>