rbbt-rest 1.6.2 → 1.6.3

data/share/views/compass/mixins/_hide.sass

@@ -1 +1,76 @@
-@import "base/hide"
+@import "compass/css3/animation"
+@import "compass/css3/opacity"
+@import "compass/css3/box-shadow"
+
+$jiffy: 0.28s
+
++keyframes(scroll-up)
+  100%
+    max-height: 200px
+    margin-top: -400px
+    overflow: hidden
+    z-index: -1
+    +box-shadow(rgba(0,0,0,0))
+  50%
+    max-height: 300px
+    margin-top: -100px
+    overflow: hidden
+    z-index: -1
+    +box-shadow(rgba(0,0,0,0))
+  0%
+    max-height: 500px
+    overflow: hidden
+    z-index: -1
+    +box-shadow(rgba(0,0,0,0))
+
++keyframes(scroll-down)
+  0%
+    max-height: 200px
+    margin-top: -400px
+    overflow: hidden
+    z-index: -1
+    +box-shadow(rgba(0,0,0,0))
+  100%
+    max-height: 500px
+    overflow: hidden
+    z-index: -1
+    +box-shadow(rgba(0,0,0,0))
+
++keyframes(grow-down)
+  0% 
+    max-height: 0px
+    padding-top: 0px
+    padding-bottom: 0px
+    +opacity(0.2)
+
+  100% 
+    max-height: 500px
+
++keyframes(shrink-up)
+  100% 
+    border: none
+    max-height: 0px
+    padding-top: 0px
+    padding-bottom: 0px
+    overflow: hidden
+    +opacity(0.1)
+  0% 
+    border: none
+    max-height: 500px
+    overflow: hidden
+
+=shifting-up
+  &:not(.show)
+    +animation(scroll-up $jiffy forwards)
+    overflow: hidden
+  &.show
+    +animation(scroll-down $jiffy*2)
+
+=shrinking-up
+  &:not(.show)
+    +animation(shrink-up $jiffy forwards)
+    overflow: hidden
+  &.show
+    +animation(grow-down $jiffy*2)
+    overflow: hidden
+

data/share/views/compass/table.sass

@@ -0,0 +1,142 @@
+@import "layout/reveal"
+@import "susy"
+
+table
+  min-width: 30%
+
+  caption
+    text-align: left
+
+  border-collapse: collapse
+
+  tbody, thead, tfoot
+    & > tr:nth-child(2n)
+    & > tr
+      & > td, & > th
+        margin: 0
+        text-align: left
+ 
+  td, th
+    vertical-align: center
+    a
+      white-space: nowrap
+
+  &.wide
+    td
+      max-width: 200px
+      overflow: hidden
+      text-overflow: ellipsis
+
+  tfoot
+    ul.table_actions li
+    ul.table_pagination, ul.table_actions
+      display: flex
+      li > .button, li.button, li
+        min-width: 3em
+        text-align: center
+      float: left
+      margin-right: 1em
+      li.num.active, li.num.active > *
+        text-decoration: underline
+
+    ul.table_actions
+      @media print
+        &
+          display: none
+
+  &.sorted > thead > tr > th
+    position: relative
+    &, &:hover
+      &.headerSortDown
+
+
+    &.headerSortUp:after, &.headerSortDown:after
+      content: " "
+      float: right
+      right: 0
+
+    &.headerSortDown:after
+      margin-top: 5px
+
+    &.headerSortUp:after
+      margin-bottom: 5px
+
+////=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
+  & > thead, & > tbody
+    & > tr
+      & > th, & > td 
+        margin: 0
+        vertical-align: top
+        height: 3em
+
+      & > th
+        display: block
+        text-align: right
+
+      & > td
+        display: block
+        text-align: left
+
+  & > thead 
+    display: block
+    float: left
+    max-width: 40%
+    white-space: nowrap
+    overflow: auto
+    overflow-y: hidden
+    & > tr 
+      display: block
+      & > th 
+        text-align: left
+
+  & > tfoot
+    width: 100%
+    & > tr > th
+      padding: 0
+
+  & > tbody 
+    display: block
+    width: auto
+    position: relative
+    overflow-x: auto
+    white-space: nowrap
+    & > tr 
+      display: inline-block
+      vertical-align: top
+   
+  /* sort out borders */
+
+  & > thead, & > tbody, & > tfoot
+    & > tr > th, & > tr > td
+      border-left: 0
+      border-right: 0
+      border-bottom: 0
+
+
+
+table > tbody:empty
+  &:before
+    content: "Empty table"
+    width: 100%
+    padding: $tile
+    text-align: center
+    display: inline-block
+  ~ tfoot
+    display: none

data/share/views/compass/variables/colors.sass

@@ -0,0 +1,7 @@
+$color-one: #E6E2AF
+$color-two: tint($color-one, 20)
+$color-accent: #046380 
+
+$color-link: #046380
+
+$subtle-border: rgba(0,0,0,0.12)

data/share/views/compass/variables/sizes.sass

@@ -0,0 +1,5 @@
+$tile: 8px
+$gap: 4px
+
+$touch-tile: 2 * $tile
+$touch-size: 3 * $touch-tile

data/share/views/entity_partials/action_card.haml

@@ -1,8 +1,6 @@
-.action_card
-  .title
+.action_card.ui.very.basic.segment
+  .title.ui.header
     .name
-      = Misc.humanize page_action if page_action
-    .long_name
       - case page_type
       - when 'entity_action'
         = @entity.respond_to?(:name) ? @entity.name || @entity : @entity
@@ -10,9 +8,11 @@
         = Misc.humanize page_entity_list
       - when 'entity_map_action'
         = Misc.humanize page_entity_map
+    .long_name
+      = Misc.humanize page_action if page_action
 
   - if card.description
-    .action_description
+    .action_description.ui.basic.segment
       - case card.description
       - when String
         = card.description

data/share/views/entity_partials/action_controller.haml

@@ -1,46 +1,44 @@
 - entity = controller.entity
 - if controller.actions.any?
-  .action_controller
-    %ul.controls
-
-      %li.reload.ui.icon.button
-        %a.reload_action(href="#" title="Refresh action")
-          %i.general.fi-reload
-
-      %li.description.ui.icon.button
-        %a(href="#" title="View description")
-          %i.general.fi-book
-
-      %li.parameters.ui.icon.button
-        %a(href="#" title="Configure parameters")
-          %i.general.fi-widget
-
-      %li.pin.ui.icon.button
-        %a(href="#" title="Make this configuration default")
-          %i.general.fi-paperclip
-
-      %li.url.ui.icon.button
-        %a(href="#" title="Bookmark action")
-          %i.general.fi-bookmark
-
-
-    %ul.actions
-      - last_resource = nil
-      - controller.actions.each do |action, text, resource, params|
-        %li.ui.button(class="#{last_resource and last_resource != resource ? "new_resource" : ""}" attr-resource="#{resource}")
+  .card_actions.ui.segment
+    .action_controller
+      .ui.buttons.controls
+        %a.item.reload.ui.icon.disabled.button(href="#" title="Refresh action")
+          %i.icon.repeat
+
+        -#%a.item.description.ui.icon.disabled.button(href="#" title="View description")
+          %i.icon.book
+
+        -#%a.item.parameters.ui.icon.disabled.button(href="#" title="Configure parameters")
+          %i.icon.setting
+
+        
+        -#%a.item.pin.ui.icon.disabled.button(href="#" title="Make this configuration default")
+          %i.icon.pin
+
+        
+        -#%a.item.url.ui.icon.disabled.button(href="#" title="Bookmark action")
+          %i.icon.bookmark
+
+      .ui.buttons.action_menu
+        - last_resource = nil
+        - controller.actions.each do |action, text, resource, params|
+          //.ui.item.button(class="#{last_resource and last_resource != resource ? "new_resource" : ""}" attr-resource="#{resource}")
           - case
           - when AnnotatedArray === entity
             - id = params.delete :id if Hash === params
             - id = controller.id if id.nil?
-            = entity.list_action_link action, text, id, params.merge(:reuse => true)
+            = entity.list_action_link action, text, id, params.merge(:reuse => true, :class => 'ui item button')
           - when TSV === entity
             - id = params.delete :id if Hash === params
             - id = controller.id if id.nil?
             - type = page_entity_type
             - column = page_entity_map_column
-            %a.entity_map_action(href="#{Entity::REST.entity_map_action_url id, type, column, action}")= text 
+            %a.entity_map_action.ui.item.button(href="#{Entity::REST.entity_map_action_url id, type, column, action}")= text 
           - else
-            = entity.action_link action, text, params
-        - last_resource = resource
+            = entity.action_link action, text, params.merge(:class => 'ui item button')
+          - last_resource = resource
+
+      .progress.ui.message
 
-  .action_loader
+    .action_loader.ui.very.basic.segment<

data/share/views/entity_partials/entity_card.haml

@@ -1,8 +1,9 @@
 - entity = card.entity
 - entity_id = "entity__" + entity.id
-.entity_card(id=entity_id)
+- default = entity.respond_to?(:default)? entity.default || entity.to_s : entity.to_s
+.entity_card.ui.very.basic.segment(data-entity=entity data-entity-id=default data-entity-type="#{entity.base_type}" data-entity-format="#{entity.respond_to?(:format) ? entity.format : ""}" data-entity-info="#{entity.info.to_json}")
   /-- title --
-  .title
+  .ui.header.title
     .name
       - case card.name
       - when nil
@@ -21,16 +22,17 @@
       - when Proc
         = fragment :long_name, &card.long_name
 
-  .card
+  .content
     - info = entity.info.dup
     - info.delete :annotated_array
     - info.delete :annotation_types
     - if info.any? or card.meta
       /-- sidebar --
-      .sidebar.offcanvas
+      .info.ui.compact.segment
         .meta
-          .entity_info
-            = hash2dl(info)
+          - if info.any?
+            .entity_info
+              = hash2dl(info)
 
           - case card.meta
           - when nil
@@ -39,34 +41,33 @@
           - when Proc
             = fragment :meta, &card.meta
           - if card.list_container
-            .entity_lists
-              = list_container_render(card.list_container)
+            = list_container_render(card.list_container)
 
 
 
     /-- content --
-    .content<
-      - case card.description
-      - when nil
-        - if entity.respond_to?(:description) and entity.description
-          /-- description --
-          .description
-            %p= entity.description
-      - when String
-        /-- description --
-        .description
-          :documentation
-            #{card.description}
-      - when Proc
+    - case card.description
+    - when nil
+      - if entity.respond_to?(:description) and entity.description
         /-- description --
+        .description.ui.compact.basic.segment<
+          %p= entity.description
+    - when String
+      /-- description --
+      .description.ui.compact.basic.segment<
+        :documentation
+          #{card.description}
+    - when Proc
+      /-- description --
+      .description.ui.compact.basic.segment<
         = fragment :description, &card.description
 
-      - if defined? block and block
-        /-- content block --
+    - if defined? block and block
+      /-- content block --
+      .description.ui.compact.basic.segment<
         = capture_haml &block
 
-      - if card.action_controller
-        /-- actions --
-        .actions.togglable_hide(hide-title='Actions')<
-          = action_controller_render(card.action_controller)
+    - if card.action_controller
+      /-- actions --
+      = action_controller_render(card.action_controller)
 

data/share/views/entity_partials/entity_list_card.haml

@@ -1,41 +1,32 @@
 - list = card.list
 - list_id = card.list_id
-.entity_list_card(id="#{ list_id.gsub(/\s/,'_') }_card")
+.entity_list_card.ui.very.basic.segment(id="#{ list_id.gsub(/\s/,'_') }_card" data-list=list_id data-list-type="#{list.base_type}")
 
   /-- title --
-  .title
+  .title.ui.header
     .name
       = list.base_type
       List
     .long_name
       = Misc.humanize list_id
 
-  .card
+  .content
 
     /-- sidebar --
-    .sidebar.offcanvas
+    .ui.segment.info
       .meta
-        .list_management
+        .list_management.ui.buttons
+          %a.compare_list.ui.button(href="#" data-reveal-id='modal1') Compare
+          %a.list_list.ui.button(href="#{request.path_info + "?_format=list"}") List
 
-          %ul
+          - if list.respond_to? :name
+            %a.name_list.ui.button(href="#{request.path_info + "?_format=name"}") Name
 
-            %li
-              %a.compare_list(href="#" data-reveal-id='modal1') Compare
-            %li
-              %a.list_list(href="#{request.path_info + "?_format=list"}") List
+          - if list.respond_to? :ensembl
+            %a.ensembl_list.ui.button(href="#{request.path_info + "?_format=ensembl"}") Ensembl
 
-            - if list.respond_to? :name
-              %li
-                %a.name_list(href="#{request.path_info + "?_format=name"}") Name
-
-            - if list.respond_to? :ensembl
-              %li
-                %a.ensembl_list(href="#{request.path_info + "?_format=ensembl"}") Ensembl
-
-            %li
-              %a.download_list(href="#{request.path_info + "?_format=raw"}") Raw
-            %li
-              %a.edit_list(href="#") Edit
+          %a.download_list.ui.button(href="#{request.path_info + "?_format=raw"}") Raw
+          %a.edit_list.ui.button(href="#") Edit
 
         .entity_info
           - info = list.info.dup
@@ -52,7 +43,7 @@
         .entities
           %p #{list.length} entities
           - if (defined? force and force) or list.length < 500
-            %ul.entity_list
+            %ul.entity_list.clean_list
               - list = list.sort_by{|g| g.name || "Z" << g} if list.respond_to? :name
               - list.link.each do |link|
                 %li= link
@@ -61,7 +52,7 @@
               = reveal "Too many entities to list (#{list.length})" do
                 = fragment do
                   - list = list.sort_by{|g| g.name || "Z" << g} if list.respond_to? :name
-                  %ul.entity_list
+                  %ul.entity_list.clean_list
                     - list.link.each do |link|
                       %li= link
  
@@ -71,22 +62,19 @@
 
 
 
-    /-- content --
-    .content
-      /-- description --
-      .description<
-        - case card.description
-        - when nil
-          - if list.length == list.uniq.length
-            %p== #{ list.length } elements
-          - else
-            %p== #{ list.length } elements (#{list.uniq.length} unique)
-        - when String
-          %p= card.description
-        - when Proc
-          = capture_haml &card.description
+    /-- description --
+    .description.ui.basic.segment<
+      - case card.description
+      - when nil
+        - if list.length == list.uniq.length
+          %p== #{ list.length } elements
+        - else
+          %p== #{ list.length } elements (#{list.uniq.length} unique)
+      - when String
+        %p= card.description
+      - when Proc
+        = capture_haml &card.description
 
-      - if card.action_controller
-        /-- actions --
-        .actions.togglable_hide(hide-title="Actions")<
-          = action_controller_render(card.action_controller)
+    - if card.action_controller
+      /-- actions --
+      = action_controller_render(card.action_controller)