diff --git a/site/client/app/modules/deck-builder/components/deck-builder.js b/site/client/app/modules/deck-builder/components/deck-builder.js index 733bd0c..66f116b 100644 --- a/site/client/app/modules/deck-builder/components/deck-builder.js +++ b/site/client/app/modules/deck-builder/components/deck-builder.js @@ -13,7 +13,7 @@ module.exports = { leaders: [], leader: null, - factionFilter: 'Northern Realm' + factionFilter: 'northern_realm' } }, @@ -23,6 +23,7 @@ module.exports = { methods: { changeDeck: function(deck) { + // todo: load animation $('.all-cards').addClass('remove'); this.factionFilter = deck; $('.all-cards').scrollTop(0); diff --git a/site/client/app/modules/deck-builder/views/deck-builder.html b/site/client/app/modules/deck-builder/views/deck-builder.html index f1de554..d1d73a8 100644 --- a/site/client/app/modules/deck-builder/views/deck-builder.html +++ b/site/client/app/modules/deck-builder/views/deck-builder.html @@ -1,6 +1,6 @@ <div class="heading"> - <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('sco bla')">Scoia'tael</a> + <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> <a v-class="active: factionFilter == 'monster'" v-on="click: changeDeck('monster')">Monster</a> </div> @@ -18,7 +18,6 @@ <div class="clear-space"></div> </div> - <div class="shadow-all-cards"></div> </div> <style> @@ -41,4 +40,8 @@ .remove { opacity: 0; } + + .load-deck { + + } </style> \ No newline at end of file diff --git a/site/client/assets/sass/_inner.scss b/site/client/assets/sass/_inner.scss index e403208..94d108a 100644 --- a/site/client/assets/sass/_inner.scss +++ b/site/client/assets/sass/_inner.scss @@ -21,6 +21,7 @@ main { height: calc(100vh - 150px); min-height: 400px; clear: both; + position: relative; color: #fff;