energylink/public/app/plugins/panel/graph/legend.popover.html

<div class="graph-legend-popover">
	<a class="close" ng-click="dismiss();" href="">×</a>

	<div class="editor-row" style="padding-bottom: 0;">
		<label>Axis:</label>
		<button ng-click="ctrl.toggleYAxis(series);dismiss();"
			class="btn btn-small"
			ng-class="{'btn-success': series.yaxis === 1, 'btn-inverse': series.yaxis === 2}">
			Left
		</button>
		<button ng-click="ctrl.toggleYAxis(series);dismiss();"
			class="btn btn-small"
			ng-class="{'btn-success': series.yaxis === 2, 'btn-inverse': series.yaxis === 1}">
			Right
		</button>
	</div>

	<div class="editor-row">
		<i ng-repeat="color in ctrl.colors" class="pointer"
			ng-class="{'fa fa-circle-o': color === series.color,'fa fa-circle': color !== series.color}"
			ng-style="{color:color}"
			ng-click="ctrl.changeSeriesColor(series, color);dismiss();">&nbsp;</i>
	</div>
</div>