paper-card ln, but animated-card fix

Renato De Donato
1 parent 7e982fab
Showing 3 changed files with 29 additions and 10 deletions
controllets/animated-button-container-controllet/animated-button-container-controllet.html
controllets/paper-card-controllet/paper-card-controllet.html
locales/paper-card-ln.js
@@ -42,7 +42,7 @@
             width: 484px;
             display: none;
             position: fixed;
-            top: 20%;
+            top: 100px;
             right: 0;
             left: 0;
             margin-right: auto;
@@ -92,7 +92,7 @@
     <template>
-        <div class="button-container">
+        <div class="button-container" style$="display: {{buttonDisplay}};">
            <span on-click="_onOpenClick">
               <iron-icon class="myspace" icon="icons:folder-open"></iron-icon>
                <!--create-new-folder-->
@@ -136,6 +136,11 @@
                 searchFunction: {
                     type: String,
                     notify: true
+                },
+
+                buttonDisplay: {
+                    type: String,
+                    value: "none"
                 }
             },
@@ -113,9 +113,9 @@
         <paper-material id="paper_card_container" elevation="{{elevation}}">
-            <paper-fab class="modify" mini icon="create" on-click="_handleModifyClick"></paper-fab>
+            <paper-fab id="card_modify" class="modify" mini icon="create" on-click="_handleModifyClick"></paper-fab>
-            <paper-fab class="delete" mini icon="delete" on-click="_handleDeleteClick"></paper-fab>
+            <paper-fab id="card_delete" class="delete" mini icon="delete" on-click="_handleDeleteClick"></paper-fab>
             <div id="content">
                 <content></content>
@@ -127,19 +127,19 @@
                 <template is="dom-if" if="{{checkType(cardType, 'link')}}">
-                    <paper-fab class="open" mini icon="link" on-click="_handleOpenClick"></paper-fab>
+                    <paper-fab id="card_open_link" class="open" mini icon="link" on-click="_handleOpenClick"></paper-fab>
                 </template>
                 <template is="dom-if" if="{{checkType(cardType, 'text')}}">
-                    <paper-fab class="open" mini icon="text-format" on-click="_handleOpenClick"></paper-fab>
+                    <paper-fab id="card_open_text" class="open" mini icon="text-format" on-click="_handleOpenClick"></paper-fab>
                 </template>
                 <template is="dom-if" if="{{checkType(cardType, 'datalet')}}">
-                    <paper-fab class="open" mini icon="assessment" on-click="_handleOpenClick"></paper-fab>
+                    <paper-fab id="card_open_datalet" class="open" mini icon="assessment" on-click="_handleOpenClick"></paper-fab>
                 </template>
@@ -202,7 +202,21 @@
                     this.$.content.style.backgroundColor = "#FFFFCC";
                 }
                 $(this.$.fullscreen_container).perfectScrollbar();
+
+                this._translate();
+            },
+
+            _translate: function(){
                 ln["ln"] = ODE.user_language;
+
+                this.$.card_modify.setAttribute("title", ln["modify_"+ln["ln"]]);
+                this.$.card_delete.setAttribute("title", ln["delete_"+ln["ln"]]);
+                if(this.checkType(this.cardType, 'link'))
+                    this.$$("#card_open_link").setAttribute("title", ln["open_"+ln["ln"]]);
+                if(this.checkType(this.cardType, 'text'))
+                    this.$$("#card_open_text").setAttribute("title", ln["open_"+ln["ln"]]);
+                if(this.checkType(this.cardType, 'datalet'))
+                    this.$$("#card_open_datalet").setAttribute("title", ln["open_"+ln["ln"]]);
             },
             _changeWidth: function(){
 ln = [];
-ln["modify_it"] = "Modify card";
-ln["delete_it"] = "Delete card";
-ln["open_it"]   = "Open preview";
+ln["modify_it"] = "Modifica card";
+ln["delete_it"] = "Elimina card";
+ln["open_it"]   = "Apri anteprima";
 ln["modify_en"] = "Modify card";
 ln["delete_en"] = "Delete card";