2015-06-24 10:44:10 +00:00
|
|
|
<div class="heading">
|
2015-06-24 13:21:17 +00:00
|
|
|
<a v-class="active: factionFilter == 'northern_realm'" v-on="click: changeDeck('northern_realm')">Northern Realm</a>
|
|
|
|
<a v-class="active: factionFilter == 'scoiatael'" v-on="click: changeDeck('scoiatael')">Scoia'tael</a>
|
2015-06-24 10:44:10 +00:00
|
|
|
<a v-class="active: factionFilter == 'monster'" v-on="click: changeDeck('monster')">Monster</a>
|
|
|
|
</div>
|
2015-06-24 05:09:16 +00:00
|
|
|
|
|
|
|
<div class="all-cards-wrap">
|
|
|
|
<div class="all-cards">
|
|
|
|
<div class="clear-space"></div>
|
|
|
|
|
2015-06-24 10:44:10 +00:00
|
|
|
<div class="card-wrap" v-repeat="card: cards | filterBy factionFilter in faction">
|
2015-06-24 05:09:16 +00:00
|
|
|
<div class="bla ani"></div>
|
2015-06-24 07:28:31 +00:00
|
|
|
<div class="card-img card" v-style="background-image: 'url(http://80.240.132.120/gwent/assets/cards/' + card.img + '.png)'"></div>
|
2015-06-24 05:09:16 +00:00
|
|
|
<div class="shadow"></div>
|
|
|
|
<div class="overlay-card"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="clear-space"></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<style>
|
2015-06-24 10:44:10 +00:00
|
|
|
|
|
|
|
.shadow-all-cards {
|
|
|
|
height: 60px;
|
|
|
|
float: left;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2015-06-24 05:09:16 +00:00
|
|
|
.container-content {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.test {
|
|
|
|
float: left;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
2015-06-24 10:44:10 +00:00
|
|
|
|
|
|
|
.remove {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2015-06-24 13:21:17 +00:00
|
|
|
|
|
|
|
.load-deck {
|
|
|
|
|
|
|
|
}
|
2015-06-24 05:09:16 +00:00
|
|
|
</style>
|