study_engine 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a814703c6b22e5256caaa924bb26f41939597c88
+  data.tar.gz: b1cf95a28f953d46934393a4749c15b514154d92
+SHA512:
+  metadata.gz: ba765d737471789999ec261765a3a664e2d9e5326c5b57a8cddebff355348e7cb70d70d0b6bbaec9736d35bf9dd28eac87edeee5885faf84400fa4f22ba920a1
+  data.tar.gz: 8c13ccf968abdaea10ff61bee6c66c0e546ad82b49c94faa1db6cf67ddfe1ec482f08e0fb75de51e841ae911364429eedada33b62faa6b917260e4031cdba88a

data/Rakefile

@@ -0,0 +1,42 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'StudyEngine'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+# APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+# load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test
+
+task :compile_cat_engine do
+  require "./app/models/study_engine/cat_engine"
+  StudyEngine::CatEngine.compile
+end

data/app/assets/javascripts/study_engine/admin_notes.js.coffee

@@ -0,0 +1,12 @@
+$ ->
+  $(".note-wrapper form").submit (event) ->
+    event.preventDefault()
+
+    $note = $(this).find(".note")
+    $(this).find(".toggle-note").prop "checked", false
+    $note.addClass "-saving"
+
+    $.post this.action, $(this).serialize(), (data) =>
+      $note.removeClass "-saving"
+      $note.toggleClass "-saved", data == "true"
+

data/app/assets/javascripts/study_engine/assessment_notifications.js.coffee

@@ -0,0 +1,36 @@
+#= require jquery.pjax
+
+class AssessmentNotification
+  constructor: ->
+    @enable()
+
+  enable: ->
+    $(document).on "submit", "form[data-pjax]", (event) ->
+      $.pjax.submit event, "[data-pjax-container]"
+
+    $(window).on "beforeunload", =>
+      @sendNotification()
+
+    $(window).on "unload", =>
+      @sendNotification()
+
+    $(document).on "pjax:popstate", (event) ->
+      event.preventDefault() if event.direction == "back"
+
+  disable: ->
+    $(document).off "submit", "form[data-pjax]"
+
+    $(window).off("beforeunload").off("unload")
+
+  sendNotification: ->
+    unless @_sentNotification
+      $.ajax window.location.href + "/notification", method: "POST", async: false
+      @_sentNotification = true
+    `void(0)`
+
+  _sentNotification: false
+
+$ ->
+  if $("form[data-pjax]").length and $.support.pjax
+    window.assessmentNotification = new AssessmentNotification()
+

data/app/assets/javascripts/study_engine/assessment_timeout.js.coffee

@@ -0,0 +1,24 @@
+#= require jquery.pjax
+
+class AssessmentTimer
+  constructor: (@timeoutInterval, @timeout) ->
+    @start()
+
+  start: ->
+    @timeoutId = window.setTimeout =>
+      @timeout()
+    , @timeoutInterval * 1000
+
+  restart: ->
+    window.clearTimeout @timeoutId
+    @start()
+
+$ ->
+  if $("[data-timeout]").length and $.support.pjax
+    timeoutInterval = parseInt($("[data-timeout]").attr("data-timeout"))
+    window.assessmentTimer = new AssessmentTimer timeoutInterval, ->
+      window.location.href += "/timeout"
+
+  $(document).on "pjax:send", ->
+    window.assessmentTimer.restart()
+

data/app/assets/javascripts/study_engine/disable_buttons_after_click.js.coffee

@@ -0,0 +1,6 @@
+$ ->
+  buttonsSelector = "[data-disable-on-click]"
+  $(document).on "click", buttonsSelector, (event) ->
+    $(buttonsSelector).attr disabled: true
+    $(this.form).submit()
+

data/app/assets/javascripts/study_engine/fire_click_event_immediately_on_mobile.js.coffee.erb

@@ -0,0 +1,10 @@
+#= require fastclick
+
+$ -> setupFastClick()
+$(document).on "pjax:end", -> setupFastClick()
+
+setupFastClick = ->
+  return if <%= Rails.env.test? %>
+  $("label > *").css("pointer-events", "none") unless FastClick.notNeeded(document.body)
+  FastClick.attach document.body
+

data/app/assets/javascripts/study_engine/response_validation.js.coffee

@@ -0,0 +1,8 @@
+$ ->
+  $(document).on "change", "#questions :radio", ->
+    questionCount = $("fieldset").length
+    answeredQuestionCount = $("fieldset").has(":radio:checked").length
+    if questionCount == answeredQuestionCount
+      $("#questions .skip").hide()
+      $("#questions .submit").css display: "inline-block"
+

data/app/assets/javascripts/study_engine/restart_assessment_button.js.coffee

@@ -0,0 +1,3 @@
+$("[data-restart]").click ->
+  $(this).prepend "<input type='hidden' name='assessment[restart]' value='1' />"
+

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

@@ -0,0 +1,9 @@
+#= require study_engine/response_validation
+#= require study_engine/restart_assessment_button
+#= require study_engine/disable_buttons_after_click
+#= require study_engine/fire_click_event_immediately_on_mobile
+#= require study_engine/assessment_notifications
+#= require study_engine/assessment_timeout
+#= require study_engine/study_id_picker
+#= require study_engine/admin_notes
+

data/app/assets/javascripts/study_engine/study_id_picker.js.coffee

@@ -0,0 +1,28 @@
+$ ->
+  $("[data-study-id-picker]").studyIDPicker()
+
+$.fn.studyIDPicker = ->
+  $(this).each ->
+    new StudyIDPicker $(this), JSON.parse($(this).attr("data-study-id-picker"))
+
+class StudyIDPicker
+  constructor: (@$el, @studyIDMap) ->
+    @$studies = @$el.find("select").eq(0)
+    @$sites = @$el.find("select").eq(1)
+    @$ids = @$el.find("select").eq(2)
+
+    @$studies.change => @change()
+    @$sites.change => @change()
+
+  change: ->
+    key = "" + @$studies.val() + @$sites.val()
+    ids = @idsForKey(key)
+    @$ids.html @optionsFromIds(ids)
+
+  idsForKey: (key) ->
+    @studyIDMap[key] || []
+
+  optionsFromIds: (ids) ->
+    options = ids.map (id) -> "<option value='#{id}'>#{id}</option>"
+    "<option>----</option>" + options.join("\n")
+

data/app/assets/stylesheets/study_engine.sass

@@ -0,0 +1 @@
+@import "study_engine/*"

data/app/assets/stylesheets/study_engine/_constant.sass

@@ -0,0 +1,52 @@
+// Fonts
+
+@import font-awesome-sprockets
+@import font-awesome
+
+// Variables
+
+$primaryColor: #1492d6
+$secondaryColor: $primaryColor - #333
+$tertiaryColor: #E2770F
+
+$green: #398927
+$red: #a7001f
+$yellow: #e5c105
+
+$default: "Helvetica Neue", Helvetica, Arial, sans-serif
+$font: $default
+
+// Spriting
+
+@import "study_engine/sprite/*.png"
+@include all-sprite-sprites
+
+// Global Mixins
+
+@mixin constant-width( $width )
+  width: $width
+  min-width: $width
+  max-width: $width
+
+@mixin constant-height( $height )
+  height: $height
+  min-height: $height
+  max-height: $height
+
+@mixin variable-height( $h1: 300px, $h2: 800px)
+  height: $h1
+  min-height: $h1
+  max-height: $h2
+
+// Imports
+
+@import "mixins/*"
+@import "base/*"
+
+@import "components/*"
+//@import "components/-chart/*"
+@import "components/-fields/*"
+//@import "components/-form/*"
+@import "components/-nav/*"
+@import "components/-table/*"
+

data/app/assets/stylesheets/study_engine/_mobile.sass

@@ -0,0 +1,8 @@
+.study-id
+  .study, .site, .id
+    font-size: 5.0em
+  .field
+    &:after
+      font-size: 2.5em
+.method
+  font-size: 0.9em

data/app/assets/stylesheets/study_engine/_tablet.sass

@@ -0,0 +1,36 @@
+.wrapper
+  width: 100%
+header
+  height: 40px
+  line-height: 40px
+
+.metrc-logo
+  width: 43px
+  height: 40px
+  background: transparent image-url("study_engine/sprite/metrc-sm.png")
+.title-wrapper
+  padding-top: 5px
+.title
+  font-size: 2.6em
+  margin-top: 2px
+.tagline
+  display: none
+
+.nav
+  a
+    line-height: 40px
+section
+  padding: 20px 60px
+fieldset
+  padding: 0px 20px
+hr
+  margin: 15px 0
+
+.paired-bank
+  .custom-label
+    min-width: 100%
+
+.resume, .restart
+  font-size: 1.4em
+  & + .start
+    font-size: 1.4em

data/app/assets/stylesheets/study_engine/application.sass

@@ -0,0 +1,101 @@
+@charset "UTF-8"
+@import "constant"
+
+//
+
+*
+  box-sizing: border-box
+  position: relative
+  margin: 0
+  padding: 0
+
+html
+  height: 100%
+
+body
+  background: #f4f4f4
+  position: relative
+  min-height: 100%
+
+.wrapper
+  width: 1280px
+  margin: auto
+
+header
+  background: #2a3036
+  background: linear-gradient( #2a3036, #1a1a1a )
+  box-shadow: #e1e1e3 0 0 3px 0
+  position: relative
+  height: 80px
+  line-height: 80px
+
+.title-wrapper
+  float: left
+  padding: 20px 0 0 0
+.metrc-logo
+  float: left
+  @extend .sprite-metrc
+  width: 83px
+  height: 80px
+  margin: 0 3px 0 55px
+.title, .tagline
+  float: left
+  margin: 0
+  line-height: 1.0em
+.title
+  color: #fcfcfc
+.tagline
+  color: #ccc
+  clear: both
+  font-size: 1.4em
+
+section
+  padding: 40px 60px
+  background: #fff
+  box-shadow: #e1e1e3 0 0 3px 0
+  border-bottom-radius: 3px
+  min-height: 440px
+  position: relative
+
+// REMOVE FROM THIS STYLESHEET
+
+.notification
+  position: absolute
+  top: 0
+  left: 0
+  right: 0
+  background: $primaryColor
+  background-image: linear-gradient( darken( $primaryColor, 6% ), $primaryColor )
+  color: #fff
+  font: bold 1.2em $default
+  line-height: 1.8em
+  width: 100%
+  text-align: center
+  z-index: 2
+  padding: 0 20px
+  &.alert
+    background: #D80707
+    background-image: linear-gradient( darken( #D80707, 6% ), #D80707 )
+
+#questions
+  .submit
+    display: none
+
+//
+
+footer
+  padding: 25px 30px 0
+  p
+    text-align: right
+    font-size: 1.2em
+    color: #a7a9aa
+
+//
+
+@media screen and (max-device-width: 1024px), (max-width: 1024px)
+  @import "tablet"
+
+@media screen and (max-device-width: 800px), (max-width: 800px)
+  @import "mobile"
+
+

data/app/assets/stylesheets/study_engine/base/_form.sass

@@ -0,0 +1,131 @@
+// PLACEHOLDERS
+
+%inline-label
+  display: inline-block
+  color: #404040
+  font: 200 1.0rem $default
+  vertical-align: top
+  font-size: 2.1em
+
+.inline-label
+  @extend %inline-label
+
+// GENERIC FORM CLASSES
+
+.hidden
+  display: none
+.not-visible
+  visibility: hidden
+
+//
+
+fieldset
+  border: none
+
+legend
+  font: 700 1.4em $default
+  text-transform: uppercase
+  color: $primaryColor
+  margin-left: -20px
+
+.field
+  width: 100%
+  float: left
+  clear: both
+  margin: 3px 0 30px
+  padding: 0 20px 0 0
+
+%generic-input
+  width: 100%
+  line-height: 2.5em
+  font-size: 1.6em
+  padding: 0 0 0 10px
+  border-radius: 2px
+  background: #f9f9f9
+  box-shadow: darken( #f9f9f9, 10% ) 0 1px 6px 0 inset
+  border: 1px solid darken( #f9f9f9, 15% )
+
+  &:focus
+    outline-color: $primaryColor
+    &::-webkit-input-placeholder
+      color: transparent
+    &:-moz-placeholder
+      color: transparent
+    &::-moz-placeholder
+      color: transparent
+    &:-ms-input-placeholder
+      color: transparent
+
+// BASIC FORM STYLING
+
+label
+  color: #444
+  display: block
+  font: 700 1.6em $default
+  & + span, & + p
+    display: inline-block
+    margin: 0 0 0 6px
+    font-size: 1.4em
+    line-height: 1.2em
+  em
+    color: #666
+
+input, select
+  font: 400 1.3em $default
+  & + label
+    @extend %inline-label
+  &.text, &.number, &.email, &.phone, &.date, &.password
+    @extend %generic-input
+  .checkbox, .radio
+    & + label, & + span
+      font-weight: 200
+      margin-right: 15px
+      margin-left: 10px
+  .file
+    display: inline-block
+    max-width: 50%
+    padding: 8px 0 0
+    font-size: 1.4em
+    vertical-align: top
+  .color
+    background: #2f2f2f
+    border: none
+    cursor: pointer
+
+select
+  width: 100%
+  margin: 8px 0 0
+
+textarea
+  font: 200 1.4em $default
+  line-height: 1.6em
+  padding: 6px
+  +constant-width( 100% )
+  +variable-height( 160px, 260px)
+  border: 1px solid darken( #f9f9f9, 15% )
+  border-radius: 2px
+  &:focus
+    outline-color: $primaryColor
+    &::-webkit-input-placeholder
+      color: transparent
+    &:-moz-placeholder
+      color: transparent
+    &::-moz-placeholder
+      color: transparent
+    &:-ms-input-placeholder
+      color: transparent
+
+// Errors
+
+.field_with_errors
+  display: inline
+  label
+    font-weight: 300
+  input
+    border-color: $yellow
+    box-shadow: $yellow 0 0 4px 0
+    background: lighten($yellow, 50%)
+  & + label
+    @extend %inline-label
+    margin: 0 15px 0 0
+