110swag / flashy-frontend

Download as
Browse Code ยป

Commit c642b31198d80805265e5bed8c372a276f731012

Authored by Rohan Rangray
1 parent 412c2c332a
Exists in master and in 1 other branch ef9f9dd363e92d55eb4d80d036193be39572172b

Added a tab icon

Showing 3 changed files with 6 additions and 0 deletions Inline Diff

flashy.ico View file @ c642b31

No preview for this file type

home.html View file @ c642b31
<!DOCTYPE html> 1 1 <!DOCTYPE html>
<html ng-app="flashy"> 2 2 <html ng-app="flashy">
<base href="/app/"> 3 3 <base href="/app/">
<head> 4 4 <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 5 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" 6 6 <link rel="stylesheet"
href="https://ajax.googleapis.com/ajax/libs/angular_material/0.9.0/angular-material.min.css"> 7 7 href="https://ajax.googleapis.com/ajax/libs/angular_material/0.9.0/angular-material.min.css">
8 <link rel="shortcut icon" href="flashy.ico">
8 9
<link rel="stylesheet" href="styles/flashier.css"/> 9 10 <link rel="stylesheet" href="styles/flashier.css"/>
<link rel="stylesheet" href="styles/flashy.css"/> 10 11 <link rel="stylesheet" href="styles/flashy.css"/>
<link rel="manifest" href="manifest.json"> 11 12 <link rel="manifest" href="manifest.json">
<link 12 13 <link
href='https://fonts.googleapis.com/css?family=Satisfy|Titillium+Web:400,200,200italic,300,600,700,900,700italic,600italic,400italic,300italic' 13 14 href='https://fonts.googleapis.com/css?family=Satisfy|Titillium+Web:400,200,200italic,300,600,700,900,700italic,600italic,400italic,300italic'
rel='stylesheet' type='text/css'> 14 15 rel='stylesheet' type='text/css'>
<title>Flashy</title> 15 16 <title>Flashy</title>
</head> 16 17 </head>
<body ng-controller="RootController"> 17 18 <body ng-controller="RootController">
<header> 18 19 <header>
<nav> 19 20 <nav>
<div class="nav-wrapper"> 20 21 <div class="nav-wrapper">
<a ng-show="UserService.isLoggedIn()" href="#" data-activates="mobile-demo" 21 22 <a ng-show="UserService.isLoggedIn()" href="#" data-activates="mobile-demo"
class="left button-collapse hide-on-med-and-up"><i 22 23 class="left button-collapse hide-on-med-and-up"><i
class="mdi-navigation-menu"></i></a> 23 24 class="mdi-navigation-menu"></i></a>
<!-- User's classes dropdown --> 24 25 <!-- User's classes dropdown -->
<ul id="classDropdown" class="dropdown-content"> 25 26 <ul id="classDropdown" class="dropdown-content">
<li ui-sref-active="active" ng-repeat="section in UserService.getUserData().sections"> 26 27 <li ui-sref-active="active" ng-repeat="section in UserService.getUserData().sections">
<a ui-sref="feed({sectionId:section.id})">{{section.short_name}}</a> 27 28 <a ui-sref="feed({sectionId:section.id})">{{section.short_name}}</a>
</li> 28 29 </li>
<li class="divider"></li> 29 30 <li class="divider"></li>
<li><a ui-sref="addclass">Add Class</a></li> 30 31 <li><a ui-sref="addclass">Add Class</a></li>
</ul> 31 32 </ul>
<ul ng-show="UserService.isLoggedIn()" class="left hide-on-small-and-down"> 32 33 <ul ng-show="UserService.isLoggedIn()" class="left hide-on-small-and-down">
<li><a style="font-size:20px; font-weight:700" class="dropdown-button ng-cloak hide-on-small-and-down" 33 34 <li><a style="font-size:20px; font-weight:700" class="dropdown-button ng-cloak hide-on-small-and-down"
href="#!" 34 35 href="#!"
data-activates="classDropdown">{{currentSection.id?currentSection.short_name:"Classes"}}<i 35 36 data-activates="classDropdown">{{currentSection.id?currentSection.short_name:"Classes"}}<i
class="mdi-navigation-arrow-drop-down right"></i></a></li> 36 37 class="mdi-navigation-arrow-drop-down right"></i></a></li>
<li ng-show="currentSection.id" ui-sref-active="active"><a ui-sref="feed({sectionId:currentSection.id})" 37 38 <li ng-show="currentSection.id" ui-sref-active="active"><a ui-sref="feed({sectionId:currentSection.id})"
class="tooltipped" 38 39 class="tooltipped"
data-position="bottom" 39 40 data-position="bottom"
data-delay="50" data-tooltip="Feed"><i 40 41 data-delay="50" data-tooltip="Feed"><i
class="mdi-action-view-module"></i></a></li> 41 42 class="mdi-action-view-module"></i></a></li>
<li ng-show="currentSection.id" ui-sref-active="active"><a ui-sref="deck({sectionId:currentSection.id})" 42 43 <li ng-show="currentSection.id" ui-sref-active="active"><a ui-sref="deck({sectionId:currentSection.id})"
class="tooltipped" 43 44 class="tooltipped"
data-position="bottom" 44 45 data-position="bottom"
data-delay="50" data-tooltip="Deck"><i 45 46 data-delay="50" data-tooltip="Deck"><i
class="mdi-action-view-carousel"></i></a></li> 46 47 class="mdi-action-view-carousel"></i></a></li>
<li ng-show="currentSection.id" ui-sref-active="active"><a ui-sref="cardlist({sectionId:currentSection.id})" 47 48 <li ng-show="currentSection.id" ui-sref-active="active"><a ui-sref="cardlist({sectionId:currentSection.id})"
class="tooltipped" 48 49 class="tooltipped"
data-position="bottom" 49 50 data-position="bottom"
data-delay="50" data-tooltip="Card List"><i 50 51 data-delay="50" data-tooltip="Card List"><i
class="mdi-action-view-list"></i></a></li> 51 52 class="mdi-action-view-list"></i></a></li>
</ul> 52 53 </ul>
<a href="#" class="brand-logo center">Flashy</a> 53 54 <a href="#" class="brand-logo center">Flashy</a>
54 55
<ul ng-show="UserService.isLoggedIn()" ng-cloak id="nav-mobile" class="right hide-on-small-and-down"> 55 56 <ul ng-show="UserService.isLoggedIn()" ng-cloak id="nav-mobile" class="right hide-on-small-and-down">
56 57
<li ui-sref-active="active"><a ui-sref="study" class="tooltipped" data-position="bottom" data-delay="50" 57 58 <li ui-sref-active="active"><a ui-sref="study" class="tooltipped" data-position="bottom" data-delay="50"
data-tooltip="Study"> 58 59 data-tooltip="Study">
<i class="tiny mdi-action-pageview"></i></a></li> 59 60 <i class="tiny mdi-action-pageview"></i></a></li>
60 61
<!-- Settings Dropdown --> 61 62 <!-- Settings Dropdown -->
<ul id="settingsDropdown" class="dropdown-content"> 62 63 <ul id="settingsDropdown" class="dropdown-content">
63 64
64 65
</ul> 65 66 </ul>
66 67
<li ui-sref-active="active"><a ui-sref="help"><i class="tiny mdi-action-help tooltipped" 67 68 <li ui-sref-active="active"><a ui-sref="help"><i class="tiny mdi-action-help tooltipped"
data-position="bottom" 68 69 data-position="bottom"
data-delay="50" data-tooltip="Help"></i></a></li> 69 70 data-delay="50" data-tooltip="Help"></i></a></li>
<li ui-sref-active="active"><a ui-sref="settings"><i data-position="bottom" data-delay="50" 70 71 <li ui-sref-active="active"><a ui-sref="settings"><i data-position="bottom" data-delay="50"
data-tooltip="Settings" 71 72 data-tooltip="Settings"
class="mdi-action-settings tooltipped"></i></a></li> 72 73 class="mdi-action-settings tooltipped"></i></a></li>
<li><a ng-click="logout()" ui-sref="login"><i data-position="bottom" data-delay="50" data-tooltip="Logout" 73 74 <li><a ng-click="logout()" ui-sref="login"><i data-position="bottom" data-delay="50" data-tooltip="Logout"
class="mdi-content-forward tooltipped"></i></a></li> 74 75 class="mdi-content-forward tooltipped"></i></a></li>
75 76
76 77
</ul> 77 78 </ul>
78 79
<!-- Slide-in side-nav for small screens --> 79 80 <!-- Slide-in side-nav for small screens -->
<ul ng-show="UserService.isLoggedIn()" class="side-nav" id="mobile-demo"> 80 81 <ul ng-show="UserService.isLoggedIn()" class="side-nav" id="mobile-demo">
<span ng-show="currentSection.id"> 81 82 <span ng-show="currentSection.id">
<li ui-sref-active="active"><a ui-sref="feed({sectionId:currentSection.id})" class="tooltipped"> 82 83 <li ui-sref-active="active"><a ui-sref="feed({sectionId:currentSection.id})" class="tooltipped">
<i class="mdi-action-view-module left"></i> 83 84 <i class="mdi-action-view-module left"></i>
Feed</a> 84 85 Feed</a>
</li> 85 86 </li>
<li ui-sref-active="active"><a ui-sref="deck({sectionId:currentSection.id})" class="tooltipped"> 86 87 <li ui-sref-active="active"><a ui-sref="deck({sectionId:currentSection.id})" class="tooltipped">
<i class="mdi-action-view-carousel left"> </i> 87 88 <i class="mdi-action-view-carousel left"> </i>
Deck 88 89 Deck
</a> 89 90 </a>
</li> 90 91 </li>
<li ui-sref-active="active"><a ui-sref="cardlist({sectionId:currentSection.id})" class="tooltipped"> 91 92 <li ui-sref-active="active"><a ui-sref="cardlist({sectionId:currentSection.id})" class="tooltipped">
<i class="mdi-action-view-list left"></i> 92 93 <i class="mdi-action-view-list left"></i>
Card List 93 94 Card List
</a> 94 95 </a>
</li> 95 96 </li>
<hr> 96 97 <hr>
</span> 97 98 </span>
<!-- Collapsible menu for all the User's classes --> 98 99 <!-- Collapsible menu for all the User's classes -->
<ul class="collapsible" data-collapsible="accordion"> 99 100 <ul class="collapsible" data-collapsible="accordion">
<li class="bold"> 100 101 <li class="bold">
<a class="collapsible-header black-text"> 101 102 <a class="collapsible-header black-text">
Classes 102 103 Classes
<i class="mdi-navigation-arrow-drop-down right"></i> 103 104 <i class="mdi-navigation-arrow-drop-down right"></i>
</a> 104 105 </a>
</li> 105 106 </li>
<div class="collapsible-body" style="display: block"> 106 107 <div class="collapsible-body" style="display: block">
<ul> 107 108 <ul>
<li ui-sref-active="active" ng-repeat="section in UserService.getUserData().sections"> 108 109 <li ui-sref-active="active" ng-repeat="section in UserService.getUserData().sections">
<a class="class bold" ui-sref="feed({sectionId:section.id})">{{section.short_name}}</a> 109 110 <a class="class bold" ui-sref="feed({sectionId:section.id})">{{section.short_name}}</a>
</li> 110 111 </li>
<hr> 111 112 <hr>
<li><a ui-sref="addclass"><i class="tiny mdi-content-add">Add Class</i></a></li> 112 113 <li><a ui-sref="addclass"><i class="tiny mdi-content-add">Add Class</i></a></li>
</ul> 113 114 </ul>
</div> 114 115 </div>
</ul> 115 116 </ul>
<li><a ui-sref="study">Study</a></li> 116 117 <li><a ui-sref="study">Study</a></li>
<li><a ui-sref="settings">Settings</a></li> 117 118 <li><a ui-sref="settings">Settings</a></li>
<li><a ng-click="logout()">Logout</a></li> 118 119 <li><a ng-click="logout()">Logout</a></li>
</ul> 119 120 </ul>
</div> 120 121 </div>
</nav> 121 122 </nav>
122 123
</header> 123 124 </header>
124 125
125 126
<!-- Menu Bar --> 126 127 <!-- Menu Bar -->
<main ui-view></main> 127 128 <main ui-view></main>
128 129
129 130
<!--<footer class="page-footer">--> 130 131 <!--<footer class="page-footer">-->
<!--<div class="footer-copyright">--> 131 132 <!--<div class="footer-copyright">-->
<!--<div class="container">--> 132 133 <!--<div class="container">-->
<!--&copy; 2015 Team Swag--> 133 134 <!--&copy; 2015 Team Swag-->
<!--<a class="grey-text text-lighten-4 right" id="contact" href="mailto:halp@flashy.cards">Concerns? Contact us by--> 134 135 <!--<a class="grey-text text-lighten-4 right" id="contact" href="mailto:halp@flashy.cards">Concerns? Contact us by-->
<!--email!</a>--> 135 136 <!--email!</a>-->
<!--</div>--> 136 137 <!--</div>-->
137 138
<!--</div>--> 138 139 <!--</div>-->
<!--</footer>--> 139 140 <!--</footer>-->
140 141
</body> 141 142 </body>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script> 142 143 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.14/angular-ui-router.js"></script> 143 144 <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.14/angular-ui-router.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-cookies.js"></script> 144 145 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-cookies.js"></script>
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script> 145 146 <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="scripts/materialize.js"></script> 146 147 <script type="text/javascript" src="scripts/materialize.js"></script>
<script type="text/javascript" src="scripts/jquery.collapsible.js"></script> 147 148 <script type="text/javascript" src="scripts/jquery.collapsible.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.9.0/angular-material.min.js"></script> 148 149 <script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.9.0/angular-material.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script> 149 150 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script> 150 151 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-resource.min.js"></script> 151 152 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-resource.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-sanitize.js"></script> 152 153 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-sanitize.js"></script>
<script src="https://cdn.rawgit.com/gdi2290/angular-websocket/v1.0.9/angular-websocket.min.js"></script> 153 154 <script src="https://cdn.rawgit.com/gdi2290/angular-websocket/v1.0.9/angular-websocket.min.js"></script>
<script src="https://cdn.rawgit.com/akatov/angular-contenteditable/master/angular-contenteditable.js"></script> 154 155 <script src="https://cdn.rawgit.com/akatov/angular-contenteditable/master/angular-contenteditable.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.js"></script> 155 156 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.js"></script>
156 157
157 158
<script src="config.js"></script> 158 159 <script src="config.js"></script>
159 160
<!-- Controllers --> 160 161 <!-- Controllers -->
<script src="scripts/FeedController.js"></script> 161 162 <script src="scripts/FeedController.js"></script>
<script src="scripts/RootController.js"></script> 162 163 <script src="scripts/RootController.js"></script>
manifest.json View file @ c642b31
{ 1 1 {
"name": "flashy-cards", 2 2 "name": "flashy-cards",
"short_name": "Flashy", 3 3 "short_name": "Flashy",
4 "icons": [{
5 "src": "flashy.ico",
6 "sizes": "192x192",
7 "type": "image/png"
8 }],
"start_url": "/index.html", 4 9 "start_url": "/index.html",
"display": "standalone", 5 10 "display": "standalone",
"gcm_sender_id": "45066531702", 6 11 "gcm_sender_id": "45066531702",
"gcm_user_visible_only": true 7 12 "gcm_user_visible_only": true
} 8 13 }