rbbt-rest 1.1.5 → 1.2.0

data/share/views/compass/entity_card.sass

@@ -1,113 +1,49 @@
-// GRID LAYOUT
-.entity_card, .entity_list_card, .action_card, .entity_map_card
+=card_title
+  margin-bottom: $vindent
+  .name
+    @extend h3
+    //font-size: 1.5em
+    //font-weight: 600
+    //margin-bottom: 0.3em
+  .long_name
+    font-size: 1.2em
+    font-weight: 600
+    //margin-top: 0  
+    margin-left: $indent 
+    //display: inline-block
+    //text-overflow: ellipsis
+
+=card
+  +grid-row()
 
   & > .title
-    @include grid-row(collapse)
-    @include grid-column()
-
-  & > .card
-    clear: both
-    @include grid-row()
-
-    @media #{$not_small}
-      & > .sidebar
-        @include grid-column(3, $float:left)
-      & > .content
-        @include grid-column(9, $float:right, $last-column:true, $collapse:true)
-
-    @media #{$only_small}
-      & > .sidebar
-        @include grid-column(4)
-      & > .content
-        @include grid-column(12, $collapse:true, $float:none)
-
-    & > .content
-      position: relative
-      & > .description
-        @include grid-row()
-        @include grid-column(12)
-        width: 100%
-      & > .actions
-        width: 100%
-        & > .action_controller
-          @include grid-row()
-          @include grid-column(12)
-          width: 100%
-        & > .action_loader
-          @include grid-row()
-          @include grid-column(12)
-    
-
-  & > .action_parameters
-    @include grid-row()
-    @include grid-column()
-
-  & > .action_content
-    @include grid-row()
-    @include grid-column($float:none)
-    margin-top: 0
-    clear: left 
- 
-  
-.entity_card, .entity_list_card, .action_card, .entity_map_card
-  & > .title
-    margin-bottom: 1em
-
-    .name
-      @extend h3
-      font-weight: 600
-      margin-bottom: 0.3em
-    .long_name
-      @extend h5 
-      font-weight: 200
-      margin-top: 0  
-      margin-left: 1em 
-      display: inline-block
-      text-overflow: ellipsis
+    +card_title
+    width: 100%
+    padding: 0
 
   & > .card
-
-    & > .sidebar
-      .meta
-        padding: $vindent 0 0 0
-        +panel_background()
-        & > *
-          padding: 0 $indent
-        dl
-          +dl_indented()
-
-        div.entity_lists
-          padding: 0
-
-        ul.entity_list
-          list-style: none
-
-        .list_management
-          ul
-            overflow: auto
-            list-style: none
-            li > a
-              @extend .button
-              @extend .tiny
-
-    & > .content
-      position: relative
-      div.description
-        margin-bottom: 20px
-        p
-          text-align: justify
-          max-width: 50em
-
-
-@media #{$not-small}
-  .reveal-modal
-    .entity_card, .entity_list_card, .action_card, .entity_map_card 
-      &> .card
-        &>.sidebar
-          width: 33% 
-        &>.content
-          width: 67%
-
-form.rename
-  input[name=rename]
     width: 100%
+    padding: 0
+    position: relative
+    & > .sidebar
+      +rbbt_panel
+      z-index: 10
+      @media #{$not-large}
+        width: 100%
+        &:not(.shown)
+          display: none
+      @media #{$only-large}
+        +grid-column(3, $float:left)
+      padding: 0px !important
+
+      margin-bottom: $vindent
+    & > .content, & > .action_content
+      @media #{$not-large}
+      @media #{$only-large}
+        +grid-column(9, $float:right, $last_column: true)
+      padding-right: 0px !important
+
+    & > .actions
+      .action_controller
+        > ul
+          +clean_list

data/share/views/compass/favourites.sass

@@ -1,75 +1,20 @@
-.reveal-modal a.toggle_favourite
-  &:not(.active)
-    i
-      color: black !important
+#top_menu > ul > li.favourites > dl > dd > dl > dd > ul
+  margin: 0
+  & > li
+    @media #{only-large}
+      +ellipsis_text
+    display: block 
 
-a#toggle_favourite, .reveal-modal a.toggle_favourite
-  &.inactive
-    span.remove
-      display: none !important
-    i
-      color: white
- 
-  &.active
-    span.add
-      display: none !important
-    i
-      color: yellow
-      
-#find_wrapper
-  background-color: grey
-  position: absolute
-  top: 3.2em
-  left: 14em
-  z-index: 999
-  ul
-    li
-      margin-bottom: 2px
-      list-style: none
-      span.code
-        font-size: 0.5em
-        margin-left: 1em
+#top_menu > ul > li.user ul.jobs 
+  margin: 0
+  & > li
+    @media #{only-large}
+      +ellipsis_text
+    display: block 
 
-ul.favourite_entity_lists
-  li
-    ul
-      li:not(.title)
-        +clearfix()
-        position: relative
-        width: 100%
-        padding-right: 3em
-        a 
-          min-height: 1em
-          display: inline-block !important
-          &.highlight
-            width: 3em !important
-            position: absolute
-            left: 0
-            &.active
-              i
-                color: yellow
-          &:not(.highlight)
-            position: relative
-            margin-left: 3em
 
-      
-ul.favourite_entities, ul.favourite_entity_lists, ul.favourite_entity_maps
-  ul.dropdown
-    li
-      @media #{ $not-small }
-        background: none repeat scroll 0 0 #00434C
-      a
-        @media #{ $not-small }
-          +ellipsis_text()
-          max-width: 400px
-        z-index: 9
-        &:not(.highlight):hover
-          white-space: normal !important
-          z-index: 10
-
-
-//@media only screen and (max-width: 767px) 
-  #find_wrapper
-    top: 9em
-    left: 0em
- 
+select[type=All]
+  option[disabled]
+    font-weight: bold
+    &:before
+      content: "\000A7\000A0"

data/share/views/compass/finder.sass

@@ -0,0 +1,30 @@
+li.find
+  @media #{$only-large}
+    width: 19em
+    margin-left: $indent
+    margin-right: $indent
+  @media #{$not-large}
+    width: 50%
+    margin: 0 
+    padding: 0
+  form
+    width: 98%
+    @media #{$not-large}
+      margin-left: auto
+      margin-right: auto
+    position: relative
+    +rbbt_menu_item($color_bg: rgba(0,0,0,0))
+    padding: 0
+    input[type=text]
+      width: 100%
+      height: 2em
+      padding-right: $width_finder_button
+    button[type=submit]
+      width: $width_finder_button
+      display: inline-block
+      @media #{$not-large}
+        display: none
+      position: absolute
+      bottom: 1px
+      right: 0
+      height: 2em

data/share/views/compass/foundation.sass

@@ -0,0 +1,79 @@
+// Make sure the charset is set appropriately
+@charset "UTF-8"
+
+// This includes all of the foundation global elements that are needed to work with any of the other files.
+@import "foundation/variables"
+
+
+$breakpoint: 1024px
+
+$small-screen: emCalc($breakpoint) 
+$medium-screen: emCalc(1280px) 
+$large-screen: emCalc(1440px) 
+
+//$small: "only screen and (min-width:"#{$small-screen}")" 
+//$medium: "only screen and (min-width:"#{$medium-screen}")" 
+//$large: "only screen and (min-width:"#{$large-screen}")" 
+//
+//
+//$very_small: "only screen and (max-width: #{$small-screen / 2})" 
+//
+//$topbar-breakpoint: emCalc($breakpoint)
+//$topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" 
+
+$row-width: auto 
+$column-gutter: 30px
+$total-columns: 12
+//$mobile-total-columns: 4
+//$block-grid-elements: 12
+
+
+$indent: 15px
+$vindent: 22px
+
+
+// Foundation Components
+@import  "foundation/components/global"
+@import  "foundation/components/grid"
+@import  "foundation/components/visibility"
+//@import  "foundation/components/block-grid"
+@import  "foundation/components/type"
+//@import  "foundation/components/buttons"
+//@import  "foundation/components/forms"
+//@import  "foundation/components/button-groups"
+//@import  "foundation/components/dropdown-buttons"
+//@import  "foundation/components/split-buttons"
+//@import  "foundation/components/flex-video"
+//@import  "foundation/components/section"
+//@import  "foundation/components/top-bar"
+//@import  "foundation/components/orbit"
+//@import  "foundation/components/reveal"
+//@import  "foundation/components/joyride"
+//@import  "foundation/components/clearing"
+//@import  "foundation/components/alert-boxes"
+//@import  "foundation/components/breadcrumbs"
+//@import  "foundation/components/custom-forms"
+//@import  "foundation/components/keystrokes"
+//@import  "foundation/components/labels"
+//@import  "foundation/components/inline-lists"
+@import  "foundation/components/pagination"
+//@import  "foundation/components/panels"
+//@import  "foundation/components/pricing-tables"
+//@import  "foundation/components/progress-bars"
+//@import  "foundation/components/side-nav"
+//@import  "foundation/components/sub-nav"
+//@import  "foundation/components/switch"
+//@import  "foundation/components/magellan"
+//@import  "foundation/components/tables"
+//@import  "foundation/components/thumbs"
+//@import  "foundation/components/tooltips"
+//@import  "foundation/components/dropdown"
+
+
+
+//
+$not-small: "only screen and (min-width: #{$small-screen})" 
+$only-small: "only screen and (max-width: #{$small-screen})" 
+
+$only-large: "only screen and (min-width: #{$small-screen})" 
+$not-large: "only screen and (max-width: #{$small-screen})" 

data/share/views/compass/functions.sass

@@ -0,0 +1,27 @@
+=indented_dl()
+  dt
+    font-weight: bold
+  dd
+    padding-left: 1em
+
+=clean_list($inline: true)
+  list-style: none
+  margin: 0
+  @if ($inline)
+    & > li
+      display: inline-block
+
+=ellipsis_text()
+  overflow: hidden
+  white-space: nowrap
+  text-overflow: ellipsis
+  &:hover
+    overflow: visible
+    white-space: normal
+    text-overflow: none
+
+=rbbt_panel($color_bg: $color_panel_bg, $color_border: $color_panel_border)
+  background-color: $color_bg
+  border: 1px solid $color_border
+  padding: $vindent $indent
+

data/share/views/compass/help.sass

@@ -0,0 +1,3 @@
+a.help
+  font-size: 1.2em
+  display: block

data/share/views/compass/layout.sass

@@ -0,0 +1,132 @@
+$gap: 12px
+body
+  margin: 0
+  font-size: 14px !important
+  +clearfix
+ 
+  #content
+    +clearfix
+    min-height: 900px
+    margin-left: $indent
+    margin-right: $indent
+    margin-bottom: $vindent
+
+dl.rbbt_menu
+  @media #{$not-large}
+    +rbbt_accordion
+  @media #{$only-large}
+    +rbbt_menu
+
+dl.rbbt_vertical_menu
+  @media #{$not-large}
+    +rbbt_accordion
+  @media #{$only-large}
+    +rbbt_vertical_menu
+
+dl.rbbt_accordion
+  +rbbt_accordion
+  @media #{$not-large}
+
+dl.tabs, dl.rbbt_tabs
+  +rbbt_tabs
+
+dl.rbbt_menu, dl.rbbt_vertical_menu, dl.rbbt_accordion, dl.tabs, dl.rbbt_tabs
+  @media #{$not-large}
+    width: 100%
+    dt
+      min-width: 30%
+
+ul.clean_list
+  +clean_list(false)
+
+//@import url(http://fonts.googleapis.com/css?family=Noticia+Text)
+
+//@import url(http://fonts.googleapis.com/css?family=Open+Sans)
+@font-face 
+  font-family: 'Open Sans'
+  font-style: normal
+  font-weight: 400
+  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
+        
+
+
+body, p, h1, h2, h3, h4, h5, h6
+  font-family: "Open Sans", "Trebuchet MS", "Noticia Text", Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif
+  line-height: 1.4em
+
+footer
+  text-align: center
+  position: relative
+  clear: both
+  margin: 0
+  margin-top: $vindent
+  padding: $vindent $indent
+  background-color: $color_main
+  border-top: 1px solid darken($color_menu_bg, 15)
+
+.list_management, .map_management
+  ul
+    +rbbt_button_list($color_bg: $color_list_management_bg, $width: 31%)
+    border-bottom: 1px solid $color_menu_border
+
+.map_management ul li
+  min-width: 45%
+
+.filter_controls
+  @extend .action_parameters
+
+ul.list_comparison
+  +clean_list
+  & > li
+    width: 100%
+    & > a
+    ul.list_comparison_buttons
+      +clean_list
+      display: inline-block
+      background-color: #fff
+      padding: 0
+      margin: 0
+      margin-right: $indent
+      & > li
+        +_rbbt_menu_item
+        background-color: #fff
+        border: 1px solid rgba(0,0,0,0.11)
+        padding: 0 5px
+        a
+          width: 100%
+          display: inline-block
+    
+.input 
+  &.list_id, &.map_id
+    width: 100%
+    input
+      width: 100%
+
+.wait
+  ul.step_messages
+    +clean_list(false)
+    li
+      color: darken($color_main, 30)
+
+  h5
+    span.name
+      display: inline-block
+      margin-right: $indent
+      color: darken($color_main, 30)
+    span.hash
+      display: inline-block
+      color: $color_main
+
+a[href]
+  &:not([href^=\/])
+    &:not([href^='#'])
+      &:after
+        content: '\2192'
+
+
+.action_loader
+  min-height: 500px
+
+@media #{$not-large} 
+  table.wide, table.flip
+    +responsive_table