aleph_analytics 0.0.0.alpha

data/app/assets/stylesheets/repl.css.sass

@@ -0,0 +1,59 @@
+.modal-dialog
+  margin: 80px auto 30px auto
+
+.query-repl
+  .modal-header
+    background-color: $slate-blue
+    padding: 10px
+
+  .table
+    background-color: white
+    white-space: pre
+    font-size: 11px
+    margin-bottom: 0px
+
+  .result-list-item
+    border: 0px
+    padding-right: 0px
+    padding-left: 0px
+    padding-top: 5px
+    padding-bottom: 5px
+
+  .parameters-table
+    margin-top: 8px
+
+  .label-like
+    border: 0px solid
+    background-color: $navbar-inverse-bg
+
+  .error-messsage
+    padding: 0px
+    margin: 0px
+    border: 1px solid $gray-lighter
+    font-family: Menlo, Courier New
+    font-size: 10px
+    white-space: pre-wrap
+    background-color: $alert-warning-bg
+
+  #query-title
+    width: 100%
+    font-size: 16px
+
+  .ace
+    min-height: 300px
+    border: 1px solid $gray-light
+
+  .scrollable
+    overflow: auto
+    max-height: 150px
+    padding: 0px
+    margin: 0px
+    border: 1px solid $gray-lighter
+
+  .throbber-loader
+    display: block
+    margin-bottom: 10px
+
+.query-repl-dialog .modal-dialog
+  width: 96%
+  min-width: 600px

data/app/assets/stylesheets/results.css.sass

@@ -0,0 +1,25 @@
+result
+  dt,dd
+    display: inline
+
+  .row-count, .too-many-rows
+    padding: 10px
+    display: inline-block
+
+  .table
+    background-color: white
+    white-space: pre
+    font-size: 12px
+
+  .scrollable
+    overflow: auto
+    min-width: 100%
+    border: 1px solid #E6E6E6
+
+  .med-row-count
+    min-height: 150px
+
+  .high-row-count
+    min-height: 300px
+
+

data/app/assets/stylesheets/schemas.css.sass

@@ -0,0 +1,56 @@
+.schema-index
+  .dirty-bg
+    background-color: $gray-lighter
+
+  .schema-table-row
+    background-color: white
+    border-radius: 5px
+
+  .schema-table-header
+    background-color: lighten($slate-blue, 25%)
+    font-style: oblique
+    font-size: large
+    padding: 5px
+    border-radius: 5px 5px 0px 0px
+    border-bottom: 1px solid $slate-blue
+
+  .padding3
+    padding: 3px
+
+  .margin2
+    margin: 2px
+
+  // remove border and shadow on input forms
+  input
+    border: none
+    box-shadow: none
+
+  input:focus
+    outline: none
+
+  // sidebar
+  .summary-sidebar
+    position: fixed
+    top: 70px
+    width: 18%
+    bottom: 10%
+    right: 0
+    z-index: 1000
+    display: block
+    padding: 20px
+    overflow-x: hidden
+    overflow-y: auto
+    padding-top: 0
+    padding-bottom: 0
+    color: white
+    font-style: italic
+    font-weight: bold
+    border-top-left-radius: 5px
+    border-bottom-left-radius: 5px
+
+    a
+      cursor: pointer
+      color: white
+
+    a:hover
+      color: lighten(tomato, 20%)

data/app/assets/stylesheets/sessions.css.sass

@@ -0,0 +1,9 @@
+.sessions-new
+  .form-control#new_user
+    background-color: transparent
+    border: 0px
+    box-shadow: none
+    color: #000000
+    padding: 0px
+  .black
+    color: #000000

data/app/assets/stylesheets/shared.css.sass

@@ -0,0 +1,157 @@
+body
+  background-color: #DFFFF7
+  &:after
+    background: image-url('/bg_big.svg')
+    background-size: cover
+    content: ''
+    opacity: $opacity-mid
+    top: 0
+    left: 0
+    bottom: 0
+    right: 0
+    position: fixed
+    z-index: -1
+
+@-webkit-keyframes fade-out
+  from
+    opacity: 1.0
+
+  to
+    opacity: 0.0
+
+// Standard syntax
+@keyframes fade-out
+  from
+    opacity: 1.0
+
+  to
+    opacity: 0.0
+
+.glyphicon-low
+  top: 3px
+
+.glyphicon-med
+  top: 2px
+
+.popover
+  padding: 0px
+  margin: 0px
+  font-size: 11px
+  font-family: Menlo, Courier New, Courier
+  max-width: 600px
+
+.ellipsis
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+
+.small-font
+  font-size: small
+
+.info-box
+  background-color: $gray-lighter
+  border: 1px solid $gray-light
+  padding: 20px
+
+  h5
+    line-height: 1.6
+
+.white-background
+  background-color: #FFFFFF
+
+
+// nav, navbar, brand, and logo
+a.navbar-text
+  margin: 0
+  padding: 7.5px 15px
+
+a.navbar-text.active
+  background-color: rgba(210, 230, 255, $opacity-mid)
+  border-radius: 5px
+
+.navbar-inverse .navbar-brand:hover,
+.navbar-inverse .navbar-brand:focus
+  background-color: transparent
+
+.navbar-brand
+  font-family: Futura, Trebuchet MS, Arial, sans-serif
+  font-style: oblique
+
+.navbar.transparent.navbar-inverse
+  background: rgba($navbar-inverse-bg, $opacity-mid)
+  //background: $navbar-inverse-bg
+
+.brand-logo
+  height: 25px
+  padding-top: 9px
+  padding-right: 7px
+  opacity: $opacity-mid
+
+.navbar
+  border: none
+
+.navbar-static-top
+  border-width: 0 0 0 0
+
+.navbar-inverse
+  border-color: transparent
+
+.under-pills-space
+  height: 15px
+
+.nav-pills > li > a
+  padding: 5px 10px 5px 10px
+
+.nav-pills > li.active > a
+  border: 1px solid lighten($navbar-inverse-bg, 10%)
+
+  &:focus
+  &:visited
+    color: black
+    background-color: white
+
+.navbar-static-top
+  margin-bottom: 0px
+
+// utility classes
+.top5
+  margin-top: 5px
+
+.top7
+  margin-top: 7px
+
+.top10
+  margin-top: 10px
+
+.top15
+  margin-top: 15px
+
+.top17
+  margin-top: 17px
+
+.top30
+  margin-top: 30px
+
+.no-margin
+  margin: 0px
+
+.no-padding
+  padding: 0px
+
+.input-xs
+  height: 22px
+  padding: 2px 4px
+  font-size: small
+  line-height: 1.5 //If Placeholder of the input is moved up, rem/modify this.
+  border-radius: 3px
+
+.no-list-style
+  list-style: none
+
+.looks-like-clickable
+  cursor: pointer
+  &:hover
+    opacity: $opacity-mid
+    color: tomato
+  &:active
+    opacity: $opacity-high

data/app/assets/stylesheets/sidebar.css.sass

@@ -0,0 +1,85 @@
+.sidebar
+  width: 160px
+  position: fixed
+  top: 54px
+  bottom: 0
+  right: 0
+  z-index: 1000
+  display: block
+  padding: 20px
+  overflow-x: hidden
+  overflow-y: auto
+  background-color: $gray-lighter
+  border-right: 1px solid #eee
+  padding-top: 0
+  padding-bottom: 0
+  padding-right: 15px
+  padding-left: 15px
+  border: 1px solid lighten($navbar-inverse-bg, 5%)
+  border-top-left-radius: 4px
+  border-bottom-left-radius: 4px
+  font-size: small
+  line-height: 24px
+  span
+    font-size: small
+
+  .current-version
+    padding: 15px
+    background-color: lighten($slate-blue, 15%)
+    border-bottom: 1px solid lighten($navbar-inverse-bg, 5%)
+
+  .github-links
+    padding: 15px
+    background-color: lighten($slate-blue, 25%)
+    border-bottom: 1px solid lighten($navbar-inverse-bg, 15%)
+
+  .versions
+    padding: 15px 0px 15px 0px
+
+  // Chrome, Safari, Opera
+  @-webkit-keyframes pulsate
+    from
+      opacity: 0.0
+      color: tomato
+
+    to
+      opacity: $opacity-high
+      color: $slate-blue
+
+
+  // Standard syntax
+  @keyframes pulsate
+    from
+      opacity: 0.0
+      color: tomato
+
+    to
+      opacity: $opacity-high
+      color: $slate-blue
+
+  .pulsating-comment
+    -webkit-animation-name: pulsate
+    -webkit-animation-duration: 3s
+    -webkit-animation-direction: alternate
+    animation-name: pulsate
+    animation-duration: 3s
+    animation-direction: alternate
+    animation-iteration-count: infinite
+
+  .versions
+    ul
+      list-style-type: none
+      padding-left: 0
+
+    .list-item
+      padding: 0px 15px
+      width: 95px
+      a
+        cursor: pointer
+        transition: opacity .5s
+        &:hover
+          opacity: 1
+
+
+  .selected
+    background-color: $background-outer

data/app/assets/stylesheets/snippets.css.sass

@@ -0,0 +1,15 @@
+.snippets-index
+
+  .snippet-content
+    height: 150px
+    border-radius: 4px
+    margin-top: 10px
+
+  .form-control
+    border-radius: 4px
+
+  .btn-format
+    width: 125px
+
+  .grayed-out
+    opacity: $opacity-low

data/app/assets/stylesheets/sort_bar.css.sass

@@ -0,0 +1,10 @@
+.sort-bar
+  color: white
+  a
+    color: white
+    cursor: pointer
+    &:hover
+      color: $link-hover-color
+
+  .tiny-icon
+    font-size: 10px

data/app/assets/stylesheets/spinners.css.sass

@@ -0,0 +1,67 @@
+
+
+/* throbber loader spinner */
+@-moz-keyframes throbber-loader
+  0%
+    background: #dde2e7
+
+  10%
+    background: #6b9dc8
+
+  40%
+    background: #dde2e7
+
+
+@-webkit-keyframes throbber-loader
+  0%
+    background: #dde2e7
+
+  10%
+    background: #6b9dc8
+
+  40%
+    background: #dde2e7
+
+
+@keyframes throbber-loader
+  0%
+    background: #dde2e7
+
+  10%
+    background: #6b9dc8
+
+  40%
+    background: #dde2e7
+
+
+/* :not(:required) hides these rules from IE9 and below
+
+.throbber-loader:not(:required)
+  -moz-animation: throbber-loader 2000ms 300ms infinite ease-out
+  -webkit-animation: throbber-loader 2000ms 300ms infinite ease-out
+  animation: throbber-loader 2000ms 300ms infinite ease-out
+  background: #dde2e7
+  display: inline-block
+  position: relative
+  text-indent: -9999px
+  width: 0.9em
+  height: 1.5em
+  margin: 0 1.6em
+  &:before, &:after
+    background: #dde2e7
+    content: '\x200B'
+    display: inline-block
+    width: 0.9em
+    height: 1.5em
+    position: absolute
+    top: 0
+  &:before
+    -moz-animation: throbber-loader 2000ms 150ms infinite ease-out
+    -webkit-animation: throbber-loader 2000ms 150ms infinite ease-out
+    animation: throbber-loader 2000ms 150ms infinite ease-out
+    left: -1.6em
+  &:after
+    -moz-animation: throbber-loader 2000ms 450ms infinite ease-out
+    -webkit-animation: throbber-loader 2000ms 450ms infinite ease-out
+    animation: throbber-loader 2000ms 450ms infinite ease-out
+    right: -1.6em

data/app/assets/stylesheets/summary.css.sass

@@ -0,0 +1,16 @@
+.summary-badges
+  .badge
+    opacity: $opacity-high
+    font-size: 8px
+    cursor: pointer
+    margin: 0px
+    padding: 4px
+
+  #versions
+    background-color: tomato
+
+  #comments
+    background-color: gray
+
+  #results
+    background-color: $slate-blue

data/app/assets/stylesheets/variables.css.sass

@@ -0,0 +1,110 @@
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+$gray-base:              #000 !default
+$gray-darker:            lighten($gray-base, 13.5%) !default
+$gray-dark:              lighten($gray-base, 20%) !default
+$gray:                   lighten($gray-base, 33.5%) !default
+$gray-light:             lighten($gray-base, 70%) !default
+$gray-lighter:           lighten($gray-base, 93.5%) !default
+
+$brand-primary:         #7B8F8A !default
+$brand-success:         #668284 !default
+$brand-info:            #5bc0de !default
+$brand-warning:         #816E7D !default
+$brand-danger:          #D66869 !default
+
+//== Scaffolding
+//## Settings for some of the most global styles.
+$body-bg:               #fff !default
+$text-color:            #222 !default
+
+//** Global textual link color.
+$link-color:            #222 !default
+$link-hover-color:      #D79000 !default
+$link-hover-decoration: none !default
+
+//== Typography
+@import url("https://fonts.googleapis.com/css?family=Lato:300italic,400italic,700italic,400,300,700")
+
+$font-family-sans-serif:  "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !default
+$font-family-serif:       $font-family-sans-serif !default
+
+$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default
+$font-family-base:        $font-family-serif !default
+
+$font-size-base:          14px !default
+$font-size-large:         ceil(($font-size-base * 1.5)) !default
+$font-size-small:         ceil(($font-size-base * 0.9)) !default
+
+//== Navbar
+
+$navbar-height:                    35px !default
+$navbar-margin-bottom:             15px !default
+
+//=== Inverted navbar
+$navbar-inverse-bg:                         #E6EDEE
+$navbar-inverse-color:                      #222
+$navbar-inverse-border:                     transparent !default
+
+// Inverted navbar links
+$navbar-inverse-link-color:                 #222 !default
+$navbar-inverse-link-hover-color:           #222 !default
+$navbar-inverse-link-hover-bg:              $navbar-inverse-bg
+$navbar-inverse-link-active-color:          #222 !default
+$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 6.5%) !default
+$navbar-inverse-link-disabled-color:        #222 !default
+$navbar-inverse-link-disabled-bg:           transparent !default
+
+// Inverted navbar brand label
+$navbar-inverse-brand-color:                $navbar-inverse-link-color !default
+$navbar-inverse-brand-hover-color:          #222 !default
+$navbar-inverse-brand-hover-bg:             $navbar-inverse-bg !default
+
+// Inverted navbar toggle
+$navbar-inverse-toggle-hover-bg:            darken($navbar-inverse-bg, 10%) !default
+$navbar-inverse-toggle-icon-bar-bg:         #222 !default
+$navbar-inverse-toggle-border-color:        darken($navbar-inverse-bg, 10%) !default
+
+// Aleph default colors
+$red:          #CE1836
+$light-blue:   #5bc0de
+$orange:       #F85931
+$blue:         #009989
+$green:        #A3A948
+$purple:       #91204D
+$yellow:       #EDB92E
+$maroon:       #990000
+$tan:          #E6BEA3
+$deep-green:   #009900
+$light-yellow: #FFFFCC
+$woods-green:  #3F8000
+
+// Misc colors
+$background-outer: #ECF7F4
+$slate-blue: #80A6BF
+$highlight-blue: #00026D
+//$highlight-blue: tomato
+
+// Tag colors
+$engagement-tag-color:         $red
+$conversion-tag-color:         $blue
+$approved-tag-color:           $orange
+$maturity-tag-color:           $green
+$funnel-tag-color:             $purple
+$payments-tag-color:           $yellow
+$games-tag-color:              $maroon
+$customer-support-tag-color:   $tan
+$official-tag-color:           $woods-green
+
+// Alert colors
+$passing-alert-color: $deep-green
+$failing-alert-color: $red
+$pending-alert-color: $light-blue
+$paused-alert-color:  $yellow
+$errored-alert-color: $red
+
+$opacity-high: 0.8
+$opacity-mid: 0.5
+$opacity-low: 0.2

data/app/assets/stylesheets/visualizations.css.sass

@@ -0,0 +1,15 @@
+.visualization
+  #html-editor
+    position: absolute
+    top: 100%
+    right: 1.5%
+    width: 600px
+    min-height: 600px
+    z-index: 100
+    opacity: .8
+
+  #chart-panel
+    width: 100%
+    height: 600px
+    position: absolute
+    background-color: white

data/app/controllers/alerts_controller.rb

@@ -0,0 +1,72 @@
+class AlertsController < ApplicationController
+  respond_to :json
+
+  load_and_authorize_resource only: [:index, :show, :update, :destroy]
+  wrap_parameters :alert, include: [:email, :query, :target, :comparator, :status, :description, :query_title, :query_id]
+
+  def index
+    respond_to do |format|
+      format.html
+      format.json do
+        @paginated_alerts = Alert.paginated(@alerts, alert_pagination_params)
+        render json: @paginated_alerts
+      end
+    end
+  end
+
+  def create
+    respond_to do |format|
+      format.json do
+        alert = Alert.create(alert_params)
+
+        if alert.errors.any?
+          render json: alert.errors.full_messages, status: :unprocessable_entity
+        else
+          alert.run
+          render json: alert, status: :created
+        end
+      end
+    end
+  end
+
+  def update
+    respond_to do |format|
+      format.json do
+        @alert.update_attributes!(alert_params)
+
+        if @alert.errors.any?
+          render json: @alert.errors.full_messages, status: :unprocessable_entity
+        else
+          @alert.run
+          render json: @alert, status: :created
+        end
+      end
+    end
+  end
+
+  def show
+    respond_to do |format|
+      format.json { render json: @alert }
+      format.html { render template: 'application/index' }
+    end
+  end
+
+  def destroy
+    respond_to do |format|
+      format.json do
+        @alert.destroy!
+        render json: @alert
+      end
+    end
+  end
+
+  private
+
+  def alert_params
+    params.require(:alert).permit(:email, :query_id, :target, :comparator, :status, :description, :query_title)
+  end
+
+  def alert_pagination_params
+    params.permit(:limit, :offset, :search, :sort_by, :sort_descending, :reset)
+  end
+end