openstack/stackviz
Code Issues Proposed changes

Add initial template and homepage.

Browse Source 
This adds the base Angular template as well as a stub for the
homepage and menu.

Change-Id: Ia27796b6a3495f0c5daacdec9255025f8ea72d2f
This commit is contained in:
Tim Buckley 2015-09-25 17:47:26 -06:00
parent 22803dc6d8
commit 814392e995
6 changed files with 119 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
app/index.html
View File

@ -1,19 +1,52 @@
<!doctype html>
<html class="no-js">
<head>
<base href="/">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title ng-bind="pageTitle"></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<head>
<base href="/">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title ng-bind="pageTitle"></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<link rel="stylesheet" href="css/main.css">
</head>
<div ui-view></div>
<body class="ng-cloak" ng-controller="MainCtrl">
<header class="navbar navbar-default navbar-fixed-top navbar-inner">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" ui-sref="home">StackViz</a>
</div>
<script src="js/main.js"></script>
</body>
</html>
<nav ng-include="'menu.html'"></nav>
</div>
</header>
<!--
<header class="navbar navbar-default navbar-fixed-top navbar-inner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">StackViz</a>
</div>
<div class="nav navbar-top-links navbar-right">
</div>
<div class="navbar-default sidebar" role="navigation">
<div class="sidebar-nav sidebar-collapse" ng-include="'menu.html'"></div>
</div>
</div>
</header>-->
<div role="main" ui-view></div>
<script src="js/main.js"></script>
</body>
</html>

9
app/js/controllers/main.js Normal file
View File

@ -0,0 +1,9 @@
'use strict';
var controllersModule = require('./_index');
function MainCtrl() {
var vm = this;
}
controllersModule.controller('MainCtrl', MainCtrl);

8
app/js/main.js
View File

@ -4,6 +4,8 @@ var angular = require('angular');
// angular modules
require('angular-ui-router');
require('angular-ui-bootstrap');
require('angular-fontawesome');
require('./templates');
require('./controllers/_index');
require('./services/_index');
@ -14,10 +16,12 @@ angular.element(document).ready(function() {
var requires = [
'ui.router',
'ui.bootstrap',
'templates',
'app.controllers',
'app.services',
'app.directives'
'app.directives',
'picardy.fontawesome'
];
// mount on window for testing
@ -31,4 +35,4 @@ angular.element(document).ready(function() {
angular.bootstrap(document, ['app']);
});
});

14
app/styles/_sb-admin-2.scss
View File

@ -6,27 +6,19 @@
body {
background-color: #f8f8f8;
padding-top: 50px;
}
#wrapper {
width: 100%;
}
#page-wrapper {
div[role=main] {
padding: 0 15px;
min-height: 568px;
background-color: #fff;
}
@media(min-width:768px) {
#page-wrapper {
position: inherit;
margin: 0 0 0 250px;
padding: 0 30px;
border-left: 1px solid #e7e7e7;
}
}
.navbar-top-links {
margin-right: 0;
}
@ -351,4 +343,4 @@ table.dataTable thead .sorting:after {
.panel-yellow a:hover {
color: #df8a13;
}
}

21
app/views/home.html
View File

@ -1,7 +1,18 @@
<h1 class="heading -large">{{ home.title }}</h1>
<h3 class="heading -medium">Here is a fancy number served up courtesy of Angular: <span class="number-example">{{ home.number }}</span></h3>
<header class="bs-header">
<div class="container">
<h1 class="page-header">{{ home.title }}</h1>
</div>
</header>
<img src="images/angular.png" height="100" example-directive />
<img src="images/gulp.png" height="100" />
<img src="images/browserify.png" height="100" />
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3 class="heading -medium">Here is a fancy number served up courtesy of Angular: <span class="number-example">{{ home.number }}</span></h3>
<img src="images/angular.png" height="100" example-directive />
<img src="images/gulp.png" height="100" />
<img src="images/browserify.png" height="100" />
</div>
</div>
</div>

38
app/views/menu.html Normal file
View File

@ -0,0 +1,38 @@
<ul class="nav navbar-top-links navbar-right">
<li>
<a ui-sref="home"><fa name="pie-chart" fw></fa> Overview</a>
</li>
<li dropdown>
<a href dropdown-toggle>
<fa name="bar-chart-o" fw></fa> Tempest <fa name="caret-down"></fa>
</a>
<ul class="dropdown-menu">
<li>
<a href="#">
<fa name="clock-o" fw></fa> Sunburst
</a>
</li>
<li>
<a ui-sref="timeline">
<fa name="calendar" fw></fa> Timeline
</a>
</li>
<li>
<a href="#"><fa name="bar-chart-o" fw></fa> Aggregate Results</a>
</li>
</ul>
</li>
<li dropdown>
<a href dropdown-toggle>
<fa name="bar-chart-o" fw></fa> Upstream <fa name="caret-down"></fa>
</a>
<ul class="dropdown-menu">
<li>
<a href="#"><fa name="bar-chart-o" fw></fa> Test Stats</a>
</li>
<li>
<a href="#"><fa name="clock-o" fw></fa> Run Data</a>
</li>
</ul>
</li>
</ul>