dfm_web 1.0.6

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 0023142b5e879122f9c5a97aa57756ef08fa4d3a
+  data.tar.gz: f0fb401bd9b6c91083973e1eed291bcc496b2439
+SHA512:
+  metadata.gz: 7a721edd56a14effdb0fdc4622e31515111bb16fe71e990c6f6a70280da8ff801d2a85a7e157091793d7018b9b77f8d30741802e56619023d29d0dd5b7d8b471
+  data.tar.gz: 6ac6a18beb25f0d7e04fb6d9bd8fbbfbaf3473871599e25c6e9c23abf0e8bff6e33bc7963e4cc1ee1e1b1474d65db2506231f911f46d308c14eb3885596c4a19

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2014 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,32 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+require 'rake'
+require 'rspec/core/rake_task'
+
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'DfmWeb'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+RSpec::Core::RakeTask.new(:spec) do |t|
+  t.pattern = Dir.glob('spec/**/*_spec.rb')
+end
+
+
+task default: :spec

data/app/assets/javascripts/dfm_web/dfm_web.js.coffee

@@ -0,0 +1,69 @@
+# DFM Web Common Javascript
+
+# Method to filter Table rows by a search query
+# Your table must have the class live_table
+# Your search field must have the class live_search
+# See below for the binding.
+filter_table_rows = (searched) ->
+  $('.live_table > tbody > tr').show().filter(->
+    text = $(this).text()
+    ! ~text.indexOf(searched)
+  ).hide()
+
+
+$(document).on 'ready page:load', ->
+
+  # Activate Tablesorter (add to table)
+  $('.tablesorter').tablesorter({widgets: ['zebra']}) unless typeof(tablesorter) == "undefined"
+
+  # Hide the #notice and #alert messages by clicking the [X] or pressing escape key
+  $('#notice, #alert').click ->
+    $(this).slideUp('slow')
+  $(document).keyup (e) ->
+    if e.keyCode == 27
+      $('#notice, #alert').slideUp('slow')
+
+  # Load anything you want with ajax easily.  Add ajax_load class to a div and set path html5 data attrib.
+  $(".ajax_load").each ->
+    $(this).load( $(this).data('path') )
+
+  # Activate DatePicker (add to text_field)
+  $('.datepicker').datepicker dateFormat: "yy-mm-dd"  unless typeof(datepicker) == "undefined"
+
+  # Live search a table
+  filter_table_rows($('#live_search').val())  # Initial Page Load
+  $('#live_search').keyup ->                  # Refresh with user input.
+    filter_table_rows($(this).val())
+
+  # Submit Form on element change
+  $(".auto_submit").change ->
+    if this.form.hasAttribute("data-remote")
+      $(this).submit()  # Remote form must call submit on a JQuery object
+    else
+      this.form.submit()  # Regular HTML submit
+
+  # Override an HTML autofocus attribute (nav search bar etc) by adding class: autofocus
+  # Javascript is a bad language, so we have to set a zero second delay for this to work.
+  setTimeout (-> $('.autofocus').focus()), 0
+
+  ### NAV BAR ###
+
+  # Show the Hamburger if there are menu items
+  if $('#nav ul.right li').length
+    $('ul.right').after('<div id="hamburger"></div>')
+
+  # Show the Mobile Menu on Hamburger Click
+  $('nav #hamburger').click ->
+    $("nav #nav .right").toggle()
+
+  # If you've toggled the Mobile menu it breaks larger sizes.  Reset on resize.
+  window.onresize = ->
+    if ($(window).width() / parseFloat($("body").css("font-size"))) > 47.938
+      $("nav #nav .right").css('display', 'inline-block')
+    else
+      $("nav #nav .right").css('display', 'none')
+
+  # iPads don't have :hover really, so hide the menu if the user clicks anything in <main>
+  $('main').click ->
+    $("#nav li div:hover").css('display', 'none')
+

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

@@ -0,0 +1,15 @@
+/*
+ *= require ./pure/pure
+ *= require ./pure/grids-responsive
+ *= require ./pure/visibility
+ *= require ./pure/gutter
+ *= require ./layout.css
+ *= require ./nav.css
+ *= require ./style.css
+ *= require ./forms.css
+ *= require ./tables.css
+ *= require ./layout_media.css
+ *= require ./print.css
+ */
+
+.debug { box-shadow: 0 0 1px red; }

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

@@ -0,0 +1,154 @@
+/* Form Styles */
+
+fieldset {
+  margin-bottom: 20px;
+}
+
+input[type="text"],
+input[type="date"],
+input[type="password"],
+input[type="email"],
+input[type="number"],
+input[type="file"],
+textarea,
+select
+{
+  border: 1px solid #ccc;
+  padding: 6px;
+  outline: none;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #333;
+  margin: 0;
+  width: 100%;
+  max-width: 500px;
+  display: block;
+  background: #fff;
+  min-height: 2.3em;
+}
+.fake_field { overflow:hidden; }
+
+input[type="checkbox"]
+{
+  margin: 0 0 10px 0;
+}
+
+input.locked {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAplJREFUeNqUVE9PE1EQ33n7t1uJpN1uGw5gDPFCaUOT9iCJxBQTGnrwBBfAg5+hH0MOfIJ+BBMjxYQDJnjGSE00XqyxngA1Le1uu+xzpvQ1S9kanebl7Zs/vzczv3mVpTHRdA2urq4kBiwOAPdx2Rw4R1NH065tQYHgwTAM5nqubCjGU93QTZnJDul939cdF39d5yVe0Hdd1xcxchAgOZ+UeIfvYLCXtJPeUm7pfG52rtvr9VS364KiKLmZuZkPF2cXXAqThJV4jGtj+eHy+mn91BR6/I6sPFopkc2KW6vBGBY8YKr3OOf68bvjw8bXRlfo8ds5ent0yBjT0Gf2FsD29jbUarUIGv1UKtXCxrnlcnmUJn2jrm8n7d94gbe3t3dnc2MTRgC6rkvAgBScQKQJwn0+sCETgNmMGTln03enny2mF8uTALLZbAl9dtBXvUEjZrCOlCVM03Q9zwO35+phALqm95AJv9Pt6JjoueM4ryAWi+UweB5RZen/xOMSbzA7YUfG2bgxaQCTTDI23GSIQvWTCCrFDvl8/heun2gDsgufYc84YAcYxtMtIG6i7hJIcbX4pXZQO9iv7b9ZK619Il0wGxGghOWGNFF6ja2tLZiampKshNVA3YIsy964r0I8DEsYgNJNqqp61Wo132q1XpMTghQ0VesR1SKLYc0QWsLAAMyqf6wbxDmylEQ7CymBs0AGAlk8bZ5eSDs0wtFo1Atr4vUo89tU0dmyrLY4x+Nxeh/8b00clUA7gTebzUjUjD4fvMZvDUeVVV8KGQllmAkf/3eikcWudyYN0qhnxSfFH5eXlyq+AaJP6vf7g52W0Al98Nxut+VCofB9ALP7YvfByfsTGyT4p0dA05vJZM4qlcrnPwIMALO/WDIAWJ7vAAAAAElFTkSuQmCC');
+  background-repeat: no-repeat;
+  background-size: 8px 11px;
+  color: #444;
+  padding-left: 20px;
+  background-position: left 5px center;
+}
+
+select {
+  height: 2.3em;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+textarea:focus
+{
+  border: 1px solid #aaa;
+  color: #444;
+  -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
+  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
+  box-shadow:  0 0 3px rgba(0,0,0,.2);
+}
+
+
+
+label, legend {
+  display: inline-block;
+  font-weight: bold;
+  font-size: 13px;
+  max-width: 495px;
+  color:#444;
+  margin: 0 0 0 5px;
+}
+
+input[type="checkbox"] {
+  display: inline;
+}
+
+/* Checkbox plus "wall of text" */
+input[type="checkbox"] + p {
+  padding-left: 1.2em;
+  line-height: 1.3em;     /* This is already the normal line-height, we're just confirming that here. */
+  margin: -.14em 0 0 0;   /* We can't adjust the checkbox, so make the first line of text line up with 1em */
+}
+
+input[type=submit], .button
+{
+  display: inline-block;
+  min-width:100px;
+  text-align: center;
+  padding: 10px 20px;
+  margin: 3px 0 10px 0;   /* Unfortunately we need 3px for the button:active outline. */
+                          /* Anything that lines up with button will need 3px as well. */
+  background: linear-gradient(rgba(0, 82, 136, 1), rgba(0, 82, 136, 0.78));
+  border: none;
+  color: white !important;
+  text-decoration: none;
+  transition: background-color .1s, box-shadow .1s;
+}
+
+input[type=submit]:hover, .button:hover {
+  box-shadow: inset 0 0 30px rgba(0,0,0,.4);
+}
+
+/* Override the browser default submit outline so it can be the same for buttons */
+input[type=submit]:focus, .button:focus {
+  outline: 3px solid rgba(135, 206, 250, 0.66);
+}
+
+input[type=submit].alert, .button.alert {
+  background: linear-gradient(rgb(168, 1, 14), rgba(199, 3, 0, 0.78));
+}
+
+input[type=submit].warn, .button.warn {
+  background: linear-gradient(rgb(168, 84, 0), rgba(199, 122, 0, 0.78));
+}
+
+.field_with_errors label {
+  color: red;
+}
+
+.nested-fields, .field, .actions {
+  padding-left: 5px; /* Cheat a little space so */
+  margin-left: -5px; /* button & submit outlines don't get cropped off */
+  margin-bottom: 1em;
+  display: block;
+  overflow-y: auto;  /* This makes floated elements such as checkboxes still consume vertical space */
+}
+
+/* The last field doesn't need the extra bottom-margin */
+div .field:last-child, div .nested-fields:last-child, div .actions:last-child {
+  margin-bottom: 0;
+}
+
+/* Make Checkbox, Radio, and specifically their labels float left */
+input[type=checkbox], input[type=checkbox] + label,
+input[type=radio], input[type=radio] + label
+{
+  height: 1em;
+  margin-bottom: .5em;
+  float: left;
+}
+
+/* The last checkbox / radio button of a parent should not get the margin-bottom added. */
+input[type=checkbox]:last-of-type, input[type=checkbox] + label:last-of-type,
+input[type=radio]:last-of-type, input[type=radio] + label:last-of-type {
+  margin-bottom: 0;
+}
+
+
+/* Wrap the float with each Checkbox and Radio to ensure they get a new line */
+input[type=checkbox], input[type=radio] {
+  clear: both;
+}
+

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

@@ -0,0 +1,92 @@
+/*
+    Layout
+    * Nav ( now in it's own file )
+    * Flash
+    * Main
+    * Footer
+*/
+
+
+/* Default to the same box sizing model for all tags */
+* { box-sizing: border-box; }
+
+html {
+  position: relative;
+  min-height: 100%;         /* Needed for the footer to be placed correctly */
+}
+
+body {
+  margin: 0 0 100px 0;      /* space for footer & some slack */
+}
+
+#notice, #alert {
+  width: 100%;
+  height: 75px;
+  margin: -25px 0 25px 0;  /* This doesn't seem right */
+  float: left;
+  position: relative;
+  font-size: 1.5em;
+  padding: 25px;
+  z-index: 1;
+  pointer-events: none;
+}
+
+/* HTML-free close button */
+#notice > div:after, #alert > div:after {
+  float: right;
+  content: "\00d7";
+  cursor: pointer;
+  pointer-events: auto;
+  padding: 0 10px 3px 10px;
+  background-color: rgba(255,255,255,.2);
+  transition: background-color .3s;
+}
+
+
+
+main {
+  margin: 100px 25px;       /* Space for the NAV, and min side margin */
+  display: block;
+}
+
+#main {
+  margin: 0 auto;           /* Centered with max width */
+  max-width: 1800px;
+  padding: 20px;
+  overflow: hidden;
+}
+
+
+footer {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  padding: 0;
+  width: 100%;
+}
+
+/* Footer elements you want to float in position instead of being only at the bottom */
+footer .fixed {
+  position: fixed;
+  bottom: 6px;  /* Why is .5em here too big? */
+  left: 0;
+  text-shadow: 1px 1px 2px rgb(0, 82, 136);
+}
+
+/* Space out the floating elements */
+footer .fixed > div {
+  padding: 0 1em 0 0;
+}
+
+#footer {
+  height: 2em;
+  padding: .5em 0;
+}
+#footer > div {
+  padding: 0 10px;  /* Space out any child divs within the footer */
+}
+
+
+
+/* Prevent unbreakable elements from expanding outside their pure column (tables etc) */
+.pure-u-1 { overflow: hidden; }

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

@@ -0,0 +1,65 @@
+/* Smooth out any changes made from media queries */
+* {
+  transition: margin .3s;
+}
+
+/* Large (iPad) and below,  * remove the extra space around <main> */
+/*                          * disabled the fixed nav */
+@media screen and (max-width:79.938em) {
+  body {
+    margin-bottom: 2em;      /* space for footer only */
+  }
+
+  main {
+    margin: 0;
+    transition: margin 0s;
+  }
+
+  #main {
+    border-width: 0 !important;
+    box-shadow: none;
+  }
+
+  nav {
+    position: relative;
+    top:0;
+    transition: margin 0s;
+  }
+
+  #notice, #alert {
+    margin-top: 0;
+  }
+
+  html {
+    background-image: none !important;
+    background-color: rgb(255, 250, 242) !important;  /* color copied from main */
+    transition: background-color .6s; /* Reduce the color jump */
+  }
+}
+
+
+/* Pure Small */
+@media screen and (max-width:47.938em) {
+
+  /* Menu Items */
+  nav #nav .right {
+    position: absolute;
+    background-color: rgb(0, 82, 136);
+    width: 100%;
+    height: 75px;
+    top: 0;
+    right: 0;
+    padding: 0;
+    z-index: 99;
+    display: none;
+  }
+
+  #nav #hamburger {
+    display: block;
+  }
+
+  /* Sub Menus */
+  nav #nav .right li > div {
+  }
+
+}

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

@@ -0,0 +1,105 @@
+nav {
+  position:fixed;
+  width: 100%;
+  top: 0;
+  padding: 20px 25px;
+  height: 75px;
+  z-index: 999;
+  float: left;
+}
+
+#nav{
+  width: 100%;
+  max-width: 1800px;
+  margin: 0 auto;
+  height: 40px;
+}
+
+#nav * {
+  vertical-align: top;
+  position: relative;
+  display: inline-block;
+  margin: 0;
+}
+
+/* Prevent Menu items from popping out of place on slightly too small windows */
+#nav .right {
+  position: absolute;
+  top: 0;
+  height: 75px;
+  right: 25px;
+}
+
+#nav .left {
+  position: absolute;
+  left: 25px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+
+#nav li {
+  top: 0;
+  padding: 0 1em;
+  line-height: 75px;
+  height: 75px;
+  font-size: 1.1em;
+}
+#nav li:hover {
+  background-color: #00426e;
+}
+
+#nav .left > * { margin: 0 1em; }
+#nav .left > *:first-child { margin: 0 1em 0 0; }
+#nav .left img { margin-right: 1em; }
+
+
+#nav form {
+  height: 40px;
+  overflow: hidden;
+  margin: 0 20px;
+}
+#nav form input[type=text] {
+  margin-top: 4px;
+  padding-left: 15px;
+}
+
+/* Ignore styles for links within the nav */
+nav a, nav a:visited {
+  color: white;
+}
+
+#nav li > div {
+  position: fixed; /* This is the only way to break out of the overflow: hidden nav */
+  top: 75px;
+  margin-left: -1em;
+  display: none;
+  min-width: 150px;
+  max-width: 200px;
+}
+
+#nav li > div a {
+  padding: 0 20px;
+  width: 100%;
+  white-space: nowrap;
+}
+
+#nav li:hover > div {
+  display: block;
+}
+
+#nav #hamburger {
+  display: none;
+  position: absolute;
+  margin: 20px;
+  top: 0;
+  right: 0;
+  width: 35px;
+  height: 35px;
+  z-index: 999999;
+  background:linear-gradient(to bottom, #fff 0%, #fff 15%,
+                                        transparent 15%, transparent 42.5%,
+                                        #fff 42.5%, #fff 57.7%,
+                                        transparent 57.7%, transparent 85%,
+                                        #fff 85%, #fff 100% );
+}

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

@@ -0,0 +1,28 @@
+
+
+@media print and (color) {
+  * {
+    /* Prevent browsers from discarding the majority of color info */
+    -webkit-print-color-adjust: exact;
+    -moz-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+
+  html        { font-size: 75%;}
+  body        { background-color: white;}
+  a           { text-decoration: none;}
+  table th,
+  table td    { padding: 3px; }
+  #menu_bar   { background: none; border:none;}
+  #menu       { border-radius:5px; height: 50px; overflow: hidden; background-color: #005288;}
+  .container  { width: 100%; padding:0; margin:0;}
+  .full_print { width: 100%;}
+
+  /* Stuff to hide */
+  #menu ul,
+  .button,
+  #chart_div,
+  .no_print
+  { display: none !important;}
+
+}