-
Notifications
You must be signed in to change notification settings - Fork 50
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
updated UI of main page, created an admin page to see all baskets
- Loading branch information
Showing
7 changed files
with
249 additions
and
106 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,170 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head lang="en"> | ||
| <title>Request Baskets</title> | ||
| <!-- Bootstrap --> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> | ||
| <!--link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.5/flatly/bootstrap.min.css"--> | ||
|
|
||
| <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | ||
|
|
||
| <style> | ||
| html { position: relative; min-height: 100%; } | ||
| body { padding-top: 70px; margin-bottom: 60px; } | ||
| .footer { position: absolute; bottom: 0; width: 100%; height: 60px; background-color: #f5f5f5; } | ||
| .container .text-muted { margin: 20px 0; } | ||
| h1 { margin-top: 2px; } | ||
| #more { margin-left: 60px; padding-bottom: 10px; } | ||
| #all_baskets ul { width: 100%; } | ||
| #all_baskets li { padding: 0 0 5px 20px; float: left; display: inline; position: relative; width: 50%; } | ||
| #all_baskets li:before { content: "\f291"; font-family: "FontAwesome"; position: absolute; left: 0px; top:0px; } | ||
| </style> | ||
|
|
||
| <script> | ||
| (function($) { | ||
| var basketsCount = 0; | ||
|
|
||
| function onAjaxError(jqXHR) { | ||
| if (jqXHR.status == 401) { | ||
| $("#master_token_dialog").modal({ keyboard : false }); | ||
| } else { | ||
| $("#error_message_label").html("HTTP " + jqXHR.status + " - " + jqXHR.statusText); | ||
| $("#error_message_text").html(jqXHR.responseText); | ||
| $("#error_message").modal(); | ||
| } | ||
| } | ||
|
|
||
| function addBaskets(data) { | ||
| if (data && data.names) { | ||
| var baskets = $("#all_baskets"); | ||
| var index, name; | ||
| for (index = 0; index < data.names.length; ++index) { | ||
| name = data.names[index]; | ||
| baskets.append("<li><a href='/web/basket.html?name=" + name + "'>" + name + "</a></li>"); | ||
| basketsCount++; | ||
| } | ||
|
|
||
| if (data.has_more) { | ||
| $("#more").removeClass("hide"); | ||
| } else { | ||
| $("#more").addClass("hide"); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| function fetchBaskets() { | ||
| $.ajax({ | ||
| method: "GET", | ||
| url: "/baskets?skip=" + basketsCount, | ||
| headers: { | ||
| "Authorization" : sessionStorage.getItem("master_token") | ||
| } | ||
| }).done(function(data) { | ||
| addBaskets(data); | ||
| }).fail(onAjaxError); | ||
| } | ||
|
|
||
| function saveMasterToken() { | ||
| var token = $("#master_token").val(); | ||
| $("#master_token").val(""); | ||
| $("#master_token_dialog").modal("hide"); | ||
| if (token) { | ||
| sessionStorage.setItem("master_token", token); | ||
| } else { | ||
| sessionStorage.removeItem("master_token"); | ||
| } | ||
| fetchBaskets(); | ||
| } | ||
|
|
||
| // Initialization | ||
| $(document).ready(function() { | ||
| $("#master_token_dialog").on("hidden.bs.modal", function (event) { | ||
| saveMasterToken(); | ||
| }); | ||
| $("#fetch_more").on("click", function(event) { | ||
| fetchBaskets(); | ||
| }); | ||
|
|
||
| fetchBaskets(); | ||
| }); | ||
| })(jQuery); | ||
| </script> | ||
| </head> | ||
| <body> | ||
| <!-- Fixed navbar --> | ||
| <nav class="navbar navbar-default navbar-fixed-top"> | ||
| <div class="container"> | ||
| <div class="navbar-header"> | ||
| <a class="navbar-brand" href="/web">Request Baskets</a> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!-- Error message --> | ||
| <div class="modal fade" id="error_message" tabindex="-1"> | ||
| <div class="modal-dialog"> | ||
| <div class="modal-content panel-danger"> | ||
| <div class="modal-header panel-heading"> | ||
| <button type="button" class="close" data-dismiss="modal">×</button> | ||
| <h4 class="modal-title" id="error_message_label">HTTP error</h4> | ||
| </div> | ||
| <div class="modal-body"> | ||
| <p id="error_message_text"></p> | ||
| </div> | ||
| <div class="modal-footer"> | ||
| <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Master token dialog --> | ||
| <div class="modal fade" id="master_token_dialog" tabindex="-1"> | ||
| <div class="modal-dialog"> | ||
| <div class="modal-content panel-warning"> | ||
| <div class="modal-header panel-heading"> | ||
| <h4 class="modal-title">Master Token</h4> | ||
| </div> | ||
| <form id="master_token_form"> | ||
| <div class="modal-body"> | ||
| <p>By providing the master token you will gain access to all baskets.</p> | ||
| <div class="form-group"> | ||
| <label for="master_token" class="control-label">Token:</label> | ||
| <input type="password" class="form-control" id="master_token"> | ||
| </div> | ||
| </div> | ||
| <div class="modal-footer"> | ||
| <a href="/web" class="btn btn-default">Back to list of your baskets</a> | ||
| <button type="submit" class="btn btn-success" data-dismiss="modal">Authorize</button> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-md-4"> | ||
| <h1>All Baskets</h1> | ||
| </div> | ||
| </div> | ||
| <hr/> | ||
| <div class="row"> | ||
| <ul id="all_baskets"> | ||
| </ul> | ||
| <div id="more" class="hide"> | ||
| <a id="fetch_more" class="btn btn-default btn-s">more...</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <footer class="footer"> | ||
| <div class="container"> | ||
| <p class="text-muted"><small>Powered by <a href="https://github.com/darklynx/request-baskets">request-baskets</a></small></p> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> |
Oops, something went wrong.