sd-roasters
Version:
San Diego Coffee Roasters as an exported JS object interface.
102 lines (91 loc) • 4.03 kB
HTML
<html lang="en-US">
<head>
<meta name=viewport content="width=device-width, initial-scale=1">
<title>local, san diego coffee.</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.7.0/angular-material.min.css">
</head>
<body ng-app="LSDC">
<div ng-controller="AppCtrl">
<md-content>
<!-- Header -->
<md-toolbar>
<div layout="row" layout-align="center center">
<h2 class="md-toolbar-tools" ng-bind="title"></h2>
</div>
</md-toolbar>
<!-- Roaster List -->
<md-list>
<md-item ng-repeat="roaster in roasters">
<md-item-content>
<div class="md-tile-content">
<h3 ng-bind="roaster.name"></h3>
<h4 ng-bind="roaster.address.street"></h4>
<h4 ng-hide="!roaster.operation[today][0].length" ng-cloak>{{roaster.operation[today][0]}} - {{roaster.operation[today][1]}}</h4>
<h4 ng-show="!roaster.operation[today][0].length" ng-cloak>Closed.</h4>
</div>
</md-item-content>
</md-item>
</md-list>
<!-- Privacy Policy -->
<div layout="row" layout-align="start start">
<a href="//www.iubenda.com/privacy-policy/879038" class="iubenda-white iubenda-embed" title="Privacy Policy">Privacy Policy</a>
<script type="text/javascript">(function (w,d) {var loader = function () {var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src = "//cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener("load", loader, false);}else if(w.attachEvent){w.attachEvent("onload", loader);}else{w.onload = loader;}})(window, document);
</script>
</div>
</md-content>
</div>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-60431669-1', 'auto');
ga('send', 'pageview');
</script>
<!-- JS Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.4/hammer.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.7.0/angular-material.min.js"></script>
<!-- Application Code -->
<script>
angular.module('LSDC', ['ngMaterial', 'ngAria'])
.constant('Model', {
development: './dist/roaster-list.json',
production: 'https://rawgit.com/francismakes/sd-roasters/master/dist/roaster-list.json'
})
.constant('ENV', (function () {
var prodMatch = /localsandiego/
return (prodMatch.test(window.location.origin))
? 'production'
: 'development'
})())
.service('roasters', function ($http, $log, Model, ENV) {
return $http.get(Model[ENV])
.success(function (data, status, headers, config) {
if (ENV === 'development') {
$log.log(data)
$log.log(status)
$log.log(headers)
$log.log(config)
}
})
.error(function (data, status, headers, config) {
$log.log(data)
$log.log(status)
$log.log(headers)
$log.log(config)
})
})
.controller('AppCtrl', function ($scope, $filter, roasters) {
$scope.title = 'local, san diego coffee.'
roasters.then(function (raw) {
$scope.roasters = $filter('orderBy')(raw.data, 'name')
})
})
</script>
</body>
</html>