Changeset 143


Ignore:
Timestamp:
Sep 8, 2011, 3:04:19 PM (5 years ago)
Author:
kostas.karasavvas@…
Message:

Improved the UI a bit

Location:
t2-web/trunk
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • t2-web/trunk/bin/web_t2_service.rb

    r142 r143  
    7070      "<html>" <<
    7171         "<head><link href='/css/results_header.css' rel='stylesheet'/></head>" <<
    72          "<body>" <<
    73            "<p><h2>Workflow: #{my_exp_wkf.title}</h2></p>" <<
    74          "</body>" <<
     72         "<body><table class='header'>" <<
     73           "<tr><td class='header'>Workflow: #{my_exp_wkf.title}</td></tr>" <<
     74         "</table></body>" <<
    7575      "</html>"
    7676    end
     
    8585          data_navigation_frame << "<tr>"
    8686          if finished_execution
    87             data_navigation_frame << "<a href='javascript:void(0);' onclick='parent.getSampleOutput(\\\"#{t2_server}\\\", \\\"#{uuid}\\\", " <<
    88                                      "\\\"#{output.name}\\\", \\\"#{wid}\\\", \\\"#{wkf_version}\\\");'>#{output.name}</a>" <<
    89                                      "<br>"
     87            data_navigation_frame << "<td><a href='javascript:void(0);' onclick='parent.getSampleOutput(\\\"#{t2_server}\\\", \\\"#{uuid}\\\", " <<
     88                                     "\\\"#{output.name}\\\", \\\"#{wid}\\\", \\\"#{wkf_version}\\\");'>#{output.name}</a></td><td></td>"
    9089          else
    9190            data_navigation_frame << "<td>#{output.name}</td><td><img src='/images/snake_transparent.gif' alt='Loading Content...'></td>"
     
    236235    FileUtils.mkdir("/tmp/#{WEB_APP_NAME}") unless File.exist?("/tmp/#{WEB_APP_NAME}")
    237236    FileUtils.copy(tempfile.path, "/tmp/#{WEB_APP_NAME}/#{filename}")
     237    "Successfully copied #{filename}!!"
    238238  end
    239239
  • t2-web/trunk/public/css/form.css

    r112 r143  
    33}
    44
    5 #header{
    6     text-align: center;
     5table.header {
     6  border-collapse: collapse;
     7  /* With equal left-right margins table will be aligned in the centre */
     8  margin-left: auto;
     9  margin-right: auto;
    710}
    811
     12td.header {
     13  font-size: 200%;
     14  background-color: #e8edff;
     15  padding: 12px;
     16  border-bottom: 4px solid #aabcfe;
     17  border-top: 4px solid #aabcfe;
     18}
     19
     20#inputs {
     21}
     22
     23table.inputs {
     24  width: 800px;
     25  border-collapse: collapse;
     26  margin-left: auto;
     27  margin-right: auto;
     28}
     29
     30th.inputs {
     31  font-size: 120%;
     32  background-color: #e8edff;
     33  padding: 10px;
     34  border-bottom: 1px solid #fff;
     35  border-top: 4px solid #aabcfe;
     36}
     37
     38td.inputs {
     39  padding: 5px;
     40}
     41
     42#description {
     43}
     44
     45#inputs {
     46}
     47
     48#outputs {
     49}
     50
     51#note {
     52}
     53
  • t2-web/trunk/public/css/results_header.css

    r142 r143  
    11body {
    2     background-color: mintcream;
    3     text-align: center;
     2  background-color: mintcream;
    43}
    54
    6 p {
    7     vertical-align: middle;
     5table.header {
     6  border-collapse: collapse;
     7  /* With equal left-right margins table will be aligned in the centre */
     8  margin-left: auto;
     9  margin-right: auto;
    810}
     11
     12td.header {
     13  font-size: 200%;
     14  background-color: #e8edff;
     15  padding: 12px;
     16  border-bottom: 4px solid #aabcfe;
     17  border-top: 4px solid #aabcfe;
     18}
  • t2-web/trunk/public/css/results_navigation.css

    r142 r143  
    11body{
    2     background-color: mintcream;
     2  background-color: mintcream;
    33}
    44
     5table{
     6  width: 100%;
     7  border-collapse: separate;
     8  border-spacing: 0px 2px;
     9  empty-cells: show;
     10}
     11
     12td{
     13  background-color: #e8edff;
     14  padding: 12px;
     15  border-bottom: 1px solid #fff;
     16  border-top: 4px solid #aabcfe;
     17}
  • t2-web/trunk/views/form.haml

    r140 r143  
    1010
    1111    #header
    12       %h2  Workflow: #{@my_exp_wkf.title}
     12      %table.header
     13        %tr
     14          %td.header Workflow: #{@my_exp_wkf.title}
    1315
     16    %br
    1417    #inputs
    1518      %form{:id => "workflow-form", :action => "/t2web/enact", :method => "post"}
    16         - if @my_exp_wkf.inputs.size >=1
     19        %table.inputs
     20          - if @my_exp_wkf.inputs.size >=1
     21            %tr
     22              %th.inputs
     23                Configure Workflow Inputs
    1724          - @my_exp_wkf.inputs.each do |input|
    18             Upload file?
    19             %input{:id => "#{input.name}-checkbox", :type => "checkbox", :onclick => "toggleManualFileInput('#{input.name}')", :name => "upload-checkbox-#{input.name}", :value => "yes"}
    20             %br
    21             %br
    22             %div{:id => "#{input.name}-placeholder"}
    23             %br
    24         %input{:type => "hidden", :name => "wid", :value => "#{@wid}" }
    25         %input{:type => "hidden", :name => "wkf_version", :value => "#{@wkf_version}" }
    26         %input{:type => "hidden", :name => "server", :value => "#{@t2_server}" }
    27         %input{:type => "submit", :value => "Execute", :class => "button"}
     25            %tr
     26              %td.inputs
     27                %div{:id => "#{input.name}-placeholder"}
     28                Upload file?
     29                %input{:id => "#{input.name}-checkbox", :type => "checkbox", :onclick => "toggleManualFileInput('#{input.name}')", :name => "upload-checkbox-#{input.name}", :value => "yes"}
     30                %br
     31                %br
     32          %tr
     33            %td.inputs
     34              %input{:type => "hidden", :name => "wid", :value => "#{@wid}" }
     35              %input{:type => "hidden", :name => "wkf_version", :value => "#{@wkf_version}" }
     36              %input{:type => "hidden", :name => "server", :value => "#{@t2_server}" }
     37              %input{:type => "submit", :value => "Execute", :class => "button"}
    2838      - if @my_exp_wkf.inputs.size >=1
    2939        - @my_exp_wkf.inputs.each do |input|
     
    4050        %iframe{:id => "hidden-iframe", :name => "hidden-iframe", :src => "#", :style => "width:0;height:0;border:0px solid #fff;"}
    4151
    42     %hr
    4352    %br
     53    #description
     54      %table.inputs
     55        %tr
     56          %th.inputs
     57            Workflow Description
     58        %tr
     59          %td.inputs
     60            = @my_exp_wkf.description
    4461
    45     #description
    46       %b What it does
    47       = @my_exp_wkf.description
    48     %hr
    4962    %br
    50 
     63    %br
    5164    #inputs
    5265      - if @my_exp_wkf.inputs.size >=1
    53         %b Inputs
    54         %ul
    55           - @my_exp_wkf.inputs.each do |input|\
    56             %li
    57               %b= input.name
    58               %br
    59               - if input.descriptions.size >=1
    60                 - input.descriptions.each do |descr|
    61                   = descr
    62               - if input.examples.size >=1
    63                 Examples include:
    64                 %br
     66        %table.inputs
     67          %tr
     68            %th.inputs
     69              Input
     70            %th.inputs
     71              Description
     72            %th.inputs
     73              Examples
     74          - @my_exp_wkf.inputs.each do |input|
     75            %tr
     76              %td.inputs
     77                = input.name
     78              %td.inputs
     79                - if input.descriptions.size >=1
     80                  - input.descriptions.each do |descr|
     81                    = descr
     82                    %br
     83              %td.inputs
    6584                - if input.examples.size >=1
    66                   - input.examples.each do |ex|
    67                     = ex
     85                  - if input.examples.size >=1
     86                    - input.examples.each do |ex|
     87                      = ex
     88                      %br
     89
     90    %br
     91    %br
     92    #outputs
     93      - if @my_exp_wkf.outputs.size >=1
     94        %table.inputs
     95          %tr
     96            %th.inputs
     97              Output
     98            %th.inputs
     99              Description
     100            %th.inputs
     101              Examples
     102          - @my_exp_wkf.outputs.each do |output|
     103            %tr
     104              %td.inputs
     105                = output.name
     106              %td.inputs
     107                - if output.descriptions.size >=1
     108                  - output.descriptions.each do |descr|
     109                    = descr
    68110                    %br
    69         %hr
    70         %br
     111              %td.inputs
     112                - if output.examples.size >=1
     113                  - if output.examples.size >=1
     114                    - output.examples.each do |ex|
     115                      = ex
     116                      %br
    71117
    72     #outputs
    73       %b Outputs
    74       - if @my_exp_wkf.outputs.size >=1
    75         %ul
    76           - @my_exp_wkf.outputs.each do |output|\
    77             %li
    78               %b= output.name
    79               %br
    80               - if output.descriptions.size >=1
    81                 - output.descriptions.each do |descr|
    82                   = descr
    83               - if output.examples.size >=1
    84                 Examples include:
    85                 %br
    86                 - if output.examples.size >=1
    87                   - output.examples.each do |ex|
    88                     = ex
    89                     %br
    90     %hr
    91118    %br
    92 
     119    %br
    93120    #note
    94       %p Please note that some workflows are not up-to-date or have dependencies that cannot be met by the specific Taverna server that you specified during generation of this tool. You can make sure that the workflow is valid by running it in the Taverna Workbench first to confirm that it works before running it via the Web.
    95       %p Please note that there might be some repetitions in the workflow description in some of the generated workflows. This is due to a backwards compatibility issue on the myExperiment repository which keeps the old descriptions to make sure that no information is lost.
    96 
    97     #info
    98       For more information on this workflow please visit the
    99       %a{ :href => "http://www.myExperiment.org/workflows/#{@wid}" } myExperiment website
     121      %table.inputs
     122        %tr
     123          %th.inputs
     124            Please Note
     125        %tr
     126          %td.inputs
     127            Some workflows are not up-to-date or have dependencies that cannot be met by the specific Taverna server that you specified during generation of this tool. You can make sure that the workflow is valid by running it in the Taverna Workbench first to confirm that it works before running it via the Web.
     128        %tr
     129          %td.inputs
     130            There might be some repetitions in the workflow description in some of the generated workflows. This is due to a backwards compatibility issue on the myExperiment repository which keeps the old descriptions to make sure that no information is lost.
     131        %tr
     132          %td.inputs
     133            For more information on this workflow please visit the
     134            %a{ :href => "http://www.myExperiment.org/workflows/#{@wid}" } myExperiment website
    100135     
    101     %br
  • t2-web/trunk/views/results.haml

    r142 r143  
    1818    %script{:type => "text/javascript", :src => "/scripts/results.js"}
    1919
    20   %frameset{ :rows => "10%, 90%" }
     20  -# we use border for FF and framespacing for IE
     21  %frameset{ :rows => "86px, *", :border => "1", :framespacing => "1" }
    2122    %noframes
    2223      To be viewed properly, this page requires frames.
    2324    %frame{ :name => "header", :id => "header" }
    24     %frameset{ :cols => "10%, 90%" }
     25    %frameset{ :cols => "250px, *", :border => "6", :framespacing => "6" }
    2526      %frame{ :name => "data-navigation", :id => "data-navigation" }
    2627      %frame{ :name => "data-display", :id => "data-display" }
    2728
    28 -#
    29   %body
    30 
    31     #header
    32       %h2 Workflow: #{@my_exp_wkf.title}
    33 
    34     #results
    35       #data-navigation
    36         - if @my_exp_wkf.outputs.size >=1
    37           %table
    38             - @my_exp_wkf.outputs.each do |output|
    39               %tr
    40                 %td
    41                   = output.name
    42                 %td
    43                   %img#loading{:src => "/images/snake_transparent.gif", :alt => "Loading Content..." }
    44 
    45       #data-display
    46        
Note: See TracChangeset for help on using the changeset viewer.