-
Notifications
You must be signed in to change notification settings - Fork 0
/
MainView.mxml
68 lines (54 loc) · 1.93 KB
/
MainView.mxml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" xmlns:model="login.model.*">
<mx:Script>
<![CDATA[
import login.model.Navigation;
import login.model.User;
[Bindable] public var user:User;
[Bindable] public var nav:Navigation;
private function onLoginClick():void
{
dispatchEvent(new Event(Login.LOGIN));
}
private function onLogoutClick():void
{
dispatchEvent(new Event(Login.LOGOUT));
}
public function reset():void
{
usernameField.text = "";
passwordField.text = "";
}
]]>
</mx:Script>
<model:Login id="login">
<model:username>{usernameField.text}</model:username>
<model:password>{passwordField.text}</model:password>
</model:Login>
<!-- The main view: doesn't really do anything -->
<mx:Panel width="400" height="300" horizontalCenter="0" verticalCenter="0">
<mx:FormItem label="User Email:" fontSize="24">
<mx:Label fontSize="24" text="{user.email}"/>
</mx:FormItem>
<mx:ControlBar>
<mx:Button label="Logout" click="onLogoutClick()"/>
</mx:ControlBar>
</mx:Panel>
<!-- The login overlay -->
<mx:Canvas backgroundAlpha=".9" backgroundColor="#000000" visible="{nav.showLogin}" width="100%" height="100%">
<mx:Panel horizontalCenter="0" verticalCenter="0" enabled="{!login.waiting}">
<mx:Form>
<mx:FormItem label="Username">
<mx:TextInput id="usernameField" toolTip="username: bob"/>
</mx:FormItem>
<mx:FormItem label="Password">
<mx:TextInput id="passwordField" displayAsPassword="true" toolTip="password: bob"/>
</mx:FormItem>
<mx:Canvas width="100%">
<mx:Button label="{(login.waiting) ? 'Please wait...' : 'Login'}" click="onLoginClick()"/>
<mx:Label fontWeight="bold" text="Please Try Again" color="#FF0000" right="0" visible="{login.failed}"/>
</mx:Canvas>
</mx:Form>
</mx:Panel>
</mx:Canvas>
</mx:Canvas>