alex-agency/AMHub

View on GitHub
src/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html ng-app="amhub" ng-controller="AppCtrl">
  <head>
    <title ng-bind="pageTitle"></title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- font awesome from BootstrapCDN -->
    <link href="//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- compiled CSS --><% styles.forEach( function ( file ) { %>
    <link rel="stylesheet" type="text/css" href="<%= file %>" /><% }); %>

    <!-- compiled JavaScript --><% scripts.forEach( function ( file ) { %>
    <script type="text/javascript" src="<%= file %>"></script><% }); %>
  </head>

  <body>
      <header class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button class="navbar-toggle collapsed" ng-click="isCollapsed=!isCollapsed">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="/#about" ng-click="isCollapsed=false" class="navbar-brand">
            <i class="fa fa-code-fork"></i> Application Manager Docker Hub 2.0
          </a>
        </div>
        <nav class="navbar-collapse bs-navbar-collapse" collapse="!isCollapsed">
          <ul class="nav navbar-nav">
            <li><a href="#_containers" ng-click="isCollapsed=false"><i class="fa fa-th"></i> Containers</a></li>
            <li><a href="#_images" ng-click="isCollapsed=false"><i class="fa fa-sitemap"></i> Images</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="/#settings" ng-click="isCollapsed=false"><i class="fa fa-cog"></i> Settings</a></li>
          </ul>
        </nav>
      </div>
    </header>

    <section id="_about">
      <div class="container" ui-view="about" autoscroll="false"></div>
    </section>

    <section id="_containers">
      <div class="container" ui-view="containers" autoscroll="false"></div>
    </section>
    <section id="_images">
      <div class="container" ui-view="images" autoscroll="false"></div>
    </section>
    
    <footer class="footer">
      <div class="container">
        <div class="footer-inner">        
          <p class="pull-right">
            <a href="#_top">Back to top</a>
            <br />
            <a target="_blank" href="https://github.com/alex-agency/amhub/issues">Issues</a>
          </p>
          <p>
            Created by <a target="_blank" href="https://github.com/alex-agency/amhub">Alex Zavgorodniy</a>. 
            Code licensed under the
            <a target="_blank" href="http://opensource.org/licenses/mit-license.html">MIT License</a>. 
            Documentation licensed under 
            <a target="_blank" href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
            <br />
            Powered by 
            <a target="_blank" href="http://joshdmiller.github.io/ng-boilerplate">ngBoilerplate</a> is based on
            <a target="_blank" href="http://www.angularjs.org">AngularJS</a>,
            <a target="_blank" href="http://getbootstrap.com">Bootstrap</a>, 
            <a target="_blank" href="http://angular-ui.github.com/bootstrap">UI Bootstrap</a>,
            and 
            <a target="_blank" href="http://fortawesome.github.com/Font-Awesome">Font Awesome</a>.      
            <br />
            A calm blue sky theme from 
            <a target="_blank" href="http://bootswatch.com">Bootswatch</a>.
            <br />
            With <a target="_blank" href="http://nodejs.org/">Node.js</a> on server side.
          </p>
        </div>
      </div>
    </footer>
  </body>
</html>