| <?xml version="1.0" encoding="utf-8"?>
|
| <!-- |
| |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| |
| --> |
| <!--
|
| This component is primarily static and is only meant to show what other
|
| pages of the store could look like.
|
|
|
| Note that this page was put together in the Design view so you'll see more
|
| hard coded locations and sizes.
|
|
|
| We did not have sizing issues here as much so you'll see more hardcoded
|
| "y" values rather than "top."
|
|
|
| The width and height are hard-coded in the root tag to help the Design view.
|
| -->
|
| <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" alpha="1.0"
|
| width="990" height="550">
|
|
|
| <mx:Script>
|
| <![CDATA[
|
| import mx.controls.Alert;
|
| ]]>
|
| </mx:Script>
|
|
|
| <mx:Model id="locationsModel">
|
| <root>
|
| <location image="assets/support_mapmarker_a.png" name="601 Townsend St" />
|
| <location image="assets/support_mapmarker_b.png" name="Location B" />
|
| <location image="assets/support_mapmarker_c.png" name="Location C" />
|
| </root>
|
| </mx:Model>
|
|
|
| <mx:ArrayCollection id="locations" source="{locationsModel.root.location}"/>
|
|
|
| <mx:HBox x="0" y="0" width="100%" height="100%" styleName="colorPanel">
|
|
|
| <mx:VBox width="32%" height="100%">
|
| <mx:Canvas width="100%" height="60%">
|
|
|
| <mx:Label y="10" text="Check Coverage" styleName="sectionHeader" x="20"/>
|
|
|
| <mx:Form width="95%" height="125" y="64" verticalGap="8" paddingBottom="0" paddingRight="0" paddingTop="5" horizontalCenter="0">
|
|
|
| <mx:FormItem label="Address:" width="100%">
|
| <mx:TextInput id="address" width="90%"/>
|
| </mx:FormItem>
|
|
|
| <mx:FormItem label="City:" width="100%">
|
| <mx:TextInput id="city" width="60%"/>
|
| </mx:FormItem>
|
|
|
| <mx:FormItem label="State:" width="100%">
|
| <mx:ComboBox id="state" width="50%">
|
| <mx:dataProvider>
|
| <mx:Array>
|
| <mx:String>California</mx:String>
|
| <mx:String>Nevada</mx:String>
|
| <mx:String>Oregon</mx:String>
|
| <mx:String>Washington</mx:String>
|
| </mx:Array>
|
| </mx:dataProvider>
|
| </mx:ComboBox>
|
| </mx:FormItem>
|
|
|
| <mx:FormItem label="ZIP Code:" width="100%">
|
| <mx:TextInput id="zip" width="30%"/>
|
| </mx:FormItem>
|
|
|
| </mx:Form>
|
|
|
| <mx:Label y="38" text="Option1: Enter Address" horizontalCenter="0" styleName="instructions"/>
|
|
|
| <mx:Button y="197" label="Locate" click="Alert.show('This feature is not implemented in this sample', 'Locate')" horizontalCenter="0"/>
|
|
|
| <mx:HBox y="227" width="80%" height="20" horizontalAlign="center" verticalAlign="middle" horizontalCenter="0">
|
| <mx:HRule width="60" strokeColor="#000000"/>
|
| <mx:Label text="OR"/>
|
| <mx:HRule width="60" strokeColor="#000000"/>
|
| </mx:HBox>
|
|
|
| <mx:Label y="255" text="Option 2: Drag this marker into the map" horizontalCenter="0" styleName="instructions"/>
|
|
|
| <mx:Image y="280" horizontalCenter="0" source="@Embed('/assets/support_mapmarker_plus.png')"/>
|
|
|
| <mx:HRule y="315" horizontalCenter="0" width="200" alpha="0.6"/>
|
|
|
| </mx:Canvas>
|
|
|
| <mx:Canvas width="100%" height="40%">
|
| <mx:VBox width="80%" height="90%" horizontalCenter="0" top="0">
|
| <mx:Label text="Location" styleName="instructions"/>
|
| <mx:VBox width="100%" verticalGap="0">
|
| <mx:Repeater id="locationRepeater" dataProvider="{locations}">
|
| <mx:HBox styleName="listItem" width="100%">
|
| <mx:Image width="21" height="25" source="{locationRepeater.currentItem.image}" />
|
| <mx:Label width="100%" text="{locationRepeater.currentItem.name}" />
|
| </mx:HBox>
|
| </mx:Repeater>
|
| </mx:VBox>
|
| </mx:VBox>
|
| </mx:Canvas>
|
|
|
| </mx:VBox>
|
|
|
| <mx:Canvas width="68%" height="100%">
|
| <mx:Image source="@Embed('/assets/support_map.png')" scaleContent="true" left="2" right="2" top="2" bottom="2"/>
|
| </mx:Canvas>
|
|
|
| </mx:HBox>
|
|
|
| </mx:Canvas>
|