header-bar.phtml

Go to the documentation of this file.

<?php
// @codingStandardsIgnoreFile

?>
<header ng-controller="headerController" class="page-header row"
        data-ng-init="redirectTo('<?= $this->redirect ?>')"
        ng-hide="$state.current.main">
    <div class="page-header-hgroup col-l-8 col-m-6">
        <div class="page-title-wrapper">
            <h1 class="page-title">
                {{$state.current.noMenu ? $state.current.title : $root.titles[$state.current.type]}}</h1>
        </div>
    </div>
    <div class="page-header-actions col-l-4 col-m-6" style="display: none">
        <div class="admin-user admin__action-dropdown-wrap">
            <a
                href="#index"
                class="admin__action-dropdown"
                title="My Account">
                <span class="admin__action-dropdown-text">
                    <span class="admin-user-account-text">username</span>
                </span>
            </a>
            <ul class="admin__action-dropdown-menu">
                <li>
                    <a
                        href="#settings"
                        title="Account Setting">
                        Account Setting (<span class="admin-user-name">admin</span>)
                    </a>
                </li>
                <li>
                    <a
                        href="#customerView"
                        title="Customer View"
                        target="_blank"
                        class="store-front">
                        Customer View
                    </a>
                </li>
                <li>
                    <a
                        href="#signout"
                        class="account-signout"
                        title="Sign Out">
                        Sign Out
                    </a>
                </li>
            </ul>
        </div>
        <div class="notifications-wrapper admin__action-dropdown-wrap">
            <a
                class="notifications-action admin__action-dropdown"
                href="#notification"
                title="Notifications"></a>
        </div>
        <div class="search-global">
            <form
                action="#"
                id="form-search">
                <div class="search-global-field">
                    <label class="search-global-label" for="search-global"></label>
                    <input type="hidden" name="query">
                    <div class="mage-suggest">
                        <div class="mage-suggest-inner">
                            <input
                                type="text"
                                class="search-global-input"
                                id="search-global"
                                autocomplete="off">
                            <div class="autocomplete-results"></div>
                        </div>
                    </div>
                    <button
                        type="submit"
                        class="search-global-action"
                        title="Search"><span>Search</span></button>
                </div>
            </form>
        </div>
    </div>
</header>