Changeset 143

Show
Ignore:
Timestamp:
08-09-11 15:04:19 (3 years ago)
Author:
kostas.karasavvas@…
Message:

Improved the UI a bit

Location:
t2-web/trunk
Files:
6 modified

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