rbbt-rest 1.1.5 → 1.2.0

data/share/views/compass/rbbt/form.sass

@@ -0,0 +1,84 @@
+=action_parameters
+  @media print
+    display: none
+
+  +grid_row
+  margin-top: $vindent
+  margin-bottom: $vindent
+  background-color: $color_action_parameters_bg
+  border: 1px solid $color_action_parameters_border
+  padding-top: $vindent
+  padding-bottom: $vindent
+
+  .input
+    min-width: 900px * 0.3
+    max-width: 100% !important
+    +grid-column
+    @media #{$only-large}
+      width: 31%
+    @media #{$not-large}
+      width: 95%
+    
+    padding: $vindent $indent
+    min-height: 2 * $vindent + 50px
+    margin-left: 0
+    text-align: left
+    border-top: 1px solid darken($color_action_parameters_bg, 15)
+    margin: 5px
+    margin-top: 10px
+
+    & > select, & > input
+      font-size: 1em
+
+    & > span.file_or_text_area
+      float: right
+      &:before
+        content: "\02026"
+    & > label
+      position: absolute
+      display: inline-block
+      top: -1em
+      left: $indent
+      padding: 1px 5px
+      background-color: $color_action_parameters_bg
+      border-right: 1px solid darken($color_action_parameters_bg, 15)
+      border-left: 1px solid darken($color_action_parameters_bg, 15)
+      box-shadow: -$indent 0 0 $color_action_parameters_bg 
+      white-space: nowrap
+      +ellipsis_text
+      max-width: 70%
+
+    &.array, &.tsv, &.text
+      width: 99%
+      textarea
+        width: 100%
+        height: 10em
+    &.boolean
+    &.submit:last-child
+      @media #{$only-large}
+        width: 99%
+      float: right
+      clear: both
+      min-height: 0
+      text-align: right
+
+
+      border: none
+      border-top: 1px solid darken($color_action_parameters_bg, 15)
+      padding-bottom: 0px
+    &.multiple
+      width: auto
+      text-align: left
+      label
+        display: block
+      span.choice
+        margin-right: $indent
+        white-space: nowrap
+        label
+          display: inline-block
+
+  label
+    margin: 1px
+    margin-bottom: 3px
+    display: inline-block
+    font-color: $color_action_parameter_label

data/share/views/compass/rbbt/fragment.sass

@@ -0,0 +1,7 @@
+=fragment
+  &.reloading:after
+    display: inline-block
+    content: 'loading...'
+    margin-left: $indent
+    color: grey
+    margin-bottom: $vindent

data/share/views/compass/rbbt/menu.sass

@@ -0,0 +1,189 @@
+=_rbbt_menu_item($color_bg: $color_menu_item_bg, $color_text: $color_menu_item_text)
+  background-color: $color_bg
+  color: $color_menu_text
+  margin: $margin_menu_item
+
+  padding: 0px $indent
+
+  font-size: 1em
+  font-weight: normal
+  text-decoration: none
+  display: inline-block
+  font-weight: normal
+  cursor: pointer
+  &.show
+    font-weight: bold
+    color: $color_alt2
+    & > span
+      color: $color_alt2 !important
+
+
+=rbbt_menu_item($color_bg: $color_menu_item_bg, $color_text: $color_menu_item_text)
+  +_rbbt_menu_item($color_bg, $color_text)
+
+  height: $size_menu_item
+  border-left: 1px solid $color_menu_border
+  margin-left: 0px
+  &:first-child, &.first_item
+    margin-left: $margin_menu_item
+    border-left: 0px
+    box-shadow: none 
+
+=rbbt_vertical_menu_item($color_bg: $color_menu_item_bg, $color_text: $color_menu_item_text)
+  +_rbbt_menu_item($color_bg, $color_text)
+  height: $size_menu_item
+  white-space: nowrap
+
+=rbbt_accordion_menu_item($color_bg: $color_menu_item_bg, $color_text: $color_menu_item_text)
+  +_rbbt_menu_item($color_bg, $color_text)
+  border: 1px solid $color_menu_border
+  border-top: 0px 
+  &:first-child
+    border-top: 1px solid $color_menu_border
+  width: 100%
+  margin: 0
+  padding: 7px
+
+=rbbt_tab_menu_item($color_bg: $color_menu_item_bg, $color_text: $color_menu_item_text)
+  +_rbbt_menu_item($color_bg, $color_text)
+
+  height: $size_menu_item
+  border-left: 1px solid $color_menu_border
+  margin-left: 0px
+  &:first-child, &.first_item
+    margin-left: $margin_menu_item
+    border-left: 0px
+    box-shadow: none 
+
+
+//{{{ Menu Content
+
+=_rbbt_menu_content($color_bg: $color_menu_content_bg, $color_text: $color_menu_content_text, $z-index: $z-index_menu_content)
+  background-color: $color_bg
+  color: $color_text
+  z-index: $z-index
+  &.content
+    padding: $vindent $indent
+  &:not(.show)
+    position: absolute
+    width: 10
+    height: 10
+    overflow: hidden
+    top: -9999px
+
+=rbbt_menu_content($color_bg: $color_menu_content_bg, $color_text: $color_menu_content_text, $top: 2 * $margin_menu_item + $size_menu_item + 1, $z-index: $z-index_menu_content)
+  +_rbbt_menu_content($color_bg, $color_text,$z-index)
+  border: 1px solid $color_menu_border
+  margin-left: -1px
+  margin-top: -1px
+  position: absolute
+  top: $top
+
+=rbbt_vertical_menu_content($color_bg: $color_menu_content_bg, $color_text: $color_menu_content_text, $z-index: $z-index_menu_content)
+  +_rbbt_menu_content($color_bg, $color_text,$z-index)
+  border-left: 1px solid $color_menu_border
+  margin-left: -1px
+  padding: 7px
+  position: absolute
+  top: 0
+  right: 0
+
+=rbbt_accordion_menu_content($color_bg: $color_menu_content_bg, $color_text: $color_menu_content_text, $z-index: $z-index_menu_content)
+  +_rbbt_menu_content($color_bg, $color_text, $z-index)
+  border: 1px solid $color_menu_border
+  border-top: 0px  !important
+  margin-bottom: 0
+  padding: $margin_menu_item
+
+=rbbt_tab_menu_content($color_bg: $color_menu_content_bg, $color_text: $color_menu_content_text, $top: 2 * $margin_menu_item + $size_menu_item + 7px, $z-index: $z-index_menu_content)
+  +_rbbt_menu_content($color_bg, $color_text,$z-index)
+  border: 0px
+  border-top: 1px solid $color_menu_border
+  margin-left: -1px
+  margin-top: 0px
+  float: right
+  width: 100%
+  margin-bottom: 0
+  padding: $vindent $indent
+
+
+//{{{ Menus 
+=rbbt_menu($color_bg: $color_menu_bg, $color_text: $color_menu_text,  $color_item_bg: $color_menu_item_bg, $color_item_text: $color_menu_item_text, $color_content_bg: $color_menu_content_bg, $color_content_text: $color_menu_content_text, $z-index: $z-index_menu_content)
+  +clearfix
+  margin: 0
+  border: 1px solid $color_menu_border
+  background-color: $color_bg
+  position: relative
+  & > dt
+    +rbbt_menu_item($color_item_bg, $color_item_text)
+    float: left
+
+  & > dd
+    +rbbt_menu_content($color_content_bg, $color_content_text, $z-index: $z-index)
+
+=rbbt_vertical_menu($height: 500px, $color_bg: $color_menu_bg, $color_text: $color_menu_text,  $color_item_bg: $color_menu_item_bg, $color_item_text: $color_menu_item_text, $color_content_bg: lighten($color_menu_content_bg, 55), $color_content_text: $color_menu_content_text, $z-index: $z-index_menu_content)
+  +clearfix
+  margin: 0
+  height: $height
+  background-color: $color_bg
+  position: relative
+  overflow-x: auto
+  & > dt
+    +rbbt_vertical_menu_item($color_item_bg, $color_item_text)
+    min-width: 100px
+    max-width: 30%
+    display: block
+    float:left
+    clear:both
+
+  & > dd
+    +rbbt_vertical_menu_content($color_content_bg, $color_content_text, $z-index)
+    overflow-x: auto
+    min-width: 100px
+    height: $height
+    width: 70%
+    float: right
+
+
+=rbbt_accordion($color_bg: $color_menu_bg, $color_text: $color_menu_text,  $color_item_bg: $color_menu_item_bg, $color_item_text: $color_menu_item_text, $color_content_bg: lighten($color_menu_content_bg, 55), $color_content_text: $color_menu_content_text, $z-index: $z-index_menu_content)
+  +clearfix
+  margin: 0
+  background-color: $color_bg
+  & > dt
+    +rbbt_accordion_menu_item($color_item_bg, $color_item_text)
+
+  & > dd
+    +rbbt_accordion_menu_content($color_content_bg, $color_content_text, $z-index)
+
+=rbbt_tabs($color_bg: $color_menu_bg, $color_text: $color_menu_text,  $color_item_bg: $color_menu_item_bg, $color_item_text: $color_menu_item_text, $color_content_bg: lighten($color_menu_content_bg, 55), $color_content_text: $color_menu_content_text, $color_border: $color_menu_border, $z-index: $z-index_menu_content)
+  +clearfix
+  border: 1px solid $color_border
+  background-color: $color_bg
+  position: relative
+  & > dt
+    +rbbt_tab_menu_item($color_item_bg, $color_item_text)
+
+  & > dd
+    +rbbt_tab_menu_content($color_content_bg, $color_content_text, $z-index)
+
+=rbbt_button_list($color_bg: $color_menu_bg, $color_text: $color_menu_text,  $color_item_bg: $color_menu_item_bg, $color_item_text: $color_menu_item_text, $color_item_border: $color_menu_border, $width: auto, $padding: 1px 3px, $margin: 4px)
+  +grid_row
+  +clearfix
+  background-color: $color_bg
+  margin: 0
+  padding-top: $margin
+  padding-left: $margin
+  li
+    +grid_column
+    +_rbbt_menu_item($color_item_bg, $color_item_text)
+    border: 1px solid $color_menu_border
+    padding: $padding
+    min-width: $width
+    text-align: center
+    margin: 0
+    margin-right: $margin
+    margin-bottom: $margin
+    a
+      width: 100%
+      display: inline-block
+

data/share/views/compass/rbbt/reveal.sass

@@ -0,0 +1,46 @@
+=rbbt_reveal_content
+  display: none !important
+
+=modal
+  +rbbt_panel(#fff, #000)
+  position: fixed
+  left: 0
+  z-index: 20
+
+  @media #{$not-large}
+    top: $size_menu_item
+    border: 10px solid rgba(0,0,0,0.3)
+  @media #{$only-large}
+    top: $size_menu_item
+    border: 50px solid rgba(0,0,0,0.3)
+  // or not...
+  height: 100%
+  overflow: auto
+  width: 100%
+  & > .header
+    font-size: 1.5em
+    .controls
+      float: right
+      a
+        margin-left: $indent
+    .title
+      float: left
+
+    width: 100%
+    +clearfix
+    border-bottom: 1px solid grey
+    margin-bottom: $vindent
+
+  &:not(.url)
+    .controls
+      a.link-reveal-modal
+        display: none
+  &:not(.entity)
+    .controls
+      a.toggle_favourite
+        display: none
+
+  a.toggle_favourite.active > i
+    color: gold !important
+
+

data/share/views/compass/rbbt/table.sass

@@ -0,0 +1,169 @@
+$triglecolor: rgba(0,0,0,0.15)
+$margin_table_actions: 7px
+$padding_table: 5px 7px
+$color_table_border: darken($table_color, 45)
+=rbbt_table()
+  caption
+    text-align: left
+    margin-bottom: $vindent / 2
+
+  background-color: lighten($table_color, 5)
+  border: 1px solid $color_table_border
+  padding: $padding_table
+  font-size: 14px
+  margin: $vindent 0
+  border-collapse: collapse
+ 
+  td, th
+    padding: $padding_table 
+    margin: 0
+    text-align: left
+    vertical-align: center
+
+  tr:nth-child(2n)
+    background-color: lighten($table_color, 2)
+ 
+  th
+    background-color: darken($table_color, 10)
+
+  &.wide
+    td
+      max-width: 200px
+      overflow: hidden
+      text-overflow: ellipsis
+
+  tfoot
+    th
+      background-color: lighten($table_color, 5)
+    ul.table_actions li
+      margin-left: $margin_table_actions
+    ul.table_pagination
+      +clean_list
+      margin-bottom: 0
+      float: left
+      margin-right: $indent
+      li
+        margin-left: $margin_table_actions
+        &.active a
+          text-decoration: underline
+
+
+    ul.table_actions
+      +clean_list
+      margin-bottom: 0
+      float: left
+      li.filter
+      @media print
+        &
+          display: none
+
+    
+  &.sorted
+    thead
+      tr
+        th
+          position: relative
+
+          &:hover 
+            cursor: pointer
+
+          &.headerSortUp:after, &.headerSortDown:after
+            content: " "
+            float: right
+            right: 0
+ 
+          &.headerSortDown:after
+            margin-top: 5px
+            @include css-triangle(5px, $triglecolor, top)
+
+          &.headerSortUp:after
+            margin-bottom: 5px
+            @include css-triangle(5px, $triglecolor, bottom)
+
+=table_column_selector
+  li
+    @include grid-row()
+
+    span
+      @include ellipsis_text()
+      @include grid-column(8)
+    a
+      @include grid-column(2, $last-column:false)
+
+=responsive_table()
+  caption
+    display: block
+  display: block
+  position: relative
+  width: 100%
+  border-collapse: collapse
+  border-spacing: 0
+  th, td 
+    margin: 0
+    vertical-align: top
+    height: 2em
+
+  th 
+    text-align: left
+
+  thead 
+    display: block
+    float: left
+    max-width: 40%
+    white-space: nowrap
+    overflow: auto
+    overflow-y: hidden
+
+  tfoot
+    width: 100%
+
+  tbody 
+    display: block
+    width: auto
+    position: relative
+    overflow-x: auto
+    white-space: nowrap
+   
+
+  thead tr 
+    display: block
+   
+
+  th 
+    display: block
+    text-align: right
+   
+
+  tbody tr 
+    display: inline-block
+    vertical-align: top
+   
+
+  td 
+    display: block
+    min-height: 1.25em
+    text-align: left
+ 
+  /* sort out borders */
+
+  th 
+    border-bottom: 0
+    border-left: 0
+   
+
+  td 
+    border-left: 0
+    border-right: 0
+    border-bottom: 0
+   
+
+  tbody tr 
+    border-left: 1px solid #babcbf
+   
+
+  //th:last-child, td:last-child 
+  //tfoot
+    border: 2px solid #babcbf
+    border-top: 1px solid #babcbf
+     
+