Changeset 8303 for mauRepo/MolesManager


Ignore:
Timestamp:
09/05/12 10:59:25 (8 years ago)
Author:
jhorton
Message:

added extra widgets

Location:
mauRepo/MolesManager/trunk/src/MolesManager
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • mauRepo/MolesManager/trunk/src/MolesManager/static/templates/cedaBrowse.html

    r8301 r8303  
    1111    <link rel="stylesheet" type="text/css" href="/static/css/cedacat.css"  /> 
    1212 
    13     <link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/start/jquery-ui.css" rel="stylesheet" type="text/css"></link>                                                                 
     13    <link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/start/jquery-ui.css" rel="stylesheet" type="text/css"></link> 
     14 
     15    <script src="http://openlayers.org/api/OpenLayers.js"></script> 
     16<!-- 
     17    <link rel="stylesheet" href="http://openlayers.org/dev/theme/default/style.css" type="text/css">  
     18--> 
    1419    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>  
    1520    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>  
    1621 
    1722    <style> 
    18       body { background-color: #fff; } 
    19       .container div p { background-color:#fff; } 
     23      body { background-color: #D0D7E4; } 
     24      div p { background-color:#fff; } 
    2025      .container { background-color:#333; } 
     26      div button { 
     27        font-size:10px; 
     28        font-family:Tahoma,sans-serif; 
     29        font-weight:bold; 
     30        text-align:left; 
     31        color:#FFFFFF; 
     32        width:150px; 
     33        height:35px; 
     34        background-color:#2878C0; 
     35        border-style:default; 
     36        border-color:#2878C0; 
     37        border-width:5px; 
     38      } 
    2139      div p { 
    2240        -webkit-border-top-left-radius: 30px; 
     
    3856    <script type="text/javascript" language="javascript"> 
    3957      $(document).ready(function() { 
     58        // setup tabs 
    4059        $( "#tabs" ).tabs(); 
     60 
     61        // setup openlayers map 
     62        var map;// = new OpenLayers.Map("map"); 
     63        init(); 
     64        function init() { 
     65          map = new OpenLayers.Map('map'); 
     66          var wms = new OpenLayers.Layer.WMS( 
     67            "OpenLayers WMS", 
     68            "http://labs.metacarta.com/wms/vmap0", 
     69            {layers: 'basic'} 
     70          ); 
     71 
     72          map.addLayers([wms]); 
     73          map.zoomToMaxExtent(); 
     74        } 
     75 
     76/* 
     77        var ol_wms = new OpenLayers.Layer.WMS( 
     78            "OpenLayers WMS", 
     79            "http://vmap0.tiles.osgeo.org/wms/vmap0", 
     80            {layers: "basic"} 
     81        ); 
     82 
     83        var dm_wms = new OpenLayers.Layer.WMS( 
     84            "Canadian Data", 
     85            "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap", 
     86            { 
     87                layers: "bathymetry,land_fn,park,drain_fn,drainage," + 
     88                    "prov_bound,fedlimit,rail,road,popplace", 
     89                transparent: "true", 
     90                format: "image/png" 
     91            }, 
     92            {isBaseLayer: false, visibility: false} 
     93        ); 
     94 
     95        map.addLayers([ol_wms, dm_wms]); 
     96        map.addControl(new OpenLayers.Control.LayerSwitcher()); 
     97        map.zoomToMaxExtent(); 
     98*/ 
    4199      }); 
    42100    </script> 
     
    45103    <div class="container_12"> 
    46104      <div class="grid_12"> 
    47         <p> 
    48           header 
    49         </p> 
    50       </div> 
    51       <div class="grid_3"> 
    52         <p> 
    53           logo 
    54         </p> 
    55       </div> 
    56       <div class="grid_9"> 
     105        <img src="/static/img/stfc_ceda_left.jpg" alt="cedalogo" height="94" width="352" /> 
     106      </div> 
     107      <div class="grid_2"> 
     108        <img src="/static/img/cedaObsLogo.jpg" alt="cedalogo" height="80" /> 
     109      </div> 
     110      <div class="grid_10"> 
    57111        <p> 
    58112          <b> {{ title }}.{{ author }}.{{ DOI }} </b> 
     
    65119          <div align="center"> 
    66120          <p> 
    67           <button>sample data</button> 
    68           <br/> 
    69           <button>download and services</button> 
    70           <br/> 
    71           <button>apply for access</button> 
    72           <br/> 
    73           <button>help</button> 
     121          <button id="b1">sample data</button> 
     122          <br/> 
     123          <button id="b2">download and services</button> 
     124          <br/> 
     125          <button id="b3">apply for access</button> 
     126          <br/> 
     127          <button id="b4">help</button> 
    74128          </p> 
    75129          </div> 
     
    89143          <b>Last Update :</b> {{ last_update_year }}-{{ last_update_month }}-{{ last_update_day }} 
    90144        </p> 
    91         <p> 
    92           graphics 
    93         </p> 
    94         <p> 
    95           temporal range 
     145         
     146        <div id="map" style="width: 300px; height: 150px"></div> 
     147        
     148        <p> 
     149          Phenomenon begin {{ phenomenon_begin_year }}-{{ phenomenon_begin_month }}-{{ phenomenon_begin_day }} 
     150          Phenomenon end {{ phenomenon_end_year }}-{{ phenomenon_end_month }}-{{ phenomenon_end_day }} 
    96151          geographic details 
    97152        </p> 
     
    127182        <div align="center"> 
    128183          <p> 
    129           <button>related data</button> 
    130           <br/> 
    131           <button>project details</button> 
    132           <br/> 
    133           <button>data production details</button> 
    134           <br/> 
    135           <button>documentation and links</button> 
    136           <br/> 
    137           <button>archive content details</button> 
    138           <br/> 
    139           <button>file list and checksums</button> 
     184          <button id="b5">related data</button> 
     185          <br/> 
     186          <button id="b6">project details</button> 
     187          <br/> 
     188          <button id="b6">data production details</button> 
     189          <br/> 
     190          <button id="b7">documentation and links</button> 
     191          <br/> 
     192          <button id="b8">archive content details</button> 
     193          <br/> 
     194          <button id="b9">file list and checksums</button> 
    140195          </p> 
    141196        </div> 
  • mauRepo/MolesManager/trunk/src/MolesManager/views/cedaBrowse.py

    r8301 r8303  
    2929    c['last_update_month'] = record.resultTime.position.dateTime8601.month 
    3030    c['last_update_day'] = record.resultTime.position.dateTime8601.day 
     31    c['phenomenon_begin_year'] = record.phenomenonTime.begin.position.date8601.year; 
     32    c['phenomenon_begin_month'] = record.phenomenonTime.begin.position.date8601.month; 
     33    c['phenomenon_begin_day'] = record.phenomenonTime.begin.position.date8601.day; 
     34    c['phenomenon_end_year'] = record.phenomenonTime.end.position.date8601.year; 
     35    c['phenomenon_end_month'] = record.phenomenonTime.end.position.date8601.month; 
     36    c['phenomenon_end_day'] = record.phenomenonTime.end.position.date8601.day; 
    3137    c['lineage'] = record.dataLineage 
    3238    return render_to_response('cedaBrowse.html', c) 
Note: See TracChangeset for help on using the changeset viewer.