mirrors/not-gwent-online
1
0
Fork 0
mirror of https://github.com/exane/not-gwent-online synced 2025-08-03 12:53:28 +00:00
Code Releases Activity

better card arrangement

Browse Source
This commit is contained in:
exane
2015-06-20 13:08:11 +02:00
parent 6e51b5f9b7
commit eb647efa20
2 changed files with 36 additions and 7 deletions
client
js
client.js
scss
main.scss

20
client/js/client.js

@@ -156,10 +156,13 @@ var SideView = Backbone.View.extend({
var cards = this.field.close._cards;
var score = this.field.close._score;
var html = this.templateCards(cards);
$field.find(".field-close").html(html)
$field.find(".large-field-counter").html(score)
calculateCardMargin($field.find(".card"), 433, 70, cards.length);
},
renderRangeField: function(){
if(!this.field.ranged) return;
@@ -172,6 +175,7 @@ var SideView = Backbone.View.extend({
$field.find(".field-range").html(html)
$field.find(".large-field-counter").html(score)
calculateCardMargin($field.find(".card"), 433, 70, cards.length);
},
renderSiegeField: function(){
if(!this.field.siege) return;
@@ -184,6 +188,7 @@ var SideView = Backbone.View.extend({
$field.find(".field-siege").html(html)
$field.find(".large-field-counter").html(score)
calculateCardMargin($field.find(".card"), 433, 70, cards.length);
},
renderWeatherField: function(){
if(!this.field.weather) return;
@@ -206,6 +211,18 @@ var SideView = Backbone.View.extend({
}
});
var calculateCardMargin = function($selector, totalWidth, cardWidth, n){
var w = totalWidth, c = cardWidth;
var res;
if(n < 7)
res = 0;
else {
res = -((w - c) / (n - 1) - c) + 1
}
$selector.css("margin-left", -res);
}
var BattleView = Backbone.View.extend({
className: "container",
template: Handlebars.compile($("#battle-template").html()),
@@ -301,7 +318,7 @@ var BattleView = Backbone.View.extend({
})
this.user.set("waitForDecoy", false);
}
if(this.user.get("setAgile")) {
if(this.user.get("setAgile")){
var $field = $(e.target).closest(".field.active").find(".field-close, .field-range");
console.log($field);
@@ -344,6 +361,7 @@ var BattleView = Backbone.View.extend({
this.otherSide.render();
this.yourSide.render();
calculateCardMargin(this.$el.find(".field-hand .card"), 538, 70, this.handCards.length);
if(this.user.get("openDiscard")){
var modal = new Modal({model: this.user});