Cacher is the code snippet organizer for pro developers

<div class="templates-links"  [ngClass]="{'active':isActiveTemplates}" (window:mouseup)=closeDropdown($event)>
      <ul>
        <li><a routerLink="/create" class="content__link">Instance Template List</a></li>
        <li><a href="" class="content__link">Server Template List</a></li>
        <li><a href="" class="content__link">Deployment Template List</a></li>
        <li class="create"><a href="" class="content__link">Create Instance Template
          <i class="fa fa-caret-right"></i>

        </a>
          <ul class="sub__menu">
            <li><a (click)="onCreateElasticInstance('elasticsearch')">Elasticsearch</a></li>
            <li><a (click)="onCreateElasticInstance('kibana')">Kibana</a></li>
          </ul>

        </li>
        <li><a href="" class="content__link">Create Server Template</a></li>
        <li><a href="" class="content__link">Create Deployment Template</a></li>
      </ul>
    </div>

 closeDropdown(event) {
    console.log(event);
    this.isActiveTemplates = false;
  }