diff options
Diffstat (limited to 'src/main/webapp/apps')
| -rw-r--r-- | src/main/webapp/apps/app.css | 6 | ||||
| -rw-r--r-- | src/main/webapp/apps/app.js | 31 | ||||
| -rw-r--r-- | src/main/webapp/apps/core/navbar.html | 15 | ||||
| -rwxr-xr-x | src/main/webapp/apps/frontPageApp/frontPage.html | 55 |
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()">← Older</a> - </li> - <li class="next"> - <a ng-click="persons.next()">Newer →</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> |