rbbt-rest 1.8.29 → 1.8.30

data/share/views/compass/old/base/material.sass

@@ -0,0 +1,223 @@
+// Creating Google Material Design in SCSS
+// (specifically Material Shadow, uses compass)
+// see: http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-paper-craft
+
+// Demo: http://codepen.io/stoikerty/full/Glwxi/
+
+// Animating Box-Shadow is EXPENSIVE:
+// http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/#toc-
+
+// Moving between z-index-depths is done via opacity & multiple
+// box-shadows, as transitioning the box-shadow's y-axis is buggy
+// (tested on Chrome v.35)
+
+$easeOutExpo   : cubic-bezier(0.190, 1.000, 0.220, 1.000)
+$easeInExpo    : cubic-bezier(0.950, 0.050, 0.795, 0.035)
+$easeInOutExpo : cubic-bezier(1.000, 0.000, 0.000, 1.000)
+
+@import "compass/css3/opacity"
+@import "compass/css3/transition"
+@import "compass/css3/box-shadow"
+
+=top_shadow($depth: 1)
+  $z1 : 0
+  $z2 : 0
+  $z3 : 0
+  $z4 : 0
+  $z5 : 0
+
+  $op: 0.30
+  @if $depth == 1
+    $op: 0.12 
+  @if $depth == 2
+    $op: 0.16 
+  @if $depth == 3
+    $op: 0.19 
+  @if $depth == 4
+    $op: 0.25 
+  @if $depth == 5
+    $op: 0.30
+
+  @if $depth == 1 
+    $z1 : $op 
+  @if $depth == 2 
+    $z2 : $op 
+  @if $depth == 3 
+    $z3 : $op 
+  @if $depth == 4 
+    $z4 : $op 
+  @if $depth == 5 
+    $z5 : $op
+
+  @include box-shadow( 0px 1px 1.5px rgba(#000, $z1), 0px 3px 3px rgba(#000, $z2), 0px 10px 10px rgba(#000, $z3), 0px 14px 14px rgba(#000, $z4), 0px 19px 19px rgba(#000, $z5))
+
+=bottom_shadow($depth: 1)
+
+  $z1 : 0
+  $z2 : 0
+  $z3 : 0
+  $z4 : 0
+  $z5 : 0
+
+  $op: 0.30
+  @if $depth == 1
+    $op: 0.12 
+  @if $depth == 2
+    $op: 0.16 
+  @if $depth == 3
+    $op: 0.19 
+  @if $depth == 4
+    $op: 0.25 
+  @if $depth == 5
+    $op: 0.30
+
+  @if $depth == 1 
+    $z1 : $op 
+  @if $depth == 2 
+    $z2 : $op 
+  @if $depth == 3 
+    $z3 : $op 
+  @if $depth == 4 
+    $z4 : $op 
+  @if $depth == 5 
+    $z5 : $op
+  @include box-shadow( 0px 1px 1px rgba(#000, $z1), 0px 3px 3px rgba(#000, $z2), 0px 6px 3px rgba(#000, $z3), 0px 10px 5px rgba(#000, $z4), 0px 15px 6px rgba(#000, $z5))
+
+=inset_bottom_shadow($depth: 1)
+
+  $z1 : 0
+  $z2 : 0
+  $z3 : 0
+  $z4 : 0
+  $z5 : 0
+
+  $op: 0.30
+  @if $depth == 1
+    $op: 0.12 
+  @if $depth == 2
+    $op: 0.16 
+  @if $depth == 3
+    $op: 0.19 
+  @if $depth == 4
+    $op: 0.25 
+  @if $depth == 5
+    $op: 0.30
+
+  @if $depth == 1 
+    $z1 : $op 
+  @if $depth == 2 
+    $z2 : $op 
+  @if $depth == 3 
+    $z3 : $op 
+  @if $depth == 4 
+    $z4 : $op 
+  @if $depth == 5 
+    $z5 : $op
+
+  @include box-shadow(inset 0px 1px 1px rgba(#000, $z1), 0px 3px 3px rgba(#000, $z2), 0px 6px 3px rgba(#000, $z3), 0px 10px 5px rgba(#000, $z4), 0px 15px 6px rgba(#000, $z5))
+  
+
+@mixin materialShadow($depth)
+  $z1 : 0
+  $z2 : 0
+  $z3 : 0
+  $z4 : 0
+  $z5 : 0
+
+  $op: 0.30
+  @if $depth == 1
+    $op: 0.12 
+  @if $depth == 2
+    $op: 0.16 
+  @if $depth == 3
+    $op: 0.19 
+  @if $depth == 4
+    $op: 0.25 
+  @if $depth == 5
+    $op: 0.30
+
+  @if $depth == 1 
+    $z1 : $op 
+  @if $depth == 2 
+    $z2 : $op 
+  @if $depth == 3 
+    $z3 : $op 
+  @if $depth == 4 
+    $z4 : $op 
+  @if $depth == 5 
+    $z5 : $op
+
+  &:before, &:after
+    @include transition( box-shadow 0.7s 0.01s $easeOutExpo)
+
+  // Top Shadow
+  &:before
+    @if $depth == 1
+      @include opacity(0.12) 
+    @if $depth == 2
+      @include opacity(0.16) 
+    @if $depth == 3
+      @include opacity(0.19) 
+    @if $depth == 4
+      @include opacity(0.25) 
+    @if $depth == 5
+      @include opacity(0.30) 
+
+    @include box-shadow( 0px 1px 1.5px rgba(#000, $z1), 0px 3px 3px rgba(#000, $z2), 0px 10px 10px rgba(#000, $z3), 0px 14px 14px rgba(#000, $z4), 0px 19px 19px rgba(#000, $z5))
+  
+
+  // Bottom Shadow
+  &:after
+    @if $depth == 1
+      @include opacity(0.24) 
+    @if $depth == 2
+      @include opacity(0.23) 
+    @if $depth == 3
+      @include opacity(0.23) 
+    @if $depth == 4
+      @include opacity(0.22) 
+    @if $depth == 5
+      @include opacity(0.22) 
+
+    @include box-shadow( 0px 1px 1px rgba(#000, $z1), 0px 3px 3px rgba(#000, $z2), 0px 6px 3px rgba(#000, $z3), 0px 10px 5px rgba(#000, $z4), 0px 15px 6px rgba(#000, $z5))
+  
+
+
+// Example Usage:
+/*
+=material($depth: 1)
+  z-index: $depth * 2
+  //top: $depth
+  //margin-bottom: - $depth
+
+  @include transition( box-shadow 0.7s 0.01s $easeOutExpo)
+  &:before, &:after
+    z-index: -1
+
+    position: absolute
+    display: block
+    content: ' '
+
+    //width: 100%
+    //height: 100%
+
+    top: 0
+    left: 0
+    bottom: 0
+    right: 0
+
+    margin: 0
+    padding: 0
+
+  @include materialShadow($depth)
+
+=material($depth: 1)
+  z-index: $depth * 2
+  +top_shadow($depth)
+  +bottom_shadow($depth)
+
+=noshadow
+  &:before, &:after
+    +box-shadow(0px 0px 0px, 0px 0px 0px, 0px 0px 0px, 0px 0px 0px)
+
+/**/

data/share/views/compass/old/base/misc.sass

@@ -0,0 +1,2 @@
+@import "toolkit"
+@import "base/variables"

data/share/views/compass/old/base/screen_sizes.sass

@@ -0,0 +1,16 @@
+$very-small-screen: 500px
+$small-screen: 700px
+$medium-screen: 900px
+$large-screen: 1024px 
+$very-large-screen: 1240px 
+
+$not-very-small: "only screen and (min-width: #{$very-small-screen + 1})" 
+$not-small: "only screen and (min-width: #{$small-screen + 1})" 
+$not-large: "only screen and (max-width: #{$large-screen - 1})" 
+$not-very-large: "only screen and (max-width: #{$very-large-screen})" 
+
+$only-very-small: "only screen and (max-width: #{$very-small-screen})" 
+$only-small: "only screen and (max-width: #{$small-screen})" 
+$only-large: "only screen and (min-width: #{$large-screen})" 
+$only-very-large: "only screen and (min-width: #{$very-large-screen})" 
+

data/share/views/compass/old/base/text.sass

@@ -0,0 +1,70 @@
+@import "base/variables"
+@import "compass/css3/columns"
+
+=set_item_height($size: $minimum-height)
+  height: $size
+  line-height: $size
+
+=text_line($font-size: $base-font-size)
+  font-size: $font-size 
+  line-height: $font-size * 3
+
+=text_item($height: $minimum-height, $width: $column)
+  +text_line
+  +oneline
+  width: $width
+  
+=oneline
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+
+=ellipsis_text
+  +oneline
+  &:hover
+    overflow: visible
+    text-overflow: none
+    z-index: 3
+    ~ *
+      z-index: 2
+
+=column_text($size: 3)
+  @include columns(30em $size)
+  @include column-gap(2em)
+  text-align: justify
+
+=subtle_text
+  +font-scale(0.7)
+
+=active
+  +bold
+
+=loading
+  +italic
+
+=normal_cursor
+  cursor: auto
+
+=pointer
+  cursor: pointer
+
+=help_cursor
+  cursor: help
+
+=progress_cursor
+  cursor: progress
+
+=down_cursor
+  cursor: s-resize
+
+=up_cursor
+  cursor: n-resize
+
+=noselect 
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -khtml-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+

data/share/views/compass/old/base/util.sass

@@ -0,0 +1,6 @@
+=clear_vertical_sizing
+  margin-top: 0
+  margin-bottom: 0
+  padding-top: 0
+  padding-bottom: 0
+

data/share/views/compass/old/base/variables/color.sass

@@ -0,0 +1,27 @@
+//$color-one: #455a64
+//$color-two: #607d8b
+//$color-accent: #263238 
+$color-one: #29b6f6
+$color-two: #c9c9c9
+$color-accent: #263238 
+$color-one: #A5A5A5
+
+$color-link: #1A0DAB
+$color-link-alt: shade($color-link, 80)
+
+$subtle-color: $color-two
+
+$button-color: $color-two
+
+$background-color: white
+$very-subtle-color: lighten($subtle-color, 10)
+$extremely-subtle-color: lighten($subtle-color, 15)
+
+$subtle-border: darken($subtle-color, 20)
+$subtle-background: $subtle-color
+
+$background-font-color: rgba(0,0,0,0.70)
+
+$table_color: tint($color-two, 30)
+$font-color: rgba(0,0,0,0.84)
+$triglecolor: rgba(0,0,0,0.15)

data/share/views/compass/old/base/variables.sass

@@ -0,0 +1,68 @@
+@import "variables/color"
+
+$golden-ratio: 1.618
+$golden-stepup: $golden-ratio - 1
+$golden-percent: $golden-stepup * 100
+
+$indent: 2.5%
+$vindent: rhythm(1)
+
+$tile: 8px
+$font-size: 2 * $tile
+$font-line-size: 1.5 * $font-size
+
+$mini-tile: 4px
+$vgap: $tile
+$large-vgap: 4 * $tile
+
+$font-vsize: $font-size
+$font-line-vsize: $font-line-size
+$mini-vsize: $tile * 3
+$very-small-vsize: $tile * 5
+$small-vsize: $tile * 6
+$medium-vsize: $tile * 7
+$large-vsize: $tile * 8
+$very-large-vsize: $tile * 9
+
+$app-bar-vsize-small: $small-vsize
+$app-bar-vsize-medium: $medium-vsize
+$app-bar-vsize-large: $large-vsize
+
+$minimum-height: $medium-vsize
+$minimum-width: $medium-vsize
+
+$mobile-tall: 420
+$mobile-wide: 320
+
+$gutter: 2 * $tile
+$column: 5 * $tile
+$pre-space: 9 * $tile
+
+$mobile-width-columns: $mobile-wide / $column
+
+$susy : ( columns: 5, output: isolate, gutter: 2/5)
+
+$top_menu_height: $app-bar-vsize-large 
+$top_menu_height: 48px
+$top_menu_font_size: $top_menu_height / 3 
+$body_top_margin: $top_menu_height  * 2
+
+$icon-default-width: 6 * $tile
+
+$base-font-size: 2 * $tile
+$base-line-height: 1.5 * $base-font-size
+$rhythm-unit: "rem"
+
+$medium-button-width: 11 * $tile
+$action-hpadding: 8px
+$action-vpadding: 1em
+$action-hmargin: 8px
+$action-vmargin: 1em
+
+$margin_table_actions: 7px
+$padding_table: rhythm(0.5) 0.5em
+
+$color_table_border: $subtle-border
+
+$card_title_height: 5 * $base-line-height
+

data/share/views/compass/old/cards.sass

@@ -0,0 +1,131 @@
+@import "toolkit"
+@import "compass/typography/vertical_rhythm"
+
+@import "base/blocks"
+@import "base/hide"
+@import "base/variables"
+@import "base/fonts"
+@import "base/text"
+@import "base/icons"
+@import "elements/buttons"
+@import "elements/positions"
+
+=card_title
+  +trailer(2)
+  width: 100%
+  .name
+    +large
+  .long_name
+    +medium
+
+=card_description
+  width: 100%
+  +trailer(1)
+
+
+=toggle_actions
+  +fix_to_bar
+  z-index: 9
+  @extend %background-main
+  .action_controller
+    +padded_block
+  .action_loader
+    +white_background
+    +padded_block
+    border: 1px solid $subtle_color
+    min-height: 10em
+    &:empty
+      &:before
+        content: "Use controls above to select an Action"
+    &.reloading
+      +opacity(0.5)
+
+  +shifting-up
+  //&:not(.show)
+    +shrink_direction(up)
+  &.show
+    .action_loader
+      min-height: 10em
+      float: left
+      width: 100%
+
+=card_actions
+  +leader(1)
+  min-height: rhythm(10)
+  width: 100%
+  &:not(:empty)
+    +toggle_actions
+
+=card_sidebar
+  meta > dl, .entity_info > dl
+    +clean_list
+    & > dt 
+      +bold
+
+.sidebar
+  +card_sidebar
+
+.card, .entity_card, .entity_list_card, .action_card
+  +clearfix
+  & > .title
+    +card_title
+  & > .content
+    float: right
+    width: 100%
+    +clearfix
+    & > .description
+      +card_description
+      +clearfix
+    & > .actions
+      +card_actions
+
+.action_content > .action_card
+  & > .title, & > .action_parameters, & > .action_description
+    display: none
+
+.action_loader
+  +clearfix
+
+=action_controller_button
+  @extend %button
+
+.action_controller
+  margin-bottom: 0
+  width: 100%
+  & > ul
+    +clearfix
+    clear: both
+    margin-bottom: rhythm(1)
+
+    & > li
+      +action_controller_button
+      float: left
+
+    &.controls > li
+      font-size: 1.3em
+      width: font-spaces(5)
+      max-width: span(1 of 5)
+      &:not(.active)
+        +inactive_button
+        
+    &.actions > li
+      min-width: span(1 of 5)
+      &:not(:hover)
+        border: 1px solid $subtle_border !important
+      &.active
+        +active
+        background-color: darken($subtle-background, 5)
+      &.loading
+        +loading
+
+.star, .reload
+  i
+    +pointer
+    width: 100%
+    display: inline-block
+.star.active > i
+  +gold
+
+.hide_toggle[data-title=Actions]
+  +actions_icon
+    

data/share/views/compass/old/color/buttons.sass

@@ -0,0 +1,36 @@
+=btn-theme($btn-color) 
+  $off-wht: rgba(white,.2)
+  border-color: darken($btn-color, 20%)
+  background-color: $btn-color
+  &:hover 
+    background-color: darken($btn-color, 6%)
+    //box-shadow: 0 .125em $off-wht, inset 0 .063em $off-wht, inset 0 -.188em lighten($btn-color, 2%)
+  
+  &:active 
+    //box-shadow: 0 .063em $off-wht, inset 0 0 1.094em darken($btn-color, 40%), inset 0 .063em darken($btn-color, 20%),inset 0 -0.188em darken($btn-color, 20%)
+  
+%button
+  color: rgba(0,0,0,0.6)
+  +btn-theme($color-background-subtle)
+  & > a
+    display: inline-block
+    height: 100%
+    width: 100%
+  
+//%button
+  color: rgba(0,0,0,0.6)
+  @extend %background-subtle
+  &:not(.show):hover
+    @extend %background-hover
+  &.show
+    @extend %background-active
+  &.loading
+    @extend %background-hover
+  &.error
+    @extend %background-error
+  & > a
+    display: inline-block
+    height: 100%
+    width: 100%
+
+

data/share/views/compass/old/color/elements.sass

@@ -0,0 +1,2 @@
+#top_menu
+  @extend %top_bar

data/share/views/compass/old/color/font.sass

@@ -0,0 +1,13 @@
+@import "base/variables/color"
+@import "base/fonts"
+body
+  color: rgba(0,0,0,0.84)
+
+a:not([href="#"])
+  color: $color-link
+
+%button
+  +monospace
+  +light_weight
+  text-transform: capitalize
+

data/share/views/compass/old/color/top_bar.sass

@@ -0,0 +1,18 @@
+@import "base/variables/color"
+@import "color/buttons"
+@import "compass/css3/transition"
+
+%top_bar
+  @extend %background-subtle
+  .title, .title a
+    color: white
+  .favourites, .user 
+    > dl
+      > dt 
+        +btn-theme($color-background-subtle)
+        +transition(all 0.23s)
+        color: rgba(0,0,0,0.6)
+        > a
+          line-height: 3em
+          color: rgba(0,0,0,0.6)
+       

data/share/views/compass/old/color.sass

@@ -0,0 +1,10 @@
+@import "base/colors"
+@import "color/font"
+@import "color/top_bar"
+@import "color/elements"
+
+=subtle_color
+  color: $subtle-color
+  
+body
+  background: #F9F9F9

data/share/views/compass/old/elements/buttons.sass

@@ -0,0 +1,18 @@
+@import "base/variables"
+@import "base/colors"
+@import "elements/lists"
+
+=actionable
+  cursor: pointer
+
+%actionable
+  +actionable
+
+=toggle_button
+  +actionable
+  +hide_next
+
+@import "base/fonts"
+
+@import "color/buttons"
+@import "space/button"