diff --git a/Demo/index.html b/Demo/index.html index 0341e49..0a63af8 100644 --- a/Demo/index.html +++ b/Demo/index.html @@ -9,25 +9,30 @@ -
-
Bikini Bottom
-
+
tea-plates.js
+
+
+
+
Bikini Bottom
+
+
+
+
Bikini Bottom
+
+
+
+
Bikini Bottom
+
+
+
+
Bikini Bottom
+
+
+
+
Bikini Bottom
+
+
-
-
Bikini Bottom
-
-
-
-
Bikini Bottom
-
-
-
-
Bikini Bottom
-
-
-
-
Bikini Bottom
-
diff --git a/Demo/main.css b/Demo/main.css index 7f35882..29d7b9e 100644 --- a/Demo/main.css +++ b/Demo/main.css @@ -1,14 +1,31 @@ body { background: #f2f6f5; display: flex; - flex-flow: row nowrap; + flex-flow: column nowrap; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } +.title { + font-size: 3em; + text-align: center; +} + +.content-wrapper { + height: 90vh; + overflow: auto; +} + +.content { + min-height: 100%; + display: flex; + flex-flow: row nowrap; + overflow: visible; +} + .col { background: #93b5b3; width: 25vw; - min-height: 100vh; + min-height: 100%; margin-right: 8pt; border-radius: 5pt; } diff --git a/Demo/main.js b/Demo/main.js index 12e4a1b..f98b84f 100644 --- a/Demo/main.js +++ b/Demo/main.js @@ -29,10 +29,7 @@ function setup() { setTimeout(() => { insertData(newTemplate1, () => { - newTemplate1.showLoading(2); - setTimeout(() => { - insertData(newTemplate1); - }, 5000) + newTemplate1.removeObjectWithUID(2); }); }, 5000) diff --git a/dist/tea-plates.js b/dist/tea-plates.js index 201ff06..3352fd3 100644 --- a/dist/tea-plates.js +++ b/dist/tea-plates.js @@ -196,6 +196,8 @@ class TeaPlates { document.getElementById(this.wrapperId).removeChild(element); completion(); }, this.animationTime, element, this, index); + + return this.jsonData[`uid-${uid}`]; } pTP_CreateElementFromString(htmlString, uid = -1) {