Add documentation for 1.8
[blerg.git] / www / jssrc / blerg / Controls.js
1 enyo.kind({
2     name: "blerg.Controls",
3     kind: "Control",
4     classes: "blerg-controls",
5     username: null,
6     postShowing: false,
7     published: {
8         loggedIn: false
9     },
10     handlers: {
11         onLogin: "login",
12         onLogout: "logout",
13         onPostVisibility: "postVisibilityUpdate",
14         onClearFeedStatus: "clearFeedStatus"
15     },
16     components: [
17         {name: "loggedOutControls", components: [
18             {tag: "form", onsubmit: "loginClicked", classes: "login", components: [
19                 {kind: "onyx.Groupbox", components: [
20                     {kind: "onyx.InputDecorator", components: [
21                         {name: "username", kind: "onyx.Input", placeholder: "Username", attributes: {tabindex: 1}}
22                     ]},
23                     {kind: "onyx.InputDecorator", components: [
24                         {name: "password", kind: "onyx.Input", placeholder: "Password", type: "password", attributes: {tabindex: 2}}
25                     ]},
26                 ]},
27                 {kind: "onyx.Button", content: "Login", onclick: "loginClicked", attributes: {tabindex: 3}}
28             ]}
29         ]},
30         {name: "loggedInControls", showing: false, components: [
31             {name: "greeting", classes: "blerg-controls-greeting", components: [
32                 {tag: null, content: "Hello, "},
33                 {name: "userlink", tag: "a"},
34                 {tag: null, content: ". "},
35                 {kind: "blerg.Link", content: "Logout", onNavigate: "logoutClicked"},
36                 {tag: null, content: "."},
37                 {tag: "br"},
38                 {kind: "blerg.Link", content: "Change Password", onNavigate: "changePasswordClicked"},
39                 {tag: null, content: "."}
40             ]},
41             {classes: "blerg-controls-toolbar", components: [
42                 {kind: "onyx.Button", content: "Feed Your Vanity", onclick: "chatterClicked"},
43                 {name: "feedButton", kind: "onyx.Button", classes: "feed-button", content: "Stalk Your Victims", onclick: "feedClicked"},
44                 {name: "spewButton", kind: "onyx.Button", classes: "spew-button", content: "Spew It!", onclick: "spewToggle"}
45             ]},
46         ]},
47         {name: "api", kind: "blerg.API",
48          onFeedInfo: "gotFeedInfo"}
49     ],
50     showRSS: function(url) {
51         this.$.rssButton.show();
52         if (url)
53             this.$.rssButton.setAttribute('href', url);
54     },
55     hideRSS: function() {
56         this.$.rssButton.hide();
57     },
58     loggedInChanged: function() {
59         if (this.loggedIn) {
60             this.$.loggedOutControls.hide();
61             this.$.loggedInControls.show();
62         } else {
63             this.$.loggedOutControls.show();
64             this.$.loggedInControls.hide();
65         }
66     },
67     loginClicked: function(inSender, inEvent) {
68         this.bubble('onTryLogin', {
69             username: this.$.username.getValue(),
70             password: this.$.password.getValue()
71         });
72         inEvent.preventDefault();
73         return true;
74     },
75     logoutClicked: function() {
76         this.bubble('onTryLogout');
77         return true;
78     },
79     login: function(inSender, inEvent) {
80         this.$.password.setValue('');
81         this.setLoggedIn(true);
82         this.$.userlink.setAttribute('href', '/#' + inEvent.username);
83         this.$.userlink.setContent('@' + inEvent.username);
84         this.username = inEvent.username;
85
86         this.updateFeedInfo();
87         this.feedStatusUpdateInterval = setInterval(function() {
88             this.updateFeedInfo();
89         }.bind(this), 900000);
90     },
91     logout: function(inSender, inEvent) {
92         this.setLoggedIn(false);
93         clearInterval(this.feedStatusUpdateInterval);
94     },
95     changePasswordClicked: function() {
96         this.bubble('onShowChangePassword');
97     },
98     spewToggle: function(inSender, inEvent) {
99         this.postShowing = !this.postShowing;
100         this.bubble('onPostVisibility', {showing: this.postShowing});
101     },
102     postVisibilityUpdate: function(inSender, inEvent) {
103         this.postShowing = inEvent.showing;
104         this.$.spewButton.addRemoveClass('active', inEvent.showing);
105     },
106     updateFeedInfo: function() {
107         this.$.api.getFeedInfo();
108     },
109     gotFeedInfo: function(inSender, inEvent) {
110         this.$.feedButton.addRemoveClass('new', inEvent.new > 0);
111         if (inEvent.new > 0) {
112             this.$.feedButton.setContent('Stalk Your Victims (' + inEvent.new + ')');
113         } else {
114             this.$.feedButton.setContent('Stalk Your Victims');
115         }
116     },
117     chatterClicked: function() {
118         window.location.href = '/#/ref/' + this.username;
119         this.bubble('onNavigate');
120     },
121     feedClicked: function() {
122         window.location.href = '/#/feed';
123         this.bubble('onNavigate');
124     },
125     clearFeedStatus: function() {
126         this.gotFeedInfo(this, {new: 0});
127     }
128 });