rbbt-views 1.0.1 → 2.0.0

data/share/views/compass/entities.sass

@@ -0,0 +1,8 @@
+a.entity, a.entity_list, a.entity_action, a.entity_list_action
+  text-decoration: none
+  white-space: nowrap
+  word-spacing: 0px
+
+.selected_entity
+  font-weight: bold
+

data/share/views/compass/error.sass

@@ -0,0 +1,13 @@
+header.error
+  margin-bottom: $vspace
+
+ul.backtrace, ul.messages
+  +clean_list(false)
+  margin-top: $vspace
+  margin-left: $indent
+  li.message
+    margin-left: $indent
+    color: gray
+
+span.error
+  margin-right: $indent

data/share/views/compass/finder.sass

@@ -0,0 +1,42 @@
+form.find
+  margin-right: 20px
+  display: inline-block
+  z-index: 2
+  input
+    font-size: 15px
+
+#find_wrapper
+  line-height: 1
+  float: right
+  width: 400px
+  display: inline-block
+  z-index: 2
+  position: absolute
+
+ul.ui-autocomplete
+  list-style: none
+  background: white
+  border: 1px solid black
+  padding: 2px
+  li
+    margin: 4px
+    padding: 0px
+    width: auto
+
+a.select_autocomplete
+  text-decoration: none
+  margin: 2px
+  &:hover span.match
+    margin-left: 1px
+    margin-right: 3px
+
+span.match, span.code
+  display: inline-block
+  margin-right: 5px
+
+span.match
+  color: black
+span.code
+  color: gray
+
+

data/share/views/compass/fonts.sass

@@ -0,0 +1,8 @@
+$main_font: Verdana, sans-serif
+$header_font: Georgia, serif
+body
+  font-family: $main_font
+
+header, h1, h2, h3, h4, h5, dt, th, .contracted_embedded, span.list_id
+  font-family: $header_font
+ 

data/share/views/compass/form.sass

@@ -1,7 +1,8 @@
+$form_width: $content_size * 0.6
 span.form_title
   display: block
   font-size: 2em
-  margin-bottom: 10px
+  margin-bottom: $vspace
   span.workflow_name
     font-style: italic
 
@@ -20,3 +21,50 @@ form.task
     width: 450px
     height: 400px
 
+div.form_input 
+  margin: 2em 0
+  width: $form_width
+  input[type=file]
+    width: $form_width / 2
+  input, textarea
+    margin-left: $indent
+  p
+    margin: 0
+  label
+    margin-bottom: 5px
+
+div.form_submit
+  margin-top: $vspace 
+  input[type=submit]
+    margin-left: $indent
+
+span.input_name
+  font-weight: bold
+
+span.jobname
+
+dl.toggle
+  dd
+    +clear_floats()
+    +border_radius(4px)
+    background-color: white
+    margin: $vspace $indent
+    padding: 0 $indent
+    border: 1px solid gray
+
+    div.form_input
+      float: left
+      margin: $indent
+      border-right: 1px solid gray
+      padding-right: $indent
+      width: auto
+      min-width: 20%
+
+    div.form_submit
+      clear: both
+      padding-top: $vspace
+      margin: $indent
+      input[type=submit]
+        margin: 0
+        padding: 0
+

data/share/views/compass/header.sass

@@ -0,0 +1,68 @@
+#header 
+  +clear_floats()
+  min-width: $body_size
+  border-bottom: 1px solid white
+  padding: 3px 20px
+  h1 
+    width: auto
+    display: inline-block
+    line-height: 2
+    font-size: 15px
+    margin-top: 0
+    margin-bottom: 0
+    a
+      text-decoration: none
+      color: blue
+
+  #controls > span
+    float: right
+    display: inline-block
+    line-height: 2
+    margin-right: 10px
+    margin-left: 10px
+    white-space: nowrap
+
+  #controls
+    float: right
+    display: inline-block
+    margin-left: 20px
+    &:after
+   
+  span.add_gene_list, span.list_dropdown, span.reload_page, span.notes
+    a
+      +button_link
+      color: gray
+
+  span.find
+    margin-left: $indent
+
+  form#find_gene_form 
+    float: right
+    margin-right: 20px
+    display: inline
+    *
+      display: inline
+    label
+      margin-top: 0px
+
+  span.new_gene_list
+    float: right
+    margin-right: 20px
+    a
+      +button_link
+      color: gray
+
+#footer
+  margin-top: 20px
+  color: orange
+
+span.user
+  color: gray
+
+span.wide a, span.centered a
+  +button_link()
+  width: 10em
+span.wide, span.centered
+  a.hide
+    display: none
+    

data/share/views/compass/{main.sass → helpers.sass}

@@ -1,4 +1,7 @@
-@import "base"
+@import "compass/css3/inline-block"
+@import "compass/css3/border-radius"
+@import "fonts"
+@import "colors"
 
 =subtle_link($color: $menu_color)
   color: $color
@@ -156,29 +159,58 @@
   +alternating-rows-and-columns($odd_color, $even_color, 0, $header_color)
 
 =shadowed_box()
-  margin: 12px 5px
-
-  border: solid white 2px
-  border-left: solid #888 2px
-  border-bottom: solid #888 2px
-  box-shadow: -2px 2px 5px #888
+  border: 1px solid rgba(255, 255, 255, 0.0)
+  border-left: 2px solid rgba(255, 255, 255, 0.0)
+  border-bottom: 2px solid rgba(255, 255, 255, 0.0)
+  
+  &:hover
+    border: solid $bit_darker 1px
+    border-left: solid $bit_darker 2px
+    border-bottom: solid $bit_darker 2px
+
+  &.active_controls
+    border: solid white 1px
+    border-left: solid #888 2px
+    border-bottom: solid #888 2px
+    box-shadow: -1px 1px 3px #888
   &.reloading, &.replace
-    border: solid #F0F0FF 3px
+    border: solid #F0F0FF 2px
     background-color: #F0F0F0
 
-
 =button_link()
-  +border_radius(5px)
+  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff
+  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff
+  box-shadow: inset 0px 1px 0px 0px #ffffff
+  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) )
+  background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% )
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf')
+  background-color:  #ededed
+  -moz-border-radius: 3px
+  -webkit-border-radius: 3px
+  border-radius: 3px
+  border: 1px solid #dcdcdc
+  color: #777777
+  margin: 0.1em
+  //line-height: 2
+  padding: 0.1em 0.3em
   text-decoration: none
-  background-color: #F0F0FF
-  color: #a0a0a0
-  padding: 1px 3px
-  border: solid white 1px
-  border-left: solid #999 1px
-  border-bottom: solid #999 1px
-
-  &:hover
-    background-color: #F5F5F5
-    
-
+  text-shadow: 1px 1px 0px #ffffff
+  font-family: $main_font
+  &:hover 
+    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) )
+    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% )
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')
+    background-color: #dfdfdf
+    cursor: pointer
+  //&:active 
+    position: relative
+    top: 1px
+
+=clear_floats()
+  &:after
+    content: "."
+    display: block
+    height: 0
+    clear: both
+    visibility: hidden
 

data/share/views/compass/layout.sass

@@ -1,206 +1,46 @@
-@import "main"
+@import "base"
+@import "sizes"
+@import "colors"
+@import "fonts"
+@import "helpers"
 @import "form"
+@import "header"
+@import "menu"
+@import "lists"
+@import "entities"
+@import "embedded"
+@import "details"
+@import "notes"
+@import "tables"
+@import "dom"
+@import "error"
+@import "wait"
+@import "finder"
 
 body
-  margin: 10px
-  font-size: 14px
-  width: auto
-  background-color: #F0F0F0
-
-span.short_task_description
-  display: block
-  color: gray
-#header 
-  h1 
-    font-size: 15px
-    a
-      text-decoration: none
-      color: blue
-    span.login
-      float: right
-
-#menu
-  padding: 5px
-  font-size: 0.9em
-  overflow: auto
-  overflow-x: hidden
-  +column(5)
-  ul
-    +clean_list
-    li
-      display: block
-
-  .workflow_menu
-    margin-bottom: 20px
-
-ul.context_control
-  +clean_list(true)
-  height: 2em
-  li
-    float: left
-    padding: 3px
-    margin-left: 5px
-
-
-ul.job_control
-  +clean_list(true)
-  height: 2em
-  li
-    float: right
-    padding: 3px
-    margin-right: 15px
+  margin: 0 auto
+  width: 100%
+  //background-color: $not_quite_white
+  font-size: $font_size
+  background-image: url("/background.png")
 
 #content
-  width: 100%
+  margin-top: $vspace / 2
+  width: auto
   #main
-    width: auto
-    padding: 10px
+    position: relative
+    margin: auto
+    width: $content_size
+    padding: $vspace * 2 $indent * 2
+    //margin: 0 $indent * 1
     &.contracted
       +border_radius(4px, 4px)
       overflow: auto
       border: solid 1px gray
-  #details_controls
-    ul
-      +clean_list
-      li
-        margin: 0px
-        padding: 0px
-  #details
-    +border_radius(4px, 4px)
-    padding: 10px
-    height: 200px
-    border: solid 1px gray
-    background-color: #F2F2F2
-    overflow: auto
-    &.expanded
-      height: auto
-      overflow: none
-
   #other_task_jobs
     +column(5)
     float: right
 
-#footer
-  margin-top: 20px
-  color: orange
-
-span.input_name
-  font-weight: bold
-
-table tfoot 
-  text-align: left
-  h3
-    display: inline
-    margin-right: 15px
-  input
-    &.pnum, &.psize
-      width: 3em
-
-table td
-  word-spacing: 5px
-
-thead th
-  color: white
-  background: black
-
-a.entity, a.entity_list, a.entity_action, a.entity_list_action
-  text-decoration: none
-  white-space: nowrap
-  word-spacing: 0px
-
-a.replace, a.check_replace
-  +border_radius(4px, 4px)
-  +shadowed_box()
-  display: inline-block
-  padding: 5px
-
-.embedded
-  +border_radius(4px, 4px)
-  +shadowed_box()
-  padding: 10px 25px
-  &.reloading
-    span.status
-      font-size: 2em
-      color: gray
-
-div.form_input label
-  margin-top: 10px
-
-span.user
-  color: gray
-
-a.button
-  +button_link()
- 
-span.cache_status
-  margin: 0px 15px
-  color: gray
-  text-decoration: none
-
-span.note
-  color: gray
-
-.embedded
-  position: relative
-  & > span.cache_status
-    position: absolute
-    top: 9px
-    right: 150px
-    text-align: center
-    color: red
-
-header, .contracted_embedded
-  font-size: 1.8em
-  ul.embedded_control
-    float: right
-    font-size: 12px
-    +clean_list()
-    li > a
-      +button_link()
-      margin-left: 3px
-      
-a.retry_error, a.start_checked
-  +button_link()
-
-.selected_entity
-  font-weight: bold
-
-#lists
-  position: absolute
-  top: 40px
-  right: 10px
-  width: auto
-  min-width: 300px
-  padding: 20px
-  padding-left: 30px
-  background-color: #fefefe
-  +shadowed_box 
-  ul.entity_list
-    li
-      display: block
-
-
-span.list_dropdown
-  float: right
-  margin-right: 20px
-  a
-    +button_link
-    color: gray
-
-a.remove_list, a.select_list
-  font-size: 0.7em
-  +button_link
-
-a.view_list
-  margin-left: 10px
-
-#lists
-  display: none
-  ul
-    +clean_list()
-  a
-    text-decoration: none
-
 a.remove_entity_from_list
   +button_link()
 
@@ -211,14 +51,6 @@ a.remove_entity_from_list
 a.open_edit_controls
   +button_link()
 
-h5.loaded_lists
-  margin: 5px 0px
-  font-style: italic
 
-.list_control
-  header
-    font-size: 1.2em
-    span.list_id
-      font-style: italic
-  a
-    +button_link()
+
+