github.com/wanliu/go-oauth2-server@v0.0.0-20180817021415-f928fa1580df/web/layouts/profile.html (about)

     1  {{ define "base" }}
     2  <!DOCTYPE html>
     3  <html lang="en">
     4  <head>
     5    <meta charset="utf-8">
     6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     7    <meta name="viewport" content="width=device-width, initial-scale=1">
     8  
     9    <title>{{ template "title" . }}</title>
    10    <link rel="shortcut icon" href="/favicon.ico">
    11  
    12    <!-- Bootstrap core CSS -->
    13    <link rel="stylesheet" href="/styles/bootstrap.min.css">
    14  
    15  
    16    <!-- Custom CSS -->
    17    <link href="/styles/inside.css" rel="stylesheet">
    18  
    19    <!-- Custom styles for this template -->
    20    {{ template "links" . }}
    21  
    22    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    23    <!--[if lt IE 9]>
    24      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    25      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    26    <![endif]-->
    27  
    28    <!-- jQuery -->
    29    <script src="/js/jquery.min.js"></script>
    30  </head>
    31  <body>
    32    <!-- Fixed navbar -->
    33    <nav class="navbar navbar-default navbar-fixed-top">
    34      <div class="container">
    35        <div class="navbar-header">
    36          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
    37            <span class="sr-only">Toggle navigation</span>
    38            <span class="icon-bar"></span>
    39            <span class="icon-bar"></span>
    40            <span class="icon-bar"></span>
    41          </button>
    42          <a class="navbar-brand" href="#">捷杰智能云</a>
    43        </div>
    44        <div id="navbar" class="collapse navbar-collapse">
    45          <ul class="nav navbar-nav navbar-right">
    46            <li><a href="/web/logout{{ .queryString }}">登出</a></li>
    47          </ul>
    48        </div><!--/.nav-collapse -->
    49      </div>
    50    </nav>
    51  
    52    <div class="container">
    53        <div class="row profile">
    54            <div class="col-md-3">
    55                <div class="profile-sidebar">
    56                    <!-- SIDEBAR USERPIC -->
    57                    <div class="profile-userpic">
    58                        <img src="{{ .currentUser.Avatar }}" class="img-responsive" alt="">
    59                    </div>
    60                    <!-- END SIDEBAR USERPIC -->
    61                    <!-- SIDEBAR USER TITLE -->
    62                    <div class="profile-usertitle">
    63                        <div class="profile-usertitle-name">
    64                            {{ .currentUser.Username }}
    65                        </div>
    66                        {{if .currentUser.Role}}
    67                        <div class="profile-usertitle-job">
    68                            {{ .currentUser.Role.Name }}
    69                        </div>
    70                        {{end}}
    71                    </div>
    72                    <!-- END SIDEBAR USER TITLE -->
    73                    <!-- SIDEBAR BUTTONS -->
    74                    <div class="profile-userbuttons">
    75                        <button type="button" class="btn btn-success btn-sm">Follow</button>
    76                        <button type="button" class="btn btn-danger btn-sm">Message</button>
    77                    </div>
    78                    <!-- END SIDEBAR BUTTONS -->
    79                    <!-- SIDEBAR MENU -->
    80                    <div class="profile-usermenu">
    81                        <ul class="nav">
    82                            <li>
    83                                <a href="/web">
    84                                <i class="glyphicon glyphicon-user"></i>
    85                                帐号 </a>
    86                            </li>
    87                            <li>
    88                                <a href="/web/clients">
    89                                <i class="glyphicon glyphicon-cloud"></i>
    90                                应用 </a>
    91                            </li>
    92                            <li>
    93                                <a href="#">
    94                                <i class="glyphicon glyphicon-flag"></i>
    95                                帮助 </a>
    96                            </li>
    97                        </ul>
    98                    </div>
    99                    <!-- END MENU -->
   100                </div>
   101            </div>
   102            <div class="col-md-9">
   103              <!-- Begin page content -->
   104              {{ template "content" . }}
   105  
   106            </div>
   107        </div>
   108    </div> 
   109  
   110  <script type="text/javascript">
   111    (function ActiveItem()  {
   112      $('.profile-usermenu li>a').each(function(i, a) {
   113        var pathname = window.location.pathname;
   114        if (pathname == $(a).attr('href')) {
   115          $(a).parent().addClass('active');
   116        }
   117      })
   118    })();
   119  </script>
   120    <!-- Fixed footer -->
   121    <footer class="footer">
   122      <div class="container">
   123        <p class="text-muted">&copy;湖南捷杰信息有限公司版权所有. 湘ICP备13005289号-3</p>
   124      </div>
   125    </footer>
   126  
   127    <!-- Bootstrap core JavaScript
   128    ================================================== -->
   129    <!-- Placed at the end of the document so the pages load faster -->
   130    <script src="/js/bootstrap.min.js" ></script>
   131  
   132    <!-- Custom scripts -->
   133    {{ template "scripts" . }}
   134  </body>
   135  </html>
   136  {{ end }}
   137  {{ define "links" }}{{ end }}
   138  {{ define "scripts" }}{{ end }}