Joining leagues.

gemp-lotr/gemp-lotr-web/src/main/java/com/gempukku/lotro/server/LeagueResource.java

@@ -1,5 +1,6 @@
 package com.gempukku.lotro.server;
 
+import com.gempukku.lotro.DateUtils;
 import com.gempukku.lotro.db.vo.League;
 import com.gempukku.lotro.game.Player;
 import com.gempukku.lotro.game.formats.LotroFormatLibrary;
@@ -63,12 +64,18 @@ public class LeagueResource extends AbstractResource {
             final LeagueData leagueData = league.getLeagueData();
             final List<LeagueSerieData> series = leagueData.getSeries();
 
+            int end = series.get(series.size() - 1).getEnd();
+
             Element leagueElem = doc.createElement("league");
+            boolean inLeague = _leagueService.isPlayerInLeague(league, resourceOwner);
+
+            leagueElem.setAttribute("member", String.valueOf(inLeague));
+            leagueElem.setAttribute("joinable", String.valueOf(!inLeague && end >= DateUtils.getCurrentDate()));
             leagueElem.setAttribute("type", league.getType());
             leagueElem.setAttribute("name", league.getName());
             leagueElem.setAttribute("cost", String.valueOf(leagueData.getLeagueCost()));
             leagueElem.setAttribute("start", String.valueOf(series.get(0).getStart()));
-            leagueElem.setAttribute("end", String.valueOf(series.get(series.size() - 1).getEnd()));
+            leagueElem.setAttribute("end", String.valueOf(end));
 
             for (LeagueSerieData serie : series) {
                 Element serieElem = doc.createElement("serie");

gemp-lotr/gemp-lotr-web/src/main/webapp/js/communication.js

@@ -58,6 +58,19 @@ var GempLotrCommunication = Class.extend({
         });
     },
 
+    joinLeague: function(code, callback) {
+        $.ajax({
+            type: "POST",
+            url: this.url + "/league/code",
+            cache: false,
+            data: {
+                participanId: getUrlParam("participantId") },
+            success: this.deliveryCheck(callback),
+            error: this.failure,
+            dataType: "xml"
+        });
+    },
+
     getReplay: function(replayId, callback) {
         $.ajax({
             type: "GET",

gemp-lotr/gemp-lotr-web/src/main/webapp/js/leagueResultsUi.js

@@ -1,10 +1,21 @@
 var LeagueResultsUI = Class.extend({
     communication: null,
+    questionDialog: null,
 
     init: function(url) {
         this.communication = new GempLotrCommunication(url,
                 function(xhr, ajaxOptions, thrownError) {
                 });
+
+        this.questionDialog = $("<div></div>")
+                .dialog({
+                    autoOpen: false,
+                    closeOnEscape: true,
+                    resizable: false,
+                    modal: true,
+                    title: "League operation"
+                });
+
         this.loadResults();
     },
 
@@ -21,6 +32,7 @@ var LeagueResultsUI = Class.extend({
     },
 
     loadedLeagueResults: function(xml) {
+        var that = this;
         log(xml);
         var root = xml.documentElement;
         if (root.tagName == 'leagues') {
@@ -30,9 +42,12 @@ var LeagueResultsUI = Class.extend({
             for (var i = 0; i < leagues.length; i++) {
                 var league = leagues[i];
                 var leagueName = league.getAttribute("name");
+                var leagueType = league.getAttribute("type");
                 var cost = parseInt(league.getAttribute("cost"));
                 var start = league.getAttribute("start");
                 var end = league.getAttribute("end");
+                var member = league.getAttribute("member");
+                var joinable = league.getAttribute("joinable");
 
                 var leagueText = leagueName;
                 $("#leagueResults").append("<h1 class='leagueName'>" + leagueText + "</h1>");
@@ -42,6 +57,23 @@ var LeagueResultsUI = Class.extend({
 
                 var duration = this.getDateString(start) + " to " + this.getDateString(end);
                 $("#leagueResults").append("<div class='leagueDuration'>Duration (GMT+0): " + duration + "</div>");
+                if (member == "true")
+                    $("#leagueResults").append("<div class='leagueMembership'>You are already a member of this league.</div>");
+                else if (joinable == "true") {
+                    var joinBut = $("<button>Join league</button>").button();
+                    joinBut.click(
+                            function() {
+                                that.displayBuyAction("Do you want to join the league buy paying " + costStr + "?",
+                                        function() {
+                                            that.communication.joinLeague(leagueType, function() {
+                                                that.loadResults();
+                                            });
+                                        });
+                            });
+                    var joinDiv = $("<div class='leagueMembership'></div>");
+                    joinDiv.append(joinBut);
+                    $("#leagueResults").append(joinDiv);
+                }
 
                 var tabDiv = $("<div width='100%'></div>");
                 var tabNavigation = $("<ul></ul>");
@@ -94,6 +126,33 @@ var LeagueResultsUI = Class.extend({
         }
     },
 
+    displayBuyAction: function(text, yesFunc) {
+        var that = this;
+        this.questionDialog.html("");
+        this.questionDialog.html("<div style='scroll: auto'></div>");
+        var questionDiv = $("<div>" + text + "</div>");
+        questionDiv.append("<br/>");
+        questionDiv.append($("<button>Yes</button>").button().click(
+                function() {
+                    that.questionDialog.dialog("close");
+                    yesFunc();
+                }));
+        questionDiv.append($("<button>No</button>").button().click(
+                function() {
+                    that.questionDialog.dialog("close");
+                }));
+        this.questionDialog.append(questionDiv);
+
+        var windowWidth = $(window).width();
+        var windowHeight = $(window).height();
+
+        var horSpace = 230;
+        var vertSpace = 45;
+
+        this.questionDialog.dialog({width: Math.min(horSpace, windowWidth), height: Math.min(vertSpace, windowHeight)});
+        this.questionDialog.dialog("open");
+    },
+
     createStandingsTable: function(standings) {
         var standingsTable = $("<table class='standings'></table>");