<div class="panel-container" ng-class="{'panel-transparent': panel.transparent}">
	<div class="panel-header">
		<span class="alert-error panel-error small pointer" config-modal="app/partials/inspector.html" ng-if="panelMeta.error">
			<span data-placement="top" bs-tooltip="panelMeta.error">
				<i class="fa fa-exclamation"></i><span class="panel-error-arrow"></span>
			</span>
		</span>

		<span class="panel-loading" ng-show="panelMeta.loading">
			<i class="fa fa-spinner fa-spin"></i>
		</span>

		<div class="panel-title-container drag-handle" panel-menu></div>
	</div>

	<div class="panel-content">
		<ng-transclude></ng-transclude>
	</div>
	<panel-resizer></panel-resizer>
</div>

<div class="panel-full-edit" ng-if="editMode">
	<div class="gf-box">
		<div class="gf-box-header">
			<div class="gf-box-title">
				<i ng-class="panelMeta.editIcon"></i>
				{{panelMeta.panelName}}
			</div>

			<div ng-model="editor.index" bs-tabs>
				<div ng-repeat="tab in panelMeta.editorTabs" data-title="{{tab.title}}">
				</div>
			</div>

			<button class="gf-box-header-close-btn" ng-click="exitFullscreen();">
				Back to dashboard
			</button>
		</div>

		<div class="gf-box-body">
			<div ng-repeat="tab in panelMeta.editorTabs" ng-if="editor.index === $index">
				<div ng-include src="tab.src"></div>
			</div>
		</div>
	</div>
</div>

