Changeset 8120


Ignore:
Timestamp:
01/03/12 16:30:15 (8 years ago)
Author:
gparton
Message:

committing changes to cedaObservation.js and associated views

Location:
mauRepo/MolesManager/trunk/src/MolesManager
Files:
10 added
7 edited

Legend:

Unmodified
Added
Removed
  • mauRepo/MolesManager/trunk/src/MolesManager/settings.py

    r8112 r8120  
    7070# Absolute path to the directory static files should be collected to. 
    7171# Don't put anything in this directory yourself; store your static files 
    72 # in apps' "static/" subdirectories and in STATICFILES_DIRS. 
     72# in apps' "static/" sub-directories and in STATICFILES_DIRS. 
    7373# Example: "/home/media/media.lawrence.com/static/" 
    7474#STATIC_ROOT = os.path.join(DJANGO_PROJECT, 'static') 
     
    8888# Additional locations of static files 
    8989STATICFILES_DIRS = ( 
     90                    "c:/virtualenvs/www/MolesManager/src/MolesManager/static", 
    9091    # Put strings here, like "/home/html/static" or "C:/www/django/static". 
    9192    # Always use forward slashes, even on Windows. 
  • mauRepo/MolesManager/trunk/src/MolesManager/static/css/ceda.css

    r8090 r8120  
    2525} 
    2626 
     27.whiteFill { 
     28background: white; 
     29} 
    2730 
    2831.header {width:940px; min-height:130px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:130px /*IE6*/; background:rgb(225,225,225) url(../img/bg_header.jpg) repeat-x /*Total header background image entered here. Height: 125px*/; font-size:1.0em;} 
     
    4750} 
    4851 
    49 .footerStatement p{ 
     52.footerStatements p{ 
    5053text-align: center; 
    5154} 
     
    5558background-color: rgb(200,200,240);  
    5659padding:5px; 
    57 border: 3px solid rgb(170,170,250); 
     60margin-upper, margin-lower: 5px; 
    5861} 
     62 
     63#cedaObsLogo { height: 120px; 
     64background: url(../img/cedaObsLogo.jpg) no-repeat ;  
     65} 
     66 
    5967 
    6068#lower_tab1 { 
  • mauRepo/MolesManager/trunk/src/MolesManager/static/js/cedaObservation.js

    r8093 r8120  
    1 console.log("Ciao graham"); 
     1define(['dojo'], function(dojo){ 
    22 
    3 define(['dojo'], function(dojo){ 
     3   // function <nameOfFunction>(parameter, parameter2..etc coming in){ 
     4   //    write operations to prepare value to return 
     5   //      
     6   //    return(<value>); 
     7   //      } 
     8        function createCitation(coObs){ 
     9                var loopVal; 
     10                var author; 
     11                var co_author; 
     12                alert(coObs.relatedParty.length); 
     13                for (loopVal=0; loopVal<coObs.relatedParty.length; loopVal++) 
     14                        { 
     15                            //alert(coObs.relatedParty[loopVal]); 
     16                             
     17                                //alert(coObs.relatedParty[loopVal].party); 
     18                                //alert(coObs.relatedParty[loopVal].party.length); 
     19                                if (coObs.relatedParty[loopVal].role.name == 'cl_author') 
     20                                { 
     21                                author = coObs.relatedParty[loopVal].party[0].name; 
     22                                } 
     23                 
     24                                else if (coObs.relatedParty[loopVal].role.name == 'cl_coinvestigator') 
     25                                { 
     26                alert(coObs.relatedParty[loopVal].role.name); 
     27                alert(coObs.relatedParty[loopVal].party);                                
     28                                if (coObs.relatedParty[loopVal].party != ''){ 
     29 
     30                                                for (coAuth = 0; coAuth<coObs.relatedParty[loopVal].party.length; coAuth++) 
     31                                                { co_author = coObs.relatedParty[loopVal].party[coAuth].name; 
     32                                                } 
     33 
     34                                 
     35                                } else { 
     36                                co_author = ['']; 
     37                                } 
     38                                } 
     39                        } 
     40                //author = coObs.relatedParty[0].party[0].name; 
     41                //co_author.push(coObs.relatedParty[2].party[0].name); 
     42                var citationString =  '' + author.toString() + ', ' + co_author.toString();//.toString()//+ ' sub_author_list ' + 'title' 
     43                //var citationString = typeof coObs.relatedParty[0].role.name; 
     44                return citationString 
     45        } 
     46         
     47         
     48         
    449        console.log("loads the page") 
    550        require(['dojo/ready', 'dojo/parser', 'dijit/registry', 'dojo/_base/json', 'dojo/store/Memory', 
     
    2267                     button.startup(); 
    2368                          
    24                          var records_dataLineage = new dijit.form.TextBox({ 
     69                         var records_dataLineage = new dijit.form.Textarea({ 
    2570                                 value: "" 
    2671                         }, "records_dataLineage"); 
    2772                         records_dataLineage.startup();  
     73 
     74                         var description_id = new dijit.form.Textarea({ 
     75                                 value: "" 
     76                         }, "description_id"); 
     77                         description_id.startup();                        
    2878                          
    2979                         var title_id = new dijit.form.TextBox({ 
     
    4292                         keywords_id.startup(); 
    4393                          
    44                          var description_id = new dijit.form.TextBox({ 
    45                                  value: "" 
    46                          }, "description_id"); 
    47                          description_id.startup();                        
    48                           
     94                         //---------------------------------------------- 
     95                         //------- Loads the widgets with values -------- 
     96                         //---------------------------------------------- 
     97                                                  
    4998                         var json = dojo.byId('coObs_id').value; 
    5099                                 var coObs = dojo.fromJson(json); 
    51100                                 console.log(coObs) 
     101                                  
     102                                 dojo.attr("title_id", 'value', coObs.title); 
     103                                 dojo.attr("citation_id", 'value', createCitation(coObs)); 
    52104                                 dojo.attr("records_dataLineage", 'value', coObs.dataLineage); 
    53105                                 dojo.attr("description_id", 'value', coObs.description); 
    54                                  dojo.attr("title_id", 'value', coObs.description); 
    55                                  dojo.attr("citation_id", 'value', coObs.description); 
    56                                  dojo.attr("keywords_id", 'value', coObs.description); 
     106                                 dojo.attr("keywords_id", 'value', coObs.keywords); 
    57107                                  
    58108                                 rp = new dojo.store.Memory(coObs.relatedParty); 
    59                                   
    60                                   
     109                                                                  
    61110                                 console.log(rp) 
    62111                 });                                       
  • mauRepo/MolesManager/trunk/src/MolesManager/static/templates/base.html

    r8112 r8120  
    2626  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/960/text.css"  /> 
    2727  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/ceda.css"  /> 
    28   <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"> 
     28  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" /> 
     29  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/layout/ContentPane.css" /> 
     30  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/layout/TabContainer.css" /> 
     31 
     32<body class="claro"> 
     33 
    2934         
    3035        <script type="text/javascript"> 
     
    6166                        <!-- A.1 SITENAME --> 
    6267                        <a class="sitelogo" href="/" title="Home"></a> 
    63                           <div class="sitename"> 
    64                           </div> 
    65                         </div> 
     68                          <div class="sitename"> </div> 
     69                </div> <!-- End of div header-top --> 
    6670                 
    6771                <div class="header-bottom"> 
    68                         <br /> 
    69                         <br /> 
    70                 </div> 
    71         </div> 
     72                        <div class="grid_4 push_8"> 
     73                 
     74                                        <script type="text/javascript"> 
     75                                                require(['dijit/form/Form', 'dijit/form/TextBox', 'dijit/form/Textarea', 'ceda/cedaObservation']); 
     76                                        </script> 
     77 
     78                                        <input type="hidden" name="coObs" id="coObs_id" value="{{ coObs }}" /> 
     79 
     80                                        <div data-dojo-type="dijit.form.Form" id="myForm" data-dojo-id="myForm" encType="multipart/form-data" action="." method="POST"> 
     81         
     82                                        <script type="dojo/method" data-dojo-event="onSubmit"> 
     83                                                if(this.validate()){ 
     84                                                        return confirm('Form is valid, press OK to submit'); 
     85                                                }else{ 
     86                                                        alert('Form contains invalid data.  Please correct first'); 
     87                                                        return false; 
     88                                                } 
     89                                                return true; 
     90                                        </script> 
     91                                 
     92                                        {% csrf_token %} 
     93         
     94                                                <div class="fieldWrapper claro"> 
     95                                                        <label for="id_obj_id">Search:</label> 
     96                                                        <input type="text" name="obs_id" value= "" 
     97                                                                data-dojo-type="dijit.form.TextBox" 
     98                                                                data-dojo-props="trim:true, propercase:true" id="obs_id"/> 
     99                                                        <button id="search_obs" type="submit">Search</button> 
     100                                                 
     101                                                </div> <!-- End of div fieldWrapper --> 
     102                                                <div id="advancedSearch"><p><a href="/search">+Advanced Search</a></p></div> 
     103                                         
     104                                        </div> <!-- End of div myForm -->                                
     105                        </div> <!-- End of div grid_4 push_8 --> 
     106                         
     107                </div> <!-- End of div header-bottom --> 
     108        </div> <!-- End of div header --> 
    72109   
    73110   
     
    87124         
    88125                </div> <!--end main --> 
    89         </div> 
     126        </div> <!-- End of div mainContainer --> 
    90127<!-- Place content above here --> 
    91128 
     
    95132                <br /> 
    96133                <br /> 
    97                 <div id="footer" class="grid_12"> 
    98                         <a href="http://www.ncas.ac.uk"><img src="{{ STATIC_URL }}img/ncas_logo_fullcolour.jpg" alt="NCAS logo" title="NCAS" align="left"/></a> 
    99                         <a href="http://www.nceo.ac.uk"><img src="{{ STATIC_URL }}img/nceo_logo.jpg" alt="NCEO logo" title="NCEO" align="right"/></a> 
    100                 </div> 
    101                 <div class="grid_6 push_3" id="footerStatements"> 
    102                         <p>Copyright &copy; 2011 STFC&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved</p> 
     134                <div class="grid_12 whiteFill" id="footer"> 
     135                        <div class="grid_12 alpha" id="footerLogos"> 
     136                                <p><a href="http://www.ncas.ac.uk"><img src="{{ STATIC_URL }}img/ncas_logo_fullcolour.jpg" alt="NCAS logo" title="NCAS" align="left"/></a> 
     137                                <a href="http://www.nceo.ac.uk"><img src="{{ STATIC_URL }}img/nceo_logo.jpg" alt="NCEO logo" title="NCEO" align="right"/></a></p> 
     138                        </div> <!-- End div footerLogos--> 
     139                        <div class="grid_6 push_3 whiteFill omega" id="footerStatements"> 
     140                                <p>Copyright &copy; 2011 STFC&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved</p> 
    103141           
    104                         <p class="credits">Based on 960.gs with design elements from <a href="http://1234.info/" title="Designer Homepage">1234.info</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">CSS 2.0</a> 
     142                                <p class="credits">Based on 960.gs with design elements from <a href="http://1234.info/" title="Designer Homepage">1234.info</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">CSS 2.0</a> </p> 
    105143 
    106                 </div> 
    107      
    108         </div>   <!-- End of footer div --> 
    109                 <div class="container_12 corner-page-bottom"></div>  
    110         </div> 
     144                        </div> <!-- End of footerStatements div --> 
     145                </div> <!-- End of div footer --> 
     146        </div>   <!-- End of footerContainer div --> 
     147        <div class="container_12 corner-page-bottom"></div>  
     148 
    111149</body> 
    112150</html> 
  • mauRepo/MolesManager/trunk/src/MolesManager/static/templates/cedaObservation.html

    r8091 r8120  
    88{% block main %} 
    99 
    10           <h5>Search</h5> 
    11           <p>Use the search function below to locate your CEDA Observation record</p> 
     10<div id = "upper_section" class="grid_12 whiteFill"> 
     11  <h4>Search Results</h4> 
     12  <div class="grid_2" id="cedaObsLogo"></div> <!-- End of div cedaObsLogo --> 
     13  <div class="grid_8 " id="upper_middle"> 
     14         
     15        <div class="grid_8 alpha cedaObs" id="upper_middle_top"> 
     16                <label for="title">Title</label><div id="title_id"></div>       <br /> 
     17                <label for="citation">Citation</label><div id="citation_id"></div><br /> 
     18                <label for="keywords">Keywords</label><div id="keywords_id"></div><br /> 
     19        </div> <!-- End of div upper_middle_top --> 
    1220 
    13 <div class="claro"> 
    14         <script type="text/javascript"> 
    15         require(['dijit/form/Form', 'dijit/form/TextBox', 'ceda/cedaObservation']); 
    16 </script> 
     21  </div>     
     22</div>   
    1723 
    18 <input type="hidden" name="coObs" id="coObs_id" value="{{ coObs }}" /> 
    1924 
    20 <div data-dojo-type="dijit.form.Form" id="myForm" data-dojo-id="myForm" 
    21         encType="multipart/form-data" action="." method="POST"> 
    2225 
    23     <script type="dojo/method" data-dojo-event="onSubmit"> 
    24         if(this.validate()){ 
    25             return confirm('Form is valid, press OK to submit'); 
    26         }else{ 
    27             alert('Form contains invalid data.  Please correct first'); 
    28             return false; 
    29         } 
    30         return true; 
    31     </script> 
     26<div id = "middle_section" class="grid_12 whiteFill"> 
     27        <div id="middleLeft cedaObs" class=grid_3> 
     28                <script type="text/javascript"> 
     29                        require(["dojo/parser", "dijit/layout/AccordionContainer", "dijit/layout/ContentPane"]); 
     30                </script> 
     31         
     32                <div data-dojo-type="dijit.layout.AccordionContainer"> 
     33                        <div data-dojo-type="dijit.layout.ContentPane" title="Sample Data"> 
     34            <p>Link to some Sample Data </p> 
     35        </div> 
     36                        <div data-dojo-type="dijit.layout.ContentPane" title="Download & Services" selected="true"> 
     37            <p>Links to download and data services </p> 
     38        </div> 
     39                        <div data-dojo-type="dijit.layout.ContentPane" title="Apply for Access"> 
     40            <p>This is a restricted dataset. To obtain access please use this link:</p> 
     41        </div> 
     42                        <div data-dojo-type="dijit.layout.ContentPane" title="Help"> 
     43            <p>To contact the CEDA Helpdesk please use the <a href="http://www.ceda.ac.uk/contact">Contact Us page.</a></p> 
     44        </div> 
     45                </div> 
     46        </div>   
     47        <div class="grid_6 cedaObs" id="middleMiddle"> 
     48                <div class="grid_6 alpha" id="description"> 
     49                        <label for="description">Description</label><div id="description_id"></div> 
     50                        <br /> 
     51                </div><!-- End of div description --> 
     52                <div class="grid_6 omega" id="news"> 
     53                         <p>News bar</p> 
     54                </div><!-- End of div news --> 
     55        </div>     
    3256 
    33         {% csrf_token %} 
     57   <div class="grid_3 cedaObs" id="middleRight"> 
     58                <label for="geographicExtent">Geographic Extent</label><div id="geographicalExtent_id"></div> <br /> 
     59                <label for="resolution">Resolution</label><div id="resolution_id"></div> <br />  
     60   </div> <!-- End of div upper_right --> 
     61</div> <!-- End of div upper_section --> 
    3462 
    35         <div class="fieldWrapper"> 
    36                 <label for="id_obj_id">ID</label> 
    37                 <input type="text" name="obs_id" value= "" 
    38                 data-dojo-type="dijit.form.TextBox" 
    39                 data-dojo-props="trim:true, propercase:true" id="obs_id"/> 
    40         </div> 
    41         <button id="search_obs" type="submit"></button> 
    42 </div> 
    4363 
    44 <div id = "upper_grid"> 
     64<div id="lower_section" class="grid_12 whiteFill"> 
    4565 
    46   <h4>Search Results</h4> 
    47   <div class="grid_2 alpha cedaObs"> 
    48   <div class="grid_8 "> 
    49          
    50         <div class="grid_8 alpha cedaObs"> 
    51                 <div id="cedaObs.title" > 
    52                         <label for="id_title">Title</label>     <div id="title_id"></div> <br /> 
     66   
     67    <div id="lower_tab1" class="grid_7 cedaObs" style="height:300px"> 
     68 
     69                <script type="text/javascript"> 
     70                        /* require necessary classes */ 
     71                        dojo.require('dijit.layout.TabContainer'); 
     72                        dojo.require('dijit.layout.ContentPane'); 
     73                        dojo.require('dijit.form.Button'); 
     74                         
     75                        /* when all classes have loaded... */ 
     76                        dojo.ready(function() { 
     77                                /*  
     78                                        don't need to do anything programmatically! 
     79                                        parseOnLoad and dojoType does the magic! 
     80                                */ 
     81                        }); 
     82                </script> 
     83 
     84        <!-- will host all tabs and their content panes --> 
     85                <div dojoType="dijit.layout.TabContainer" id="tabContainer" style="width:100%;height:100%;"> 
     86                 
     87                 
     88                        <!-- content panes: title is tab name, make this tab selected --> 
     89                        <div dojoType="dijit.layout.ContentPane" title="Parameters" selected="true">                     
     90                        <p>Parameter List to go in here</p>                      
    5391                </div> 
    54                 <div id="cedaObs.Citation"> 
    55                         <label for="id_citation">Citation</label> <div id="citation_id"></div> <br /> 
     92                 
     93                        <!-- content panes: title is tab name, no special features here --> 
     94                        <div dojoType="dijit.layout.ContentPane" title="Format"> 
     95                        <p>Details of format to go in here</p> 
     96                </div> 
     97                 
     98                        <!-- content panes: title is tab name, make this tab closable --> 
     99                        <div dojoType="dijit.layout.ContentPane" title="Data Quality"> 
     100                        <p>Quality Statement goes in here</p> 
     101                </div> 
     102                 
     103                        <!-- content panes: title is tab name, load content remotely, preload --> 
     104                        <div dojoType="dijit.layout.ContentPane" title="Data Lineage"> 
     105                        <p><label for="id_dataLineage">Data Lineage</label><div id="records_dataLineage"></div> <br /> <br /></p> 
     106                </div> 
     107                 
    56108                </div> 
    57109 
    58                 <div id="cedaObs.keywords"> 
    59                         <label for="id_keywords">Keywords</label> 
    60                         <div id="keywords_id"></div> <br /> 
    61                 </div> <!-- end cedaObs keywords -->             
    62         </div> 
    63         <div class="grid_8 alpha cedaObs"> 
    64          <p>News bar</p> 
    65          </div> 
    66          <div class="grid_8 alpha cedaObs"> 
    67          
    68         <label for="id_description">Description</label> 
    69                 <div id="description_id"></div> <br /> 
    70         </div> 
    71   </div>     
    72   </div> 
    73   </div class="grid_2"> 
    74         <label for="id_geographicExtent">Geographic Extent</label> {{ coObs.geographicExtent }} <br /> 
    75         <label for="id_resolution">Resolution</label> {{ coObs.resolution }} <br />      
    76 </div> 
    77   
     110        </div> <!-- End of div lower_tab1 --> 
     111    <div id="lower_side" class="grid_4 cedaObs"> 
     112                <h5><i>Additional Information:</i></h5> 
     113                 
     114                <div data-dojo-type="dijit.layout.AccordionContainer"> 
     115                        <div data-dojo-type="dijit.layout.ContentPane" title="Related Data"> 
     116                                <p>Links to related data products</p> 
     117                        </div> 
     118                        <div data-dojo-type="dijit.layout.ContentPane" title="Project Details" selected="true"> 
     119                                <p>Link to Project</p> 
     120                        </div> 
     121                        <div data-dojo-type="dijit.layout.ContentPane" title="Data Production Details"> 
     122                                <p>Link to Procedure</p> 
     123                        </div> 
     124                        <div data-dojo-type="dijit.layout.ContentPane" title="Documentation and Links"> 
     125                                <p>Links to external documentation and sites</p> 
     126                        </div> 
     127                        <div data-dojo-type="dijit.layout.ContentPane" title="Archive content details"> 
     128                                <p>Links to external documentation and sites</p> 
     129                        </div> 
     130                        <div data-dojo-type="dijit.layout.ContentPane" title="File list and Checksums"> 
     131                                <label for="relatedParty">Related Parties</label><div id="relatedParty"></div><br /> 
    78132 
    79 <div id="lower_tab1" class="grid_7 alpha cedaObs "> 
    80                 <label for="id_dataLineage">dataLineage</label>  
    81                 <div id="records_dataLineage"></div> <br /> <br /> 
    82                 <label for="id_relatedParty">relatedParty</label><br /> 
    83                 <ol>{% for par in coObs.relatedParty %} 
    84                  <li>{{ par }} </li> 
    85                 {% endfor %} 
    86                 </ol> 
    87 </div> 
    88 <div id="lower_side" class="grid_4 omega cedaObs omega"> 
    89                 <p>lower side bar</p> 
    90    </div> 
    91 </div> 
    92  
     133                        </div> 
     134                </div>           
     135    </div> <!-- End of div lower_side --> 
     136</div> <!-- End of div lower_section --> 
    93137<div class="corner-content-1col-bottom"></div>   
    94138 
  • mauRepo/MolesManager/trunk/src/MolesManager/static/templates/index.html

    r8112 r8120  
    88 
    99{% block main %} 
    10 <div class="grid_12"> 
     10<div class="grid_12 fillWhite"> 
    1111            
    1212           <div id="box1" class="grid_3 alpha">  
  • mauRepo/MolesManager/trunk/src/MolesManager/urls.py

    r8090 r8120  
    2323) 
    2424 
     25urlpatterns += patterns('MolesManager.views.cedaSearch', 
     26 
     27    (r'search/$', 'coSearch'), 
     28) 
     29 
     30 
    2531urlpatterns += patterns('MolesManager.views', 
    2632    (r'^$', 'index.home'), 
Note: See TracChangeset for help on using the changeset viewer.