Changeset 8619 for mauRepo


Ignore:
Timestamp:
09/10/12 17:33:28 (7 years ago)
Author:
gparton
Message:
 
Location:
mauRepo/MolesManager/trunk/cedaMoles/MolesManager/static
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • mauRepo/MolesManager/trunk/cedaMoles/MolesManager/static/js/cedaObservation.js

    r8617 r8619  
    11define(['dojo', 'dojox/lang/functional', 'ceda/cedaol', 'ceda/common',  
    22        'dojo/parser', 'dojo/_base/json',  
    3                  'dijit/TitlePane','dojo/html'], function(dojo, functional, cedaol, common, parser){ 
     3                 'dijit/TitlePane','dojo/html', 'dojo/layout/TabContainer','dojo/layout/ContentPane','dojo/form/Button'], function(dojo, functional, cedaol, common, parser){ 
    44        //console.log("loads cedaObservation.js") 
    55   // function <nameOfFunction>(parameter, parameter2..etc coming in){ 
     
    99   //      } 
    1010         
    11  
    12  
    1311        return { 
    1412                doInit: function(){ 
     
    415413        // lower tab area content 
    416414                 
     415                //dojo.require("dijit.layout.TabContainer"); 
     416                //dojo.require("dijit.layout.ContentPane"); 
     417                //dojo.ready(function(){ 
     418                    var tabs = [{ 
     419                        title: 'Tab 1', 
     420                        sub: [{ 
     421                            title: 'My 1st inner', 
     422                            content: 'Lorem ipsum dolor sit amet' 
     423                        }, { 
     424                            title: 'My 2nd inner', 
     425                            content: 'Consectetur adipiscing elit' 
     426                        }] 
     427                    }, { 
     428                        title: 'Tab 2', 
     429                        sub: [{ 
     430                            title: 'My 3rd inner', 
     431                            content: 'Vivamus orci massa rhoncus a lacinia' 
     432                        }, { 
     433                            title: 'My 4th inner', 
     434                            content: 'Fusce sed orci magna, vitae aliquet quam' 
     435                        }] 
     436                    }, { 
     437                        title: 'Tab 3', 
     438                        sub: [] 
     439                    }]; 
     440                    var tabContainer = new dijit.layout.TabContainer({ 
     441                        doLayout: false 
     442                    }, 'tabContainer'); 
     443                    dojo.forEach(tabs, function(tab){ 
     444                        if(!tab.sub.length){ 
     445                            var cp = new dijit.layout.ContentPane({ 
     446                                title: tab.title, 
     447                                content: 'No sub tabs' 
     448                            }); 
     449                            tabContainer.addChild(cp); 
     450                            return; 
     451                        } 
     452                        var subTab = new dijit.layout.TabContainer({ 
     453                            title: tab.title, 
     454                            doLayout: false, 
     455                            nested: true 
     456                        }); 
     457                        dojo.forEach(tab.sub, function(sub){ 
     458                            var cp = new dijit.layout.ContentPane({ 
     459                                title: sub.title, 
     460                                content: sub.content 
     461                            }); 
     462                            subTab.addChild(cp); 
     463                        }); 
     464                        tabContainer.addChild(subTab); 
     465                    }); 
     466                    // _Container widgets will call startup on their children already 
     467                    tabContainer.startup(); 
     468                }); 
     469                 
     470                                 
    417471                // lineage                       
    418                                 if (coObs.hasOwnProperty('dataLineage')){ 
    419                                          var dataLineage_id  = new dojo.html.set(dojo.byId("dataLineage_id"),'<p>' + coObs.dataLineage + '</p>'); 
    420                                 } 
    421                                 else { 
    422                                          var dataLineage_id  = new dojo.html.set(dojo.byId("dataLineage_id"),'<p>Data were delivered to CEDA for archival. Contact <a href="mailto:support@ceda.a.cuk">CEDA</a> for further information.</p>'); 
    423                                 } 
     472                //              if (coObs.hasOwnProperty('dataLineage')){ 
     473                //                       var dataLineage_id  = new dojo.html.set(dojo.byId("dataLineage_id"),'<p>' + coObs.dataLineage + '</p>'); 
     474                //              } 
     475                //              else { 
     476                //                       var dataLineage_id  = new dojo.html.set(dojo.byId("dataLineage_id"),'<p>Data were delivered to CEDA for archival. Contact <a href="mailto:support@ceda.a.cuk">CEDA</a> for further information.</p>'); 
     477                //              } 
    424478                        } 
    425479                } 
  • mauRepo/MolesManager/trunk/cedaMoles/MolesManager/static/templates/cedaObservation.html

    r8618 r8619  
    7777        </div> 
    7878    <div id="lower_tab1" style="height:300px" class="grid_8 push_2 cedaObs"> 
    79         <script type="text/javascript"> 
    80                         /* require necessary classes */ 
    81                         dojo.require('dijit.layout.TabContainer'); 
    82                         dojo.require('dijit.layout.ContentPane'); 
    83                         dojo.require('dijit.form.Button'); 
    84                          
    85                         /* when all classes have loaded... */ 
    86                         dojo.ready(function() { 
    87                                 /*  
    88                                         don't need to do anything programmatically! 
    89                                         parseOnLoad and dojoType does the magic! 
    90                                 */ 
    91                         }); 
    92                 </script> 
     79 
    9380        <!-- will host all tabs and their content panes --> 
    94                 <div dojoType="dijit.layout.TabContainer" id="tabContainer" style="width:100%;height:100%;"> 
    9581                 
    96                  
    97                         <!-- content panes: title is tab name, make this tab selected --> 
    98                         <div dojoType="dijit.layout.ContentPane" title="Archive content details" selected="true"> 
    99                                 <div id="docLink_id"><p>Links to external documentation and sites</p></div> 
    100                         </div> 
    101                  
    102                         <!-- content panes: title is tab name, no special features here --> 
    103                  
    104                         <!-- content panes: title is tab name, make this tab closable --> 
    105                  
    106                         <!-- content panes: title is tab name, load content remotely, preload --> 
    107                         <div dojoType="dijit.layout.ContentPane" title="Data Lineage"> 
    108                                 <div id="dataLineage_id"></div> 
    109                         </div> 
    110                          
     82                <div id="tabContainer">                  
    11183                 
    11284                </div> 
Note: See TracChangeset for help on using the changeset viewer.