Skip to content
This repository has been archived by the owner on Sep 25, 2019. It is now read-only.

Fix the Material Design for the event page #41

Merged
merged 2 commits into from
Jun 22, 2015
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
File renamed without changes.
10 changes: 6 additions & 4 deletions Gruntfile.js
Original file line number Diff line number Diff line change
Expand Up @@ -572,10 +572,12 @@ module.exports = function (grunt) {
]);
}

else grunt.task.run([
'test:server',
'test:client'
]);
else {
grunt.task.run([
'test:server',
'test:client'
]);
}
});

grunt.registerTask('build', [
Expand Down
26 changes: 15 additions & 11 deletions bower.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,34 @@
"name": "firefly",
"version": "1.0.1",
"dependencies": {
"angular": "1.3.15",
"json3": "~3.3.1",
"es5-shim": "~3.0.1",
"jquery": "~2.1.3",
"bootstrap": "~3.1.1",
"angular-resource": "1.3.15",
"angular-cookies": "1.3.15",
"angular-sanitize": "1.3.15",
"angular-route": "1.3.15",
"angular": "1.4.0",
"angular-animate": "1.4.0",
"angular-aria": "1.4.0",
"angular-resource": "1.4.0",
"angular-cookies": "1.4.0",
"angular-sanitize": "1.4.0",
"angular-route": "1.4.0",
"angular-material": "0.10.0",
"angular-bootstrap": ">=0.11.0",
"angular-google-chart": ">=0.0.11",
"angular-google-maps": ">=2.0.1",
"angular-material": "0.9.0",
"angular-google-maps": "2.1.5",
"font-awesome": "~4.3.0",
"ngGeolocation": ">=0.0.2",
"lodash": "~2.4.1",
"ngGeolocation": "0.0.7",
"lodash": "3.9.3",
"moment": "~2.10.2",
"moment-timezone": "~0.3.1",
"angular-linkify": ">=0.3.0",
"angularjs-viewhead": ">=0.0.1",
"angular-qr": "latest"
},
"devDependencies": {
"angular-mocks": "1.3.15",
"angular-scenario": "1.3.15"
"angular-mocks": "1.4.0"
},
"resolutions": {
"angular": "1.4.0"
}
}
71 changes: 40 additions & 31 deletions client/app/shorturl/shorturl.event.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,17 @@
<meta view-head property="og:description" content="{{event.about}}">
<meta view-head property="og:title" content="{{event.title}}">
<div layout="column" layout-fill>
<div ng-include="'components/navbar/navbar.html'"></div>
<div layout="row" id="card-box">
<div hidde show-gt-md flex-gt-md="5"></div>
<div flex flex-lg="90">
<div layout-sm="column" layout-gt-md="row">
<div flex-gt-md="75" flex-sm="100">
<div flex>
<md-card>
<h3 view-title>{{event.title}} <small><time-ago date="event.start"></time-ago></small></h3>
<p>
<div ng-bind-html="event.about | linkify"></div>
</p>
<md-card-content>
<h3 view-title>{{event.title}} <small><time-ago date="event.start"></time-ago></small></h3>
<div ng-bind-html="event.about | linkify"></div>
</md-card-content>
</md-card>
</div>
<div flex>
Expand All @@ -32,62 +31,72 @@ <h3 view-title>{{event.title}} <small><time-ago date="event.start"></time-ago></
<div layout-sm="column" layout-gt-md="row">
<div flex class="eiw">
<md-card>
<h3><i class="fa fa-clock-o"></i> Your Time</h3>
<p>
<b>Begins:</b> <span><local-time date="event.start"></local-time></span><br/>
<b>Ends:</b> <span><local-time date="event.end"></local-time></span>
</p>
<md-card-content>
<h3><span class="fa fa-clock-o"></span> Your Time</h3>
<p>
<b>Begins:</b> <span><local-time date="event.start"></local-time></span><br/>
<b>Ends:</b> <span><local-time date="event.end"></local-time></span><br/>
<b>Timezone:</b> Local
</p>
</md-card-content>
</md-card>
</div>
<div flex class="eiw">
<md-card>
<h3><i class="fa fa-clock-o"></i> Event Time</h3>
<p>
<b>Begins:</b> <span><time-timezone date="event.start" timezone="event.timezone"></time-timezone></span><br/>
<b>Ends:</b> <span><time-timezone date="event.end" timezone="event.timezone"></time-timezone></span><br/>
<b>Timezone:</b> {{event.timezone}}
</p>
<md-card-content>
<h3><span class="fa fa-clock-o"></span> Event Time</h3>
<p>
<b>Begins:</b> <span><time-timezone date="event.start" timezone="event.timezone"></time-timezone></span><br/>
<b>Ends:</b> <span><time-timezone date="event.end" timezone="event.timezone"></time-timezone></span><br/>
<b>Timezone:</b> {{event.timezone}}
</p>
</md-card-content>
</md-card>
</div>
<div flex class="eiw">
<md-card>
<h3><i class="fa fa-map-marker"></i> Location</h3>
<p>
{{event.location}}<br/><br/>
<a ng-href="https://maps.google.com/maps?daddr={{event.location}}">Get directions</a>
</p>
<md-card-content>
<h3><span class="fa fa-map-marker"></span> Location</h3>
<p>
{{event.location}}<br/><br/>
<a ng-href="https://maps.google.com/maps?daddr={{event.location}}">Get directions</a>
</p>
</md-card-content>
</md-card>
</div>
</div>
</div>
<div flex-gt-md="25" flex-sm="100">
<md-card>
<h3>Hosted by</h3>
<p>
<md-card-content>
<img ng-show="chapter._id != undefined" class="pull-right" style="margin-top: 11px;" ng-src="{{image}}"/>
<h3>Hosted by</h3>
<h3><a ng-href="http://developers.google.com/groups/chapter/{{chapter._id}}/">{{chapter.name}}</a></h3>
<span>{{chapter.city}}, {{chapter.country.name}}</span>
</p>
</md-card-content>
</md-card>
<md-card>
<h3>Event site</h3>
<p>
Short URL to this Site:<br/>
<a ng-href="http://gdg.events/{{shorturl.hash}}">http://gdg.events/{{shorturl.hash}}
<qr input-mode="'8bit'" size="150" text="gdgeventsshorturl" image="true"></qr>
<md-card-content>
<a ng-href="http://gdg.events/{{shorturl.hash}}">
<qr input-mode="'8bit'" size="150" text="gdgeventsshorturl" image="true" class="pull-right"></qr>
</a>
<h3>Event site</h3>
<p>
Short URL to this Site:<br/>
<a ng-href="http://gdg.events/{{shorturl.hash}}">http://gdg.events/{{shorturl.hash}}</a>
</p>
<div ng-switch on="!!event.eventUrl">
<div ng-switch-when="true">
<a ng-href="{{event.eventUrl}}">Google+ event page</a>
</div>
<div ng-switch-default></div>
</div>
<a ng-href="http://developers.google.com/events/{{event._id}}/">Google Developers' event page</a>
</p>
</md-card-content>
</md-card>
</div>
</div>
</div>
<div hidde show-gt-md flex-gt-md="5"></div>
<div show-gt-md flex-gt-md="5"></div>
</div>
</div>
20 changes: 11 additions & 9 deletions client/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,14 @@
<!--[if IE 8]> <html class="no-js lt-ie9" ng-app="fireflyApp"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" ng-app="fireflyApp"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title ng-bind="viewTitle ? viewTitle : 'GDG events'">GDG events</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="application-name" content="GDG Firefly">
<meta name="description" content="Global Google Developers Group (GDG) Event Directory covering Android, Angular, Polymer, Cloud, etc.">
<base href="/">
<title ng-bind="viewTitle ? viewTitle : 'GDG events'">GDG events</title>
<meta name="description" content="">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(client) app/vendor.css -->
<!-- bower:css -->
Expand Down Expand Up @@ -60,18 +62,18 @@
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.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-aria/angular-aria.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-material/angular-material.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/angular-google-chart/ng-google-chart.js"></script>
<script src="bower_components/lodash/dist/lodash.compat.js"></script>
<script src="bower_components/lodash/lodash.js"></script>
<script src="bower_components/angular-google-maps/dist/angular-google-maps.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-aria/angular-aria.js"></script>
<script src="bower_components/angular-material/angular-material.js"></script>
<script src="bower_components/ngGeolocation/ngGeolocation.min.js"></script>
<script src="bower_components/ngGeolocation/ngGeolocation.js"></script>
<script src="bower_components/moment/moment.js"></script>
<script src="bower_components/moment-timezone/builds/moment-timezone-with-data-2010-2020.js"></script>
<script src="bower_components/angular-linkify/angular-linkify.js"></script>
Expand Down