Finished the skeleton / examples

parent cf9c0b2a
<!doctype html>
<html class="no-js" ng-app="archivingPortalClient">
<head>
<head>
<meta charset="utf-8">
<title>frontend</title>
<title>Vanity @ Frostwhisper EU</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
......@@ -14,42 +14,56 @@
<!-- build:js scripts/modernizr.js -->
<script src="bower_components/modernizr/modernizr.js"></script>
<!-- endbuild -->
</head>
<body>
<!--[if lt IE 10]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
</head>
<body>
<div class="container">
<nav class="navbar navbar-static-top navbar-inverse">
<div class="navbar-header">
<a class="navbar-brand" href="#">Archiving Portal</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6">
<ul class="nav navbar-nav">
<li class="active"><a ng-href="#">Home</a></li>
<li><a ng-href="#/schema">Send Schema</a></li>
</ul>
</div>
</nav>
<div ng-view></div>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script>
<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<!-- endbower -->
<!-- endbuild -->
<hr/>
<div class="footer">
<p>Archiving Portal | NSD © 2014</p>
</div>
<!-- build:js({app,.tmp}) scripts/main.js -->
<script src="scripts/archivingPortalClient.js"></script>
<script src="scripts/main/main-ctrl.js"></script>
<!-- inject:partials -->
<!-- endinject -->
<!-- endbuild -->
</div>
<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/moment/moment.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<!-- endbower -->
<!-- endbuild -->
<!-- build:js({app,.tmp}) scripts/main.js -->
<script src="scripts/archivingPortalClient.js"></script>
<script src="scripts/services.js"></script>
<script src="scripts/directives.js"></script>
<script src="scripts/controller/MainController.js"></script>
<!-- inject:partials -->
<!-- endinject -->
<!-- endbuild -->
</body>
</body>
</html>
<div class="container">
<nav class="navbar navbar-static-top navbar-inverse">
<div class="navbar-header">
<a class="navbar-brand" href="#">Gulp Angular</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6">
<ul class="nav navbar-nav">
<li class="active"><a ng-href="#">Home</a></li>
<li><a ng-href="#">About</a></li>
<li><a ng-href="#">Contact</a></li>
</ul>
</div>
</nav>
<div class="jumbotron text-center">
<h1>'Allo, 'Allo!</h1>
<p class="lead">
<img src="images/yeoman.png" alt="I'm Yeoman"><br>
Always a pleasure scaffolding your apps.
</p>
<p><a class="btn btn-lg btn-success" ng-href="#">Splendid!</a></p>
</div>
<div class="row">
<div class="col-sm-6 col-md-4" ng-repeat="awesomeThing in awesomeThings | orderBy:'rank'">
<div class="thumbnail">
<img class="pull-right" ng-src="images/{{awesomeThing.logo}}" alt="{{awesomeThing.title}}">
<div class="caption">
<h3>{{awesomeThing.title}}</h3>
<p>{{awesomeThing.description}}</p>
<p><a ng-href="{{awesomeThing.url}}">{{awesomeThing.url}}</a></p>
</div>
</div>
</div>
</div>
<hr>
<div class="footer">
<p>With ♥ from <a href="https://twitter.com/Swiip">@Swiip</a></p>
</div>
</div>
'use strict';
angular.module('archivingPortalClient', ['ngAnimate', 'ngCookies', 'ngTouch', 'ngSanitize', 'ngResource', 'ngRoute'])
.config(function ($routeProvider) {
$routeProvider
.when('/', {
var archivingPortalClient = angular.module('archivingPortalClient',
['ngRoute',
'ngAnimate',
'ngCookies',
'ngTouch',
'ngSanitize',
'ngResource',
'ngRoute',
'archivingPortalClient.directives',
'archivingPortalClient.nationServices'
]);
archivingPortalClient.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/', {
templateUrl: 'partials/main.html',
controller: 'MainCtrl'
})
.otherwise({
redirectTo: '/'
});
})
;
controller: MainController
});
$routeProvider.otherwise({
redirectTo: '404.html'
});
}]);
'use strict';
var MainController = function($scope, $log, Nations) {
$scope.nations = Nations.query();
$log.info($scope.nations);
};
'use strict';
var appDirectives = angular.module('archivingPortalClient.directives', []);
/**
* Simple directive to provide moment.js formating
* of the dates represented.
**/
appDirectives.directive('formatDate', function() {
return {
scope: { date: '=date'},
link: function (scope, element) {
$(function () {
if (scope.date) {
element.append(moment(scope.date).format('MM.DD.YYYY HH:mm'));
}
});
}
}
});
\ No newline at end of file
'use strict';
angular.module('archivingPortalClient')
.controller('MainCtrl', function ($scope) {
$scope.awesomeThings = [
{
'key': 'angular',
'title': 'AngularJS',
'url': 'https://angularjs.org/',
'description': 'HTML enhanced for web apps!',
'logo': 'angular.png'
},
{
'key': 'browsersync',
'title': 'BrowserSync',
'url': 'http://browsersync.io/',
'description': 'Time-saving synchronised browser testing.',
'logo': 'browsersync.png'
},
{
'key': 'gulp',
'title': 'GulpJS',
'url': 'http://gulpjs.com/',
'description': 'The streaming build system.',
'logo': 'gulp.png'
},
{
'key': 'jasmine',
'title': 'Jasmine',
'url': 'http://jasmine.github.io/',
'description': 'Behavior-Driven JavaScript.',
'logo': 'jasmine.png'
},
{
'key': 'karma',
'title': 'Karma',
'url': 'http://karma-runner.github.io/',
'description': 'Spectacular Test Runner for JavaScript.',
'logo': 'karma.png'
},
{
'key': 'protractor',
'title': 'Protractor',
'url': 'https://github.com/angular/protractor',
'description': 'End to end test framework for AngularJS applications built on top of WebDriverJS.',
'logo': 'protractor.png'
},
{
'key': 'bootstrap',
'title': 'Bootstrap',
'url': 'http://getbootstrap.com/',
'description': 'Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.',
'logo': 'bootstrap.png'
}
];
angular.forEach($scope.awesomeThings, function(awesomeThing) {
awesomeThing.rank = Math.random();
});
});
var schemaServices = angular.module('archivingPortalClient.nationServices', ['ngResource']);
var apiUrl = 'http://localhost:8080/';
var nationAll = 'nations/all';
schemaServices.factory('Nations', ['$resource',
function($resource) {
return $resource(apiUrl+nationAll, {}, {
query:{
//params can go here if we got any.
}
});
}
]);
\ No newline at end of file
$icon-font-path: "../bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/";
$icon-font-path: "../bower_components/bootstrap/fonts/";
@import '../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap';
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.thumbnail {
height: 200px;
img.pull-right {
width: 50px;
}
}
@import '../bower_components/bootswatch/cyborg/bootstrap.css';
\ No newline at end of file
{
"name": "archivingPortalClient",
"version": "0.0.0",
"dependencies": {
"modernizr": "2.8.x",
"angular": "1.2.x",
"modernizr" : "2.8.x",
"angular-animate" : "1.2.x",
"angular-cookies" : "1.2.x",
"angular-touch" : "1.2.x",
"angular-sanitize" : "1.2.x",
"angular-resource" : "1.2.x",
"angular-route" : "1.2.x",
"bootstrap-sass-official" : "3.1.x"
},
"devDependencies": {
"angular-mocks": "1.2.x"
},
"resolutions": {
"angular": "1.2.x",
"modernizr" : "2.8.x"
}
"name": "archivingPortalClient",
"version": "0.0.0",
"dependencies": {
"modernizr": "2.8.x",
"moment": "2.8.x",
"angular": "1.3.x",
"jquery": "2.x.x",
"angular-animate": "1.3.x",
"angular-cookies": "1.3.x",
"angular-touch": "1.3.x",
"angular-sanitize": "1.3.x",
"angular-resource": "1.3.x",
"angular-route": "1.3.x",
"bootstrap": "3.3.x",
"bootswatch": "3.3.x"
},
"devDependencies": {
"angular-mocks": "1.3.x"
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment