| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- @()(implicit webJarsUtil: org.webjars.play.WebJarsUtil, request: RequestHeader)
- <!DOCTYPE html>
- <html>
- <head>
- <title>Open Sauce</title>
- <link rel="shortcut icon" type="image/png"
- href="@routes.Assets.versioned("images/favicon.png")">
- @webJarsUtil.locate("jquery.min.js").script()
- @webJarsUtil.locate("bootstrap.min.css").css()
- @webJarsUtil.locate("jquery-ui.min.css").css()
- @webJarsUtil.locate("bootstrap.min.js").script()
- @webJarsUtil.locate("Sortable.min.js").script()
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
- <script src="https://SortableJS.github.io/Sortable/Sortable.js"></script>
- <style type="text/css">
- .scala-typeahead,
- .st-query,
- .st-hint {
- line-height: 1.25em;
- border: 1px solid #cccccc;
- border-radius: 8px;
- outline: none;
- }
-
- .scala-typeahead {
- background-color: #ffffff;
- }
-
- .scala-typeahead:focus {
- border: 2px solid #0097cf;
- }
-
- .st-query {
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- }
-
- .st-hint {
- color: #999999;
- }
-
- .st-menu {
- width: 100%;
- padding: 8px 0;
- background-color: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 8px;
- box-shadow: 0 5px 10px rgba(0,0,0,.2);
- }
-
- .st-suggestion {
- padding: 3px 20px;
- line-height: 24px;
- }
-
- .st-suggestion:hover {
- cursor: pointer;
- color: #ffffff;
- background-color: #0097cf;
- }
-
- .st-suggestion.st-cursor {
- color: #ffffff;
- background-color: #0097cf;
-
- }
- .ui-icon-pencil, .ui-icon-close {
- cursor: pointer;
- }
- </style>
- </head>
- <body>
- <header class="page-header">
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
- <a class="navbar-brand" href="#">Sample Web Page</a>
- <button class="navbar-toggler" type="button" data-toggle="collapse"
- data-target="#navbarNav" aria-controls="navbarNav"
- aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse">
- <div id="navbarNav" class="mr-auto mt-2 mt-lg-0"></div>
- <ul id="login-btns" class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link" href="#" id="btn-login">Login</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#" id="btn-signup">Signup</a>
- </li>
- </ul>
- <ul id="logout-btns" class="navbar-nav" style="display: none;">
- <!-- TODO: Move this into a dedicated "manage my account" page -->
- <li class="nav-item">
- <a class="nav-link" href="#" id="btn-chg-pwd">Change Password</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#" id="btn-logout">Logout</a>
- </li>
- </ul>
- </div>
- </nav>
- </header>
- <div id="content" class="section container"></div>
- <!-- Creates a CSRF token, required by Play for non-GET requests. Token is
- embedded in a hidden input tag. -->
- @helper.CSRF.formField
- <!-- Load the script. Must come after CSRF token is defined because the script
- will read it upon startup. -->
- @scalajs.html.scripts(
- "client",
- routes.Assets.versioned(_).toString,
- name => getClass.getResource(s"/public/$name") != null
- )
- <script></script>
- </body>
- </html>
|