<div id="highlightPackage" ng-if="hasHighlights" title="{{ :: 'Highlights' | translate }}"> 
    <button class="dropdown-toggle" ng-click="hideMonitoring('/workspace/highlights', $event)"><i class="big-icon-marked-star"></i></button>
    <ul class="dropdown-menu pull-left">
        <li ng-repeat="h in highlights track by h._id">
            <button option="{{ h.name }}" ng-click="listHighlight(h);">{{ h.name }}</button>
        </li>
    </ul>
</div>
<i ng-if="!hasHighlights" class="big-icon-marked-star" tooltip="{{ :: 'No highlights' | translate }}" tooltip-placement="right"></i>

<div id="highlightPackage" ng-if="hasHighlights" title="{{ :: 'Highlights' | translate }}"> 
    <button class="dropdown-toggle" ng-click="hideMonitoring(currentRoute.href === '/workspace/highlights', $event)"><i class="big-icon-marked-star"></i></button>
    <ul class="dropdown-menu pull-left">
        <li ng-repeat="h in highlights track by h._id">
            <button option="{{ h.name }}" ng-click="listHighlight(h);">{{ h.name }}</button>
        </li>
    </ul>
</div>
<i ng-if="!hasHighlights" class="big-icon-marked-star" tooltip="{{ :: 'No highlights' | translate }}" tooltip-placement="right"></i>

Fix show/hide monitoring list on highlights
fix(monitoring): Fix show/hide monitoring list on highlights