viewLoader.scala.html 3.2 KB

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