This commit is contained in:
Martin Kleinschrodt 2013-11-23 13:39:10 +01:00
parent 44c1252005
commit 458255278f
2 changed files with 24 additions and 14 deletions

View File

@ -42,8 +42,8 @@
this.selected = sender.templateInstance.model.record;
},
startOutAnimation: function() {
this.animCount = 0;
var self = this;
this.animCount = 0, self = this;
this.$.list.children.array().forEach(function(item) {
var display = window.getComputedStyle(item, null).getPropertyValue("display");
if (display != "none") {
@ -51,10 +51,14 @@
item.style["-webkit-animation"] = "slideOutToLeft 0.4s ease " + (Math.random()/5) + "s both";
}
});
if (!this.animCount) {
this.fire("animation-end", {direction: "out"});
}
},
startInAnimation: function() {
this.animCount = 0;
var self = this;
this.animCount = 0, self = this;
this.$.list.children.array().forEach(function(item) {
var display = window.getComputedStyle(item, null).getPropertyValue("display");
if (display != "none") {
@ -62,6 +66,10 @@
item.style["-webkit-animation"] = "slideInFromLeft 0.4s ease " + (Math.random()/5) + "s both";
}
});
if (!this.animCount) {
this.fire("animation-end", {direction: "in"});
}
},
animationEnd: function(event) {
this.animCount--;

View File

@ -103,8 +103,8 @@
this.record.fields.push(field);
},
startOutAnimation: function() {
this.animCount = 0;
var self = this;
this.animCount = 0, self = this;
this.shadowRoot.children.array().forEach(function(item) {
var display = window.getComputedStyle(item, null).getPropertyValue("display");
if (display != "none") {
@ -112,10 +112,14 @@
item.style["-webkit-animation"] = "slideOutToRight 0.4s ease " + (Math.random()/5) + "s both";
}
});
if (!this.animCount) {
this.fire("animation-end", {direction: "out"});
}
},
startInAnimation: function() {
this.animCount = 0;
var self = this;
this.animCount = 0, self = this;
this.shadowRoot.children.array().forEach(function(item) {
var display = window.getComputedStyle(item, null).getPropertyValue("display");
if (display != "none") {
@ -123,6 +127,10 @@
item.style["-webkit-animation"] = "slideInFromRight 0.4s ease " + (Math.random()/5) + "s both";
}
});
if (!this.animCount) {
this.fire("animation-end", {direction: "in"});
}
},
animationEnd: function(event) {
this.animCount--;
@ -133,14 +141,8 @@
editingChanged: function() {
if (this.editing) {
this.classList.add("editing");
// this.shadowRoot.querySelectorAll("input").array().forEach(function(el) {
// el.removeAttribute("readonly");
// });
} else {
this.classList.remove("editing");
// this.shadowRoot.querySelectorAll("input").array().forEach(function(el) {
// el.setAttribute("readonly", true);
// });
}
}
});