home.html 8.78 KB
<!DOCTYPE html>
<html ng-app="flashy">
<base href="/app/">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet"
href="https://ajax.googleapis.com/ajax/libs/angular_material/0.9.0/angular-material.min.css">
<link rel="shortcut icon" href="flashy.ico">
<link rel="stylesheet" href="styles/flashier.css"/>
<link rel="stylesheet" href="styles/flashy.css"/>
<link rel="manifest" href="manifest.json">
<link
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'>
<title>Flashy</title>
</head>
<body ng-controller="RootController">
<header>
<nav>
<div class="nav-wrapper">
<a ng-show="UserService.isLoggedIn()" href="#" data-activates="mobile-demo"
class="left button-collapse hide-on-med-and-up"><i
class="mdi-navigation-menu"></i></a>
<!-- User's classes dropdown -->
<ul id="classDropdown" class="dropdown-content">
<li ui-sref-active="active" ng-repeat="section in UserService.getUserData().sections">
<a ui-sref="feed({sectionId:section.id})">{{section.short_name}}</a>
</li>
<li class="divider"></li>
<li><a ui-sref="addclass">Add Class</a></li>
</ul>
<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"
href="#!" id="class-list"
data-activates="classDropdown" data-beloworigin="true">{{currentSection.id?currentSection.short_name:"Classes"}}<i
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})"
class="tooltipped"
data-position="bottom"
data-delay="50" data-tooltip="Feed"><i
class="mdi-action-view-module"></i></a></li>
<li ng-show="currentSection.id" ui-sref-active="active" id="class-list"><a ui-sref="deck({sectionId:currentSection.id})"
class="tooltipped"
data-position="bottom"
data-delay="50" data-tooltip="Deck"><i
class="mdi-action-view-carousel"></i></a></li>
<li ng-show="currentSection.id" ui-sref-active="active"><a ui-sref="cardlist({sectionId:currentSection.id})"
class="tooltipped"
data-position="bottom"
data-delay="50" data-tooltip="Card List"><i
class="mdi-action-view-list"></i></a></li>
</ul>
<a href="#" class="brand-logo center">Flashy</a>
<ul ng-show="UserService.isLoggedIn()" ng-cloak id="nav-mobile" class="right hide-on-small-and-down">
<li ui-sref-active="active"><a ui-sref="study" class="tooltipped" data-position="bottom" data-delay="50"
data-tooltip="Study">
<i class="tiny mdi-action-pageview"></i></a></li>
<!-- Settings Dropdown -->
<ul id="settingsDropdown" class="dropdown-content">
</ul>
<li ui-sref-active="active"><a ui-sref="help"><i class="tiny mdi-action-help tooltipped"
data-position="bottom"
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"
data-tooltip="Settings"
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"
class="mdi-content-forward tooltipped"></i></a></li>
</ul>
<!-- Slide-in side-nav for small screens -->
<ul ng-show="UserService.isLoggedIn()" class="side-nav" id="mobile-demo">
<span ng-show="currentSection.id">
<li ui-sref-active="active"><a ui-sref="feed({sectionId:currentSection.id})">
<i class="mdi-action-view-module left"></i>
Feed</a>
</li>
<li ui-sref-active="active"><a ui-sref="deck({sectionId:currentSection.id})">
<i class="mdi-action-view-carousel left"> </i>
Deck
</a>
</li>
<li ui-sref-active="active"><a ui-sref="cardlist({sectionId:currentSection.id})">
<i class="mdi-action-view-list left"></i>
Card List
</a>
</li>
<hr>
</span>
<!-- Collapsible menu for all the User's classes -->
<ul class="collapsible" data-collapsible="accordion" >
<li class="bold">
<a class="collapsible-header black-text">
Classes
<i class="mdi-navigation-arrow-drop-down right"></i>
</a>
</li>
<div class="collapsible-body" style="display: block">
<ul>
<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>
</li>
<hr>
<li><a ui-sref="addclass"><i class="tiny mdi-content-add">Add Class</i></a></li>
</ul>
</div>
</ul>
<li><a ui-sref="study">Study</a></li>
<li><a ui-sref="settings">Settings</a></li>
<li><a ng-click="logout()">Logout</a></li>
</ul>
</div>
</nav>
</header>
<!-- Menu Bar -->
<main ui-view></main>
<!--<footer class="page-footer">-->
<!--<div class="footer-copyright">-->
<!--<div class="container">-->
<!--&copy; 2015 Team Swag-->
<!--<a class="grey-text text-lighten-4 right" id="contact" href="mailto:halp@flashy.cards">Concerns? Contact us by-->
<!--email!</a>-->
<!--</div>-->
<!--</div>-->
<!--</footer>-->
</body>
<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>
<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>
<script type="text/javascript" src="scripts/materialize.js"></script>
<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>
<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>
<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>
<script src="static/js/angular-websocket.js"></script>
<script src="static/js/angular-contenteditable.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.js"></script>
<script src="config.js"></script>
<script src="scripts/FlashcardFactory.js"></script>
<script src="scripts/DeckFactory.js"></script>
<!-- Controllers -->
<script src="scripts/FeedController.js"></script>
<script src="scripts/RootController.js"></script>
<script src="scripts/SettingsController.js"></script>
<script src="scripts/LoginController.js"></script>
<script src="scripts/DeckController.js"></script>
<script src="scripts/RequestResetController.js"></script>
<script src="scripts/ClassAddController.js"></script>
<script src="scripts/StudyController.js"></script>
<script src="scripts/ResetPasswordController.js"></script>
<script src="scripts/CardListController.js"></script>
<script src="scripts/VerifyEmailController.js"></script>
<script src="scripts/HelpController.js"></script>
<script src="scripts/CardGridController.js"></script>
<!-- Services -->
<script src="scripts/UserService.js"></script>
<!-- Directives -->
<script src="scripts/FlashcardDirective.js"></script>
<!-- Other -->
<!--<script src="scripts/StudyController.js"></script>-->
</html>