From 59190a9b61580f4524d6bd5c33f6b0b10a0e136d Mon Sep 17 00:00:00 2001 From: luigser <luigser@gmail.com> Date: Fri, 30 Oct 2015 12:47:36 +0100 Subject: [PATCH] update --- controllets/animated-button-container-controllet/animated-button-container-controllet.html | 5 +++-- controllets/create-card-controllet/create-card-controllet.html | 4 ++-- controllets/data-sevc-controllet/data-sevc-controllet.html | 15 ++++++++------- controllets/items-list-controllet/item-list-controllet.html | 4 ++-- controllets/paper-card-controllet/paper-card-controllet.html | 16 ++++++++-------- controllets/search-panel-controllet/search-panel-controllet.html | 10 ++++++++-- 6 files changed, 31 insertions(+), 23 deletions(-) diff --git a/controllets/animated-button-container-controllet/animated-button-container-controllet.html b/controllets/animated-button-container-controllet/animated-button-container-controllet.html index dc2a5a3..1632a8f 100644 --- a/controllets/animated-button-container-controllet/animated-button-container-controllet.html +++ b/controllets/animated-button-container-controllet/animated-button-container-controllet.html @@ -135,8 +135,9 @@ }, ready: function(){ - this.$.window.style.height = this.height; - this.$.window.style.width = this.width; + this.$.window.style.height = this.height + "vh"; + this.$.window.style.width = this.width + "vw"; + this.$.close.style.left = (this.width - 1) + "vw" }, _onOpenClick: function() { diff --git a/controllets/create-card-controllet/create-card-controllet.html b/controllets/create-card-controllet/create-card-controllet.html index 2e8d6b7..ccc9993 100644 --- a/controllets/create-card-controllet/create-card-controllet.html +++ b/controllets/create-card-controllet/create-card-controllet.html @@ -268,8 +268,8 @@ ' width="300"' + ' height="300"' + ' type="'+ this.type + '"' + - ' text="'+ this.comment + '"' + - ' legend="'+ this.title + '">'; + ' comment="'+ this.comment + '"' + + ' title="'+ this.title + '">'; if(this.type == 'link'){ card += '<preview-datalet data-url="'+ this.link + '" url="'+ this.link + '"></preview-datalet>'; }else{ diff --git a/controllets/data-sevc-controllet/data-sevc-controllet.html b/controllets/data-sevc-controllet/data-sevc-controllet.html index 324dfad..8d3a9d3 100644 --- a/controllets/data-sevc-controllet/data-sevc-controllet.html +++ b/controllets/data-sevc-controllet/data-sevc-controllet.html @@ -460,7 +460,7 @@ Example: </paper-material> <div id="comment"> - <paper-textarea class="custom_textarea" id="commentArea" label="Max 100 character comment" maxlength="100"></paper-textarea> + <paper-textarea class="custom_textarea" id="commentArea" label="Max 100 characters comment" maxlength="100"></paper-textarea> </div> </div> @@ -722,9 +722,9 @@ Example: if(this.selectedDatalet == undefined) /* this.$.visualization_slider_area.innerHTML = '<items-slider-controllet items=\'' + JSON.stringify(this.datalets_list) + '\'' + '\'></items-slider-controllet>';*/ - this.$.visualization_slider_area.innerHTML = '<animated-button-container-controllet height="70vh" width="50vw">' + - '<items-list-controllet height="70vh"' + - ' width="50vw"' + + this.$.visualization_slider_area.innerHTML = '<animated-button-container-controllet height="70" width="50">' + + '<items-list-controllet height="70"' + + ' width="50"' + ' replace-string="-datalet"' + ' items=\'' + JSON.stringify(this.datalets_list) + '\'>' + '</items-list-controllet>' + @@ -733,9 +733,9 @@ Example: /*this.$.visualization_slider_area.innerHTML = '<items-slider-controllet items=\'' + JSON.stringify(this.datalets_list) + '\'' + 'selected-card=\'' + this.selectedDatalet + '\'></items-slider-controllet>';*/ - this.$.visualization_slider_area.innerHTML = '<animated-button-container-controllet height="50vh" width="30vw">' + - '<items-list-controllet height="50vh"' + - ' width="30vw"' + + this.$.visualization_slider_area.innerHTML = '<animated-button-container-controllet height="50" width="30">' + + '<items-list-controllet height="50"' + + ' width="30"' + ' replace-string="-datalet"' + ' selected-card=\'' + this.selectedDatalet + '\'' + ' items=\'' + JSON.stringify(this.datalets_list) + '\'>' + @@ -1012,6 +1012,7 @@ Example: */ _textElementChanged : function(e){ if(this.selected == 3) { + this.generateDataletPreview(); this.injectDatalet(this.$.datalet_placeholder_2); } }, diff --git a/controllets/items-list-controllet/item-list-controllet.html b/controllets/items-list-controllet/item-list-controllet.html index 182819d..1d52852 100644 --- a/controllets/items-list-controllet/item-list-controllet.html +++ b/controllets/items-list-controllet/item-list-controllet.html @@ -179,8 +179,8 @@ Example: }, ready : function(){ - this.$.container.style.height = this.height; - this.$.container.style.width = this.width; + this.$.container.style.height = this.height + "vh"; + this.$.container.style.width = this.width + "vw"; $(this.$.container).perfectScrollbar(); diff --git a/controllets/paper-card-controllet/paper-card-controllet.html b/controllets/paper-card-controllet/paper-card-controllet.html index de78dd0..a2c0ba7 100644 --- a/controllets/paper-card-controllet/paper-card-controllet.html +++ b/controllets/paper-card-controllet/paper-card-controllet.html @@ -33,7 +33,7 @@ height: 21px; } - .legend { + .title { position: relative; top: -50px; background: rgba(0,0,0,0.8); @@ -103,10 +103,10 @@ <content></content> </div> - <template is="dom-if" if="{{legend}}"> + <template is="dom-if" if="{{title}}"> - <div class="legend horizontal layout center"> - <span>{{legend}}</span> + <div class="title horizontal layout center"> + <span>{{title}}</span> <!-- Adding icon based on card type --> <template is="dom-if" if="{{checkType(type, 'text')}}"> @@ -138,8 +138,8 @@ </template> <div class="footer"> - <template is="dom-if" if="{{text}}"> - <div id="text">{{text}}</div> + <template is="dom-if" if="{{comment}}"> + <div id="comment">{{comment}}</div> </template> </div> @@ -166,11 +166,11 @@ type: String, value: "text" }, - text:{ + comment:{ type: String, value: "" }, - legend:{ + title:{ type: String, value: "" }, diff --git a/controllets/search-panel-controllet/search-panel-controllet.html b/controllets/search-panel-controllet/search-panel-controllet.html index d516133..bc836dc 100755 --- a/controllets/search-panel-controllet/search-panel-controllet.html +++ b/controllets/search-panel-controllet/search-panel-controllet.html @@ -79,7 +79,7 @@ Example: <div class="horizontal layout"> <neon-animated-pages selected="[[selected]]" entry-animation="[[entryAnimation]]" exit-animation="[[exitAnimation]]"> <neon-animatable></neon-animatable> - <neon-animatable><paper-input class="search-text" label="search" autosave="search_text" results="5" transition="fade-in-animation"></paper-input></neon-animatable> + <neon-animatable><paper-input class="search-text" label="search" autosave="search_text" results="5" transition="fade-in-animation" value="{{searchKey}}"></paper-input></neon-animatable> </neon-animated-pages> <paper-icon-button icon="search" class="dropdown-trigger" on-click="_toggleClick"></paper-icon-button> </div> @@ -114,6 +114,12 @@ Example: exitAnimation : { type: String, value: "" + }, + searchKey:{ + type: String, + value: undefined, + observer: "_valueChanged" + } }, _toggleClick: function(e){ @@ -136,7 +142,7 @@ Example: */ _valueChanged : function(oldvalue, newValue){ clearTimeout (this.timer); - this.timer = setTimeout(this.fire('text-element-controllet_content-changed', {newValue: newValue}), 2000); + this.timer = setTimeout(this.fire('search-panel-controllet_content-changed', {searchKey: this.searchKey}), 500); }, /** * It returns the value in text area -- libgit2 0.21.4