diff --git a/www/md_base/guanlecoja/config.coffee b/www/md_base/guanlecoja/config.coffee
index f2fdf4475ec..ea304ea9f8f 100644
--- a/www/md_base/guanlecoja/config.coffee
+++ b/www/md_base/guanlecoja/config.coffee
@@ -5,7 +5,12 @@
### ###############################################################################################
ANGULAR_TAG = "~1.3.15"
ANGULAR_MATERIAL_TAG = "~0.8.3"
-module.exports =
+
+path = require 'path'
+gulp = require 'gulp'
+svgSymbols = require 'gulp-svg-symbols'
+
+config =
### ###########################################################################################
# Directories
@@ -45,3 +50,16 @@ module.exports =
"angular-mocks":
version: "~1.3.15"
files: "angular-mocks.js"
+
+ buildtasks: ['scripts', 'styles', 'index', 'icons', 'tests']
+
+
+gulp.task 'icons', ->
+ gulp.src(['src/icons/*.svg', '!src/icons/iconset.svg'])
+ .pipe(svgSymbols(
+ title: false
+ templates: ['src/icons/iconset.svg']
+ ))
+ .pipe(gulp.dest(path.join(config.dir.build, 'icons')))
+
+module.exports = config
diff --git a/www/md_base/package.json b/www/md_base/package.json
index 0d672bdb11e..be6f2b0f597 100644
--- a/www/md_base/package.json
+++ b/www/md_base/package.json
@@ -1,9 +1,10 @@
{
- "version" : "0.1.0",
- "devDependencies" : {
- "guanlecoja" : "latest"
- },
- "name" : "md-base",
- "dependencies" : {},
- "description" : "md_base"
+ "version": "0.1.0",
+ "devDependencies": {
+ "guanlecoja": "latest",
+ "gulp-svg-symbols": "^0.3.1"
+ },
+ "name": "md-base",
+ "dependencies": {},
+ "description": "md_base"
}
diff --git a/www/md_base/src/app/app.controller.coffee b/www/md_base/src/app/app.controller.coffee
new file mode 100644
index 00000000000..402e7774dc3
--- /dev/null
+++ b/www/md_base/src/app/app.controller.coffee
@@ -0,0 +1,5 @@
+class App extends Controller
+
+ constructor: ($scope)->
+ $scope.title = 'index'
+ $scope.subtitle = 'subtitle'
diff --git a/www/md_base/src/app/app.module.coffee b/www/md_base/src/app/app.module.coffee
index d48a964d1dd..a0998def704 100644
--- a/www/md_base/src/app/app.module.coffee
+++ b/www/md_base/src/app/app.module.coffee
@@ -3,6 +3,12 @@ angular.module 'app', [
'ngAnimate',
'ngMaterial',
]
+ .config ($mdThemingProvider) ->
+ $mdThemingProvider.theme('default')
+ .primaryPalette('deep-purple')
+ .accentPalette('blue')
+ .warnPalette('orange')
+
+ .config ($mdIconProvider) ->
+ $mdIconProvider.defaultIconSet('/icons/iconset.svg', 512)
-#angular.module('app').config [
-#]
diff --git a/www/md_base/src/app/index.jade b/www/md_base/src/app/index.jade
index 2a31a558585..5d4e526f918 100644
--- a/www/md_base/src/app/index.jade
+++ b/www/md_base/src/app/index.jade
@@ -1,4 +1,47 @@
-extends layout
-block content
- h1 Hello Material Design!
- ui-view
+doctype html
+html(ng-app="app", ng-controller="appController")
+ head
+ meta(charset='utf-8')
+ meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
+ meta(name='viewport', content='initial-scale=1, minimum-scale=1, user-scalable=no, maximum-scale=1, width=device-width')
+
+ | {% raw %}
+ title(ng-bind-template="Buildbot | {{ title }}")
+ | {% endraw %}
+
+ link(rel='stylesheet', href='styles.css')
+
+ body(ng-cloak, flex, layout="row")
+ md-sidenav.md-sidenav-left.md-whiteframe-z2(
+ md-component-id="left",
+ md-is-locked-open="$mdMedia('gt-md')"
+ )
+ md-toolbar
+ h1.md-toolbar-tools Buildbot
+ md-content(flex, layout="column")
+ md-list
+ md-list-item
+ md-icon.md-avatar(md-svg-icon="home-outline")
+ div.md-list-item-text
+ h3 Home
+ md-list-item
+ md-icon.md-avatar(md-svg-icon="gear-outline")
+ div.md-list-item-text
+ h3 Build
+ md-list-item
+ md-icon.md-avatar(md-svg-icon="toggle-outline")
+ div.md-list-item-text
+ h3 Settings
+ md-list-item
+ md-icon.md-avatar(md-svg-icon="info-outline")
+ div.md-list-item-text
+ h3 Info
+ div(layout="column", role="main", flex)
+ md-toolbar
+ div.md-toolbar-tools(ng-bind="subtitle")
+ md-content.md-padding(flex)
+ h1 Hello buildbot!
+
+ script(src="scripts.js?_#{(new Date()).getTime()}")
+ script
+ | angular.module("app").constant("config", {{configjson|safe}})
diff --git a/www/md_base/src/app/layout.jade b/www/md_base/src/app/layout.jade
deleted file mode 100644
index fa9a30a9d51..00000000000
--- a/www/md_base/src/app/layout.jade
+++ /dev/null
@@ -1,14 +0,0 @@
-doctype html
-html.no-js(xmlns:ng='http://angularjs.org', xmlns:app='ignored')
- head
- meta(charset='utf-8')
- meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
- title md_base
- meta(name='viewport', content='initial-scale=1, minimum-scale=1, user-scalable=no, maximum-scale=1, width=device-width')
- link(rel='stylesheet', href='styles.css')
-
- body(ng-cloak, ng-app="app")
- block content
- block footer
-
- script(src="scripts.js?_#{(new Date()).getTime()}")
diff --git a/www/md_base/src/icons/gear-outline.svg b/www/md_base/src/icons/gear-outline.svg
new file mode 100644
index 00000000000..997bb7f95d5
--- /dev/null
+++ b/www/md_base/src/icons/gear-outline.svg
@@ -0,0 +1,40 @@
+
+
+
+
diff --git a/www/md_base/src/icons/home-outline.svg b/www/md_base/src/icons/home-outline.svg
new file mode 100644
index 00000000000..15f770e6ed3
--- /dev/null
+++ b/www/md_base/src/icons/home-outline.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/www/md_base/src/icons/iconset.svg b/www/md_base/src/icons/iconset.svg
new file mode 100644
index 00000000000..eb5ed714267
--- /dev/null
+++ b/www/md_base/src/icons/iconset.svg
@@ -0,0 +1,6 @@
+
diff --git a/www/md_base/src/icons/info-outline.svg b/www/md_base/src/icons/info-outline.svg
new file mode 100644
index 00000000000..542e185e253
--- /dev/null
+++ b/www/md_base/src/icons/info-outline.svg
@@ -0,0 +1,17 @@
+
+
+
+
diff --git a/www/md_base/src/icons/toggle-outline.svg b/www/md_base/src/icons/toggle-outline.svg
new file mode 100644
index 00000000000..3e1a4cf9469
--- /dev/null
+++ b/www/md_base/src/icons/toggle-outline.svg
@@ -0,0 +1,22 @@
+
+
+
+