Widget:TreasureCardFilter: Difference between revisions
From Unforgotten Realms Wiki
Jump to navigationJump to search
imported>Plornt No edit summary |
imported>Plornt Adding gem variables to cards |
||
| Line 1: | Line 1: | ||
<script> | <script> | ||
window.addEventListener("load", function () { | window.addEventListener("load", function () { | ||
var FILTER_INITIALIZED = false; | var FILTER_INITIALIZED = false; | ||
var FILTERS = []; | var FILTERS = []; | ||
| Line 12: | Line 11: | ||
}); | }); | ||
} | } | ||
ev.preventDefault(); | ev.preventDefault(); | ||
$(this).toggleClass("gem-deselected"); | $(this).toggleClass("gem-deselected"); | ||
| Line 37: | Line 36: | ||
</div> | </div> | ||
<div data-filter-each="true"> | |||
<!--{foreach from=$cards item=card}--> | <!--{foreach from=$cards item=card}--> | ||
<div class="pure-g content-box " data-cost="<!--{$card.cost|escape:'int'}-->" > | <div class="pure-g content-box " data-cost="<!--{$card.cost|escape:'int'}-->" > | ||
<div class="pure-u-24-24 content-box-heading" style="text-align: center;margin-bottom:-1em;"><!--{$card.name}--></div> | <div class="pure-u-24-24 content-box-heading" | ||
data-gem-types="<!--{* | |||
*}--><!--{foreach from=$gem key=gemName item=gemObj}--><!--{* | |||
*}--><!--{if array_key_exists($gemName, $card) }--><!--{* | |||
*}--><!--{$gemName|escape:'html'}-->:<!--{$card[$gemName]|escape:'html'}-->,<!--{* | |||
*}--><!--{/endif}--><!--{* | |||
*}--><!--{/foreach}--><!--{* | |||
*}-->" style="text-align: center;margin-bottom:-1em;"><!--{$card.name}--></div> | |||
<div class="pure-u-8-24"> | <div class="pure-u-8-24"> | ||
<!--{$card.image}--> | <!--{$card.image}--> | ||
| Line 48: | Line 54: | ||
</div> | </div> | ||
<!--{/foreach}--> | <!--{/foreach}--> | ||
</div> | |||
Revision as of 15:16, 6 June 2015
<script>
window.addEventListener("load", function () {
var FILTER_INITIALIZED = false;
var FILTERS = [];
var $GEMS = $("[data-filter-binding]");
$GEMS.bind("click", function (ev) {
if (FILTER_INITIALIZED == false) {
FILTER_INITIALIZED = true;
$GEMS.each(function () {
$(this).addClass("gem-deselected");
});
}
ev.preventDefault();
$(this).toggleClass("gem-deselected");
});
});
</script> <style> .gem-deselected { -webkit-filter: grayscale(100%); filter: grayscale(100%); 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"); } </style>
Filters
Cost: Coin
