<commit_before>{% extends "common/base.html" %}

{% block head %}
    <script src="http://wave-api.appspot.com/public/embed.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.public_data_layers = '{% url public-data-layers %}';
        google.load("earth", "1");
        google.load('maps', '3', {"other_params":"sensor=false"});

        var ge = null;
        var gex = null;
        var wavePanel;
        $(document).ready(function(){            
            lingcod.init();
            
            // WAVE STUFF
            
            $(window).bind('message', function(e){
                e = e.originalEvent;
                if(e.origin === 'https://0-wave-opensocial.googleusercontent.com'){
                    var data = JSON.parse(e.data);
                    if(data.message == 'getSnapshot'){
                        var message = {
                            "message": "setSnapshot",
                            "camera": gex.view.serialize()
                        };
                        e.source.postMessage(JSON.stringify(message), e.origin);
                    }else if(data.message == 'displaySnapshot'){
                        var data = JSON.parse(e.data);
                        if(data.camera){
                            gex.view.deserialize(data.camera);
                        }
                    }else{
                        console.error('invalid message');
                    }
                    // console.log('message', e.source, e.origin, e.data);
                    // e.source.postMessage('I see you ;)', e.origin);
                }
            });
            
            wavePanel = new WavePanel('http://wave.google.com/a/wavesandbox.com/');
            wavePanel.loadWave('{{WAVE_ID}}');
            wavePanel.setUIConfig('white', 'black', 'Arial', '12px');
            wavePanel.init(document.getElementById('waveframe'));
        });
    </script>

    <style type="text/css" media="screen">
        body {
            font-size:1em;
            font-family:verdana;
        }
    </style>    
{% endblock %}

{% block body %}
    {% load layout_tags %}
    <div id="meta-navigation">
        <ul>
            <li><a href="profile">cburt</a> | </li>
            <li><a href="http://marinemap.org">about marinemap</a> | </li>
            {% block meta_navigation_list_insert %}{% endblock %}
            <li><a href="help">help</a> | </li>
            <li><a href="sign out">sign out</a></li>
            {% block meta_navigation_list_append %}{% endblock %}
        </ul>
        <br />
    </div>
    <div id="panelManager">
        {% tabpanel "Home" %}
            {% tab "Data Layers" %}
                {% block data_layers_before_tree %}{% endblock %}
                <div style="font-size:1em;" id="datalayerstree"></div>
                {% block data_layers_after_tree %}{% endblock %}
                {% footer %}
                    <h3>Earth Options</h3>
                    <ul>
                        <form id="ge_options">
                            <li><input type="checkbox" name="setStatusBarVisibility" checked />Status Bar</li>
                            <li><input type="checkbox" name="nav" />Navigation Control</li>
                            <li><input type="checkbox" name="setGridVisibility" />Grid</li>
                            <li><input type="checkbox" name="setOverviewMapVisibility" />Overview Map</li>
                            <li><input type="checkbox" name="setScaleLegendVisibility" />Scale Legend</li>
                            <li><input type="checkbox" name="setAtmosphereVisibility" checked />Atmosphere</li>
                            <li><input type="checkbox" name="sun" />Sun</li>      
                        </form>
                    </ul>
                    <h3>Google Layers</h3>
                    <ul>
                        <form id="ge_layers">
                            <li><input type="checkbox" name="LAYER_BORDERS">Borders</li>
                            <li><input type="checkbox" name="LAYER_ROADS">Roads</li>
                            <li><input type="checkbox" name="LAYER_TERRAIN" checked>Terrain</li>
                            <li><input type="checkbox" name="LAYER_BUILDINGS" checked>3d Buildings</li>
                            <li><input type="checkbox" name="LAYER_BUILDINGS_LOW_RESOLUTION" checked>Low Resolution Buildings</li>                                
                        </form>
                    </ul>
                    <h3>Find a place</h3>
                    <form id="flyToLocation" method="GET">
                        <ul>
                            <li>
                                <input type="text" name="flyto_location" value="">
                                <input type="submit" value="Fly here">                                    
                            </li>
                        </ul>
                    </form>
                    {% block data_layers_footer_append %}{% endblock %}
                {% endfooter %}
            {% endtab %}
            {% tab "My Shapes" %}
                {% block my_shapes_prepend %}{% endblock %}
                <p>
                    <img style="margin:0px;padding:0px;" src="{{MEDIA_URL}}common/fixtures/widget_mockups/arrays.png" width="355" height="444" />
                    <a href="javascript:alert('create mpa');">create mpa</a> |
                    <a href="javascript:alert('create array');">create array</a>
                </p>                    
                {% block my_shapes_append %}{% endblock %}
            {% endtab %}
            {% tab "Collaborate" %}
                <div id="waveframe" style="height:500px;overflow:hidden;margin:3px;"></div>
            {% endtab %}
            {% tab "Tools" %}
                    {% block tools_prepend %}{% endblock %}
                    <div style="padding:1em;">
                        <h4>Measurement Tool</h4>
                        <button id="measure_distance">measure distance</button>
                        <button id="measure_area">measure area</button>
                        <button id="measure_clear">clear</button>
                        <select id="measure_units">
                            <option value="metric">metric</option>
                            <option value="english">english</option>
                            <option value="nautical">nautical</option>                            
                        </select>
                        <p><strong>Distance: </strong><span id="distance">N/A</span></p>
                        <p><strong>Area: </strong><span id="area">N/A</span></p>
                        <hr>
                    </div>
                    <div style="padding:1em;">
                        <h4>MPA Draw Tool</h4>
                        <button id="mpa_draw">draw mpa</button>
                        <button id="mpa_clear">clear</button>
                        <p><span id="mpa_draw_results"></span></p>
                        <hr>
                    </div>
                    {% block tools_append %}{% endblock %}   
            {% endtab %}
        {% endtabpanel %}        
    </div>
    <div id="map_container">
        <div id="map"></div>
    </div><commit_msg>setting height of the wave to 100%. I don't care if it doesn't work in firefox :P<commit_after>{% extends "common/base.html" %}

{% block head %}
    <script src="http://wave-api.appspot.com/public/embed.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.public_data_layers = '{% url public-data-layers %}';
        google.load("earth", "1");
        google.load('maps', '3', {"other_params":"sensor=false"});

        var ge = null;
        var gex = null;
        var wavePanel;
        $(document).ready(function(){            
            lingcod.init();
            
            // WAVE STUFF
            
            $(window).bind('message', function(e){
                e = e.originalEvent;
                if(e.origin === 'https://0-wave-opensocial.googleusercontent.com'){
                    var data = JSON.parse(e.data);
                    if(data.message == 'getSnapshot'){
                        var message = {
                            "message": "setSnapshot",
                            "camera": gex.view.serialize()
                        };
                        e.source.postMessage(JSON.stringify(message), e.origin);
                    }else if(data.message == 'displaySnapshot'){
                        var data = JSON.parse(e.data);
                        if(data.camera){
                            gex.view.deserialize(data.camera);
                        }
                    }else{
                        console.error('invalid message');
                    }
                    // console.log('message', e.source, e.origin, e.data);
                    // e.source.postMessage('I see you ;)', e.origin);
                }
            });
            
            wavePanel = new WavePanel('http://wave.google.com/a/wavesandbox.com/');
            wavePanel.loadWave('{{WAVE_ID}}');
            wavePanel.setUIConfig('white', 'black', 'Arial', '12px');
            wavePanel.init(document.getElementById('waveframe'));
        });
    </script>

    <style type="text/css" media="screen">
        body {
            font-size:1em;
            font-family:verdana;
        }
    </style>    
{% endblock %}

{% block body %}
    {% load layout_tags %}
    <div id="meta-navigation">
        <ul>
            <li><a href="profile">cburt</a> | </li>
            <li><a href="http://marinemap.org">about marinemap</a> | </li>
            {% block meta_navigation_list_insert %}{% endblock %}
            <li><a href="help">help</a> | </li>
            <li><a href="sign out">sign out</a></li>
            {% block meta_navigation_list_append %}{% endblock %}
        </ul>
        <br />
    </div>
    <div id="panelManager">
        {% tabpanel "Home" %}
            {% tab "Data Layers" %}
                {% block data_layers_before_tree %}{% endblock %}
                <div style="font-size:1em;" id="datalayerstree"></div>
                {% block data_layers_after_tree %}{% endblock %}
                {% footer %}
                    <h3>Earth Options</h3>
                    <ul>
                        <form id="ge_options">
                            <li><input type="checkbox" name="setStatusBarVisibility" checked />Status Bar</li>
                            <li><input type="checkbox" name="nav" />Navigation Control</li>
                            <li><input type="checkbox" name="setGridVisibility" />Grid</li>
                            <li><input type="checkbox" name="setOverviewMapVisibility" />Overview Map</li>
                            <li><input type="checkbox" name="setScaleLegendVisibility" />Scale Legend</li>
                            <li><input type="checkbox" name="setAtmosphereVisibility" checked />Atmosphere</li>
                            <li><input type="checkbox" name="sun" />Sun</li>      
                        </form>
                    </ul>
                    <h3>Google Layers</h3>
                    <ul>
                        <form id="ge_layers">
                            <li><input type="checkbox" name="LAYER_BORDERS">Borders</li>
                            <li><input type="checkbox" name="LAYER_ROADS">Roads</li>
                            <li><input type="checkbox" name="LAYER_TERRAIN" checked>Terrain</li>
                            <li><input type="checkbox" name="LAYER_BUILDINGS" checked>3d Buildings</li>
                            <li><input type="checkbox" name="LAYER_BUILDINGS_LOW_RESOLUTION" checked>Low Resolution Buildings</li>                                
                        </form>
                    </ul>
                    <h3>Find a place</h3>
                    <form id="flyToLocation" method="GET">
                        <ul>
                            <li>
                                <input type="text" name="flyto_location" value="">
                                <input type="submit" value="Fly here">                                    
                            </li>
                        </ul>
                    </form>
                    {% block data_layers_footer_append %}{% endblock %}
                {% endfooter %}
            {% endtab %}
            {% tab "My Shapes" %}
                {% block my_shapes_prepend %}{% endblock %}
                <p>
                    <img style="margin:0px;padding:0px;" src="{{MEDIA_URL}}common/fixtures/widget_mockups/arrays.png" width="355" height="444" />
                    <a href="javascript:alert('create mpa');">create mpa</a> |
                    <a href="javascript:alert('create array');">create array</a>
                </p>                    
                {% block my_shapes_append %}{% endblock %}
            {% endtab %}
            {% tab "Collaborate" %}
                <div id="waveframe" style="height:98%;overflow:hidden;margin:3px;"></div>
            {% endtab %}
            {% tab "Tools" %}
                    {% block tools_prepend %}{% endblock %}
                    <div style="padding:1em;">
                        <h4>Measurement Tool</h4>
                        <button id="measure_distance">measure distance</button>
                        <button id="measure_area">measure area</button>
                        <button id="measure_clear">clear</button>
                        <select id="measure_units">
                            <option value="metric">metric</option>
                            <option value="english">english</option>
                            <option value="nautical">nautical</option>                            
                        </select>
                        <p><strong>Distance: </strong><span id="distance">N/A</span></p>
                        <p><strong>Area: </strong><span id="area">N/A</span></p>
                        <hr>
                    </div>
                    <div style="padding:1em;">
                        <h4>MPA Draw Tool</h4>
                        <button id="mpa_draw">draw mpa</button>
                        <button id="mpa_clear">clear</button>
                        <p><span id="mpa_draw_results"></span></p>
                        <hr>
                    </div>
                    {% block tools_append %}{% endblock %}   
            {% endtab %}
        {% endtabpanel %}        
    </div>
    <div id="map_container">
        <div id="map"></div>
    </div>
{'fraction_non_alphanumeric': 0.1435008192244675, 'fraction_numerical': 0.004505734571272528, 'mean_word_length': 1.2683493341591825, 'pattern_counts': {'":': 6, '<': 295, '<?xml version=': 0, '>': 295, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4656190', 'n_tokens_mistral': 4004, 'n_tokens_neox': 3698, 'n_words': 647}