diff options
| author | Michaël Ball <michael.ball@gmail.com> | 2014-12-28 12:24:22 +0000 |
|---|---|---|
| committer | Michaël Ball <michael.ball@gmail.com> | 2015-11-27 20:02:04 +0000 |
| commit | 75beec91a8526fbbc0a90134140b9dff6af15c0c (patch) | |
| tree | 02414e46da3e08000384c40c27b7aab9748de0fe /templates | |
| parent | a2964845e3c03b9cf5f01583f53f7553c7d67caf (diff) | |
Initial frontend work
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 64 | ||||
| -rw-r--r-- | templates/login.html | 39 |
2 files changed, 103 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..9f3d8b6 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,64 @@ +<!doctype html> +<html lang="en" data-ng-app="mach2App"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Mach2</title> + <link rel="stylesheet" href="{{ url_for('static', filename='scripts/libs/bootstrap/css/bootstrap.css') }}"> + </head> + <body> + <div class="container"> + <nav class="navbar navbar-inverse navbar" data-ng-controller="NavCtrl"> + <div class="container-fluid"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="#">mach2</a> + </div> + <div class="collapse navbar-collapse" id="navbar-collapse"> + <ul class="nav navbar-nav"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Music <span class="caret"></span></a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#/artists">Artists</a></li> + <li><a href="#/albums">Albums</a></li> + <li><a href="#/tracks">Tracks</a></li> + </ul> + </li> + <li><a href="#">Settings</a></li> + </ul> + <ul class="nav navbar-nav navbar-right"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">{{ user.username }}<span class="caret"></span></a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">Change password</a></li> + <li class="divider"></li> + <li><a href="/logout">Log out</a></li> + </ul> + </li> + </ul> + </div> + </div> + </nav> + <div class="row" data-ui-view> + </div> + </div> + <script src="{{ url_for('static', filename='scripts/libs/jquery/jquery.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/libs/bootstrap/js/bootstrap.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/libs/moment/moment.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/libs/moment-timezone/moment-timezone-with-data-2010-2020.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/libs/angular/angular.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/libs/angular-resource/angular-resource.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/libs/angular-ui-router/angular-ui-router.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/libs/angular-bootstrap/ui-bootstrap-tpls.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/libs/angular-moment/angular-moment.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/app/filters.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/app/services.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/app/controllers.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/app/app.js') }}"></script> + </body> +</html> diff --git a/templates/login.html b/templates/login.html new file mode 100644 index 0000000..0f3d529 --- /dev/null +++ b/templates/login.html @@ -0,0 +1,39 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Mach2</title> + <script src="{{ url_for('static', filename='scripts/lib/jquery/jquery.js') }}"></script> + <script src="{{ url_for('static', filename='scripts/lib/bootstrap/js/bootstrap.js') }}"></script> + <link rel="stylesheet" href="{{ url_for('static', filename='scripts/lib/bootstrap/css/bootstrap.css') }}"> + </head> + <body> + <div class="container"> + <div class="col-xs-12 text-center"> + <h1>Mach2</h1> + </div> + <div class="col-xs-offset-2 col-xs-8"> + <form class="form-horizontal" action="/login" method="POST"> + <div class="form-group"> + <label for="username" class="col-xs-12 col-sm-3 control-label">Username</label> + <div class="col-xs-12 col-sm-9"> + <input type="text" class="form-control" id="username" name="username" placeholder="Username" /> + </div> + </div> + <div class="form-group"> + <label for="password" class="col-xs-12 col-sm-3 control-label">Password</label> + <div class="col-xs-12 col-sm-9"> + <input type="password" class="form-control" id="password" name="password" placeholder="Password" /> + </div> + </div> + <div class="form-group"> + <div class="col-xs-12 col-sm-offset-3 col-sm-9"> + <button type="submit" class="btn btn-primary btn-block">Sign in</button> + </div> + </div> + </form> + </div> + </div> + </body> +</html> |