playground
/
Sortable
mirror of https://github.com/RubaXa/Sortable.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Merge pull request #839 from TimvdLippe/fix-es5-compilation 

Fix compilation on ES5 for Polymer
pull/890/head
Lebedev Konstantin 9 years ago committed by GitHub
parent
fefff20f1f 238216d8c9
commit
21cdb8ce4a
1 changed files with 52 additions and 50 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 100
      Sortable.html

100
Sortable.html
Unescape View File

@ -7,11 +7,12 @@
</template> </template>
</dom-module> </dom-module>
<script> <script>
'use strict';
Polymer({ Polymer({
is: "sortable-js", is: "sortable-js",
properties: { properties: {
group : { type: String, value: function() { return Math.random() }, observer: "groupChanged" }, group : { type: String, value: function() { return Math.random(); }, observer: "groupChanged" },
sort : { type: Boolean, value: true, observer: "sortChanged" }, sort : { type: Boolean, value: true, observer: "sortChanged" },
disabled : { type: Boolean, value: false, observer: "disabledChanged" }, disabled : { type: Boolean, value: false, observer: "disabledChanged" },
store : { type: Object, value: null, observer: "storeChanged" }, store : { type: Object, value: null, observer: "storeChanged" },
@ -34,12 +35,12 @@
scroll : {} scroll : {}
}, },
created() { created: function() {
// override default DOM property behavior // override default DOM property behavior
Object.defineProperties(this, { Object.defineProperties(this, {
draggable: { get() { return this._draggable || this.getAttribute("draggable") || ">*"}, set(value) { this._draggable = value; this.draggableChanged(value)} }, draggable: { get: function() { return this._draggable || this.getAttribute("draggable") || ">*";}, set: function(value) { this._draggable = value; this.draggableChanged(value);} },
scroll: { get() { return this._scroll || JSON.parse(this.getAttribute("scroll") || "true") }, set(value) { this._scroll = value; this.scrollChanged(value)} } scroll: { get: function() { return this._scroll || JSON.parse(this.getAttribute("scroll") || "true"); }, set: function(value) { this._scroll = value; this.scrollChanged(value);} }
}) });
}, },
attached: function() { attached: function() {
@ -55,65 +56,66 @@
// <span>hello</span> // <span>hello</span>
// <template is="dom-if"> // <template is="dom-if">
// <tempalte is="dom-repeat"> // <tempalte is="dom-repeat">
var templates = this.querySelectorAll("template[is='dom-repeat']") var templates = this.querySelectorAll("template[is='dom-repeat']");
var template = templates[templates.length-1] var template = templates[templates.length-1];
var options = {} var options = {};
Object.keys(this.properties).forEach(function(key) { Object.keys(this.properties).forEach(function(key) {
options[key] = this[key] options[key] = this[key];
}); }.bind(this));
var _this = this;
var eventCallbacks = { var eventCallbacks = {
onUpdate: function (e) { onUpdate: function (e) {
if (template) { if (template) {
template.splice("items", e.newIndex, 0, template.splice("items", e.oldIndex, 1)[0]) template.splice("items", e.newIndex, 0, template.splice("items", e.oldIndex, 1)[0]);
} }
this.fire("update", e) _this.fire("update", e);
}, },
onAdd: function(e) { onAdd: function(e) {
if (template) { if (template) {
var froms = e.from.querySelectorAll("template[is='dom-repeat']") var froms = e.from.querySelectorAll("template[is='dom-repeat']");
var from = froms[froms.length-1] var from = froms[froms.length-1];
var item = from.items[e.oldIndex] var item = from.items[e.oldIndex];
template.splice("items", e.newIndex, 0, item) template.splice("items", e.newIndex, 0, item);
} }
this.fire("add", e) _this.fire("add", e);
}, },
onRemove: function(e) { onRemove: function(e) {
if (template) { if (template) {
template.splice("items", e.oldIndex, 1)[0] template.splice("items", e.oldIndex, 1)[0];
} }
this.fire("remove", e) _this.fire("remove", e);
}, },
onChoose: function(e) { onChoose: function(e) {
this.fire("choose", e) _this.fire("choose", e);
}, },
onStart: function(e) { onStart: function(e) {
this.fire("start", e) _this.fire("start", e);
}, },
onEnd: function(e) { onEnd: function(e) {
this.fire("end", e) _this.fire("end", e);
}, },
onSort: function(e) { onSort: function(e) {
this.fire("sort", e) _this.fire("sort", e);
}, },
onFilter: function(e) { onFilter: function(e) {
this.fire("filter", e) _this.fire("filter", e);
}, },
onMove: function(e) { onMove: function(e) {
this.fire("move", e) _this.fire("move", e);
}, },
onClone: function(e) { onClone: function(e) {
this.fire("clone", e) _this.fire("clone", e);
} }
}; };
@ -125,29 +127,29 @@
}, },
detached: function() { detached: function() {
this.sortable.destroy() this.sortable.destroy();
}, },
groupChanged : function(value) { this.sortable && this.sortable.option("group", value) }, groupChanged : function(value) { this.sortable && this.sortable.option("group", value); },
sortChanged : function(value) { this.sortable && this.sortable.option("sort", value) }, sortChanged : function(value) { this.sortable && this.sortable.option("sort", value); },
disabledChanged : function(value) { this.sortable && this.sortable.option("disabled", value) }, disabledChanged : function(value) { this.sortable && this.sortable.option("disabled", value); },
storeChanged : function(value) { this.sortable && this.sortable.option("store", value) }, storeChanged : function(value) { this.sortable && this.sortable.option("store", value); },
handleChanged : function(value) { this.sortable && this.sortable.option("handle", value) }, handleChanged : function(value) { this.sortable && this.sortable.option("handle", value); },
scrollChanged : function(value) { this.sortable && this.sortable.option("scroll", value) }, scrollChanged : function(value) { this.sortable && this.sortable.option("scroll", value); },
scrollSensitivityChanged : function(value) { this.sortable && this.sortable.option("scrollSensitivity", value) }, scrollSensitivityChanged : function(value) { this.sortable && this.sortable.option("scrollSensitivity", value); },
scrollSpeedChanged : function(value) { this.sortable && this.sortable.option("scrollSpeed", value) }, scrollSpeedChanged : function(value) { this.sortable && this.sortable.option("scrollSpeed", value); },
draggableChanged : function(value) { this.sortable && this.sortable.option("draggable", value) }, draggableChanged : function(value) { this.sortable && this.sortable.option("draggable", value); },
ghostClassChanged : function(value) { this.sortable && this.sortable.option("ghostClass", value) }, ghostClassChanged : function(value) { this.sortable && this.sortable.option("ghostClass", value); },
chosenClassChanged : function(value) { this.sortable && this.sortable.option("chosenClass", value) }, chosenClassChanged : function(value) { this.sortable && this.sortable.option("chosenClass", value); },
ignoreChanged : function(value) { this.sortable && this.sortable.option("ignore", value) }, ignoreChanged : function(value) { this.sortable && this.sortable.option("ignore", value); },
filterChanged : function(value) { this.sortable && this.sortable.option("filter", value) }, filterChanged : function(value) { this.sortable && this.sortable.option("filter", value); },
animationChanged : function(value) { this.sortable && this.sortable.option("animation", value) }, animationChanged : function(value) { this.sortable && this.sortable.option("animation", value); },
dropBubbleChanged : function(value) { this.sortable && this.sortable.option("dropBubble", value) }, dropBubbleChanged : function(value) { this.sortable && this.sortable.option("dropBubble", value); },
dragoverBubbleChanged : function(value) { this.sortable && this.sortable.option("dragoverBubble", value) }, dragoverBubbleChanged : function(value) { this.sortable && this.sortable.option("dragoverBubble", value); },
dataIdAttrChanged : function(value) { this.sortable && this.sortable.option("dataIdAttr", value) }, dataIdAttrChanged : function(value) { this.sortable && this.sortable.option("dataIdAttr", value); },
delayChanged : function(value) { this.sortable && this.sortable.option("delay", value) }, delayChanged : function(value) { this.sortable && this.sortable.option("delay", value); },
forceFallbackChanged : function(value) { this.sortable && this.sortable.option("forceFallback", value) }, forceFallbackChanged : function(value) { this.sortable && this.sortable.option("forceFallback", value); },
fallbackClassChanged : function(value) { this.sortable && this.sortable.option("fallbackClass", value) }, fallbackClassChanged : function(value) { this.sortable && this.sortable.option("fallbackClass", value); },
fallbackOnBodyChanged : function(value) { this.sortable && this.sortable.option("fallbackOnBody", value) } fallbackOnBodyChanged : function(value) { this.sortable && this.sortable.option("fallbackOnBody", value); }
}) });
</script> </script>

Write Preview
Loading…
Cancel
Save