study_engine 0.0.2

data/app/assets/stylesheets/study_engine/components/_helpt-text.sass

@@ -0,0 +1,2 @@
+.help-text, .helptext
+  +notification-text(#bfbfbf, "info-circle")

data/app/assets/stylesheets/study_engine/components/_method-icons.sass

@@ -0,0 +1,15 @@
+.custom-symbol
+  @extend .fa-check
+.in-person
+  @extend .fa-users
+.by-phone
+  @extend .fa-phone
+.by-url
+  @extend .fa-globe
+.by-mail
+  @extend .fa-envelope
+.paper-form
+  @extend .fa-file
+.missing
+  @extend .fa-question-circle
+

data/app/assets/stylesheets/study_engine/components/_notes-modal.sass

@@ -0,0 +1,65 @@
+.note-wrapper
+  display: inline-block
+  position: relative
+  margin-top: -1px
+
+.toggle-note
+  position: absolute
+  opacity: 0.001
+  cursor: pointer
+  z-index: 3
+  &:checked
+    & ~ .note::before
+      color: #1a1a1a
+    & ~ .note.-saved::before
+      color: $primaryColor
+    & ~ .note-modal
+      display: block
+  &:hover
+    & ~ .note::before
+      color: #666
+
+.note
+  +icon("tag")
+  margin: 0
+  height: 20px
+  line-height: 20px
+  z-index: 2
+  &.-saved
+    &:before
+      color: $primaryColor
+  &.-saving
+    @extend .fa-spin
+    @extend .fa-spinner
+    &:before
+      color: $primaryColor
+
+.note-modal
+  display: none
+  position: absolute
+  z-index: 5
+  background: #fcfcfc
+  box-shadow: #666 0 1px 6px
+  border-radius: 3px
+  padding: 20px
+  right: -100px
+  textarea
+    width: 400px
+    min-width: 400px
+    max-width: 90%
+    height: 200px
+    min-height: 200px
+    max-height: 500px
+
+.close
+  position: absolute
+  top: 10px
+  right: 10px
+  font-size: 1.2em
+  @extend .fa
+  @extend .fa-close
+  color: #ccc
+  cursor: pointer
+  &:hover
+    color: red
+

data/app/assets/stylesheets/study_engine/components/_progress-bar.sass

@@ -0,0 +1,25 @@
+.progress
+  float: left
+  clear: both
+  width: 100%
+  height: 2px
+  background:  #ededed
+  background-image: linear-gradient(#ededed, #fcfcfc)
+  position: relative
+  margin: 20px 0 30px
+  border-radius: 1px
+.bar
+  background: $primaryColor
+  background-image: linear-gradient(lighten($primaryColor, 10%), $primaryColor)
+  height: 2px
+  position:  absolute
+  left: 0
+  border-radius: 1px
+.percentage
+  font:  400 1.2em $default
+  color:  $primaryColor
+  width:  30px
+  text-align: center
+  margin-left:  -15px
+  position:  absolute
+  top: 4px

data/app/assets/stylesheets/study_engine/components/_sortable-columns.sass

@@ -0,0 +1,26 @@
+// ADD TO <TH>
+.sortable-column, .sortable
+  color: #333
+  display: block
+  @extend .fa-sort
+  &:before
+    @extend .fa
+    font-size: 1.4em
+    position: absolute
+    right: 0px
+    color: #d0d0d0
+    margin-left: 4px
+  &:hover, &:hover::before
+    color: $secondaryColor
+  &.asc, &.desc
+    i
+      color: #1a1a1a
+  &.asc, &.current-asc
+    @extend .fa-sort-asc
+    &:before
+      color: #333
+  &.desc, &.current-desc
+    @extend .fa-sort-desc
+    &:before
+      color: #333
+

data/app/assets/stylesheets/study_engine/components/_table-actions.sass

@@ -0,0 +1,8 @@
+.delete-icon, .delete
+  +icon("trash")
+  &:hover::before
+    color: $red
+
+.edit-icon, .edit
+  +icon("pencil")
+

data/app/assets/stylesheets/study_engine/components/_table-buttons.sass

@@ -0,0 +1,17 @@
+.table-buttons
+  text-align: right
+  clear: both
+
+.buttons-left
+  display: inline-block
+  float: left
+.buttons-right
+  display: inline-block
+  float: right
+
+.add, .add-button
+  +button(#fff, #666, 1.2em, true, "plus-circle")
+.download
+  +button(#fff, #666, 1.2em, true, "download")
+
+

data/app/assets/stylesheets/study_engine/components/_user-privileges.sass

@@ -0,0 +1,3 @@
+.user-privileges
+  +checkbox-columns(40px, 1)
+

data/app/assets/stylesheets/study_engine/mixins/_actions-table.sass

@@ -0,0 +1,11 @@
+=actions-table
+  th, td
+    &:last-child
+      text-align: right
+      white-space: nowrap
+      width: 120px
+  td
+    &:nth-child(1)
+      a
+        font-weight: 700
+

data/app/assets/stylesheets/study_engine/mixins/_buttons.sass

@@ -0,0 +1,55 @@
+@mixin button( $bg: $primaryColor, $text-color: #fcfcfc, $font-size: 1.6em, $hover: true, $fa: false )
+  display: inline-block
+  font-size: $font-size
+  font-weight: 700
+  line-height: 3.0em
+  color: $text-color
+  border: 1px solid darken( $bg, 5% )
+  background-color: $bg
+  background: linear-gradient( $bg, darken( $bg, 5% ) )
+  border-radius: 2px
+  padding: 0 20px
+  text-align: center
+  text-decoration: none
+  cursor: default
+  @if $hover
+    cursor: pointer
+    &:hover
+      background: darken( $bg, 5% )
+      color: $text-color
+  @if $fa
+    @extend .fa-#{$fa}
+    &:before
+      @extend .fa
+      margin-right: 5px
+
+// input wrapper buttons
+
+=input-button($bg: $primaryColor, $text-color: #fcfcfc, $fa: false, $size: 1em)
+  +button($bg, $text-color)
+  padding: 0
+  line-height: 1
+  input, button
+    font-size: $size
+    border: none
+    background: none
+    padding: 0px 20px
+    line-height: 3em
+    cursor: pointer
+    color: $text-color
+    font-weight: 700
+  &:hover
+    input
+      color: $text-color
+  @if $fa
+    @extend .fa-#{$fa}
+    input, button
+      padding-left: 2em
+    &:before
+      @extend .fa
+      position: absolute
+      top: 50%
+      margin-top: -0.5em
+      left: 10px
+      font-size: $size
+

data/app/assets/stylesheets/study_engine/mixins/_checkbox-columns.sass

@@ -0,0 +1,50 @@
+%inline-label
+  display: inline-block
+  color: #404040
+  font: 200 1.0rem $default
+  vertical-align: top
+  font-size: 2.1em
+
+=checkbox-columns($h: 40px, $cols: 1)
+  width: 100%
+  display: flex
+  flex-wrap: wrap
+  vertical-align: top
+  line-height: 1em
+  padding-top: 2px
+  .field
+    display: inline-block
+    line-height: $h
+    min-height: $h
+    padding: 0
+    margin: 0 0 10px 1%
+    border: none
+    clear: none
+  .checkbox, .radio
+    line-height: $h
+    & + label
+      line-height: $h
+  label
+    line-height: $h
+  .other
+    width: 100%
+    clear: both
+    label
+      @extend %inline-label
+      line-height: 40px
+      margin: 0 0 0 10px
+    .text
+      width: 70%
+      margin: 0px 0 0 8px
+  @if $cols == 1
+    .field
+      flex-basis: 100%
+  @if $cols == 2
+    .field
+      flex-basis: 48%
+  @if $cols == 3
+    .field
+      flex-basis: 32%
+  @if $cols == 4
+    .field
+      flex-basis: 24%

data/app/assets/stylesheets/study_engine/mixins/_custom-radios.sass

@@ -0,0 +1,47 @@
+=custom-radio($h: 46px)
+  +button( #fff, #444 )
+  box-shadow: darken( #f9f9f9, 10% ) 0 1px 6px 0 inset
+  border: 1px solid darken( #f9f9f9, 15% )
+  min-height: $h
+  height: $h
+  line-height: $h
+  text-align: left
+  padding: 0px
+  position: relative
+  width: 100%
+  font-weight: 700
+  //+bp_tablet_portrait
+    //font-size: 1.4em
+  input[type="checkbox"], input[type="radio"]
+    opacity: 0.001
+    position: absolute
+    top: 0
+    left: 0
+    z-index: 2
+    cursor: pointer
+    &:checked
+      & + .custom-symbol
+        color: #f5f5f5
+        background: $primaryColor
+        box-shadow: darken($primaryColor, 10% ) -1px 0 4px 0 inset
+  span
+    display: inline-block
+    vertical-align: top
+    margin-top: -2px
+  .custom-symbol
+    display: inline-block
+    color: #e0e0e0
+    border-right: 1px solid #e0e0e0
+    padding: 0 8px
+    margin-right: 5px
+    vertical-align: top
+    line-height: $h - 2px
+    font-size: 1.2em
+    border-left-radius: 2px
+    &:before
+      @extend .fa
+    &.checked
+      color: #f5f5f5
+      background: $primaryColor
+      box-shadow: darken($primaryColor, 10% ) -1px 0 4px 0 inset
+

data/app/assets/stylesheets/study_engine/mixins/_icons.sass

@@ -0,0 +1,38 @@
+// Icons with hidden text
+
+=icon($fa, $hover: true)
+  display: inline-block
+  margin: 0 6px
+  text-align: left
+  position: relative
+  font-size: 1.4em
+  width: 1em
+  text-indent: -9999px
+  color: #ccc
+  @extend .fa
+  @extend .fa-#{$fa}
+  &:before
+    text-indent: 0
+    position: absolute
+    top: 50%
+    right: 50%
+    margin: -0.5em -0.5em 0 0
+    z-index: 2
+  @if $hover
+    cursor: pointer
+    &:hover
+      &:before
+        color: $primaryColor
+
+
+// Icons with text
+
+=icon_text($fa, $font-size: 1.3em)
+  display: inline-block
+  margin: 0 20px 0 0
+  @extend .fa-#{$fa}
+  font-size: $font-size
+  &:before
+    margin-right: 4px
+    @extend .fa
+

data/app/assets/stylesheets/study_engine/mixins/_notification-text.sass

@@ -0,0 +1,23 @@
+=notification-text( $color, $fa )
+  margin: 10px 0
+  position: relative
+  clear: both
+  padding: 10px 10px 10px 40px
+  border: 1px dashed $color
+  color: $color
+  font-size: 1.3em
+  font-style: italic
+  line-height: 1.4em
+  border-radius: 2px
+  @extend .fa-#{$fa}
+  &:before
+    @extend .fa
+    font-size: 1.8em
+    position: absolute
+    left: 10px
+    top: 50%
+    margin-top: -0.5em
+  ul
+    font-size: 1em
+    list-style: inside circle
+

data/app/controllers/study_engine/admin/application_controller.rb

@@ -0,0 +1,6 @@
+class StudyEngine::Admin::ApplicationController < StudyEngine::ApplicationController
+  def require_admin
+    head :forbidden and return false unless current_user.admin?
+  end
+end
+

data/app/controllers/study_engine/admin/assessments_controller.rb

@@ -0,0 +1,79 @@
+require "study_engine/config"
+
+module StudyEngine
+  class Admin::AssessmentsController < Admin::ApplicationController
+    before_action :require_admin, unless: -> { action_name == "index" && request.format.html? }
+
+    expose :assessments, :study_name, :study_url, :events, :assessment, :report
+
+    def index
+      respond_to do |format|
+        @assessments = current_user.admin? ? Assessment.find_each : Assessment.by_site(current_user.site_id).find_each
+        @report = Report.new(assessments, params[:field] || "study_id", params[:direction] || "ASC")
+
+        format.csv do
+          @csv_options = { force_quotes: true }
+          @output_encoding = "UTF-8"
+          @streaming = true
+
+          @filename = "#{params[:report]}-#{Time.now.utc.to_s(:db).parameterize.underscore}.csv"
+          render params[:report]
+        end
+        format.html
+      end
+    end
+
+    def new
+      @assessments = ExistingAssessmentsForm.new
+    end
+
+    def create
+      @assessments = ExistingAssessmentsForm.new(params[:study_engine_assessment])
+      if assessments.save
+        redirect_to [:admin, :assessments], notice: "Assessment created!"
+      else
+        flash.now[:alert] = assessments.errors.full_messages.join(", ")
+        render :new
+      end
+    end
+
+    def edit
+      if StudyID.new(params[:id]).valid?
+        @assessments = UpdateAssessmentsForm.new(params[:id])
+      else
+        @assessment = Assessment.find(params[:id])
+      end
+    end
+
+    def update
+      if StudyID.new(params[:id]).valid?
+        @assessments = UpdateAssessmentsForm.new(params[:id])
+        assessments.update_attributes! params[:study_engine_assessment]
+      else
+        @assessment = Assessment.find(params[:id])
+        assessment.update_attributes! params[:assessment].permit(:method_applied)
+      end
+      redirect_to [:admin, :assessments], notice: "Assessment has been updated!"
+    end
+
+    def destroy
+      Assessment.destroy params[:id]
+      redirect_to [:admin, :assessments], notice: "Assessment has been deleted!"
+    end
+
+    private
+
+    def study_name
+      StudyEngine.study_name
+    end
+
+    def study_url
+      StudyEngine.study_url
+    end
+
+    def events
+      StudyEngine.events
+    end
+  end
+end
+