Widget:TreasureCardFilter - Revision history

imported>Tdis8629: Coin => Gold. Canonically (and grammatically), Gold is correct, as pointed out by User:Davrial

2015-12-09T20:19:12Z

Coin => Gold. Canonically (and grammatically), Gold is correct, as pointed out by User:Davrial

← Older revision		Revision as of 20:19, 9 December 2015
Line 117:		Line 117:
	</div>		</div>
	<div class="pure-u-10-24" style="padding:15px"><!--{$card.description}--></div>		<div class="pure-u-10-24" style="padding:15px"><!--{$card.description}--></div>
	<div class="pure-u-5-24" style="padding:15px"><b>Cost:</b> <span><!--{$card.cost\|escape:'int'}--> ~~Coin~~</span></div>		<div class="pure-u-5-24" style="padding:15px"><b>Cost:</b> <span><!--{$card.cost\|escape:'int'}--> Gold</span></div>
	</div>		</div>
	<!--{/foreach}-->		<!--{/foreach}-->
	</div>		</div>

imported>Plornt at 16:21, 7 June 2015

2015-06-07T16:21:11Z

← Older revision		Revision as of 16:21, 7 June 2015
Line 4:		Line 4:
	var FILTERS = [];		var FILTERS = [];
	var $GEMS = $("[data-filter-binding]");		var $GEMS = $("[data-filter-binding]");
	var GEM_DATA = JSON.parse($("[data-gem-data")[0].getAttribute("data-gem-data"));		var GEM_DATA = JSON.parse($("[data-gem-data]")[0].getAttribute("data-gem-data"));
	var $FILTERABLE = $("[data-card]");		var $FILTERABLE = $("[data-card]");
	function getCardData (element) {		function getCardData (element) {

imported>Plornt at 10:55, 7 June 2015

2015-06-07T10:55:21Z

@@ Line 98: / Line 98: @@
+}
 </style>
 <div class="pure-g content-box">

imported>Plornt at 10:48, 7 June 2015

2015-06-07T10:48:00Z

← Older revision		Revision as of 10:48, 7 June 2015
Line 98:		Line 98:

	}		}
	.gem-deselected > img, img.gem-deselected {		.gem-deselected img, img.gem-deselected {
	/Chrome,Safari/		/Chrome,Safari/
	-webkit-clip-path: polygon(97px 144px,101px 144px,146px 99px,143px 90px,117px 63px,102px 49px,96px 55px,53px 96px);		-webkit-clip-path: polygon(97px 144px,101px 144px,146px 99px,143px 90px,117px 63px,102px 49px,96px 55px,53px 96px);

imported>Plornt at 10:46, 7 June 2015

2015-06-07T10:46:45Z

← Older revision		Revision as of 10:46, 7 June 2015
Line 96:		Line 96:
	filter: gray;		filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");		filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");

			}
			.gem-deselected > img, img.gem-deselected {
	/Chrome,Safari/		/Chrome,Safari/
	-webkit-clip-path: polygon(97px 144px,101px 144px,146px 99px,143px 90px,117px 63px,102px 49px,96px 55px,53px 96px);		-webkit-clip-path: polygon(97px 144px,101px 144px,146px 99px,143px 90px,117px 63px,102px 49px,96px 55px,53px 96px);

imported>Plornt at 10:43, 7 June 2015

2015-06-07T10:43:08Z

← Older revision		Revision as of 10:43, 7 June 2015
Line 96:		Line 96:
	filter: gray;		filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");		filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
			/Chrome,Safari/
			-webkit-clip-path: polygon(97px 144px,101px 144px,146px 99px,143px 90px,117px 63px,102px 49px,96px 55px,53px 96px);

			/Firefox/
			clip-path: url("#clipPolygon");

			/* iOS support inline encoded svg file*/
			-webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTk3LDE0NCBMMTAxLDE0NCAxNDYsOTkgMTQzLDkwIDExNyw2MyAxMDIsNDkgOTYsNTUgNTMsOTYgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik05NywxNDQgTDEwMSwxNDQgMTQ2LDk5IDE0Myw5MCAxMTcsNjMgMTAyLDQ5IDk2LDU1IDUzLDk2IHoiICAvPgo8L3N2Zz4=) no-repeat;
	}		}
	</style>		</style>
			<svg width="0" height="0">
			<clipPath id="clipPolygon">
			<polygon points="97 144,101 144,146 99,143 90,117 63,102 49,96 55,53 96">
			</polygon>
			</clipPath>
			</svg>
	<div class="pure-g content-box">		<div class="pure-g content-box">

imported>Plornt: Sorting descending

2015-06-07T00:10:04Z

Sorting descending

← Older revision		Revision as of 00:10, 7 June 2015
Line 53:		Line 53:
	var valB = (typeof cardDataB[filter] !== "undefined" ? parseInt(cardDataB[filter]) : 0);		var valB = (typeof cardDataB[filter] !== "undefined" ? parseInt(cardDataB[filter]) : 0);
	console.log(valA, valB);		console.log(valA, valB);
	return (valA > valB ? 1 : (valA < valB ? -1 : 0));		return (valA > valB ? -1 : (valA < valB ? 1 : 0));
	});		});
	}		}

imported>Plornt at 00:09, 7 June 2015

2015-06-07T00:09:29Z

← Older revision		Revision as of 00:09, 7 June 2015
Line 50:		Line 50:
	var cardDataA = getCardData(a);		var cardDataA = getCardData(a);
	var cardDataB = getCardData(b);		var cardDataB = getCardData(b);
	var valA = typeof cardDataA[filter] !== "undefined" ? parseInt(cardDataA[filter]) : 0);		var valA = (typeof cardDataA[filter] !== "undefined" ? parseInt(cardDataA[filter]) : 0);
	var valB = typeof cardDataB[filter] !== "undefined" ? parseInt(cardDataB[filter]) : 0);		var valB = (typeof cardDataB[filter] !== "undefined" ? parseInt(cardDataB[filter]) : 0);
	console.log(valA, valB);		console.log(valA, valB);
	return (valA > valB ? 1 : (valA < valB ? -1 : 0));		return (valA > valB ? 1 : (valA < valB ? -1 : 0));

imported>Plornt: Fixed sorting

2015-06-07T00:08:54Z

Fixed sorting

← Older revision		Revision as of 00:08, 7 June 2015
Line 50:		Line 50:
	var cardDataA = getCardData(a);		var cardDataA = getCardData(a);
	var cardDataB = getCardData(b);		var cardDataB = getCardData(b);
	~~console.log(~~cardDataA[filter]~~, cardDataB~~[filter]);		var valA = typeof cardDataA[filter] !== "undefined" ? parseInt(cardDataA[filter]) : 0);
	~~return (cardDataA~~[filter] > cardDataB[filter] ? 1 : (~~cardDataA[filter]~~ < ~~cardDataB[filter]~~ ? -1 : 0));		var valB = typeof cardDataB[filter] !== "undefined" ? parseInt(cardDataB[filter]) : 0);
			console.log(valA, valB);
			return (valA > valB ? 1 : (valA < valB ? -1 : 0));
	});		});
	}		}

imported>Plornt at 00:03, 7 June 2015

2015-06-07T00:03:55Z

← Older revision		Revision as of 00:03, 7 June 2015
Line 45:		Line 45:
	var filter = FILTERS[i];		var filter = FILTERS[i];
	var gemType = GEM_DATA[filter];		var gemType = GEM_DATA[filter];
			console.log(gemType);
	if (gemType.type == "number") {		if (gemType.type == "number") {
	$FILTERABLE.sort(function (a, b) {		$FILTERABLE.sort(function (a, b) {