aboutsummaryrefslogtreecommitdiff
path: root/src/main/webapp/apps
diff options
context:
space:
mode:
Diffstat (limited to 'src/main/webapp/apps')
-rw-r--r--src/main/webapp/apps/app.css6
-rw-r--r--src/main/webapp/apps/app.js31
-rw-r--r--src/main/webapp/apps/core/navbar.html15
-rwxr-xr-xsrc/main/webapp/apps/frontPageApp/frontPage.html55
4 files changed, 57 insertions, 50 deletions
diff --git a/src/main/webapp/apps/app.css b/src/main/webapp/apps/app.css
index 761b765..5ffd104 100644
--- a/src/main/webapp/apps/app.css
+++ b/src/main/webapp/apps/app.css
@@ -3,9 +3,9 @@
bronze ii = #a67d3d
*/
-.badge-level-1 { background-color: #a67d3d; }
-.badge-level-2 { background-color: silver; }
-.badge-level-3 { background-color: #ffd700; }
+.badge-level-1 { background-color: #a67d3d; color: #000000 }
+.badge-level-2 { background-color: silver; color: #000000 }
+.badge-level-3 { background-color: #ffd700; color: #000000 }
#content {
background-color: #ffffff;
diff --git a/src/main/webapp/apps/app.js b/src/main/webapp/apps/app.js
index c1ea158..3e01e9e 100644
--- a/src/main/webapp/apps/app.js
+++ b/src/main/webapp/apps/app.js
@@ -3,6 +3,35 @@ var directives = angular.module('core.directives', []);
directives.directive('navbar', function () {
return {
restrict: 'E',
- templateUrl: '/apps/core/navbar.html'
+ templateUrl: '/apps/core/navbar.html?noCache=' + noCache
};
});
+
+directives.directive('badge', function() {
+ return {
+ restrict: 'E',
+ scope: {
+ badgeDetail: '=badgeDetail'
+ },
+ template: '<span class="badge-inverse badge-level-{{badgeDetail.badge.level}} badge"><strong style="padding-right: 0.3em">{{badgeDetail.badge.name}}</strong>' +
+ '<i class="icon-user"></i></span>' +
+ ' awarded to ' +
+ '<a href="/#/person/{{badgeDetail.person.uuid}}">{{badgeDetail.person.name}}</a>'
+ }
+});
+
+/*
+ <!--
+ <span class="badge-level-{{badge.level}} badge">{{badge.name}}</span>
+ -->
+ <strong>{{badge.name}}</strong>
+ <!--
+ <i class="icon-user ng-class: {{{1: 'badge-level-1', 2: 'badge-level-2', 3: 'badge-level-3'}[badge.level]}}"></i>
+ -->
+ <span class="badge-level-{{badge.level}} badge">
+ <i class="icon-user"></i>
+ </span>
+
+ {{badge.createdDate | date:'medium'}}
+
+*/ \ No newline at end of file
diff --git a/src/main/webapp/apps/core/navbar.html b/src/main/webapp/apps/core/navbar.html
index 4ae715b..eb1f798 100644
--- a/src/main/webapp/apps/core/navbar.html
+++ b/src/main/webapp/apps/core/navbar.html
@@ -1,19 +1,14 @@
<div class="navbar">
<div class="navbar-inner">
<div class="container">
- <span class="brand">Wat</span>
+ <span class="brand"><a href="/">Wat</a></span>
<div class="nav-collapse collapse">
<ul class="nav">
- <li class=""><a href="#/">Home</a></li>
+ <li class=""><a href="/#/">Home</a></li>
+ <li class=""><a href="/#/badge">Badged</a></li>
+ <li class=""><a href="/#/person">People</a></li>
+ <li class="divider-vertical"></li>
<li class=""><a href="/jenkins">Jenkins</a></li>
- <!--
- <li class=""><a href="./getting-started.html">Get started</a></li>
- <li class=""><a href="./scaffolding.html">Scaffolding</a></li>
- <li class=""><a href="./base-css.html">Base CSS</a></li>
- <li class="active"><a href="./components.html">Components</a></li>
- <li class=""><a href="./javascript.html">JavaScript</a></li>
- <li class=""><a href="./customize.html">Customize</a></li>
- -->
</ul>
</div>
</div>
diff --git a/src/main/webapp/apps/frontPageApp/frontPage.html b/src/main/webapp/apps/frontPageApp/frontPage.html
index b121935..84e991b 100755
--- a/src/main/webapp/apps/frontPageApp/frontPage.html
+++ b/src/main/webapp/apps/frontPageApp/frontPage.html
@@ -5,44 +5,27 @@
<h1>Recent</h1>
</div>
- <h3>Badges</h3>
- <div>
- <ul class="inline">
- <li ng-repeat="b in recentBadges">
- <a href="#/person/{{b.person.uuid}}"> {{b.person.name}} </a>
- <span class="badge-level-{{badge.level}} badge">{{b.badge.name}}</span>
- </li>
- </ul>
- </div>
+ <div class="row">
+ <div class="span6">
+ <h3>Badges</h3>
- <h3>Newcomers</h3>
- <table class="table">
- <thead>
- <tr>
- <th>Name</th>
- <th>Badges</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="person in persons.rows">
- <td><a href="#/person/{{person.person.uuid}}">{{person.person.name}}</a></td>
- <td>{{person.badges.length}}</td>
- </tr>
- </tbody>
- <tfoot>
- <tr>
- <td colspan="2">
- <ul class="pager">
- <li class="previous" ng-class="{disabled: persons.startIndex == 0}">
- <a ng-click="persons.prev()">&larr; Older</a>
- </li>
- <li class="next">
- <a ng-click="persons.next()">Newer &rarr;</a>
+ <div>
+ <ul class="unstyled">
+ <li ng-repeat="b in recentBadges">
+ <badge badge-detail="b"/>
</li>
</ul>
- </td>
- </tr>
- </tfoot>
- </table>
+ </div>
+ </div>
+ <div class="span6">
+ <h3>Newcomers</h3>
+
+ <ul class="unstyled">
+ <li ng-repeat="person in persons.rows">
+ <a href="#/person/{{person.person.uuid}}">{{person.person.name}}</a>
+ </li>
+ </ul>
+ </div>
+ </div>
</div>