From 8e65d84e561d457600a9ef5fbdc6e9de2e3230b6 Mon Sep 17 00:00:00 2001 From: renato <rended83@gmail.com> Date: Tue, 16 Feb 2016 16:05:33 +0100 Subject: [PATCH] page-slider buttons bug fix --- controllets/page-slider-controllet/page-slider-controllet.html | 46 ++++++++++++++++++---------------------------- 1 file changed, 18 insertions(+), 28 deletions(-) diff --git a/controllets/page-slider-controllet/page-slider-controllet.html b/controllets/page-slider-controllet/page-slider-controllet.html index 0235e76..c426a92 100755 --- a/controllets/page-slider-controllet/page-slider-controllet.html +++ b/controllets/page-slider-controllet/page-slider-controllet.html @@ -83,8 +83,8 @@ </style> <div class="header"> - <paper-icon-button class="chevron-left" on-click="_onPrevClick" icon="arrow-back" title="back"></paper-icon-button> - <paper-icon-button class="chevron-right" on-click="_onNextClick" icon="arrow-forward" title="forward"></paper-icon-button> + <paper-icon-button id="slider_chevron_left" class="chevron-left" on-click="_onPrevClick" icon="arrow-back"></paper-icon-button> + <paper-icon-button id="slider_chevron_right" class="chevron-right" on-click="_onNextClick" icon="arrow-forward"></paper-icon-button> <div class="box"> <div class="avatar">[[avatar]]</div> @@ -159,9 +159,8 @@ attached : function() { this.fire('page-slider-controllet_selected', {selected : this.selected}); - var buttons = document.getElementsByTagName("paper-icon-button"); - buttons[0].setAttribute("title", ln["back_" + ln["localization"]]); - buttons[1].setAttribute("title", ln["forward_" + ln["localization"]]); + this.$.slider_chevron_left.setAttribute("title", ln["back_" + ln["localization"]]); + this.$.slider_chevron_right.setAttribute("title", ln["forward_" + ln["localization"]]); }, setTitle : function(title, subtitle) { @@ -174,37 +173,31 @@ }, chevronLeft : function(flag) { - var buttons = document.getElementsByTagName("paper-icon-button"); - if(flag == "invisible") { - buttons[0].style.visibility = "hidden"; -// buttons[0].style.width = "0px"; + this.$.slider_chevron_left.style.visibility = "hidden"; return; } else - buttons[0].style.visibility = "visible"; -// buttons[0].style.width = "64px"; + this.$.slider_chevron_left.style.visibility = "visible"; if(flag) - buttons[0].removeAttribute("disabled"); + this.$.slider_chevron_left.removeAttribute("disabled"); else - buttons[0].setAttribute("disabled", "true"); + this.$.slider_chevron_left.setAttribute("disabled", "true"); }, chevronRight : function(flag) { - var buttons = document.getElementsByTagName("paper-icon-button"); - if(flag == "invisible") { - buttons[1].style.visibility = "hidden"; + this.$.slider_chevron_right.style.visibility = "hidden"; return; } else - buttons[1].style.visibility = "visible"; + this.$.slider_chevron_right.style.visibility = "visible"; if(flag) - buttons[1].removeAttribute("disabled"); + this.$.slider_chevron_right.removeAttribute("disabled"); else - buttons[1].setAttribute("disabled", "true"); + this.$.slider_chevron_right.setAttribute("disabled", "true"); }, getPrevSelected : function() { @@ -222,9 +215,8 @@ }, _onPrevClick : function() { - var buttons = document.getElementsByTagName("paper-icon-button"); - buttons[0].setAttribute("disabled", "true"); - buttons[1].setAttribute("disabled", "true"); + this.$.slider_chevron_left.setAttribute("disabled", "true"); + this.$.slider_chevron_right.setAttribute("disabled", "true"); this.entryAnimation = this.prevEntryAnimation; this.exitAnimation = this.prevExitAnimation; @@ -234,9 +226,8 @@ }, _onNextClick : function() { - var buttons = document.getElementsByTagName("paper-icon-button"); - buttons[0].setAttribute("disabled", "true"); - buttons[1].setAttribute("disabled", "true"); + this.$.slider_chevron_left.setAttribute("disabled", "true"); + this.$.slider_chevron_right.setAttribute("disabled", "true"); this.entryAnimation = this.nextEntryAnimation; this.exitAnimation = this.nextExitAnimation; @@ -246,9 +237,8 @@ }, _onNeonAnimationFinish: function() { - var buttons = document.getElementsByTagName("paper-icon-button"); - buttons[0].removeAttribute("disabled"); - buttons[1].removeAttribute("disabled"); + this.$.slider_chevron_left.removeAttribute("disabled"); + this.$.slider_chevron_right.removeAttribute("disabled"); this.avatar = this.selected+1; -- libgit2 0.21.4