viewLoader.scala.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. @()(implicit webJarsUtil: org.webjars.play.WebJarsUtil, request: RequestHeader)
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>Open Sauce</title>
  6. <link rel="shortcut icon" type="image/png"
  7. href="@routes.Assets.versioned("images/favicon.png")">
  8. @webJarsUtil.locate("jquery.min.js").script()
  9. @webJarsUtil.locate("bootstrap.min.css").css()
  10. @webJarsUtil.locate("jquery-ui.min.css").css()
  11. @webJarsUtil.locate("bootstrap.min.js").script()
  12. @webJarsUtil.locate("Sortable.min.js").script()
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
  14. <script src="https://SortableJS.github.io/Sortable/Sortable.js"></script>
  15. <style type="text/css">
  16. .scala-typeahead,
  17. .st-query,
  18. .st-hint {
  19. line-height: 1.25em;
  20. border: 1px solid #cccccc;
  21. border-radius: 8px;
  22. outline: none;
  23. }
  24. .scala-typeahead {
  25. background-color: #ffffff;
  26. }
  27. .scala-typeahead:focus {
  28. border: 2px solid #0097cf;
  29. }
  30. .st-query {
  31. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  32. }
  33. .st-hint {
  34. color: #999999;
  35. }
  36. .st-menu {
  37. width: 100%;
  38. padding: 8px 0;
  39. background-color: #ffffff;
  40. border: 1px solid rgba(0, 0, 0, 0.2);
  41. border-radius: 8px;
  42. box-shadow: 0 5px 10px rgba(0,0,0,.2);
  43. }
  44. .st-suggestion {
  45. padding: 3px 20px;
  46. line-height: 24px;
  47. }
  48. .st-suggestion:hover {
  49. cursor: pointer;
  50. color: #ffffff;
  51. background-color: #0097cf;
  52. }
  53. .st-suggestion.st-cursor {
  54. color: #ffffff;
  55. background-color: #0097cf;
  56. }
  57. .ui-icon-pencil, .ui-icon-close {
  58. cursor: pointer;
  59. }
  60. </style>
  61. </head>
  62. <body>
  63. <header class="page-header">
  64. <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  65. <a class="navbar-brand" href="#">Sample Web Page</a>
  66. <button class="navbar-toggler" type="button" data-toggle="collapse"
  67. data-target="#navbarNav" aria-controls="navbarNav"
  68. aria-expanded="false" aria-label="Toggle navigation">
  69. <span class="navbar-toggler-icon"></span>
  70. </button>
  71. <div class="collapse navbar-collapse">
  72. <div id="navbarNav" class="mr-auto mt-2 mt-lg-0"></div>
  73. <ul id="login-btns" class="navbar-nav">
  74. <li class="nav-item">
  75. <a class="nav-link" href="#" id="btn-login">Login</a>
  76. </li>
  77. <li class="nav-item">
  78. <a class="nav-link" href="#" id="btn-signup">Signup</a>
  79. </li>
  80. </ul>
  81. <ul id="logout-btns" class="navbar-nav" style="display: none;">
  82. <li class="nav-item">
  83. <a class="nav-link" href="#" id="btn-logout">Logout</a>
  84. </li>
  85. </ul>
  86. </div>
  87. </nav>
  88. </header>
  89. <div id="content" class="section container"></div>
  90. <!-- Creates a CSRF token, required by Play for non-GET requests. Token is
  91. embedded in a hidden input tag. -->
  92. @helper.CSRF.formField
  93. <!-- Load the script. Must come after CSRF token is defined because the script
  94. will read it upon startup. -->
  95. @scalajs.html.scripts(
  96. "client",
  97. routes.Assets.versioned(_).toString,
  98. name => getClass.getResource(s"/public/$name") != null
  99. )
  100. <script></script>
  101. </body>
  102. </html>