88d69b5a882d11df87266debb70c219821f488ed
[potlatch2.git] / net / systemeD / potlatch2 / help / HelpDialog.mxml
1 <?xml version="1.0" encoding="utf-8"?>
2 <mx:TitleWindow
3         xmlns:mx="http://www.adobe.com/2006/mxml" 
4         layout="vertical" showCloseButton="true"
5         horizontalAlign="center" title="Welcome to Potlatch2 for [Website]"
6         width="550" height="350"
7         verticalGap="0">
8   <mx:Script><![CDATA[
9     import mx.managers.PopUpManager;
10     import mx.events.CloseEvent;
11     import mx.core.Application;
12     
13     public function init():void {
14         PopUpManager.addPopUp(this, Application(Application.application), true);
15         PopUpManager.centerPopUp(this);
16         this.addEventListener(CloseEvent.CLOSE, helpDialog_close);
17
18         // store whether the user has seen the help dialog before
19         var obj:SharedObject = SharedObject.getLocal("user_state");
20         obj.setProperty("help_shown","true");
21     }
22     
23     private function helpDialog_close(evt:CloseEvent):void {
24         PopUpManager.removePopUp(this);
25     }
26
27               ]]>
28   </mx:Script>
29   <mx:TabNavigator id="helpTN" width="100%" height="100%">
30     <mx:VBox label="Welcome" width="100%" height="100%">
31       <mx:Text condenseWhite="true" width="100%" height="100%">
32         <mx:htmlText>
33           <![CDATA[
34             <p><b>Potlatch 2</b> is an OpenStreetMap (OSM) editor that allows you to make edits directly through the [Website] website.</p>
35             <p><b>Why OpenStreetMap?</b> OSM is a mapping service in which all data is constantly updated and edited by everyday people like you. The obvious benefit is that it's free to use, but it has also become a major player in crisis mapping (i.e. use of OSM data to coordinate earthquake relief efforts in Haiti). Accuracy of this data is critical, and we hope you are able to volunteer some of your time!</p>
36             <p> * * * </p>
37             <h1>Getting Started</h1>
38             <p><b>+ For active OpenStreetMap members</b>, please sign in to OSM before editing</b></p>
39             <p><b>+ For new members</b>, please visit <a href="http://www.openstreetmap.org/">http://www.openstreetmap.org</a> to create an account, log in, then return here.</p>
40           ]]>
41         </mx:htmlText>
42       </mx:Text>
43     </mx:VBox>
44     <mx:VBox label="Controls" width="100%" height="100%">
45       <mx:Label text="Interface Controls" />
46       <mx:Grid width="100%">
47         <mx:GridRow width="100%">
48           <mx:GridItem>
49             <mx:Label text="Background" styleName="helpHeaderText" />
50           </mx:GridItem>
51           <mx:GridItem width="100%">
52             <mx:Text condenseWhite="true" width="100%">
53               <mx:htmlText>
54                 <![CDATA[
55                   <p>Choose your map background from one of the items in the list or add your own vector file.</p>
56                 ]]>
57               </mx:htmlText>
58             </mx:Text>
59           </mx:GridItem>
60         </mx:GridRow>
61         <mx:GridRow width="100%">
62           <mx:GridItem>
63             <mx:Label text="MapStyle" styleName="helpHeaderText" />
64           </mx:GridItem>
65           <mx:GridItem width="100%">
66             <mx:Text condenseWhite="true" width="100%">
67               <mx:htmlText>
68                 <![CDATA[
69                   <p>Choose the style in which you wish to view the map. Colours and overall style vary and also includes other options like wireframe.</p>
70                 ]]>
71               </mx:htmlText>
72             </mx:Text>
73           </mx:GridItem>
74         </mx:GridRow>
75         <mx:GridRow width="100%">
76           <mx:GridItem>
77             <mx:Label text="GPS" styleName="helpHeaderText" />
78           </mx:GridItem>
79           <mx:GridItem width="100%">
80             <mx:Text condenseWhite="true" width="100%">
81               <mx:htmlText>
82                 <![CDATA[
83                   <p>Create OSM map data from a GPS track you upload.</p>
84                 ]]>
85               </mx:htmlText>
86             </mx:Text>
87           </mx:GridItem>
88         </mx:GridRow>
89         <mx:GridRow width="100%">
90           <mx:GridItem>
91             <mx:Label text="Undo / Redo" styleName="helpHeaderText" />
92           </mx:GridItem>
93           <mx:GridItem width="100%">
94             <mx:Text condenseWhite="true" width="100%">
95               <mx:htmlText>
96                 <![CDATA[
97                   <p>Made a mistake? Just hit undo and/or redo to correct your edits.</p>
98                 ]]>
99               </mx:htmlText>
100             </mx:Text>
101           </mx:GridItem>
102         </mx:GridRow>
103         <mx:GridRow width="100%">
104           <mx:GridItem>
105             <mx:Label text="Help" styleName="helpHeaderText" />
106           </mx:GridItem>
107           <mx:GridItem width="100%">
108             <mx:Text condenseWhite="true" width="100%">
109               <mx:htmlText>
110                 <![CDATA[
111                   <p>Brings up this guide in case you need any information as you begin editing.</p>
112                 ]]>
113               </mx:htmlText>
114             </mx:Text>
115           </mx:GridItem>
116         </mx:GridRow>
117         <mx:GridRow width="100%">
118           <mx:GridItem>
119             <mx:Label text="Save" styleName="helpHeaderText" />
120           </mx:GridItem>
121           <mx:GridItem width="100%">
122             <mx:Text condenseWhite="true" width="100%">
123               <mx:htmlText>
124                 <![CDATA[
125                   <p>If you feel confident with your edits, hit save to publish to <a href="http://www.openstreetmap.org">http://www.openstreetmap.org</a>. Most edits take a few hours to show up on OSM and subsequently on [Website].</p>
126                 ]]>
127               </mx:htmlText>
128             </mx:Text>
129           </mx:GridItem>
130         </mx:GridRow>
131       </mx:Grid>
132     </mx:VBox>
133     <mx:VBox label="Adding">
134       <mx:Label text="Adding Features" />
135       <mx:Text condenseWhite="true" width="100%">
136         <mx:htmlText>
137           <![CDATA[
138             <p><i>Before you being, the first rule you need to know is the use of proprietary data. Data from copyrighted maps or any other proprietary data is strictly prohibited! Copying, tracing or any reproduction of copyrighted work is not allowed! (Source: Copyright - OpenStreetMap Wiki)</i></p>
139             <p></p>
140             <p>Linear features such as streets, footpaths, railways and building outlines will hereby be referred to as ways.</p>
141             <p><b>To create a point (or node)</b>, just drag and drop the appropriate icon from the sidebar onto the map.</p>
142             <p><b>To create a way</b>, begin by clicking on the map at its start point, then click at each successive point. Double-click to finish the line or press Enter.</p>
143             <p><b>To create a polygon</b>, begin by clicking on the map at its start point, then click at each successive point (similar to creating a way), and finish by double-clicking on the very first point to close the polygon.</p>
144             <p>Remember, if you make a mistake, you can always hit the Undo button. Pressing the Esc key will undo all your edits for the current feature.</p>
145           ]]>
146         </mx:htmlText>
147       </mx:Text>
148     </mx:VBox>
149     <mx:VBox label="Editing (Beg.)">
150       <mx:Text>
151         <mx:htmlText>
152           <![CDATA[
153             <h1>Interface Controls</h1>
154           ]]>
155         </mx:htmlText>
156       </mx:Text>
157     </mx:VBox>
158     <mx:VBox label="Editing (Adv.)">
159       <mx:Text>
160         <mx:htmlText>
161           <![CDATA[
162             <h1>Interface Controls</h1>
163           ]]>
164         </mx:htmlText>
165       </mx:Text>
166     </mx:VBox>
167     <mx:VBox label="Tagging">
168       <mx:Text>
169         <mx:htmlText>
170           <![CDATA[
171             <h1>Interface Controls</h1>
172           ]]>
173         </mx:htmlText>
174       </mx:Text>
175     </mx:VBox>
176   </mx:TabNavigator>
177
178   <mx:ControlBar>
179     <mx:Spacer width="100%"/>
180     <mx:Button label="Ok" click="PopUpManager.removePopUp(this);"/>
181   </mx:ControlBar>
182
183 </mx:TitleWindow>