dfm_web 4.0.4 → 4.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 505d1200d2cdc7191532a38e4a4dba2dc836797d3dc105ed67e8a04d7bf82de7
-  data.tar.gz: 1cf898a37f60937d814f0017ad5633db4edb198541aebae5d8f41175ac7214d9
+  metadata.gz: 65cbb01ddf231563f954b35ff6fcc09ea85c2cf5eb235d0be67aaffcef3c3462
+  data.tar.gz: 393581304b20d0f8aa50c5f0172220935e3040da9710b3b44a25cfabfc244579
 SHA512:
-  metadata.gz: 9e41bbcfa714c206c07c2432d9521706800f679fef5d9574064ce059898c21e064ee666c1e514cc82416f2a8df84b247fc1a39bb9c4a8047154f891fe87c523f
-  data.tar.gz: 97f99e5c9f906038e200d86818778d8d55763d7ec60fa145620a21c5d58d056e4c54add6cbfa1601ce52b2cefb9bb19bc11e161661721f3e276a9a4f4e1c299f
+  metadata.gz: ba50dd8bc46671abfd168650c86b8229576dc19526a162f43375c3b467fdcb07f861b674f82fd418f0d177ba72fe8acb85dae50ce1d5b28731cb457d431b0e7f
+  data.tar.gz: 42627fc365bada19e5da7f5a287af5cee5c51319fa0bb28a5f8a3579fdc4b267f75131623bd8b55b9e066e4f7fe61507d456f4ddb0e94d53bb8d42b62558e623

data/app/assets/stylesheets/dfm_web/dark_mode.css

@@ -0,0 +1,125 @@
+@media (prefers-color-scheme: dark) {
+
+
+  html, main #main {
+    background: none;
+    border: none;
+    box-shadow: none;
+  }
+
+  html {
+    background-color: #0c0202;
+    color: #dedede;
+  }
+
+  .panel {
+    background-color: rgba(128, 128, 128, 0.25);
+    border: 1px solid rgba(255,255,255,.1);
+    border-radius: 6px;
+  }
+
+  table {
+    background-color: transparent;
+    color: #b0b0b0;
+    border-width: 0;
+  }
+
+  .panel table {
+    border: 1px solid #3e434d;
+  }
+
+  td, th, table tfoot td, table tfoot th {
+    background-color: #111;
+    border-color: #3e434d;
+  }
+
+  table thead th {
+    background-color: rgb(47, 47, 47) !important;
+    color: white;
+    border-width: 0;
+  }
+
+  table thead th:first-child { border-radius: 6px 0 0 0; }
+  table thead th:last-child { border-radius: 0 6px 0 0; }
+  .tablesorter-default tr.even td, tbody tr:nth-child(even) td { background-color: #111; }
+  table.tablesorter thead th { background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAANzSzwAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=); }
+  .tablesorter-default thead .tablesorter-headerAsc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAANzSzwAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==); }
+  .tablesorter-default thead .tablesorter-headerDesc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAANzSzwAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==); }
+
+
+  /* Table Backgrounds */
+  table tr.okay         { box-shadow: inset 10px 10px 20px 10px rgba(0, 255, 0, 0.11); }
+  table tr.okay td      { border-top-color: rgba(0, 255, 0, 0.11); }
+  table tr.okay a       { color: #00a400; }
+
+  table tr.highlight    { box-shadow: inset 10px 10px 20px 10px rgba(255, 255, 0, 0.13); }
+  table tr.highlight td { border-top-color: rgba(255, 255, 0, 0.13); }
+  table tr.highlight a  { color: #949400;}
+
+  table tr.warn         { box-shadow: inset 10px 10px 20px 10px rgba(255, 147, 0, 0.11); }
+  table tr.warn td      { border-top-color: rgba(255, 147, 0, 0.11); }
+  table tr.warn a       { color: #c06c00; }
+
+  table tr.alert        { box-shadow: inset 10px 10px 20px 10px rgba(255, 0, 0, 0.09); }
+  table tr.alert td     { border-top-color: rgba(255, 0, 0, 0.09); }
+  table tr.alert a      { color: #c5050c; }
+
+  table tr.gray         { background-color: rgba(128, 128, 128, 0.3); }
+  table tr.gray td      { border-top-color: rgba(128, 128, 128, 0.3); }
+  table tr.gray a       { color: #bbbdc4; }
+
+
+  a, a:visited { color: #068ec4; text-shadow: 1px 1px 0 #111;}
+  nav a, nav a:visited, table a, table a:visited { text-shadow: none; }
+
+  footer { box-shadow: none; }
+
+
+  /* Forms */
+  label { color: #dedede; }
+  input[type="text"],        input[type="date"],           input[type="password"],        input[type="email"],        input[type="number"],        input[type="file"],        textarea,        select,
+  .panel input[type="text"], .panel input[type="date"],    .panel input[type="password"], .panel input[type="email"], .panel input[type="number"], .panel input[type="file"], .panel textarea, .panel select,
+  input[type="text"]:focus,  input[type="password"]:focus, input[type="email"]:focus,     textarea:focus
+  {
+    background-color: rgba(4, 121, 168, .1);
+    border-color: rgb(4, 121, 168);
+    color: white;
+    opacity: 80%;
+    border-radius: 6px;
+  }
+
+  /* Buttons */
+  input[type=submit], .button {
+    border-radius: 6px;
+    background-image: none !important;
+    padding: 8px 19px 10px 19px; /* we added a 1px border, so we need to remove 1px of padding. */
+    text-shadow: none !important; /* this doesn't look good in dark-mode.  Note vertical padding skewed 1px to compensate. */
+  }
+
+  input[type=submit],           .button           { border: 1px solid rgb(4, 121, 168);  background-color: rgba(4, 121, 168, .1) !important; }
+  input[type=submit].okay,      .button.okay      { border: 1px solid rgb(96, 180, 111); background-color: rgba(96, 180, 111, .1) !important;  }
+  input[type=submit].highlight, .button.highlight { border: 1px solid rgb(203, 199, 0);  background-color: rgba(203, 199, 0, .1) !important;   }
+  input[type=submit].warn,      .button.warn      { border: 1px solid rgb(220, 129, 0);  background-color: rgba(220, 129, 0, .1) !important;   }
+  input[type=submit].alert,     .button.alert     { border: 1px solid rgb(217, 54, 54);  background-color: rgba(217, 54, 54, .1) !important;   }
+  input[type=submit].gray,      .button.gray      { border: 1px solid rgb(177, 177, 177);background-color: rgba(177, 177, 177, .1) !important; }
+
+  .paper {
+    background-color: #5d5e62;
+  }
+
+  /* Nav */
+  nav, nav #nav ul.has_hamburger {
+    background-image: none; /* removing the gradient */
+    background-color: #9b0000;
+  }
+
+  /* Drop down menus */
+  #nav ul ul li {
+    background: #540e0b;
+  }
+
+  /* Top level hover */
+  #nav li:hover  {
+    background-color: #b40000;
+  }
+}

data/app/assets/stylesheets/dfm_web/dfm_web.css

@@ -11,6 +11,7 @@
  *= require ./forms.css
  *= require ./tables.css
  *= require ./layout_media.css
+ *= require ./dark_mode.css
  *= require ./print.css
  */
 

data/app/assets/stylesheets/dfm_web/print.css

@@ -1,3 +1,9 @@
+/* This fixes the zero print margin issue without adding extra */
+@page {
+  size: auto;
+  margin: 0;
+}
+
 @media print and (color) {
   * {
     /* Prevent browsers from discarding the majority of color info */
@@ -8,6 +14,7 @@
 
 
   body, html, main, #main {
+    background-image: none; /* Safari */
     background-color: white;
     border: none;
     box-shadow: none;
@@ -25,17 +32,21 @@
     font-size: 12pt;
   }
 
-  html        { font-size: 75%; margin: 2px; }
-  a           { text-decoration: none;}
+  /* General tweaks */
+  html        { font-size: 80%; margin: 0.25in; min-height: 0; }
+  a           { text-decoration: none; }
+  .field      { page-break-inside: avoid; }
+  hr          { display: none; }
   table th,
   table td    { padding: 3px; }
 
   /* Stuff to hide */
   /* NOTE: "display: none" breaks unrelated table printing in Chrome */
-  nav, footer, .button, .no_print, input[type=submit] {
+  nav, footer, .button, .no_print, input[type=submit], #notice, #alert {
     position: absolute;
     visibility: hidden;
   }
+
   /* Hide Tablesorter sorting indicators */
   table.tablesorter thead th {
     background-image: none;
@@ -46,4 +57,17 @@
   table tr td.table_hover{
     color: black !important;
   }
+
+  /* The plain panel divs clutter up the page in print. */
+  /* Remove their style.  Note we add it back to modifier panels below. */
+  .panel {
+    border-width: 0;
+    padding: 0;
+  }
+
+  /* Add back the panel padding when there is a modifier class as well. */
+  .panel.okay, .panel.highlight, .panel.warn, .panel.alert, .panel.gray {
+    border-width: 1px;
+    padding: 20px;
+  }
 }

data/app/helpers/dfm_web_helper.rb

@@ -1,10 +1,15 @@
 module DfmWebHelper
 
-
-  def excel_icon(link = params.merge(:format => "xlsx"))
-    # Create Excel icon in consistent location
-    content_for :excel do
-      link_to(image_tag('excel.png', :width => 40, :height => 40), link)
+  # Extract the host application's name and titlecase it.
+  # Should `titlecase` incorrectly capitalize your app, add it
+  # as an acronym in your inflections.rb
+  # > inflect.acronym("HRMed")
+  def host_application_title
+    if Rails::VERSION::MAJOR >= 6
+      Rails.application.class.module_parent_name.to_s.titlecase
+    else
+      Rails.application.class.parent_name.to_s.titlecase
     end
   end
+
 end