mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-04 21:01:06 -05:00
152 lines
5.8 KiB
CoffeeScript
152 lines
5.8 KiB
CoffeeScript
app = require 'core/application'
|
|
CreateAccountModal = require 'views/core/CreateAccountModal'
|
|
RootView = require 'views/core/RootView'
|
|
template = require 'templates/clans/clans'
|
|
CocoCollection = require 'collections/CocoCollection'
|
|
Clan = require 'models/Clan'
|
|
SubscribeModal = require 'views/core/SubscribeModal'
|
|
|
|
# TODO: Waiting for async messages
|
|
# TODO: Invalid clan name message
|
|
# TODO: Refresh data instead of page
|
|
|
|
module.exports = class ClansView extends RootView
|
|
id: 'clans-view'
|
|
template: template
|
|
|
|
|
|
events:
|
|
'click .create-clan-btn': 'onClickCreateClan'
|
|
'click .join-clan-btn': 'onJoinClan'
|
|
'click .leave-clan-btn': 'onLeaveClan'
|
|
'click .private-clan-checkbox': 'onClickPrivateCheckbox'
|
|
|
|
initialize: ->
|
|
@publicClansArray = []
|
|
@myClansArray = []
|
|
@idNameMap = {}
|
|
@loadData()
|
|
|
|
destroy: ->
|
|
@stopListening?()
|
|
|
|
afterRender: ->
|
|
super()
|
|
@setupPrivateInfoPopover()
|
|
|
|
onLoaded: ->
|
|
super()
|
|
@publicClansArray = _.filter(@publicClans.models, (clan) -> clan.get('type') is 'public')
|
|
@myClansArray = @myClans.models
|
|
|
|
loadData: ->
|
|
sortClanList = (a, b) ->
|
|
if a.get('memberCount') isnt b.get('memberCount')
|
|
if a.get('memberCount') < b.get('memberCount') then 1 else -1
|
|
else
|
|
b.id.localeCompare(a.id)
|
|
@publicClans = new CocoCollection([], { url: '/db/clan/-/public', model: Clan, comparator: sortClanList })
|
|
@listenTo @publicClans, 'sync', =>
|
|
@refreshNames @publicClans.models
|
|
@render?()
|
|
@supermodel.loadCollection(@publicClans, 'public_clans', {cache: false})
|
|
|
|
@myClans = new CocoCollection([], { url: "/db/user/#{me.id}/clans", model: Clan, comparator: sortClanList })
|
|
@listenTo @myClans, 'sync', =>
|
|
@refreshNames @myClans.models
|
|
@render?()
|
|
@supermodel.loadCollection(@myClans, 'my_clans', {cache: false})
|
|
|
|
@listenTo me, 'sync', => @render?()
|
|
@myClanIDs = me.get('clans') ? []
|
|
|
|
refreshNames: (clans) ->
|
|
clanIDs = _.filter(clans, (clan) -> clan.get('type') is 'public')
|
|
clanIDs = _.map(clans, (clan) -> clan.get('ownerID'))
|
|
options =
|
|
url: '/db/user/-/names'
|
|
method: 'POST'
|
|
data: {ids: clanIDs}
|
|
success: (models, response, options) =>
|
|
@idNameMap[userID] = models[userID].name for userID of models
|
|
@render?()
|
|
@supermodel.addRequestResource('user_names', options, 0).load()
|
|
|
|
setupPrivateInfoPopover: ->
|
|
popoverTitle = "<h3>" + $.i18n.t('clans.private_clans') + "</h3>"
|
|
popoverContent = "<ul>"
|
|
popoverContent += "<li><span style='font-weight:bold;'>" + $.i18n.t('clans.track_concepts1') + "</span> " + $.i18n.t('clans.track_concepts2b')
|
|
popoverContent += "<li>" + $.i18n.t('clans.track_concepts3b')
|
|
popoverContent += "<li>" + $.i18n.t('clans.track_concepts4b') + " <span style='font-weight:bold;'>" + $.i18n.t('clans.track_concepts5') + "</span>"
|
|
popoverContent += "<li>" + $.i18n.t('clans.track_concepts6b')
|
|
popoverContent += "<li><span style='font-weight:bold;'>" + $.i18n.t('clans.track_concepts7') + "</span> " + $.i18n.t('clans.track_concepts8')
|
|
popoverContent += "</ul>"
|
|
popoverContent += "<p><img src='/images/pages/clans/dashboard_preview.png' height='400'></p>"
|
|
popoverContent += "<p>" + $.i18n.t('clans.private_require_sub') + "</p>"
|
|
@$el.find('.private-more-info').popover(
|
|
animation: true
|
|
html: true
|
|
placement: 'right'
|
|
trigger: 'hover'
|
|
title: popoverTitle
|
|
content: popoverContent
|
|
container: @$el
|
|
)
|
|
|
|
onClickCreateClan: (e) ->
|
|
return @openModalView new CreateAccountModal() if me.isAnonymous()
|
|
clanType = if $('.private-clan-checkbox').prop('checked') then 'private' else 'public'
|
|
if clanType is 'private' and not me.isPremium()
|
|
@openModalView new SubscribeModal()
|
|
window.tracker?.trackEvent 'Show subscription modal', category: 'Subscription', label: 'create clan'
|
|
return
|
|
if name = $('.create-clan-name').val()
|
|
clan = new Clan()
|
|
clan.set 'type', clanType
|
|
clan.set 'name', name
|
|
clan.set 'description', description if description = $('.create-clan-description').val()
|
|
clan.save {},
|
|
error: (model, response, options) =>
|
|
console.error 'Error saving clan', response.status
|
|
success: (model, response, options) =>
|
|
app.router.navigate "/clans/#{model.id}"
|
|
window.location.reload()
|
|
else
|
|
console.log 'Invalid name'
|
|
|
|
onJoinClan: (e) ->
|
|
return @openModalView(new CreateAccountModal()) if me.isAnonymous()
|
|
if clanID = $(e.target).data('id')
|
|
options =
|
|
url: "/db/clan/#{clanID}/join"
|
|
method: 'PUT'
|
|
error: (model, response, options) =>
|
|
console.error 'Error joining clan', response
|
|
success: (model, response, options) =>
|
|
app.router.navigate "/clans/#{clanID}"
|
|
window.location.reload()
|
|
@supermodel.addRequestResource( 'join_clan', options).load()
|
|
else
|
|
console.error "No clan ID attached to join button."
|
|
|
|
onLeaveClan: (e) ->
|
|
if clanID = $(e.target).data('id')
|
|
options =
|
|
url: "/db/clan/#{clanID}/leave"
|
|
method: 'PUT'
|
|
error: (model, response, options) =>
|
|
console.error 'Error leaving clan', response
|
|
success: (model, response, options) =>
|
|
me.fetch cache: false
|
|
@publicClans.fetch cache: false
|
|
@myClans.fetch cache: false
|
|
@supermodel.addRequestResource( 'leave_clan', options).load()
|
|
else
|
|
console.error "No clan ID attached to leave button."
|
|
|
|
onClickPrivateCheckbox: (e) ->
|
|
return @openModalView new CreateAccountModal() if me.isAnonymous()
|
|
if $('.private-clan-checkbox').prop('checked') and not me.isPremium()
|
|
$('.private-clan-checkbox').attr('checked', false)
|
|
@openModalView new SubscribeModal()
|
|
window.tracker?.trackEvent 'Show subscription modal', category: 'Subscription', label: 'check private clan'
|