- name: "blerg.Controls",
- kind: "Control",
- style: "float: right",
- classes: "blerg-controls",
- published: {
- loggedIn: false
- },
- components: [
- {name: "loggedOutControls", components: [
- {tag: "form", onsubmit: "doLogin", classes: "login", components: [
- {kind: "onyx.Groupbox", components: [
- {kind: "onyx.InputDecorator", components: [
- {name: "username", kind: "onyx.Input", placeholder: "Username"}
- ]},
- {kind: "onyx.InputDecorator", components: [
- {name: "password", kind: "onyx.Input", placeholder: "Password", type: "password"}
- ]},
- ]},
- {kind: "onyx.Button", content: "Login", onclick: "doLogin"}
- ]}
- ]},
- {name: "loggedInControls", showing: false, components: [
- {name: "greeting"},
- {kind: "onyx.Toolbar", components: [
- {kind: "onyx.Button", content: "Write", onClick: "writeClicked"},
- {kind: "onyx.Button", content: "Hearsay", onClick: "chatterClicked"},
- {kind: "onyx.Button", content: "Stalking", onClick: "feedClicked"}
- ]},
- {components: [
- {name: "rssButton", showing: false, kind: "blerg.Link", components: [
- {kind: "Image", src: "/images/rss.png", width: 16, height: 16},
- {noDom: true, content: " RSS"}
- ]}
- ]}
- ]}
- ],
- showRSS: function(url) {
- this.$.rssButton.show();
- if (url)
- this.$.rssButton.setAttribute('href', url);
- },
- hideRSS: function() {
- this.$.rssButton.hide();
- },
- loggedInChanged: function() {
- if (this.loggedIn) {
- this.$.loggedOutControls.hide();
- this.$.loggedInControls.show();
- } else {
- this.$.loggedOutControls.show();
- this.$.loggedInControls.hide();
- }
- },
- doLogin: function() {
- this.bubble('onTryLogin', {
- username: this.$.username.getValue(),
- password: this.$.password.getValue()
- });
- }
+ name: "blerg.Controls",
+ kind: "Control",
+ classes: "blerg-controls",
+ username: null,
+ postShowing: false,
+ published: {
+ loggedIn: false
+ },
+ handlers: {
+ onLogin: "login",
+ onLogout: "logout",
+ onPostVisibility: "postVisibilityUpdate",
+ onClearFeedStatus: "clearFeedStatus"
+ },
+ components: [
+ {name: "loggedOutControls", components: [
+ {tag: "form", onsubmit: "loginClicked", classes: "login", components: [
+ {kind: "onyx.Groupbox", components: [
+ {kind: "onyx.InputDecorator", components: [
+ {name: "username", kind: "onyx.Input", placeholder: "Username", attributes: {tabindex: 1}}
+ ]},
+ {kind: "onyx.InputDecorator", components: [
+ {name: "password", kind: "onyx.Input", placeholder: "Password", type: "password", attributes: {tabindex: 2}}
+ ]},
+ ]},
+ {kind: "onyx.Button", content: "Login", onclick: "loginClicked", attributes: {tabindex: 3}}
+ ]}
+ ]},
+ {name: "loggedInControls", showing: false, components: [
+ {name: "greeting", classes: "blerg-controls-greeting", components: [
+ {tag: null, content: "Hello, "},
+ {name: "userlink", tag: "a"},
+ {tag: null, content: ". "},
+ {kind: "blerg.Link", content: "Logout", onNavigate: "logoutClicked"},
+ {tag: null, content: "."},
+ {tag: "br"},
+ {kind: "blerg.Link", content: "Change Password", onNavigate: "changePasswordClicked"},
+ {tag: null, content: "."}
+ ]},
+ {classes: "blerg-controls-toolbar", components: [
+ {kind: "onyx.Button", content: "Feed Your Vanity", onclick: "chatterClicked"},
+ {name: "feedButton", kind: "onyx.Button", classes: "feed-button", content: "Stalk Your Victims", onclick: "feedClicked"},
+ {name: "spewButton", kind: "onyx.Button", classes: "spew-button", content: "Spew It!", onclick: "spewToggle"}
+ ]},
+ ]},
+ {name: "api", kind: "blerg.API",
+ onFeedInfo: "gotFeedInfo"}
+ ],
+ showRSS: function(url) {
+ this.$.rssButton.show();
+ if (url)
+ this.$.rssButton.setAttribute('href', url);
+ },
+ hideRSS: function() {
+ this.$.rssButton.hide();
+ },
+ loggedInChanged: function() {
+ if (this.loggedIn) {
+ this.$.loggedOutControls.hide();
+ this.$.loggedInControls.show();
+ } else {
+ this.$.loggedOutControls.show();
+ this.$.loggedInControls.hide();
+ }
+ },
+ loginClicked: function(inSender, inEvent) {
+ this.bubble('onTryLogin', {
+ username: this.$.username.getValue(),
+ password: this.$.password.getValue()
+ });
+ inEvent.preventDefault();
+ return true;
+ },
+ logoutClicked: function() {
+ this.bubble('onTryLogout');
+ return true;
+ },
+ login: function(inSender, inEvent) {
+ this.$.password.setValue('');
+ this.setLoggedIn(true);
+ this.$.userlink.setAttribute('href', '/#' + inEvent.username);
+ this.$.userlink.setContent('@' + inEvent.username);
+ this.username = inEvent.username;
+
+ this.updateFeedInfo();
+ this.feedStatusUpdateInterval = setInterval(function() {
+ this.updateFeedInfo();
+ }.bind(this), 900000);
+ },
+ logout: function(inSender, inEvent) {
+ this.setLoggedIn(false);
+ clearInterval(this.feedStatusUpdateInterval);
+ },
+ changePasswordClicked: function() {
+ this.bubble('onShowChangePassword');
+ },
+ spewToggle: function(inSender, inEvent) {
+ this.postShowing = !this.postShowing;
+ this.bubble('onPostVisibility', {showing: this.postShowing});
+ },
+ postVisibilityUpdate: function(inSender, inEvent) {
+ this.postShowing = inEvent.showing;
+ this.$.spewButton.addRemoveClass('active', inEvent.showing);
+ },
+ updateFeedInfo: function() {
+ this.$.api.getFeedInfo();
+ },
+ gotFeedInfo: function(inSender, inEvent) {
+ this.$.feedButton.addRemoveClass('new', inEvent.new > 0);
+ if (inEvent.new > 0) {
+ this.$.feedButton.setContent('Stalk Your Victims (' + inEvent.new + ')');
+ } else {
+ this.$.feedButton.setContent('Stalk Your Victims');
+ }
+ },
+ chatterClicked: function() {
+ window.location.href = '/#/ref/' + this.username;
+ this.bubble('onNavigate');
+ },
+ feedClicked: function() {
+ window.location.href = '/#/feed';
+ this.bubble('onNavigate');
+ },
+ clearFeedStatus: function() {
+ this.gotFeedInfo(this, {new: 0});
+ }