Changeset 7550

Timestamp:

07/18/08 16:40:38 (1 month ago)

Author:

architect

Message:

--

Files:

• sandbox/architect/index.php (modified) (5 diffs)
• sandbox/architect/scripts/config.js (modified) (1 diff)
• sandbox/architect/scripts/mapConfig.js (modified) (1 diff)
• sandbox/architect/style.css (modified) (1 diff)

sandbox/architect/index.php

@@ -9 +9 @@
-    <![endif]-->
-    
+    <!-- Include the libraries -->
-    <script type="text/javascript" src="openlayers/OpenLayers.js"></script>
-    <script type="text/javascript" src="scripts/mootools12.js"></script>
+    <!-- Include general OLArchitect Specific Libraries -->
-    <script type="text/javascript" src="scripts/sortable.js"></script>
-    <script type="text/javascript" src="scripts/util.js"></script>
-    <script type="text/javascript" src="scripts/config.js"></script>
+    <!-- Include the individual config files -->
+    <script type="text/javascript" src="scripts/mapConfig.js"></script>
-    <script type="text/javascript" src="scripts/layerConfig.js"></script>
-    <script type="text/javascript" src="scripts/panelConfig.js"></script>
@@ -19 +23 @@
-
-    <title>OL Architect - Open Layers Map Creation Application</title>
+    
-    <meta name="description" content="OLArchitect - OpenLayers Architect - An OpenLayers based web application tool for developing online maps." />
-    <meta name="keywords" content="OLArchitect, OpenLayers Architect, OpenLayers, OLON, map toolkit, make a map, map frontend, mapping, gis software, free mapping tools, openlayers application" />
+    
-    <script type="text/javascript">
-        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
@@ -54 +60 @@
-                </div>
-                <div id="toolBox1Content" class="toolBoxContent">
+                    <!-- MAP CONFIG -->
+                    <!-- MAPS -->
+                    <div id="toolBox1MapContainer">
+                        <div class="tb1lcHeader">
+                            Map Configuration
+                            <div id="toggleMapList">
+                                <img id="toggleMapListImg" src="images/divmin.png" alt="Toggle OLArchitect Map List"/>
+                            </div>
+                        </div>
+                        <div id="innerMapListContent">
+                            <div id="tb1NewMap">
+                                <input type="text" id="tb1NewMapForm" value="Map Name" size=17 /><br />
+                                Theme: <script type="text/javascript">
+                                    $('tb1NewMap').innerHTML += createSelectList('tb1MapListThemeDropdown', 'Theme Picklist', ' ', getThemeMenu());
+                                </script>
+                                <br />
+                                <input type="button" id="tb1NewMapButton" value="Configure Map" />
+                            </div>
+                        </div>
+                    </div>
+                    <!-- END MAPS -->
+                    <br />
+                    
-                    <!-- LAYERS -->
-                    <div id="toolBox1LayerContainer">
@@ -114 +143 @@
-                            <!--Panel list-->
-                            <div id="tb1Panels">
-
-
-
-
-
-
-
-
-
-
-
-
+
-                            </div>
-                            <!-- end list -->
@@ -165 +183 @@
-</div>
-<script type="text/javascript">
-
+
+
+
+
+
+
+
+
+
+
+
-    
-    var layerToggle = new Fx.Slide('innerLayerListContent');

sandbox/architect/scripts/config.js

@@ -135 +135 @@
-}
-
+
+/*Fill this list with themes*/
+function getThemeMenu(){
+//id, name, value, text
+    var menu = [ [['Theme0'],['ThemeName'],['Theme Name'],['Theme Name']] ];
+    return menu;
+}
+
-/*=======================
-|  getEmptyToolBox2HTML(display,type)

sandbox/architect/scripts/mapConfig.js

@@ -36 +36 @@
-    /*=======================*/
-    /*add the html to the toolbox*/
-Panel
+Map
-/*Controls that belong to this panel'*/
-    //  $('tb2blcBase').innerHTML += "Control Selected " + createSelectList('tb2ControlListDropdown', 'Control Picklist', 'changeControl(this, ' + ID + ',\"' +  tb1SelectedControl.value + '\", true );', getControlListMenu()); //Layer List Dropdown
-    /*Create the save and reset buttons*/
-class='" + ID + "' 
+
-    
-    /*Populate ToolBox 2's layer options with the layer selected in ToolBox 1's layer list dropdown - call changeLayer and pass in the controlList from toolbox1*/
-        //name, id
-
-
+
-}
+
+/*=======================
+|  populateMap
+|
+| populates the map with empty settings
+=========================*/
+function populateMap(mName){
+    $('tb2blcCommon').innerHTML += "Map Name: " + createInputTextBox('layoutMapConfigTitle','title', mName, 30);
+    $('tb2blcCommon').innerHTML += "<br /> Theme " +  createSelectList('layoutMapConfigTheme', 'theme', '', getThemeMenu());
+    $('tb2blcCommon').innerHTML += "<br /><br />";
+    $('tb2blcCommon').innerHTML += "<strong>Center</strong><br/> Lon" + createInputTextBox('layoutMapConfigLon','lon', '', 2) + " Lat" + createInputTextBox('layoutMapConfigLat','lat', '', 2) + "<br /> Zoom" + createInputTextBox('layoutMapConfigZoom','zoom', '', 2) + " Dragging" + createSelectList('layoutControlConfigDragging', 'dragging', '', getNullMenu());
+    
+    $('tb2blcCommon').innerHTML += "<br/><br/><strong>Extents</strong><br/><strong>Max Extent</strong><br/> MinX" + createInputTextBox('layoutMapConfigMaxExtenMinX','MaxExtentMinX', '', 2) + " MinY" + createInputTextBox('layoutMapConfigMaxExtentMinY','MaxExtentMinY', '', 2) + "<br/>MaxX" + createInputTextBox('layoutMapConfigMaxExtentMaxX','MaxExtentMaxX', '', 2) + " MaxY" + createInputTextBox('layoutMapConfigMaxExtentMaxY','MaxExtentMaxY', '', 2);
+    
+    $('tb2blcCommon').innerHTML += "<br/><strong>Min Extent</strong><br/> Lon" + createInputTextBox('layoutMapConfigLon','lon', '', 2) + " Lat" + createInputTextBox('layoutMapConfigLat','lat', '', 2) + "<br /> Zoom" + createInputTextBox('layoutMapConfigZoom','zoom', '', 2) + " Dragging" + createSelectList('layoutControlConfigDragging', 'dragging', '', getNullMenu());
+    
+
+}

sandbox/architect/style.css

@@ -197 +197 @@
-            overflow:hidden;
-        }
+
+    /*=======================
+    |   Map
+    =========================*/
+    #toolBox1MapContainer {
+        background-color:#9D9483;
+        border:1px solid #756e61;
+    }
+    .tb1lcHeader { 
+        background-color:#567D8C;
+        border-bottom:1px solid #415e69;
+        font-weight:bold;
+        padding:2px 0px 2px 5px;
+        position:relative;
+    }
+    
+    #innerMapListContent{
+        padding:5px;
+    }   
+    #tb1MapListArea {
+        background-color:#a99f8d;
+        border:1px solid #7e776a;
+        padding:5px;
+        margin:5px 10px 5px 10px;
+    }   
+    /*Layer Items*/
+    #tbMapOptionContainer{
+        background-color:#476773;
+        height:100%;
+        position:absolute;
+        right:0px;
+        width:25%;
+        top:0px;
+    }
+    #tb1NewMap {
+    }
+    #tbMapListNumLayers {
+        padding:5px;
+        text-align:center;
+    }
+    #toggleMapList {
+        position:absolute;
+        right:10px;
+        top:2px;
+    }
-    /*=======================
-    |   Layer list