metadata-editor-workspace/src/app/title-bar/title-bar.html

Metadata Editor Workspace module for ME-Core Powered by Assyst

<!--global icons-->   
<div id="mainHead">
    <h2 class="mainHead-h2">Meta Data Editor</h2>
    <div class="header-icons" *ngIf="!showElement">
        <span class="header-icon headersearch-icon">
            <img src="./assets/icon/icons/search_icon.png">
        </span>
        <span class="menu-icon header-icon" [md-menu-trigger-for]="menu">
            <img src="./assets/icon/icons/Menu.png">
        </span>
        <span class="header-icon">
            <img src="./assets/icon/Dashboard.png">
        </span>
        <span class="header-icon headersettings">
            <img src="./assets/icon/Settings.png">
        </span>
<!--global icons sub menu using angualr2 material -->        
        <span>
            <md-menu class="rightMenuBar" x-position="before" #menu="mdMenu" >
                <div class="rightMenu">
                    <div class="rightMenuIcon" [routerLink]="['/pm', 'DDI']" routerLinkActive="active">
                        <img class = "buttonImg" src="./assets/icon/survey.png">
                        <button class="btnLeftPanel" md-button type="button"><a>SURVEY</a></button>
                    </div>
                    <div class="rightMenuIcon"  [routerLink]="['/pm', 'GeoSpatial']" routerLinkActive="active">
                        <img class = "buttonImg" src="./assets/icon/geospatial.png">
                        <button class="btnLeftPanel" md-button type="button"><a >GEOSPATIAL</a></button>
                    </div> 
                    <div class="rightMenuIcon"  >
                        <img class = "buttonImg" src="./assets/icon/time-series.png">
                        <button class="btnLeftPanel" md-button type="button"><a >TIME SERIES</a></button>
                    </div>
                    <div class="rightMenuIcon"  >
                        <img class = "buttonImg" src="./assets/icon/document.png">
                        <button class="btnLeftPanel" md-button type="button"><a >DOCUMENT</a></button>
                    </div> 
                    <div class="rightMenuIcon"  >
                        <img class = "buttonImg" src="./assets/icon/table.png">
                        <button class="btnLeftPanel" md-button type="button"><a >TABLE</a></button>
                    </div>
                    <div class="rightMenuBottomIcons">
                    </div> 
                    <div>
                        <div class="rightMenuIcon"   id="rightMenuCreateSchema">
                            <img class = "buttonImg" src="./assets/icon/Create-schema_Icon.png">
                            <button class="btnLeftPanel" md-button type="button"><a>CREATE NEW SCHEMA</a></button>
                        </div> 

                        <div class="rightMenuIcon"   style="float:none">
                            <img class = "buttonImg" src="./assets/icon/Import_Icon.png">
                            <button class="btnLeftPanel" md-button type="button"><a>IMPORT</a></button>
                        </div>
                    </div>
                </div>  
            </md-menu>
        </span>
    </div>
</div>