rbbt-rest 1.4.12 → 1.4.13

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

@@ -0,0 +1,27 @@
+//$color-one: #455a64
+//$color-two: #607d8b
+//$color-accent: #263238 
+$color-one: #29b6f6
+$color-two: #9575cd
+$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/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/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/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/color/elements.sass

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

data/share/views/compass/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/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/elements.sass

@@ -0,0 +1,218 @@
+@import "elements/buttons"
+@import "elements/table"
+@import "elements/lists"
+@import "elements/forms"
+@import 'elements/tool'
+@import 'elements/positions'
+
+=box($depth: 2)
+  +material($depth)
+  +subtle_background
+  +padded_block
+
+=text_table
+  +trailer(1)
+
+=responsive_column
+  @media #{$only-large}
+    +gallery(1 of 2)
+  @media #{$not-large}
+    clear: both
+
+.responsive_column
+  +responsive_column
+#content table
+  +text_table
+
+$column_gutter: $gutter
+=flexible_columns
+  display: flex
+  & > *
+    margin-right: $column_gutter
+  
+.flexible_columns
+  +flexible_columns
+
+.responsive_flexible_columns
+  @media #{$only-large}
+    +flexible_columns
+
+=card_background
+  +subtle_background
+
+=card($depth: 1)
+  +material($depth)
+  +card_background
+  +card_padding
+
+
+=fragment
+  &.reloading:after
+    display: inline-block
+    content: 'loading...'
+    margin-left: $indent
+    color: grey
+    margin-bottom: $vindent
+
+a.fragment
+  +fragment
+
+@media #{$only-large}
+  article
+    overflow: auto
+    position: relative
+    & > *
+      float: right
+      width: 70%
+    & > navigation:last-child
+      max-width: 20%
+      position: absolute
+      top: 0
+      left: 0
+
+.tool
+  +tool
+
+.hide_toggle[data-title=Fixed]
+  +icon('gear')
+
+.gallery_item
+  float: left
+  &:not(:last-child)
+    margin-right: $gutter
+
+a
+  &[href]
+    &:not([href^=\/]):not([href^='#']):not(.image)
+      &:after
+        content: '\2192'
+
+hr
+  clear: both
+  margin: rhythm(1) -5%
+  width: 110%
+  height: 2px
+  border: none
+  background-color: rgba(0,0,0,0.2)
+
+.job_control
+  margin-bottom: rhythm(2)
+
+a.remove_element 
+  margin-right: 1em
+
+.entity_lists
+  margin-top: rhythm(1)
+
+section.documentation, .documentation > section
+  clear: both
+  @media #{$not-small}
+    &:not(.short)
+      +column_text
+    &.short
+      max-width: 65em
+  &:not(:last-child)
+    +rhythm(0,0,0,1)
+
+.documentation, section + dl
+  dd.show
+    +boxed
+    border: 1px solid $font-color !important
+
+.examples
+  ul 
+    +clean_list
+    +flat_list
+  a
+    +clean_style
+    +button(0px,0.5)
+
+.row
+  +container
+  clear: both
+
+.list_management 
+  +clearfix
+  width: 20em
+  ~ *
+    clear: both
+  & > ul
+    float: left
+    width: 100%
+    li
+      @extend %button
+      text-align: center
+      float: left
+      width: 6em
+      height: 2em
+      line-height: 2em
+      padding-left: 8px !important
+      padding-right: 8px !important
+      *
+        padding-left: 0 !important
+        padding-right: 0 !important
+        height: 2em !important
+        line-height: 2em !important
+      margin-right: 8px
+      text-align: center
+      margin-bottom: $gutter
+
+table
+  +rbbt_table
+
+.rbbt_reveal_content
+  display: none !important
+
+dl > dd
+  margin-left: 1em
+ul
+  +clean_list
+
+a
+  +clean_style
+
+a:hover
+  text-decoration: underline
+
+a[href="#"]
+  +clean_style
+  &:not(.inactive)
+    +button
+
+ul.table_actions, ul.table_pagination
+  +button_set
+  li > .button, li.button, li
+    &:not(.inactive)
+      +button
+    &.active
+      +bold
+
+.clean_list
+  +clean_list
+
+.content dl
+  .add_gene_list, .database_neighbours, .maps, .select_gene_list
+    +responsive_column
+
+.clearfix
+  +clearfix
+.container, .row
+  +container
+
+.precomputed, .wizard
+  margin-top: rhythm(2)
+  +clearfix
+  clear: both
+
+article
+  +clearfix
+
+.job_files li
+  display: inline-block
+  margin-right: 16px
+  
+.list_comparison_buttons
+  +clean_list()
+  display: inline-block
+  li
+    display: inline-block