Tyler Renelle
bc4798b354
optionally takes ?type=guilds (guilds, party, tavern, public). this allows us to incrementally load the app as they click through the tabs, because guilds is really large (1.5mb!) - gotta cut this down somehow. The big issue is requireing return values as an array, so ngResource can work with the response (subsequent group.$postChat(), group.$join(), etc.). The array format doesn't really work out that well, so I may scrap
85 lines
2.5 KiB
JavaScript
85 lines
2.5 KiB
JavaScript
"use strict";
|
|
|
|
habitrpg
|
|
|
|
.controller("GroupsCtrl", ['$scope', '$rootScope', 'Groups', '$http', 'API_URL', '$q',
|
|
function($scope, $rootScope, Groups, $http, API_URL, $q) {
|
|
|
|
// The user may not visit the public guilds, personal guilds, and tavern pages. So
|
|
// we defer loading them to the html until they've clicked the tabs
|
|
var partyQ = $q.defer(),
|
|
guildsQ = $q.defer(),
|
|
publicQ = $q.defer(),
|
|
tavernQ = $q.defer();
|
|
|
|
$scope.groups = {
|
|
party: partyQ.promise,
|
|
guilds: guildsQ.promise,
|
|
public: publicQ.promise,
|
|
tavern: tavernQ.promise
|
|
};
|
|
|
|
// But we don't defer triggering Party, since we always need it for the header if nothing else
|
|
Groups.query({type:'party'}, function(_groups){
|
|
partyQ.resolve(_groups[0]);
|
|
})
|
|
|
|
// Note the _.once() to make sure it can never be called again
|
|
$scope.fetchGuilds = _.once(function(){
|
|
$('#loading-indicator').show();
|
|
Groups.query({type:'guilds'}, function(_groups){
|
|
guildsQ.resolve(_groups);
|
|
$('#loading-indicator').hide();
|
|
})
|
|
Groups.query({type:'public'}, function(_groups){
|
|
publicQ.resolve(_groups);
|
|
})
|
|
});
|
|
|
|
$scope.fetchTavern = _.once(function(){
|
|
$('#loading-indicator').show();
|
|
Groups.query({type:'tavern'}, function(_groups){
|
|
$('#loading-indicator').hide();
|
|
tavernQ.resolve(_groups[0]);
|
|
})
|
|
});
|
|
|
|
//$scope._chatMessage = '';
|
|
$scope.postChat = function(group, message){
|
|
//FIXME ng-model makes this painfully slow! using jquery for now, which is really non-angular-like
|
|
message = $('.chat-textarea').val();
|
|
if (_.isEmpty(message)) return
|
|
$('.chat-btn').addClass('disabled');
|
|
group.$postChat({message:message}, function(data){
|
|
//$scope._chatMessage = '';
|
|
$('.chat-textarea').val('');
|
|
group.chat = data.chat;
|
|
$('.chat-btn').removeClass('disabled');
|
|
});
|
|
}
|
|
}
|
|
])
|
|
|
|
.controller("GuildsCtrl", ['$scope', 'Groups',
|
|
function($scope, Groups) {
|
|
$scope.type = 'guild';
|
|
$scope.text = 'Guild';
|
|
$scope.join = function(group){
|
|
|
|
}
|
|
}
|
|
])
|
|
|
|
.controller("PartyCtrl", ['$scope', 'Groups',
|
|
function($scope, Groups) {
|
|
$scope.type = 'party';
|
|
$scope.text = 'Party';
|
|
$scope.group = $scope.groups.party;
|
|
}
|
|
])
|
|
|
|
.controller("TavernCtrl", ['$scope', 'Groups',
|
|
function($scope, Groups) {
|
|
$scope.group = $scope.groups.tavern;
|
|
}
|
|
]) |