zuel-itsm-3.0.2/assets/views/partials/top-navbar.html

<style>
    .jry_img_right {
        margin-right: 5px
    }

    .jry_system {
        display: inline-block;
        /* position: absolute; */
        font-size: 13px;
        color: white;
        margin-top: 21px;
        margin-right: 5px
    }

    .newOrderBtn {
        line-height: 61px;
        font-size: 15px;
        color: #fff;
        cursor: pointer;
        text-align: center;
        border-radius: 5px;
    }

    .newOrderBtn:hover {
        background: #1F4266 !important;
    }
</style>
<!-- start: TOP NAVBAR -->
<!-- start: NAVBAR HEADER -->
<div class="navbar-header">
    <a href="#" class="sidebar-mobile-toggler pull-left hidden-md hidden-lg" ng-click="toggle('sidebar')"
        class="btn btn-navbar sidebar-toggle">
        <i class="ti-align-justify"></i>
    </a>
    <a href="#" class="sidebar-toggler pull-right visible-md visible-lg"
        ng-click="app.layout.isSidebarClosed = !app.layout.isSidebarClosed;togle()">
        <i class="ti-align-justify"></i>
    </a>
    <a class="pull-rigth menu-toggler visible-xs-block" id="menu-toggler" ng-click="navbarCollapsed = !navbarCollapsed">
        <span class="sr-only">Toggle navigation</span>
        <i class="ti-view-grid"></i>
    </a>
    <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard">
        <!-- <img ng-src="/logo_large.png" style="width:160px;height:35px" alt="{{app.name}}" /> -->
        <!-- <span class="padding-left-10 padding-right-5"><img ng-src="/line.png"  alt="{{app.name}}" /></span> -->
        <img ng-src="assets/images/logo3.png" style="width:40px;" alt="{{app.name}}"
            class="jry_img_right" />{{app.author}} </a>
</div>
<!-- end: NAVBAR HEADER -->
<!-- start: NAVBAR COLLAPSE -->
<div class="navbar-collapse collapse" collapse="navbarCollapsed" ng-init="navbarCollapsed = true"
    off-click="navbarCollapsed = true" off-click-if='!navbarCollapsed' off-click-filter="#menu-toggler">
    <ul class="nav navbar-right" ct-fullheight="window" data-ct-fullheight-exclusion="header"
        data-ct-fullheight-if="isSmallDevice">
        <!-- <li class="dropdown current-user" dropdown style="width:100px">
            <div class="newOrderBtn" ng-click="newOrder()">快速建单</div>
        </li> -->
        <li class="dropdown current-user" dropdown style="width:100px">
            <div>
                <!-- 东经呼叫中心 -->
                <!-- 来电  -->
                <!-- <div ng-if="!login" class="headercall">
                    <img src="assets/images/nologin.png" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round fontcolor-eight fontsizes-14">●</span><span class="fontcolor-eight fontsizes-14">未签入</span> </div>
                <div ng-if="login&&statuscall==2" class="headercall">
                    <img src="assets/images/comein.gif" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round comeincolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">来电</span> </div> -->
                <!--呼出  -->
                <!-- <img src="assets/images/m7.png" style="width:25px;height:25px;margin-top:20px" ng-if="status==3"> -->
                <!-- 置忙  -->
                <!-- <div ng-if="login&&statuscall!=3&&statecall==2&&statuscall!=0" class="margin-top-15">
                    <img src="assets/images/setbusy.gif" ng-click="setidle();toggle('off-sidebar')" class="image-widthh-34"><span class="round setbusycolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示忙</span> </div> -->
                <!-- 签入  -->
                <!-- <div ng-if="login&&statuscall==1&&statecall==1&&login" class="margin-top-15">
                    <img src="assets/images/link.gif" ng-click="setbusy(1);toggle('off-sidebar')" class="image-widthh-34"><span class="round linkcolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示闲</span> </div> -->
                <!--摘机  -->
                <!-- <div ng-if="login&&statuscall==3" class="margin-top-15">
                    <img src="assets/images/connection.png" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round connectioncolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">通话中</span> </div> -->
                <!--挂机  -->
                <!-- <img src="assets/images/m22.png" style="width:25px;height:25px;margin-top:20px" ng-if="status==7"> -->


                <!-- 新话机 -->
                <!-- 未签入 -->
                <div ng-if="jry_state=='weiqianru'" class="headercall">
                    <img src="assets/images/nologin.png" class="image-widthh-34"><span
                        class="round fontcolor-eight fontsizes-14">●</span><span
                        class="fontcolor-eight fontsizes-14">未签入</span> </div>
                <!-- 来电 -->
                <div ng-if="jry_state=='laidian'" class="headercall">
                    <img src="assets/images/comein.gif" class="image-widthh-34"><span
                        class="round comeincolor fontsizes-14">●</span><span
                        class="fontcolor-six fontsizes-14">来电</span> </div>
                <!-- 示忙  -->
                <div ng-if="jry_state=='shimang'" class="margin-top-15">
                    <img src="assets/images/setbusy.gif" ng-click="jry_shixian()" class="image-widthh-34"><span
                        class="round setbusycolor fontsizes-14">●</span><span
                        class="fontcolor-six fontsizes-14">示忙</span> </div>
                <!-- 示闲  -->
                <div ng-if="jry_state=='shixian'" class="margin-top-15">
                    <img src="assets/images/link.gif" ng-click="jry_shimang()" class="image-widthh-34"><span
                        class="round linkcolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示闲</span>
                </div>
                <!--通话中  -->
                <div ng-if="jry_state=='tonghuazhong'" class="margin-top-15">
                    <img src="assets/images/connection.png" class="image-widthh-34"><span
                        class="round connectioncolor fontsizes-14">●</span><span
                        class="fontcolor-six fontsizes-14">通话中</span> </div>
            </div>
        </li>
        <li class="dropdown current-user" dropdown on-toggle="toggled(open)">
            <a href class="dropdown-toggle" dropdown-toggle>
                <img src="assets/images/avatar-1.jpg" alt="{{user.name}}" style="background-color:red"> <span
                    class="username">{{user.name}} <i class="ti-angle-down"></i></i></span>
                <span class="navnum fontsizes-12  margin-left-5 ng-binding ng-scope wt_MSG">{{noReadData}}</span>
            </a>
            <ul class="dropdown-menu dropdown-dark">
                <li>
                    <a ng-click="wt_messages()" class="fontchangepas ng-scope" translate="topbar.user.MESSAGES">我的消息</a>
                </li>
                <li>
                    <a ng-click="changepassword()" class="fontchangepas ng-scope" translate="topbar.user.CHANGEPASSWORD">修改密码</a>
                </li>
                <li>
                    <a ng-click="logout()" class="fontchangepas" translate="topbar.user.LOGOUT">
                        Log Outs
                    </a>
                </li>
            </ul>
        </li>
        <!-- end: USER OPTIONS DROPDOWN -->
    </ul>
    <!-- start: MENU TOGGLER FOR MOBILE DEVICES -->
    <!-- div class="close-handle visible-xs-block menu-toggler" ng-click="navbarCollapsed = true">
		<div class="arrow-left"></div>
		<div class="arrow-right"></div>
	</div> -->
    <!-- end: MENU TOGGLER FOR MOBILE DEVICES -->
</div>
<a class="dropdown-off-sidebar" ng-click="toggle('off-sidebar')">
    &nbsp;
</a>
<!-- end: NAVBAR COLLAPSE -->
<!-- start: TOP NAVBAR -->
<style>
    .wt_MSG {
        line-height: 15px !important;
        margin-top: 5px !important;
    }
</style>