ambidextrous/gemp-lotr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Placeholder for card name filter

Browse Source
This commit is contained in:
marcin.sciesinski
2019-09-19 22:03:28 -07:00
parent 1db0736418
commit 9de1c331d3
1 changed files with 56 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
gemp-lotr/gemp-lotr-async/src/main/web/js/gemp-022/cardFilter.js
View File

@@ -1,29 +1,29 @@
var CardFilter = Class.extend({ var CardFilter = Class.extend({
clearCollectionFunc:null, clearCollectionFunc: null,
addCardFunc:null, addCardFunc: null,
finishCollectionFunc:null, finishCollectionFunc: null,
getCollectionFunc:null, getCollectionFunc: null,
collectionType:null, collectionType: null,
filter:null, filter: null,
start:0, start: 0,
count:18, count: 18,
pageDiv:null, pageDiv: null,
fullFilterDiv:null, fullFilterDiv: null,
filterDiv:null, filterDiv: null,
previousPageBut:null, previousPageBut: null,
nextPageBut:null, nextPageBut: null,
countSlider:null, countSlider: null,
setSelect:null, setSelect: null,
nameInput:null, nameInput: null,
sortSelect:null, sortSelect: null,
raritySelect:null, raritySelect: null,
init:function (elem, pageElem, getCollectionFunc, clearCollectionFunc, addCardFunc, finishCollectionFunc) { init: function (elem, pageElem, getCollectionFunc, clearCollectionFunc, addCardFunc, finishCollectionFunc) {
this.getCollectionFunc = getCollectionFunc; this.getCollectionFunc = getCollectionFunc;
this.clearCollectionFunc = clearCollectionFunc; this.clearCollectionFunc = clearCollectionFunc;
this.addCardFunc = addCardFunc; this.addCardFunc = addCardFunc;
@@ -34,35 +34,35 @@ var CardFilter = Class.extend({
this.buildUi(elem, pageElem); this.buildUi(elem, pageElem);
}, },
enableDetailFilters:function (enable) { enableDetailFilters: function (enable) {
$("#culture1").buttonset("option", "disabled", !enable); $("#culture1").buttonset("option", "disabled", !enable);
$("#culture2").buttonset("option", "disabled", !enable); $("#culture2").buttonset("option", "disabled", !enable);
$("#cardType").prop("disabled", !enable); $("#cardType").prop("disabled", !enable);
$("#keyword").prop("disabled", !enable); $("#keyword").prop("disabled", !enable);
}, },
setFilter:function (filter) { setFilter: function (filter) {
this.filter = filter; this.filter = filter;
this.start = 0; this.start = 0;
this.getCollection(); this.getCollection();
}, },
setType:function (typeValue) { setType: function (typeValue) {
$("#type").val(typeValue); $("#type").val(typeValue);
}, },
buildUi:function (elem, pageElem) { buildUi: function (elem, pageElem) {
var that = this; var that = this;
this.pageDiv = $("<div></div>"); this.pageDiv = $("<div></div>");
this.previousPageBut = $("<button id='previousPage' style='float: left;'>Previous page</button>").button({ this.previousPageBut = $("<button id='previousPage' style='float: left;'>Previous page</button>").button({
text:false, text: false,
icons:{ icons: {
primary:"ui-icon-circle-triangle-w" primary: "ui-icon-circle-triangle-w"
}, },
disabled:true disabled: true
}).click( }).click(
function () { function () {
that.disableNavigation(); that.disableNavigation();
@@ -71,11 +71,11 @@ var CardFilter = Class.extend({
}); });
this.nextPageBut = $("<button id='nextPage' style='float: right;'>Next page</button>").button({ this.nextPageBut = $("<button id='nextPage' style='float: right;'>Next page</button>").button({
text:false, text: false,
icons:{ icons: {
primary:"ui-icon-circle-triangle-e" primary: "ui-icon-circle-triangle-e"
}, },
disabled:true disabled: true
}).click( }).click(
function () { function () {
that.disableNavigation(); that.disableNavigation();
@@ -84,12 +84,12 @@ var CardFilter = Class.extend({
}); });
this.countSlider = $("<div id='countSlider' style='left: 50px; top: 10px; width: 200px;'></div>").slider({ this.countSlider = $("<div id='countSlider' style='left: 50px; top: 10px; width: 200px;'></div>").slider({
value:18, value: 18,
min:4, min: 4,
max:40, max: 40,
step:1, step: 1,
disabled:true, disabled: true,
slide:function (event, ui) { slide: function (event, ui) {
that.start = 0; that.start = 0;
that.count = ui.value; that.count = ui.value;
that.getCollection(); that.getCollection();
@@ -148,7 +148,7 @@ var CardFilter = Class.extend({
+ "<option value='32'>32 - The Hobbit: The Clouds Burst</option>" + "<option value='32'>32 - The Hobbit: The Clouds Burst</option>"
+ "<option value='40'>40 - Second Edition</option>" + "<option value='40'>40 - Second Edition</option>"
+ "</select>"); + "</select>");
this.nameInput = $("<input type='text' value='Card name' style='width: 110px; font-size: 70%;'>"); this.nameInput = $("<input type='text' placeholder='Card name' value='' style='width: 110px; font-size: 70%;'>");
this.sortSelect = $("<select style='width: 80px; font-size: 80%;'>" this.sortSelect = $("<select style='width: 80px; font-size: 80%;'>"
+ "<option value=''>Sort by:</option>" + "<option value=''>Sort by:</option>"
+ "<option value='name'>Name</option>" + "<option value='name'>Name</option>"
@@ -301,30 +301,30 @@ var CardFilter = Class.extend({
$("#cardType").change(filterOut); $("#cardType").change(filterOut);
$("#keyword").change(filterOut); $("#keyword").change(filterOut);
$("#type").change(filterOut); $("#type").change(filterOut);
//Additional Hobbit Draft labels //Additional Hobbit Draft labels
$("#labelDWARVEN,#labelELVEN,#labelGANDALF,#labelGONDOR,#labelROHAN,#labelSHIRE,#labelGOLLUM,#labelDUNLAND,#labelISENGARD,#labelMEN,#labelMORIA,#labelORC,#labelRAIDER,#labelSAURON,#labelURUK_HAI,#labelWRAITH,#labelESGAROTH,#labelGUNDABAD").click(filterOut); $("#labelDWARVEN,#labelELVEN,#labelGANDALF,#labelGONDOR,#labelROHAN,#labelSHIRE,#labelGOLLUM,#labelDUNLAND,#labelISENGARD,#labelMEN,#labelMORIA,#labelORC,#labelRAIDER,#labelSAURON,#labelURUK_HAI,#labelWRAITH,#labelESGAROTH,#labelGUNDABAD").click(filterOut);
}, },
layoutUi:function (x, y, width, height) { layoutUi: function (x, y, width, height) {
this.pageDiv.css({ position:"absolute", left:x, top:y, width:width, height:34 }); this.pageDiv.css({position: "absolute", left: x, top: y, width: width, height: 34});
this.countSlider.css({width:width - 100}); this.countSlider.css({width: width - 100});
this.fullFilterDiv.css({position:"absolute", left:x, top:y + 34, width:width, height:34}); this.fullFilterDiv.css({position: "absolute", left: x, top: y + 34, width: width, height: 34});
this.filterDiv.css({ position:"absolute", left:x, top:y + 68, width:width, height:80 }); this.filterDiv.css({position: "absolute", left: x, top: y + 68, width: width, height: 80});
}, },
layoutPageUi: function(x, y, width) { layoutPageUi: function (x, y, width) {
this.pageDiv.css({ left:x, top:y, width:width, height:36 }); this.pageDiv.css({left: x, top: y, width: width, height: 36});
this.countSlider.css({width:width - 100}); this.countSlider.css({width: width - 100});
}, },
disableNavigation:function () { disableNavigation: function () {
this.previousPageBut.button("option", "disabled", true); this.previousPageBut.button("option", "disabled", true);
this.nextPageBut.button("option", "disabled", true); this.nextPageBut.button("option", "disabled", true);
this.countSlider.button("option", "disabled", true); this.countSlider.button("option", "disabled", true);
}, },
calculateNormalFilter:function () { calculateNormalFilter: function () {
var cultures = new Array(); var cultures = new Array();
$("label", $("#culture1")).each( $("label", $("#culture1")).each(
function () { function () {
@@ -357,7 +357,7 @@ var CardFilter = Class.extend({
return cardType + keyword + type; return cardType + keyword + type;
}, },
calculateFullFilterPostfix:function () { calculateFullFilterPostfix: function () {
var setNo = $("option:selected", this.setSelect).prop("value"); var setNo = $("option:selected", this.setSelect).prop("value");
if (setNo != "") if (setNo != "")
setNo = " set:" + setNo; setNo = " set:" + setNo;
@@ -367,14 +367,10 @@ var CardFilter = Class.extend({
sort = " sort:" + sort; sort = " sort:" + sort;
var cardName = this.nameInput.val(); var cardName = this.nameInput.val();
if (cardName == "Card name") var cardNameElems = cardName.split(" ");
cardName = ""; cardName = "";
else { for (var i = 0; i < cardNameElems.length; i++)
var cardNameElems = cardName.split(" "); cardName += " name:" + cardNameElems[i];
cardName = "";
for (var i = 0; i < cardNameElems.length; i++)
cardName += " name:" + cardNameElems[i];
}
var rarity = $("option:selected", this.raritySelect).prop("value"); var rarity = $("option:selected", this.raritySelect).prop("value");
if (rarity != "") if (rarity != "")
@@ -383,14 +379,14 @@ var CardFilter = Class.extend({
return setNo + sort + cardName + rarity; return setNo + sort + cardName + rarity;
}, },
getCollection:function () { getCollection: function () {
var that = this; var that = this;
this.getCollectionFunc((this.filter + this.calculateFullFilterPostfix()).trim(), this.start, this.count, function (xml) { this.getCollectionFunc((this.filter + this.calculateFullFilterPostfix()).trim(), this.start, this.count, function (xml) {
that.displayCollection(xml); that.displayCollection(xml);
}); });
}, },
displayCollection:function (xml) { displayCollection: function (xml) {
log(xml); log(xml);
var root = xml.documentElement; var root = xml.documentElement;