rbbt-rest 1.1.5 → 1.2.0

data/share/views/compass/_rbbt.sass

@@ -0,0 +1,11 @@
+@import "foundation"
+@import "functions"
+@import "colors"
+@import "variables"
+
+@import "rbbt/menu"
+@import "rbbt/table"
+@import "rbbt/reveal"
+@import "rbbt/form"
+@import "rbbt/fragment"
+

data/share/views/compass/actions.sass

@@ -1,8 +1,44 @@
 .action_controller
-  ul.controls, ul.actions
+  @media print
+    display: none
+
+  border: 1px solid $color_action_active_border
+  background-color: $color_action_controler_bg
+  border: 1px solid
+  border-color: $color_action_controler_border
+  margin-top: $vindent
+
+  ul.actions
+    +rbbt_button_list($color_bg: $color_action_controler_bg, $color_item_bg: $color_action_active_bg, $width: 19%)
+    li
+      border: 1px solid $color_action_controler_border
+      &.active > a
+        color: $magenta
+      &.loading > a
+        color: $color_alt3
+
+  ul.controls
+    +rbbt_button_list($color_bg: $color_action_controler_bg, $color_item_bg: $color_action_active_bg, $width: 0, $padding: 0 15, $margin: 5px)
+    li
+      border: 1px solid $color_action_controler_border
+
+  ul.controls
+    li
+      a
+        width: 100%
+
+    li.pin.saved.active
+      background-color: gold !important
+
+    li.url.bookmarked.active > a > i
+      color: $red !important
+
+    li.parameters:not(.active), li.reload:not(.active), li.url:not(.active), li.pin:not(.active)
+      background-color: $color_action_inactive_bg
+      cursor: default !important
+      a 
+        cursor: default !important
 
-.action_controller .action_parameters
-  @extend .offcanvas
 
 .action_loader
   .action_card > .title
@@ -16,26 +52,14 @@
     padding: 0
     padding-top: 1em
 
-@media #{$not_small}
-  ul.actions 
-    li.select
-      display: none
 
-@media #{$only_small}
-  .action_controller
-    min-height: 6em
-  ul.actions
-    position: relative
-    min-height: 2.5em
-    li
-      font-size: 1em
-      a
-        width: 100%
-      width: 100%
-      position: absolute
-      top: 0
-      z-index: -10
-      &.active
-        z-index: 10
-        position: relative
+.action_loader
+  span.loading, span.error
+    margin-top: 1em
+    display: inline-block
 
+
+.action_loader
+  &.reloading
+    *
+      color: rgba(0,0,0,0.2) !important

data/share/views/compass/app.sass

@@ -1,50 +1,72 @@
-@import _foundation_setup
-@import style_mixins
-
-@import lists
-@import list_container
-@import dom
-@import form
-@import table
-@import tabs
-@import responsive_table
-
-@import topbar
-@import favourites
-@import footer
-@import entity_card
-@import actions
-@import offcanvas
-@import fragment
-@import workflow
-@import reveal
-@import style
-
-body
-  margin: 0
-  padding: 0
-
-#body
-  min-height: 900px
-
-ul.entities
-  @extend .inline-list
-  li
-    float: left
-  
-dl.details
-  @extend dl.indented
-
-
-.filter_controls
-  @media #{$medium} 
-    div.input
-      @include grid-column(4)
-      &.submit, &.submit > input
-        float: right
-        clear: both
-      label
-        @include ellipsis_text()
-
-.map_management ul
-  @include button-group-list()
+@import "foundation"
+@import "_rbbt"
+
+@import "user"
+@import "workflow"
+@import "finder"
+@import "entity_card"
+@import "favourites"
+@import "actions"
+@import "top_menu"
+@import "help"
+@import "layout"
+
+table
+  +rbbt_table
+
+.table_column_selector
+  +table_column_selector
+
+.rbbt_reveal_content
+  +rbbt_reveal_content
+
+.modal
+  +modal
+
+.action_loader > .action_card > .action_parameters
+  margin-top: 0 
+  border-top: none
+
+.action_parameters
+  +action_parameters
+
+.entity_card, .entity_list_card, .entity_map_card, .action_card
+  +card
+
+  & > .card > .sidebar dl
+    margin: $vindent $indent 
+    +indented_dl
+    font-weight: normal
+    &.rbbt_accordion
+      margin: 0 0
+
+    & > dt, dd
+      border-left: 0
+      border-right: 0
+    dt.next 
+      min-height: 3em
+      font-weight: normal
+      &> span.title
+        margin-left: 3em
+      &> a
+        position: absolute
+        left: $indent
+
+.sidebar
+  overflow-y: hidden
+  overflow-x: hidden
+  p
+    margin-left: $indent
+  ul.entity_list
+    +clean_list
+    margin: $vindent $indent
+    li
+      display: block
+
+a.fragment
+  +fragment
+
+.hide_toggle
+  width: 100%
+  width: 2em
+

data/share/views/compass/colors.sass

@@ -1,231 +1,5 @@
-@import "theme"
+@import 'theme'
+//{{{ RBBT MENUS
 
-//{{{{{{{{{
-//{{{ MAIN
-//{{{{{{{{{
+//{{{ RBBT PANEL
 
-$body-bg:                                               $color_main_text_bg
-$body-font-color:                                       $color_main_text
-$header-font-color:                                     $color_main_text
-
-//{{{{{{{{{
-//{{{ ACTIONS
-//{{{{{{{{{
-
-$actions_active: darken($primary-color, 15%)
-
-//{{{{{{{{{
-//{{{ FOOTER
-//{{{{{{{{{
-
-$footer_bg: lighten($color_contrast_text_bg, 85%)
-$footer_color: lighten($color_contrast_text_bg, 30%)
-
-
-//{{{{{{{{{
-//{{{ TOPBAR
-//{{{{{{{{{
-
-$topbar-bg:                                             $color_contrast_text_bg
-$topbar-dropdown-bg:                                    lighten($color_contrast_text_bg, 30%)
-$topbar-link-color:                                     $color_contrast_text
-$topbar-dropdown-link-color:                            $color_contrast_text
-$topbar-dropdown-toggle-color:                          $color_contrast_text
-$topbar-menu-link-color:                                $color_contrast_text
-$topbar-menu-icon-color:                                $color_contrast_text
-$topbar-menu-link-color-toggled:                        #888
-$topbar-menu-icon-color-toggled:                        #888
-
-//{{{{{{{{{
-//{{{ SECTION
-//{{{{{{{{{
-
-$section-title-color:             $section_title
-$section-title-bg:                $section_title_bg
-$section-title-bg-active-tabs:    $section_active_bg
-$section-content-bg:              $section_content_bg
-
-//{{{{{{{{{
-//{{{ TABS
-//{{{{{{{{{
-
-$tab-background: $section-title-bg
-$tab-border-color: $section-active-bg
-$tab-content-border-color: $primary-color
-
-$tab-active-border-color: darken($section-title-bg-active-tabs, 10%)
-$tab-active-color-bg: $section-title-bg-active-tabs
-$tab-active-content-color-bg: white
-
-$tab-inactive-border-color: $section_title_bg
-$tab-inactive-color-bg: darken(white, 5%)
-
-
-//{{{{{{{{{
-//{{{ PANEL
-//{{{{{{{{{
-
-$panel-bg:                                              darken($color_main_text_bg, 5%)
-$panel-font-color-alt:                                  $color_contrast_text
-
-//{{{{{{{{{
-//{{{ DROPDOWN
-//{{{{{{{{{
-
-$f-dropdown-bg:                   $color_main_text_bg
-$f-dropdown-list-hover-bg:        $very_subtle_main_text_bg
-$dropdown-button-pip-color:                             $color_contrast_text
-$f-dropdown-font-color:                                 $subtle_main_text
-$f-dropdown-border-color:                               $subtle_main_text_bg
-$f-dropdown-triangle-color:                             $color_main_text_bg
-
-//{{{{{{{{{
-//{{{ TABLE
-//{{{{{{{{{
-
-$table-bg:                        $color_main_text_bg
-$table-even-row-bg:               #f9f9f9
-$table-head-bg:                   #f5f5f5
-
-$table-head-font-color:                                 $color_main_text
-$table-row-font-color:                                  $color_main_text
-
-//{{{{{{{{{
-//{{{ BACKGROUNDS
-//{{{{{{{{{
-
-$legend-bg:                       $color_main_text_bg
-$reveal-modal-bg:                 $color_main_text_bg
-
-$custom-form-bg:                  $color_main_text_bg
-$custom-select-bg:                $color_main_text_bg
-$custom-dropdown-bg:              $color_main_text_bg
-$input-bg-color:                  $color_main_text_bg
-$input-focus-bg-color:            darken($color_main_text_bg, 2%)
-$input-prefix-bg:                 darken($color_main_text_bg, 5%)
-$custom-form-bg-disabled:         #ddd
-$input-disabled-bg:               #ddd
-
-//{{{{{{{{{
-//{{{ FONTS
-//{{{{{{{{{
-
-
-$alert-font-color:                                      $color_contrast_text
-$button-font-color:                                     $color_contrast_text
-
-$split-button-pip-color:                                $color_contrast_text
-$sub-nav-active-color:                                  $color_contrast_text
-
-// $button-font-color-alt:                                 #333
-// $panel-font-color:                                      #333
-// $split-button-pip-color-alt:                            #333
-// $dropdown-button-pip-color-alt:                         #333
-
-// $sub-nav-font-color:                                    #999
-// $section-border-color:                                  #ccc
-
-
-//{{{{{{{{{
-//{{{ MISC
-//{{{{{{{{{
-
-// $hr-border-color:                                       #ddd
-
-// $alert-color:                                           #c60f13
-// $success-color:                                         #5da423
-
-// $alert-close-color:                                     #333
-
-// $table-border-color:                                    #ddd
-
-//{{{{{{{{{{{{{{{ {}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
-
-//{{{{{{{{{{{{{{{ {}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
-//{{{ OTHER STUFF {}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
-//{{{{{{{{{{{{{{{ {}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
-
-//{{{{{{{{{{{{{{{ {}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
-
-// $custom-form-border-color:                             #ccc
-// $custom-form-check-color:                              #222
-// $custom-select-fade-to-color:                          #f3f3f3
-// $custom-select-border-color:                           #ddd
-// $custom-select-triangle-color:                         #aaa
-// $custom-select-triangle-color-open:                    #222
-// $custom-select-font-color-selected:                    #141414
-// $custom-select-disabled-color:                         #888
-// $custom-dropdown-border-color:                         darken(#fff, 20%)
-// $custom-dropdown-font-color:                           #555
-// $custom-dropdown-color-selected:                       #eeeeee
-// $custom-dropdown-font-color-selected:                  #000
-
-// $label-font-color:                                     lighten(#000, 30%)
-// $input-bg-color:                                       #fff
-// $input-focus-bg-color:                                 darken(#fff, 2%)
-// $input-border-color:                                   darken(#fff, 20%)
-// $input-focus-border-color:                             darken(#fff, 40%)
-// $fieldset-border-color:                                #ddd
-// $input-prefix-border-color:                            darken(#fff, 20%)
-// $input-prefix-font-color:                              #333
-// $input-prefix-font-color-alt:                          #fff
-// $input-error-message-font-color:                       #fff
-// $input-error-message-font-color-alt:                   #333
-
-// $crumb-font-color-current:                             #333
-// $crumb-font-color-unavailable:                         #999
-// $crumb-slash-color:                                    #aaa
-
-// $clearing-close-color:                                 #fff
-// $clearing-caption-font-color:                          #fff
-
-// $joyride-tip-font-color:                               #fff
-// $joyride-tip-timer-color:                              #666
-// $joyride-tip-close-color:                              #777
-// $keystroke-font-color:                                 #222
-// $keystroke-font-color-alt:                             #fff
-
-// $orbit-caption-font-color:                             #fff
-// $orbit-bullet-nav-color:                               #999
-// $orbit-bullet-nav-color-active:                        #222
-// $orbit-slide-number-font-color:                        #fff
-
-// $pagination-li-font-color:                             #222
-// $pagination-link-font-color:                           #999
-// $pagination-link-unavailable-font-color:               #999
-// $pagination-link-current-font-color:                   #fff
-
-// $price-title-color:                                    #333
-// $price-money-color:                                    #333
-// $price-desc-color:                                     #777
-// $price-item-color:                                     #333
-
-// $reveal-close-color:                                   #aaa
-// $reveal-border-color:                                  #666
-// $switch-negative-color:                                #f5f5f5
-
-// $thumb-border-color:                                   #fff
-// $has-tip-font-color:                                   #333
-// $tooltip-font-color:                                   #fff
-// $tooltip-close-font-color:                             #888
-
-// $microformat-border-color:                             #ddd
-
-
-//{{{{ BACKGROUNDS
-
-// $clearing-bg:                     #111
-// $clearing-carousel-bg:            #111
-// 
-// $keystroke-bg:                    darken(#fff, $keystroke-function-factor)
-// $orbit-caption-bg-old-browser:    #000
-// $pagination-link-active-bg:       darken(#fff, 10%)
-// $price-title-bg:                  #ddd
-// $price-money-bg:                  #eee
-// $price-bg:                        #fff
-// $price-cta-bg:                    #f5f5f5
-// 
-// $switch-bg:                       #fff
-// $switch-paddle-bg:                #fff
-// 
-// $tooltip-bg:                      #000