import React,{Component} from "react";
import logo from '../../logo.svg';//引入上层再上层目录
import './Appheader.css'
export default class Appheader extends Component{
    render(){
        return(
          <div id="left-tree" className="frame-nav g-sidebar ">

          <div id="tree-wrapper" className="">

                  <div className="left-tree-brick brick-logo">

                      <a href="https://www.tapd.cn/company/participant_projects?from=left_tree2" className="tapd-logo">
                      <img src={logo} className="font-public-logo font-public"/>
                      {/* <i className="font-public-logo font-public"></i> */}
                      

                      </a>

                  </div>
          


          <div id="language_reload" className=" left-tree-brick current">

                <a id="top_nav_worktable" className="brick-wrap english has-tips" href="https://www.tapd.cn/my_worktable/?from=left_tree_cloud_v2">
                <img src={logo} className="font-public-worktable font-public"/>
                    {/* <i className="font-public-worktable font-public"></i> */}

                    <span id="todo_workitem_count" className="t-num nav-icon-num">

                      <span className="todo_total">30</span>

                    </span>

                    <div className="left-tree-brick-text">工作台</div>

                </a>

            </div>


            <div className=" left-tree-brick my-project-list-btn ">

              <a className="brick-wrap my-project-list-trigger">
              <img src={logo} className="font-public-project font-public"/>

                {/* <i className="font-public-project font-public"></i> */}

                <div className=" left-tree-brick-text">模块</div>

              </a>

            </div>

            <div id="language_reload" className=" left-tree-brick nav-iconbtn msg ">

                <a id="top_nav_worktable_msg" className="brick-wrap has-tips" href="https://www.tapd.cn/letters/?from=top_nav_worktable_v2" data-todotitle="有{$num}条站内信" data-notodotitle="没有站内信">
                <img src={logo} className="font-public-bell font-public"/>
                  {/* <i className="font-public-bell font-public"></i> */}

                  <span id="msg_count" className="t-num">

                    <span className="todo_total"></span>

                  </span>

                  <div className="left-tree-brick-text">消息</div>

                </a>

             </div>



             <div id="left-tree-bottom" className="left-tree-bottom left-tree-bottom-fixed" style={{width: '3em'}} >


                <div id="new_nav_avatar_div" className="left-tree-brick nav-iconbtn dropdown user dropdown-open dropdown-up" data-dropdown="click">

                  <a className="dropdown-toggle" title="feng">

                      <div className="avatar-container j-left-nav-avatar-container avatar-nav">

                        <i style={{fontStyle: 'normal'}}  className="avatar-text-default  " title="feng">

                          <span className="avatar-default-name">

                          feng	</span>

                        </i>


                      </div>

                  </a>


                    {/* 下拉菜单 */}
             

                <div id="personal-setting-menu" className="dropdown-menu personal-setting-menu" style={{left: '5em',bottom: '0em'}} >

                <div className="menu-triangle" style={{left: '-20em',bottom: '39em'}}></div>

                <ul className="menu-items">

              

                <li>

                <a href="https://www.tapd.cn/personal_settings/index?tab=menu" target="_blank">

                <i className="font-public font-public-setting"></i>

                个人设置	</a>

                </li>

                <li>

                <a href="https://www.tapd.cn/personal_settings/index?tab=problem_feedback" target="_blank">

                <i className="font-public font-public-feedback"></i>

                问题反馈	</a>

               

                

                </li>


                <li className="group">

                <a href="https://www.tapd.cn/users/logout">

                <i className="font-public font-public-logout"></i>

                退出登录	</a>

                </li>

                </ul>

                </div>

                </div>

              </div>
          </div>
    </div>
        )
    }
}