forked from guibot17/angular-material-firebase-seed
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (93 loc) · 5.03 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width", user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0/>
<title>Angular, angular-material and firebase</title>
<!-- Angulars Material CSS now available via Google CDN; version 0.6 used here -->
<link rel="stylesheet" href="bower_components/angular-material/angular-material.css">
<link rel="stylesheet" href="bower_components/angular-material/themes/blue-grey-theme.css">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=RobotoDraft:400,500,700,400italic">
<!--Your custom CSS file links here-->
<link rel="stylesheet" href="app/main/main.css"/>
</head>
<body ng-app="mainApp" layout="column" layout-align="top-center">
<div ng-controller="AppCtrl as mainCtrl" layout="column" layout-fill>
<section layout="row" flex>
<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$media('gt-md')">
<md-toolbar class="md-theme-indigo">
<h1 class="md-toolbar-tools">Sidenav Left</h1>
</md-toolbar>
<md-content class="md-padding" ng-controller="LeftCtrl as DrawerCtrl">
<md-button ng-click="DrawerCtrl.close()" class="md-primary" hide-gt-md>
Close Sidenav Left
</md-button>
<p hide-md show-gt-md>
This sidenav is locked open on your device. To go back to the default behavior,
narrow your display.
</p>
</md-content>
</md-sidenav>
<section layout="column" flex>
<md-toolbar>
<nav class="md-toolbar-tools">
<md-button ng-click="mainCtrl.toggleLeft()" hide-gt-md>
<md-icon style="width: 24px; height: 24px;" icon="bower_components/material-design-icons/navigation/svg/production/ic_menu_24px.svg"></md-icon>
</md-button>
<span>Title is here</span>
<span flex></span>
<img ng-show="mainCtrl.user.info!==null" class="profileImage" ng-src="{{mainCtrl.user.info.facebook.cachedUserProfile.picture.data.url}}"/>
<span ng-show="mainCtrl.user.info!==null" class="profileName">{{mainCtrl.user.info.facebook.cachedUserProfile.first_name}}</span>
<!--Sign out button only show when user authenticated.-->
<md-button ng-show="mainCtrl.user.info!==null" class="md-primary" ng-click="mainCtrl.signOut()" aria-label="Sign-in">
<span class="md-button">Sign out</span>
</md-button>
<!--Sign in button with dialog box hidden when user authenticated-->
<md-button ng-show="mainCtrl.user.info===null" class="md-primary" ng-click="mainCtrl.showLoginDailog($event)" aria-label="Sign-in">
<span class="md-button">Sign-in</span>
</md-button>
</nav>
</md-toolbar>
<md-content flex class="md-padding">
<section layout="column" layout-fill class="doc-content">
<div ng-view></div>
</section>
</md-content>
<b layout="row" layout-align="center center" layout-margin>
{{alert}}
</b>
</section>
</section>
</div>
<!--Basic Angular Dependencies-->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<!-- Angular Material Dependencies -->
<script src="bower_components/hammerjs/hammer.min.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-aria/angular-aria.js"></script>
<!--Firebase and Angularfire Dependencies-->
<script src="bower_components/firebase/firebase.js"></script>
<script src="bower_components/angularfire/dist/angularfire.js"></script>
<!-- Angular Material Javascript now available via Google CDN; version 0.6 used here -->
<script src="bower_components/angular-material/angular-material.js"></script>
<!--Here is custom javavscript file links-->
<script src="app/main/main-module.js"></script>
<script src="app/config/config.js"></script>
<script src="app/main/main-controllers.js"></script>
<script src="app/util/decorators.js"></script>
<!--<script src="app/util/directives.js"></script>-->
<script src="app/util/filters.js"></script>
<script src="app/routes/routes.js"></script>
<script src="app/util/services.js"></script>
<script src="app/util/firebase.utils.js"></script>
<script src="app/util/changeEmail.js"></script>
<!--home page dependencies-->
<script src="app/home/homeController.js"></script>
<!--user control dependencies-->
<script src="app/user/user-module.js"></script>
<script src="app/user/user-factories.js"></script>
<script src="app/user/user-controllers.js"></script>
<script src="app/user/account/AccountCtrl.js"></script>
</body>
</html>