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

Slight rework to the card filter

Browse Source 
Moved Hobbit shadow culture for better fit, shrank card name filter to help optimize space, lowered culture filters slightly to prevent overlap.
This commit is contained in:
PhallenCassidy
2019-01-02 10:18:38 -05:00
committed by GitHub
parent 02b1fb8521
commit ae5f521614
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
gemp-lotr/gemp-lotr-async/src/main/web/js/gemp-021/cardFilter.js
View File

@@ -136,11 +136,11 @@ var CardFilter = Class.extend({
+ "<option value='18'>18 - Treachery & Deceit</option>"
+ "<option value='19'>19 - Ages End</option>"
+ "<option value='20'>20 - Second Edition</option>"
//Additional Hobbit Draft blocks
+ "<option value='30'> The Hobbit: Main Deck</option>"
+ "<option value='hobbit_tsr'> The Hobbit: The Short Rest</option>"
//Additional Hobbit Draft blocks
+ "<option value='30'> The Hobbit: Main Deck</option>"
+ "<option value='hobbit_tsr'> The Hobbit: The Short Rest</option>"
+ "</select>");
this.nameInput = $("<input type='text' value='Card name' style='width: 130px; font-size: 70%;'>");
this.nameInput = $("<input type='text' value='Card name' style='width: 110px; font-size: 70%;'>");
this.sortSelect = $("<select style='width: 80px; font-size: 80%;'>"
+ "<option value=''>Sort by:</option>"
+ "<option value='name'>Name</option>"
@@ -179,8 +179,9 @@ var CardFilter = Class.extend({
+ "<input type='checkbox' id='ROHAN'/><label for='ROHAN' id='labelROHAN'><img src='images/cultures/rohan.png'/></label>"
+ "<input type='checkbox' id='SHIRE'/><label for='SHIRE' id='labelSHIRE'><img src='images/cultures/shire.png'/></label>"
+ "<input type='checkbox' id='GOLLUM'/><label for='GOLLUM' id='labelGOLLUM'><img src='images/cultures/gollum.png'/></label>"
//Additional Hobbit Draft Free Peoples culture
//Additional Hobbit Draft cultures
+ "<input type='checkbox' id='ESGAROTH'/><label for='ESGAROTH' id='labelESGAROTH'><img src='images/cultures/esgaroth.png'/></label>"
+ "<input type='checkbox' id='GUNDABAD'/><label for='GUNDABAD' id='labelGUNDABAD'><img src='images/cultures/gundabad.png'/></label>"
+ "</div>");
this.filterDiv.append("<div id='culture2'>"
+ "<input type='checkbox' id='DUNLAND'/><label for='DUNLAND' id='labelDUNLAND'><img src='images/cultures/dunland.png'/></label>"
@@ -193,7 +194,6 @@ var CardFilter = Class.extend({
+ "<input type='checkbox' id='URUK_HAI'/><label for='URUK_HAI' id='labelURUK_HAI'><img src='images/cultures/uruk_hai.png'/></label>"
+ "<input type='checkbox' id='WRAITH'/><label for='WRAITH' id='labelWRAITH'><img src='images/cultures/wraith.png'/></label>"
//Additional Hobbit Draft Shadow cultures
+ "<input type='checkbox' id='GUNDABAD'/><label for='GUNDABAD' id='labelGUNDABAD'><img src='images/cultures/gundabad.png'/></label>"
//+ "<input type='checkbox' id='MIRKWOOD'/><label for='MIRKWOOD' id='labelMIRKWOOD'><img src='images/cultures/mirkwood.png'/></label>"
//+ "<input type='checkbox' id='SMAUG'/><label for='SMAUG' id='labelSMAUG'><img src='images/cultures/smaug.png'/></label>"
//+ "<input type='checkbox' id='SPIDER'/><label for='SPIDER' id='labelSPIDER'><img src='images/cultures/spider.png'/></label>"
@@ -295,15 +295,15 @@ var CardFilter = Class.extend({
$("#keyword").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);
},
layoutUi:function (x, y, width, height) {
this.pageDiv.css({ position:"absolute", left:x, top:y, width:width, height:50 });
this.countSlider.css({width:width - 100});
this.fullFilterDiv.css({position:"absolute", left:x, top:y + 50, width:width, height:30});
this.filterDiv.css({ position:"absolute", left:x, top:y + 80, width:width, height:80 });
this.fullFilterDiv.css({position:"absolute", left:x, top:y + 50, width:width, height:32});
this.filterDiv.css({ position:"absolute", left:x, top:y + 82, width:width, height:80 });
},
layoutPageUi: function(x, y, width) {