sail 3.3.0 → 3.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 05fca866e54ba0e38f8d78010f0cbe328b694b7f09619b36a2d533d3c5ed8f92
-  data.tar.gz: 9f95a6750ae40d4086d46fa56ff75323532ffd72cf109ee6a6425589d2220f4e
+  metadata.gz: 16b44189cf3b110f2f889319509c1592644f6dde05b0d598c58a1ca38141a2c4
+  data.tar.gz: 9f908bbfa06fc4a92a173e9e0d5487301ee59159638ba44992f4b6fb0f3f35e0
 SHA512:
-  metadata.gz: bfb372c20ab721d43af3f0d692ba0b1f5ff7d1c9185a4fe7a997c4e966589b1892b8027fecfed329328dce602f17516b3280030c39a67cf5a4de1c21135d3f0b
-  data.tar.gz: 0f238303cd0b2797649996dcf26b1df9a3299f34cc9fb987edf7fa71336ce2bee21bca2c7d416598b208bb87da8c0d45e1784a355e9612d0e1d1cd0960d19bfc
+  metadata.gz: d3db0a5ea82f5f2feb06e53e155e32d9f3dd5bf94e64cd681b1f57a4aa50c20c71dd3c7e6dd7031fe47547b0e5d10688897d304806afe1433868d9a27faf7863
+  data.tar.gz: 958d60d9fd6a5f3ac52a4d1a40d9688e6fcb5ea499121c17b96d998e55936f29079e7689c967ab70f3073cc186c5fb775b5b69a39cd905578c11f6fad7fa6726

data/Rakefile

@@ -24,4 +24,4 @@ task all: :environment do
   system("brakeman --no-pager && rake && rubocop --auto-correct && rails_best_practices")
 end
 
-system("cd ./spec/dummy; RAILS_ENV=test rails db:environment:set; cd ../..") if Rails::VERSION::MAJOR >= 5
+system("cd ./spec/dummy; RAILS_ENV=test rails db:environment:set; cd ../..")

data/app/assets/javascripts/sail/{application.js.erb → application.js}

@@ -10,14 +10,5 @@
 // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
 // about supported directives.
 //
-<%
-if Rails::VERSION::MAJOR >= 5
-  require_asset("rails-ujs")
-else
-  require_asset("jquery")
-  require_asset("jquery_ujs")
-end
-
-require_asset("settings")
-%>
+//= require rails-ujs
 //= require_tree .

data/app/assets/javascripts/{settings.js.erb → sail/settings.js}

@@ -6,7 +6,7 @@ Search related functions
 
 let submitTimer, submitInterval, intervals = 1;
 let queryElement = document.getElementById("query");
-let autoSearchEnabled = "<%= Sail.configuration.enable_search_auto_submit %>";
+let autoSearchEnabled = document.getElementById("auto_search_enabled").value;
 let progress = document.getElementById("search-submit-progress");
 let sortMenu = document.getElementById("sort-menu");
 let orderButton = document.getElementById("btn-order");
@@ -16,7 +16,7 @@ let dashboardBody = document.getElementById("settings-dashboard");
 let guideButton = document.getElementById("btn-guide");
 let guide = document.getElementById("guide-modal");
 let guideSections = guide.getElementsByTagName("summary");
-var i;
+let i;
 
 function submitSearch() {
     document.getElementById("search-form").submit();

data/app/assets/stylesheets/sail/application.css.erb

@@ -0,0 +1,456 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */
+
+:root {
+  --main-black: #0B0C10;
+  --dark-green: #306B34;
+  --light-green: #44AF69;
+  --cerulean: #4484CE;
+  --aluminium: #D9D9D9;
+  --dark-aluminium: #8D8D8D;
+  --darker-aluminium: #666666;
+  --light-yellow: #F9CF00;
+  --tangerine: #F19F4D;
+  --dark-tangerine: #C86C10;
+  --lead: #003049;
+  --bright-red: #E63946;
+}
+
+@-webkit-keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+* {
+  font-family: 'Open Sans', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.title {
+  font-family: 'Montserrat', sans-serif;
+}
+
+html, body {
+  height: 100vh;
+  margin: 0;
+  padding: 0;
+  background-color: var(--cerulean);
+}
+
+.clearfix {
+  clear: both;
+}
+
+@media (max-width: 413px) {
+  .clear-xs {
+    clear: both;
+    margin-top: 8px;
+  }
+}
+
+#nav-bar {
+  background-color: var(--lead);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.1);
+}
+
+#nav-bar .home-link {
+  -webkit-transition : color .25s ease-in;
+  -moz-transition : color .25s ease-in;
+  -o-transition : color .25s ease-in;
+  transition : color .25s ease-in;
+  color: white;
+  text-decoration: none;
+}
+
+#nav-bar .home-link:visited {
+  color: white;
+}
+
+#nav-bar .home-link:hover {
+  color: var(--tangerine);
+}
+
+#nav-bar .home-link .title {
+  margin: 0;
+  text-align: center;
+  font-size: 3rem;
+  padding: .75rem 0;
+}
+
+#nav-bar .nav-button {
+  float: right;
+  position: relative;
+  bottom: 50px;
+  font-size: 20px;
+  outline: none;
+  background: transparent;
+  border: none;
+  -webkit-transition : color .25s ease-in;
+  -moz-transition : color .25s ease-in;
+  -o-transition : color .25s ease-in;
+  transition : color .25s ease-in;
+  color: white;
+  text-decoration: none;
+}
+
+#nav-bar .nav-button:visited {
+  color: white;
+}
+
+#nav-bar .nav-button:hover {
+  color: var(--tangerine);
+}
+
+#nav-bar .nav-button:hover {
+  cursor: pointer;
+}
+
+#nav-bar #btn-guide {
+  right: 70px;
+  padding: 0;
+  margin: 0;
+}
+
+@media (min-width: 1200px) {
+  #nav-bar #btn-guide {
+    right: 110px;
+  }
+}
+
+@media (max-width: 991px) {
+  #nav-bar .nav-button {
+    display: none;
+  }
+}
+
+#nav-bar #btn-monitor-mode,
+#nav-bar #btn-regular-mode {
+  right: 80px;
+  padding: 1px 7px 2px 7px;
+}
+
+@media (min-width: 1200px) {
+  #nav-bar #btn-monitor-mode,
+  #nav-bar #btn-regular-mode {
+    right: 120px;
+  }
+}
+
+#pagination {
+  text-align: center;
+  margin-top: 2rem;
+}
+
+#pagination a {
+  color: var(--main-black);
+  text-decoration: none;
+  background-color: white;
+  padding: 20px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  font-weight: bold;
+}
+
+#pagination a.active {
+  background-color: var(--tangerine);
+  color: white;
+}
+
+#pagination .page-links a {
+  font-size: 1.2rem;
+  margin: 0 2px 0 2px;
+}
+
+#pagination .page-links #angle-left-link {
+  background: white url(<%= asset_url("sail/angle-left.svg") %>) center no-repeat;
+  margin-right: 6px;
+  padding: 20px 24px 20px 24px;
+}
+
+#pagination .page-links #angle-right-link {
+  background: white url(<%= asset_url("sail/angle-right.svg") %>) center no-repeat;
+  margin-left: 6px;
+  padding: 20px 24px 20px 24px;
+}
+
+#profiles-modal, #guide-modal {
+  position: fixed;
+  height: 70%;
+  width: 70%;
+  top: 15%;
+  left: 15%;
+  background-color: white;
+  z-index: 1;
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-animation: fadeIn 0.5s;
+  animation: fadeIn 0.5s;
+  padding: 15px;
+  overflow: scroll;
+}
+
+@media (max-width: 1200px) {
+  #profiles-modal, #guide-modal {
+    width: 90%;
+    left: 3%;
+  }
+}
+
+@media (max-width: 767px) {
+  #profiles-modal, #guide-modal {
+    width: 90%;
+    left: 1%;
+  }
+}
+
+#profiles-modal {
+  text-align: center;
+}
+
+#profiles-modal h1 {
+  margin-left: 35px;
+}
+
+#profiles-modal h1 #response-message {
+  float: right;
+  font-size: 18px;
+  margin-right: 3px;
+  position: relative;
+  top: 5px;
+  min-width: 50px;
+  min-height: 20px;
+  color: var(--dark-green);
+}
+
+#profiles-modal .profile-entry {
+  padding: 10px;
+  font-size: 20px;
+  border-bottom: 2px solid transparent;
+  margin-bottom: 15px;
+  -webkit-transition : border .25s ease-in;
+  -moz-transition : border .25s ease-in;
+  -o-transition : border .25s ease-in;
+  transition : border .25s ease-in;
+  outline: none;
+}
+
+#profiles-modal .profile-entry:focus,
+#profiles-modal .profile-entry:hover {
+  border-color: var(--tangerine);
+  outline: none;
+}
+
+#profiles-modal .profile-entry .inline-form {
+  float: right;
+}
+
+#profiles-modal .profile-entry button {
+  float: right;
+  margin-left: 5px;
+  padding: 10px;
+}
+
+#profiles-modal .profile-entry .entry-name {
+  position: relative;
+  top: 10px;
+}
+
+@media (max-width: 1199px) {
+  #profiles-modal .profile-entry .entry-name {
+    float: left;
+  }
+}
+
+@media (min-width: 1200px) {
+  #profiles-modal .profile-entry .entry-name {
+    margin-left: 250px;
+  }
+}
+
+@media (max-width: 767px) {
+  #profiles-modal .profile-entry .inline-form {
+    margin-right: 3%;
+  }
+
+  #profiles-modal .profile-entry .inline-form:first-child {
+    clear: both;
+  }
+
+  #profiles-modal .profile-entry .entry-name {
+    width: 90%;
+    margin-bottom: 15px;
+  }
+
+  #profiles-modal #new-profile-input {
+    width: 70%;
+  }
+}
+
+#profiles-modal .profile-entry .active-indicator {
+  float: left;
+  position: relative;
+  top: 7px;
+}
+
+#profiles-modal .profile-entry .active-indicator.yellow {
+  color: var(--light-yellow);
+}
+
+#profiles-modal .profile-entry .active-indicator.green {
+  color: var(--light-green);
+}
+
+#profiles-modal .profile-entry .errors-indicator {
+  float: left;
+  position: relative;
+  top: 9px;
+  left: 15px;
+  font-style: italic;
+  color: var(--dark-aluminium);
+}
+
+#profiles-modal #new-profile-input {
+  height: 100%;
+  border: none;
+  font-size: 20px;
+  width: 90%;
+  position: relative;
+  top: 10px;
+  text-overflow: ellipsis;
+
+}
+
+#profiles-modal #new-profile-input:focus {
+  outline: none;
+}
+
+@media (max-width: 1200px) {
+  #profiles-modal #new-profile-input {
+    width: 88%;
+  }
+}
+
+#guide-modal h1 {
+  text-align: center;
+}
+
+#guide-modal details {
+  padding: 15px;
+}
+
+#guide-modal details summary {
+  font-size: 20px;
+  outline: none;
+  border-bottom: 1px solid transparent;
+  -webkit-transition : border .25s ease-in;
+  -moz-transition : border .25s ease-in;
+  -o-transition : border .25s ease-in;
+  transition : border .25s ease-in;
+  outline: none;
+}
+
+#guide-modal details summary:focus,
+#guide-modal details summary:hover {
+  border-color: var(--tangerine);
+  outline: none;
+}
+
+#guide-modal details summary div {
+  padding-bottom: 10px;
+}
+
+#guide-modal details summary label {
+  color: var(--dark-aluminium);
+  font-size: 18px;
+  float: right;
+}
+
+#guide-modal details summary img {
+  display: none;
+}
+
+#guide-modal details summary::-webkit-details-marker,
+#guide-modal details summary::marker {
+  display: none;
+  font-size: 0;
+}
+
+#guide-modal details summary:hover {
+  cursor: pointer;
+}
+
+#guide-modal details summary:focus {
+  border-color: transparent;
+}
+
+#guide-modal details[open] p p ~ * {
+  -webkit-animation: fadeIn 0.5s;
+  animation: fadeIn 0.5s;
+}
+
+#guide-modal details[open] summary {
+  border-bottom: 1px solid var(--tangerine);
+}
+
+#guide-modal details[open] summary div {
+  font-size: 28px;
+  text-align: center;
+}
+
+#guide-modal details[open] summary label {
+  display: none;
+}
+
+#guide-modal details[open] summary img {
+  display: block;
+  height: 20px;
+  width: 20px;
+  float: left;
+  position: relative;
+  top: 10px;
+}
+
+#guide-modal details p, .items-container {
+  text-align: center;
+  font-size: 20px;
+}
+
+#guide-modal details p ul,
+.items-container ul {
+  list-style-type: none;
+}
+
+#guide-modal details p ul li,
+.items-container ul li {
+  padding: 10px;
+}
+
+hr {
+  border: 0;
+  height: 1px;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+}