From 2ab5559c12912f5514520d0de9cce4c99861d0b5 Mon Sep 17 00:00:00 2001
From: renato <rended83@gmail.com>
Date: Thu, 21 Jan 2016 11:41:09 +0100
Subject: [PATCH] animated-button-container remake

---
 controllets/animated-button-container-controllet/animated-button-container-controllet.html     | 247 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 controllets/animated-button-container-controllet/animated-button-container-controllet_old.html | 276 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 controllets/paper-card-controllet/_paper-card-controllet.html                                  | 173 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 controllets/paper-card-controllet/paper-card-controllet__.html                                 | 196 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 controllets/paper-card-controllet/paper-card-controllet_old.html                               | 294 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 controllets/search-panel-controllet/search-panel-controllet.html                               |  12 ++++++------
 6 files changed, 351 insertions(+), 847 deletions(-)
 create mode 100755 controllets/animated-button-container-controllet/animated-button-container-controllet_old.html
 delete mode 100755 controllets/paper-card-controllet/_paper-card-controllet.html
 delete mode 100755 controllets/paper-card-controllet/paper-card-controllet__.html
 delete mode 100755 controllets/paper-card-controllet/paper-card-controllet_old.html

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 5605c9a..9fc6760 100755
--- a/controllets/animated-button-container-controllet/animated-button-container-controllet.html
+++ b/controllets/animated-button-container-controllet/animated-button-container-controllet.html
@@ -1,164 +1,119 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
-<link rel="import" href="../../bower_components/paper-styles/paper-styles.html">
+
+<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
 <link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
-<link rel="import" href="../../bower_components/paper-fab/paper-fab.html">
 <link rel="import" href="../../bower_components/paper-material/paper-material.html">
 <link rel="import" href="../../bower_components/paper-toolbar/paper-toolbar.html">
-<link rel="import" href="../../bower_components/neon-animation/neon-animatable.html">
-<link rel="import" href="../../bower_components/neon-animation/neon-animated-pages.html">
-<link rel="import" href="../../bower_components/neon-animation/neon-animations.html">
+<link rel="import" href="../../bower_components/paper-fab/paper-fab.html">
 
-<link rel="import" href="../../controllets/items-list-controllet/item-list-controllet.html">
 <link rel="import" href="../../controllets/search-panel-controllet/search-panel-controllet.html">
 
 <dom-module id="animated-button-container-controllet">
 
     <style>
 
-        :host {
-        @apply(--layout-horizontal);
-        @apply(--layout-center-center);
+        iron-icon.myspace {
+            padding: 2px;
+            margin: 0px;
+            color: #FFFFFF;
+            height: 32px;
+            width: 32px;
+            background-color: #00BCD4;
         }
-        #pages{
-            position: absolute;
-            top: -38px;
-            left: 113px;
+
+        .button-container {
+            cursor: pointer;
+            height: 36px;
+            width: 36px;
+            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+        }
+
+        .button-container:hover {
+            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+            -webkit-transition: 0.2s ease-out;
+            -moz-transition: 0.2s ease-out;
+            -o-transition: 0.2s ease-out;
+            -ms-transition: 0.2s ease-out;
+            transition: 0.2s ease-out;
         }
 
         .window {
+            height: 600px;
+            width: 484px;
             display: none;
             position: fixed;
+            top: 20%;
             right: 0;
             left: 0;
-            top: 20%;
             margin-right: auto;
             margin-left: auto;
             z-index: 1000;
         }
 
-        .hidden{
-            display: none;
-        }
-
-        #close{
-            position: absolute;
-            top: 8px;
-            left: 28.5vw;
-            --iron-icon-height: 20px;
-            --iron-icon-width: 20px;
-            width: 24px;
-            height: 24px;
-            --paper-fab-background:#9e9e9e;
-            z-index: 1001;
-        }
-
-        #open{
-            --paper-fab-background:transparent;
-            background: transparent;
+        .transparent {
+            position:fixed;
+            top:0;
+            left:0;
+            width:100%;
+            height:100%;
+            background-color: rgba(0, 0, 0, 0.4);
         }
 
-        #selected_item{
-            /*margin-left: 25px;*/
-            margin-top: -5px;
-            padding: 0;
-            ms-transform: scale(0.60);
-            -moz-transform: scale(0.60);
-            -o-transform: scale(0.60);
-            -webkit-transform: scale(0.60);
-            transform: scale(0.60);
-            -ms-transform-origin: 0 0;
-            -moz-transform-origin: 0 0;
-            -o-transform-origin: 0 0;
-            -webkit-transform-origin: 0 0;
-            transform-origin: 0 0;
-            /*max-height: 64px;
-            max-width: 64px;*/
+        .toolbar {
+            background: #2196F3;
+            height: 48px;
         }
 
-        #container_content{
-            z-index: 1000;
-            position: relative;
-            overflow: auto;
-            height: 100%;
-            background-color: #e8e8e8;
-        }
-        #toolbar{
-            background: #2196F3;
-            height: 45px;
+        paper-fab.close {
+            position: absolute;
+            height: 32px;
+            width: 32px;
+            margin: 8px;
+            top: 0px;
+            right: 0px;
+            --paper-fab-background:#B6B6B6;
         }
 
-        #search_from_animated_button_container{
+        #search_from_animated_button_container {
             position: absolute;
             top: 0px;
             left: 0px;
         }
 
-        .button-container{
-            color: #fff;
-            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-
+        #container_content {
             position: relative;
-        }
-
-        .button-container:hover{
-            color: #fff;
-            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-            -webkit-transition: 0.2s ease-out;
-            -moz-transition: 0.2s ease-out;
-            -o-transition: 0.2s ease-out;
-            -ms-transition: 0.2s ease-out;
-            transition: 0.2s ease-out;
-            cursor: pointer;
-        }
-
-        .button-container::before{
-            position: absolute;
-            content: '';
-            top: 0;
-            left: 0;
-            width: 100%;
+            overflow: auto;
             height: 100%;
-            background-color: rgba(0, 0, 0, 0);
+            background-color: #E8E8E8;
+            z-index: 1000;
         }
 
+    </style>
 
-        .button-container:hover::before{
-            background-color: rgba(0, 0, 0, .15);
-            -webkit-transition: 0.2s ease-out;
-            -moz-transition: 0.2s ease-out;
-            -o-transition: 0.2s ease-out;
-            -ms-transition: 0.2s ease-out;
-            transition: 0.2s ease-out;
-        }
+    <template>
 
-        .transparent
-        {
-            position:fixed;
-            top:0;
-            left:0;
-            width:100%;
-            height:100%;
-            background-color: rgba(0, 0, 0, 0.4);
-        }
+        <div class="button-container">
+           <span on-click="_onOpenClick">
+              <iron-icon class="myspace" icon="icons:folder-open"></iron-icon>
+               <!--create-new-folder-->
+           </span>
+        </div>
 
-    </style>
+        <paper-material id="window" class="window" elevation="5">
 
-    <template>
-        <paper-material elevation="5" id="window" class="window">
             <div class="transparent"></div>
-            <paper-toolbar id="toolbar">
+
+            <paper-toolbar class="toolbar">
                 <search-panel-controllet id="search_from_animated_button_container" left-direction="true"></search-panel-controllet>
-                <paper-fab id="close" mini icon="close" on-click="_onCloseClick"></paper-fab>
             </paper-toolbar>
-           <div id="container_content"><content></content></div>
-        </paper-material>
 
-        <div id="button_container" class="horizontal layout">
-           <span class="button-container" id="open" on-click="_onOpenClick">
-              <iron-icon id="open_window_button" icon="{{icon}}"></iron-icon>
-           </span>
-           <div id="selected_item"></div>
-        </div>
+            <paper-fab class="close" mini icon="close" on-click="_onCloseClick"></paper-fab>
+
+            <div id="container_content">
+                <content></content>
+            </div>
+
+        </paper-material>
 
     </template>
 
@@ -171,50 +126,12 @@
             is: 'animated-button-container-controllet',
 
             listeners:{
-                'animated-button-container-controllet_element-selected' : '_elementSelected',
                 'search-panel-controllet_content-changed' : '_handleSearch',
                 'animated-button-container-controllet_close' : '_onCloseClick',
-                'animated-button-container-controllet_open-window' : '_onOpenClick'
             },
 
             properties: {
-                selected : {
-                    type  : Number,
-                    value : 0
-                },
-                height:{
-                    type: String,
-                    value: "300px"
-                },
-                width:{
-                    type: String,
-                    value: "450px"
-                },
-                entryAnimation : {
-                    type  : String,
-                    value : ""
-                },
-                icon:{
-                    type: String,
-                    value: "assessment"
-                },
-                iconHeight:{
-                    type: String,
-                    value: "36"
-                },
-                iconWidth:{
-                    type: String,
-                    value: "36"
-                },
-                backgroundButtonColor:{
-                    type: String,
-                    value: undefined
 
-                },
-                exitAnimation  : {
-                    type  : String,
-                    value : ""
-                },
                 searchFunction: {
                     type: String,
                     notify: true
@@ -222,43 +139,17 @@
             },
 
             ready: function(){
-                /*this.$.window.style.height = this.height + "vh";
-                this.$.window.style.width  = (this.width - 0.5) + "vw";
-                this.$.close.style.left    = (this.width - 3.5) + "vw";*/
-
-                this.$.window.style.height = this.height + "px";
-                this.$.window.style.width  = this.width + "px";
-                this.$.close.style.left    = (this.width - 30) + "px";
-
-
                 $(this.$.container_content).perfectScrollbar();
-
-                this.$.open.style.height                         = this.iconHeight + "px";
-                this.$.open.style.width                          = this.iconWidth  + "px";
-                this.$.open_window_button.style.backgroundColor  = this.backgroundButtonColor;
-                this.$.open_window_button.style.width            = this.iconWidth  + "px";
-                this.$.open_window_button.style.height           = this.iconHeight + "px";
-                this.$.button_container.style.height             = this.iconHeight + "px";
             },
 
             _onOpenClick: function() {
-                /*this.entryAnimation = 'fade-in-animation';
-                this.exitAnimation  = 'fade-out-animation';*/
-                //this.selected = 1;
                 $(this.$.window).show();
             },
 
             _onCloseClick: function(){
-                /*this.entryAnimation = 'fade-out-animation';
-                this.exitAnimation  = 'fade-in-animation';*/
-                //this.selected = 0;
                 $(this.$.window).hide();
             },
 
-            _elementSelected: function(e){
-                this.$.selected_item.innerHTML = "";
-                this.$.selected_item.appendChild(e.detail.selectedElement);
-            },
             _handleSearch: function(e){
                 if(this.$.container_content.children[0]._handleSearch != undefined) {
                     this.$.container_content.children[0]._handleSearch(e);
diff --git a/controllets/animated-button-container-controllet/animated-button-container-controllet_old.html b/controllets/animated-button-container-controllet/animated-button-container-controllet_old.html
new file mode 100755
index 0000000..5605c9a
--- /dev/null
+++ b/controllets/animated-button-container-controllet/animated-button-container-controllet_old.html
@@ -0,0 +1,276 @@
+<link rel="import" href="../../bower_components/polymer/polymer.html">
+<link rel="import" href="../../bower_components/paper-styles/paper-styles.html">
+<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
+<link rel="import" href="../../bower_components/paper-fab/paper-fab.html">
+<link rel="import" href="../../bower_components/paper-material/paper-material.html">
+<link rel="import" href="../../bower_components/paper-toolbar/paper-toolbar.html">
+<link rel="import" href="../../bower_components/neon-animation/neon-animatable.html">
+<link rel="import" href="../../bower_components/neon-animation/neon-animated-pages.html">
+<link rel="import" href="../../bower_components/neon-animation/neon-animations.html">
+
+<link rel="import" href="../../controllets/items-list-controllet/item-list-controllet.html">
+<link rel="import" href="../../controllets/search-panel-controllet/search-panel-controllet.html">
+
+<dom-module id="animated-button-container-controllet">
+
+    <style>
+
+        :host {
+        @apply(--layout-horizontal);
+        @apply(--layout-center-center);
+        }
+        #pages{
+            position: absolute;
+            top: -38px;
+            left: 113px;
+        }
+
+        .window {
+            display: none;
+            position: fixed;
+            right: 0;
+            left: 0;
+            top: 20%;
+            margin-right: auto;
+            margin-left: auto;
+            z-index: 1000;
+        }
+
+        .hidden{
+            display: none;
+        }
+
+        #close{
+            position: absolute;
+            top: 8px;
+            left: 28.5vw;
+            --iron-icon-height: 20px;
+            --iron-icon-width: 20px;
+            width: 24px;
+            height: 24px;
+            --paper-fab-background:#9e9e9e;
+            z-index: 1001;
+        }
+
+        #open{
+            --paper-fab-background:transparent;
+            background: transparent;
+        }
+
+        #selected_item{
+            /*margin-left: 25px;*/
+            margin-top: -5px;
+            padding: 0;
+            ms-transform: scale(0.60);
+            -moz-transform: scale(0.60);
+            -o-transform: scale(0.60);
+            -webkit-transform: scale(0.60);
+            transform: scale(0.60);
+            -ms-transform-origin: 0 0;
+            -moz-transform-origin: 0 0;
+            -o-transform-origin: 0 0;
+            -webkit-transform-origin: 0 0;
+            transform-origin: 0 0;
+            /*max-height: 64px;
+            max-width: 64px;*/
+        }
+
+        #container_content{
+            z-index: 1000;
+            position: relative;
+            overflow: auto;
+            height: 100%;
+            background-color: #e8e8e8;
+        }
+        #toolbar{
+            background: #2196F3;
+            height: 45px;
+        }
+
+        #search_from_animated_button_container{
+            position: absolute;
+            top: 0px;
+            left: 0px;
+        }
+
+        .button-container{
+            color: #fff;
+            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+
+            position: relative;
+        }
+
+        .button-container:hover{
+            color: #fff;
+            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+            -webkit-transition: 0.2s ease-out;
+            -moz-transition: 0.2s ease-out;
+            -o-transition: 0.2s ease-out;
+            -ms-transition: 0.2s ease-out;
+            transition: 0.2s ease-out;
+            cursor: pointer;
+        }
+
+        .button-container::before{
+            position: absolute;
+            content: '';
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0);
+        }
+
+
+        .button-container:hover::before{
+            background-color: rgba(0, 0, 0, .15);
+            -webkit-transition: 0.2s ease-out;
+            -moz-transition: 0.2s ease-out;
+            -o-transition: 0.2s ease-out;
+            -ms-transition: 0.2s ease-out;
+            transition: 0.2s ease-out;
+        }
+
+        .transparent
+        {
+            position:fixed;
+            top:0;
+            left:0;
+            width:100%;
+            height:100%;
+            background-color: rgba(0, 0, 0, 0.4);
+        }
+
+    </style>
+
+    <template>
+        <paper-material elevation="5" id="window" class="window">
+            <div class="transparent"></div>
+            <paper-toolbar id="toolbar">
+                <search-panel-controllet id="search_from_animated_button_container" left-direction="true"></search-panel-controllet>
+                <paper-fab id="close" mini icon="close" on-click="_onCloseClick"></paper-fab>
+            </paper-toolbar>
+           <div id="container_content"><content></content></div>
+        </paper-material>
+
+        <div id="button_container" class="horizontal layout">
+           <span class="button-container" id="open" on-click="_onOpenClick">
+              <iron-icon id="open_window_button" icon="{{icon}}"></iron-icon>
+           </span>
+           <div id="selected_item"></div>
+        </div>
+
+    </template>
+
+    <script type="text/javascript" src="../shared_js/perfect-scrollbar/js/perfect-scrollbar.jquery.js"></script>
+
+    <script>
+
+        Polymer({
+
+            is: 'animated-button-container-controllet',
+
+            listeners:{
+                'animated-button-container-controllet_element-selected' : '_elementSelected',
+                'search-panel-controllet_content-changed' : '_handleSearch',
+                'animated-button-container-controllet_close' : '_onCloseClick',
+                'animated-button-container-controllet_open-window' : '_onOpenClick'
+            },
+
+            properties: {
+                selected : {
+                    type  : Number,
+                    value : 0
+                },
+                height:{
+                    type: String,
+                    value: "300px"
+                },
+                width:{
+                    type: String,
+                    value: "450px"
+                },
+                entryAnimation : {
+                    type  : String,
+                    value : ""
+                },
+                icon:{
+                    type: String,
+                    value: "assessment"
+                },
+                iconHeight:{
+                    type: String,
+                    value: "36"
+                },
+                iconWidth:{
+                    type: String,
+                    value: "36"
+                },
+                backgroundButtonColor:{
+                    type: String,
+                    value: undefined
+
+                },
+                exitAnimation  : {
+                    type  : String,
+                    value : ""
+                },
+                searchFunction: {
+                    type: String,
+                    notify: true
+                }
+            },
+
+            ready: function(){
+                /*this.$.window.style.height = this.height + "vh";
+                this.$.window.style.width  = (this.width - 0.5) + "vw";
+                this.$.close.style.left    = (this.width - 3.5) + "vw";*/
+
+                this.$.window.style.height = this.height + "px";
+                this.$.window.style.width  = this.width + "px";
+                this.$.close.style.left    = (this.width - 30) + "px";
+
+
+                $(this.$.container_content).perfectScrollbar();
+
+                this.$.open.style.height                         = this.iconHeight + "px";
+                this.$.open.style.width                          = this.iconWidth  + "px";
+                this.$.open_window_button.style.backgroundColor  = this.backgroundButtonColor;
+                this.$.open_window_button.style.width            = this.iconWidth  + "px";
+                this.$.open_window_button.style.height           = this.iconHeight + "px";
+                this.$.button_container.style.height             = this.iconHeight + "px";
+            },
+
+            _onOpenClick: function() {
+                /*this.entryAnimation = 'fade-in-animation';
+                this.exitAnimation  = 'fade-out-animation';*/
+                //this.selected = 1;
+                $(this.$.window).show();
+            },
+
+            _onCloseClick: function(){
+                /*this.entryAnimation = 'fade-out-animation';
+                this.exitAnimation  = 'fade-in-animation';*/
+                //this.selected = 0;
+                $(this.$.window).hide();
+            },
+
+            _elementSelected: function(e){
+                this.$.selected_item.innerHTML = "";
+                this.$.selected_item.appendChild(e.detail.selectedElement);
+            },
+            _handleSearch: function(e){
+                if(this.$.container_content.children[0]._handleSearch != undefined) {
+                    this.$.container_content.children[0]._handleSearch(e);
+                }else{
+                    if(this.searchFunction != undefined){
+                        this.searchFunction = new Function('e','return '+ this.searchFunction);
+                        this.searchFunction(e);
+                    }
+                }
+            }
+
+        });
+
+    </script>
+</dom-module>
diff --git a/controllets/paper-card-controllet/_paper-card-controllet.html b/controllets/paper-card-controllet/_paper-card-controllet.html
deleted file mode 100755
index 834845f..0000000
--- a/controllets/paper-card-controllet/_paper-card-controllet.html
+++ /dev/null
@@ -1,173 +0,0 @@
-<link rel="import" href="../../bower_components/paper-material/paper-material.html"/>
-<link rel="import" href="../../bower_components/paper-fab/paper-fab.html"/>
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html"/>
-
-
-<dom-module id="paper-card-controllet">
-
-    <template>
-        <style>
-            :host {
-                color: #333;
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                display: inline-block;
-                margin: 0 8px 8px ;
-                font-size: 14px;
-                text-align: justify;
-                line-height: 10px;
-                --paper-fab-background: var(--accent-color);
-            }
-
-            paper-material {
-                border-radius: 2px;
-                background-color: white;
-            }
-
-            .preview {
-                position: relative;
-                margin-bottom: 0px;
-                /*max-width: 200px;
-                max-height: 200px;
-                min-width: 200px;
-                min-height: 200px;*/
-            }
-
-            .legend {
-                position: absolute;
-                background: rgba(0,0,0,0.5);
-                bottom: 0;
-                color: white;
-                height: 40px;
-                padding: 0 16px;
-                left: 0; right: 0;
-            }
-
-            paper-fab {
-                position: absolute;
-                right: 10px;
-                bottom: -18px;
-                --paper-fab-background:#2196F3;
-            }
-
-            .content ::content {
-                padding: 0 16px 8px;
-                font-weight: 300;
-                color: var(--secondary-text-color);
-                line-height: 24px;
-            }
-            ::content.buttons {
-                margin-top: 8px;
-            }
-            ::content paper-button, ::content paper-icon-button {
-                font-weight: 500;
-                color: var(--accent-color);
-            }
-
-            paper-material{
-                max-height: 260px;
-                max-width: 200px;
-                min-height: 260px;
-                min-width: 200px;
-            }
-
-            #card_content{
-                overflow: hidden;
-                max-width: 200px;
-                max-height: 240px;
-                min-width: 200px;
-                min-height: 240px;
-            }
-
-            #datalet_preview{
-
-                -ms-transform: scale(0.95);
-                -moz-transform: scale(0.95);
-                -o-transform: scale(0.95);
-                -webkit-transform: scale(0.95);
-                transform: scale(0.95);
-
-            }
-
-            #text_preview{
-               font-size: smaller;
-            }
-
-        </style>
-
-        <paper-material elevation="{{elevation}}">
-            <div class="vertical layout">
-                <div class="preview">
-                    <div id="card_content">
-                        <template is="dom-if" if="{{checkType(type,'image')}}">
-                            <img src="{{imageSrc}}">
-                        </template>
-                        <template is="dom-if" if="{{checkType(type,'datalet')}}">
-                            <div id="datalet_preview"><content></content></div>
-                        </template>
-                        <template is="dom-if" if="{{checkType(type,'text')}}">
-                           <div id="text_preview"><content></content></div>
-                        </template>
-                    </div>
-                    <div class="horizontal layout center legend">
-                        <span>{{legend}}</span>
-                        <paper-fab mini icon="{{icon}}"></paper-fab>
-                    </div>
-                </div>
-                <div class="content">
-                    <p>{{text}}</p >
-                </div>
-            </div>
-        </paper-material>
-    </template>
-
-    <script>
-        Polymer({
-            is:'paper-card-controllet',
-
-            properties: {
-                width: {
-                    type: Number,
-                    value: 350,
-                    /*observer: "_changeWidth",*/
-                },
-                height: {
-                    type: Number,
-                    value: 200
-                },
-
-                legend:{
-                    type: String,
-                    value: "Legend"
-                },
-
-                type:{
-                    type: String,
-                    value: "text"
-                },
-
-                icon:{
-                    type: String,
-                    value: "home"
-                },
-
-                imageSrc: {
-                    type: String,
-                    value:""
-                }
-            },
-            _changeWidth: function(data){
-                this.style.width = data + "px";
-                this.querySelector(".content").width = data + "px";
-            },
-
-            checkType: function(type, check){
-                return (type == check);
-            },
-
-            ready: function(){
-            }
-        })
-    </script>
-
-
-</dom-module>
\ No newline at end of file
diff --git a/controllets/paper-card-controllet/paper-card-controllet__.html b/controllets/paper-card-controllet/paper-card-controllet__.html
deleted file mode 100755
index cbfbe77..0000000
--- a/controllets/paper-card-controllet/paper-card-controllet__.html
+++ /dev/null
@@ -1,196 +0,0 @@
-<link rel="import" href="../../bower_components/polymer/polymer.html"/>
-<link rel="import" href="../../bower_components/paper-material/paper-material.html"/>
-<link rel="import" href="../../bower_components/paper-fab/paper-fab.html"/>
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html"/>
-
-<dom-module id="paper-card-controllet">
-
-    <template>
-        <link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
-        <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
-        <style>
-            :host {
-                display: inline-block;
-                margin: 0 8px 8px ;
-                font-size: 14px;
-                line-height: 10px;
-                --paper-fab-background: var(--accent-color);
-                font-family: 'Roboto', sans-serif;
-            }
-
-            paper-material {
-                background-color: white;
-                border-width: 1em;
-            }
-
-            .header {
-                position: relative;
-                /*margin-bottom: 24px;*/
-            }
-
-
-            .title
-            {
-                position: relative;
-                margin-left: 40px;
-            }
-
-            .big
-            {
-                font-size: 1em;
-                padding: 8px;
-            }
-
-            .small
-            {
-                font-size: 0.8em;
-                padding-top: 10px;
-                font-weight: bold;
-            }
-
-            .legend {
-                position: relative;
-                float: left;
-                width: 100%;
-                background: rgba(0,0,0,0.2);
-                bottom: 0;
-                color: white;
-                height: 50px;
-                padding: 0 16px;
-                left: 0; right: 0;
-            }
-            paper-fab {
-                position: absolute;
-                left: 10px;
-                margin-top: 24px;
-                z-index: 10;
-                --paper-fab-background:#2196F3;
-            }
-
-            #content ::content {
-                /*padding: 0 16px 8px;*/
-                padding: 0 16px 8px;
-                font-weight: 300;
-                color: var(--secondary-text-color);
-                line-height: 24px;
-                max-height: 400px;
-                position:relative;
-                overflow: auto;
-            }
-            ::content.buttons {
-                margin-top: 8px;
-            }
-            ::content paper-button, ::content paper-icon-button {
-                font-weight: 500;
-                color: var(--accent-color);
-            }
-
-            #text{
-                position:relative;
-                height: auto;
-                padding: 8px 8px 8px 8px;
-                font-size: 10px;
-                color: rgba(0,0,0,0.4);
-                font-family: 'Roboto', sans-serif;
-            }
-        </style>
-
-
-        <paper-material animated elevation="{{elevation}}" flex>
-
-            <div class="vertical layout">
-
-                <div class="header">
-
-                    <template is="dom-if" if="{{legend}}">
-
-                        <div class="legend horizontal layout center">
-                            <div class="title flex">
-                                <div class="big">{{legend}}</div>
-                                <!--<div class="small">Copy and paste/drag and drop in the textarea the url of datasource</div>-->
-                            </div>
-                            <!-- Adding icon based on card type -->
-
-                            <template is="dom-if" if="{{checkType(type, 'text')}}">
-
-                               <paper-fab mini icon="create"></paper-fab>
-
-                             </template>
-
-                            <template is="dom-if" if="{{checkType(type, 'image')}}">
-
-                                <paper-fab mini icon="perm-media"></paper-fab>
-
-                            </template>
-
-                            <template is="dom-if" if="{{checkType(type, 'datalet')}}">
-
-                                <paper-fab mini icon="assessment"></paper-fab>
-
-                            </template>
-
-                            <template is="dom-if" if="{{checkType(type, 'link')}}">
-
-                                <paper-fab mini icon="link"></paper-fab>
-
-                            </template>
-
-                            <!--<div id="text">
-                                Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e
-                                della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal
-                                sedicesimo secolo.
-                            </div>-->
-
-                        </div>
-
-                    </template>
-
-                    <div id="content">
-                        <content></content>
-                    </div>
-                </div>
-
-            </div>
-        </paper-material>
-
-    </template>
-
-    <script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
-
-    <script>
-        Polymer({
-            is: "paper-card-controllet",
-            properties: {
-                width: {
-                    type: Number,
-                    observer: "_changeWidth",
-                },
-                height: {
-                    type: Number,
-                    observer: "_changeHeight",
-                },
-                type:{
-                    type: String,
-                    value: "text"
-                }
-            },
-
-            _changeWidth: function(data){
-                this.style.width = data + "px";
-                //this.$.content.style.width = data + "px";
-                //$(this.$.content).perfectScrollbar();
-            },
-
-            _changeHeight: function(data){
-                this.style.height = (data + 20) + "px";
-                this.$.content.style.height = data + "px";
-               //$(this.$.content).perfectScrollbar();
-            },
-
-            checkType: function(type, check){
-                return (type == check);
-            }
-        })
-    </script>
-
-</dom-module>
\ No newline at end of file
diff --git a/controllets/paper-card-controllet/paper-card-controllet_old.html b/controllets/paper-card-controllet/paper-card-controllet_old.html
deleted file mode 100755
index 05c7022..0000000
--- a/controllets/paper-card-controllet/paper-card-controllet_old.html
+++ /dev/null
@@ -1,294 +0,0 @@
-<link rel="import" href="../../bower_components/polymer/polymer.html"/>
-<link rel="import" href="../../bower_components/paper-material/paper-material.html"/>
-<link rel="import" href="../../bower_components/paper-fab/paper-fab.html"/>
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html"/>
-
-<dom-module id="paper-card-controllet">
-
-    <template>
-        <link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
-        <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
-        <style>
-            :host {
-                display: inline-block;
-                margin: 0 8px 8px ;
-                font-size: 14px;
-                text-align: justify;
-                line-height: 10px;
-                --paper-fab-background: var(--accent-color);
-                font-family: 'Roboto', sans-serif;
-                padding-bottom: 30px;
-            }
-
-            paper-material {
-                background-color: white;
-                border-width: 1em;
-            }
-
-            .footer {
-                position: relative;
-                height: 21px;
-            }
-
-            .legend {
-                position: relative;
-                top: -50px;
-                background: rgba(0,0,0,0.8);
-                bottom: 0;
-                color: white;
-                height: 50px;
-                padding: 0 16px;
-                left: 0; right: 0;
-                z-index: 1000;
-                word-wrap: break-word;
-            }
-            paper-fab {
-                position: absolute;
-                right: 10px;
-                bottom: -18px;
-                z-index: 10;
-                --paper-fab-background:#2196F3;
-            }
-
-            #content ::content {
-                /*padding: 0 16px 8px;*/
-                padding: 0 16px 8px;
-                font-weight: 300;
-                color: var(--secondary-text-color);
-                line-height: 24px;
-                max-height: 400px;
-                position:relative;
-                overflow: auto;
-            }
-
-            ::content.buttons {
-                margin-top: 8px;
-            }
-
-            ::content paper-button, ::content paper-icon-button {
-                font-weight: 500;
-                color: var(--accent-color);
-            }
-
-            #comment{
-                position:relative;
-                top: -50px;
-                min-height: 50px;
-                height: auto;
-                padding: 8px 8px 8px 8px;
-                font-size: 10px;
-                color: rgba(0,0,0,0.4);
-                font-family: 'Roboto', sans-serif;
-                word-wrap: break-word;
-            }
-
-            .delete{
-                position: absolute;
-                top: -12px;
-                left: -12px;
-                --iron-icon-height: 18px;
-                --iron-icon-width: 18px;
-                width: 24px;
-                height: 24px;
-                --paper-fab-background:#cccccc;
-            }
-
-            .fullscreen{
-                position: absolute;
-                top: 36px;
-                right: 54px;
-                --iron-icon-height: 18px;
-                --iron-icon-width: 18px;
-                width: 24px;
-                height: 24px;
-                --paper-fab-background:#cccccc;
-            }
-
-            #fullscreen_container{
-                position: fixed;
-                width: 80%;
-                /*height: 60%;*/
-                right: 0;
-                left: 0;
-                top: 5%;
-                margin-right: auto;
-                margin-left: auto;
-                z-index: 1100;
-                display: none;
-                padding: 40px;
-                line-height: 20px;
-            }
-
-            .close_fullscreen{
-                position: absolute;
-                top: 5px;
-                right: 1vw;
-                --iron-icon-height: 18px;
-                --iron-icon-width: 18px;
-                width: 24px;
-                height: 24px;
-                --paper-fab-background:#cccccc;
-            }
-
-            #fullscreen_content{
-                position: relative;
-                height: 100%;
-                width: 100%;
-                z-index: 1000;
-            }
-
-        </style>
-
-
-        <paper-material animated elevation="{{elevation}}" flex>
-
-            <paper-fab class="delete" mini icon="delete" on-click="_handleDeleteClick"></paper-fab>
-
-            <div class="vertical layout">
-                <div id="content">
-                    <content></content>
-                </div>
-                
-                <div class="legend horizontal layout center">
-                    <span>{{cardTitle}}</span>
-
-                    <paper-fab class="fullscreen" mini icon="fullscreen" on-click="_handleFullscreenClick"></paper-fab>
-
-                    <!-- Adding icon based on card type -->
-
-                    <template is="dom-if" if="{{checkType(cardType, 'text')}}">
-
-                        <paper-fab class="modify" mini icon="create" on-click="_handleDetailsClick"></paper-fab>
-
-                    </template>
-
-                    <template is="dom-if" if="{{checkType(cardType, 'image')}}">
-
-                        <paper-fab class="modify" mini icon="perm-media" on-click="_handleDetailsClick"></paper-fab>
-
-                    </template>
-
-                    <template is="dom-if" if="{{checkType(cardType, 'datalet')}}">
-
-                        <paper-fab class="modify" mini icon="assessment" on-click="_handleDetailsClick"></paper-fab>
-
-                    </template>
-
-                    <template is="dom-if" if="{{checkType(cardType, 'link')}}">
-
-                        <paper-fab class="modify" mini icon="link" on-click="_handleDetailsClick"></paper-fab>
-
-                    </template>
-
-                </div>
-
-                <div class="footer">
-                    <template is="dom-if" if="{{comment}}">
-                       <div id="comment">{{comment}}</div>
-                    </template>
-                </div>
-
-                <paper-material elevation="3" id="fullscreen_container">
-                    <paper-fab class="close_fullscreen" mini icon="close" on-click="_handleCloseFullscreenClick"></paper-fab>
-                    <div id="fullscreen_content"></div>
-                </paper-material>
-
-            </div>
-        </paper-material>
-
-    </template>
-
-    <script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
-
-    <script>
-        Polymer({
-            is: "paper-card-controllet",
-            properties: {
-                width: {
-                    type: Number,
-                    observer: "_changeWidth"
-                },
-                height: {
-                    type: Number,
-                    observer: "_changeHeight"
-                },
-                cardType:{
-                    type: String,
-                    value: "text"
-                },
-                comment:{
-                    cardType: String,
-                    value: ""
-                },
-                cardTitle:{
-                    type: String,
-                    value: ""
-                },
-                elevation:{
-                    type: Number,
-                    value: 3
-                }
-
-            },
-
-            attached: function(){
-                if(this.cardType == "text"){
-                    this.$.content.style.backgroundColor = "#ffc";
-                }
-            },
-
-            _changeWidth: function(data){
-                this.style.width = data + "px";
-                //this.$.content.style.width = data + "px";
-                //$(this.$.content).perfectScrollbar();
-            },
-
-            _changeHeight: function(data){
-                this.style.height = (data) + "px";
-                this.$.content.style.height = data + "px";
-                this.style.height = (this.height + ((this.text != "") ? 50 : 0)) + "px";
-                $(this.$.content).perfectScrollbar();
-            },
-
-            checkType: function(type, check){
-                return (type == check);
-            },
-
-            _handleDetailsClick: function(e){
-                this.fire('paper-card-controllet_details-clicked', {data : this});
-            },
-
-            _handleDeleteClick: function(e){
-                this.fire('paper-card-controllet_delete-clicked', {data : this});
-            },
-
-            _handleFullscreenClick: function(e){
-
-                switch(this.cardType){
-                    case 'text':
-                        this.$.fullscreen_content.style.backgroundColor = "#ffc";
-                        break;
-                    case 'link':
-                        window.open(this.getAttribute('card-link'),'_blank');
-                        return;
-                }
-
-                var html = this.$.content.innerHTML;
-                this.$.content.innerHTML = "";
-                this.$.fullscreen_content.innerHTML = html;
-
-                this.$.fullscreen_container.style.display = "inline-block";
-            },
-
-            _handleCloseFullscreenClick: function(e){
-
-                var html = this.$.fullscreen_content.innerHTML;
-                this.$.fullscreen_content.innerHTML = "";
-                this.$.content.innerHTML = html;
-
-                this.$.fullscreen_container.style.display = "none";
-            }
-        })
-    </script>
-
-</dom-module>
\ No newline at end of file
diff --git a/controllets/search-panel-controllet/search-panel-controllet.html b/controllets/search-panel-controllet/search-panel-controllet.html
index f7b4519..a7f40bf 100755
--- a/controllets/search-panel-controllet/search-panel-controllet.html
+++ b/controllets/search-panel-controllet/search-panel-controllet.html
@@ -65,14 +65,14 @@ Example:
                 --paper-input-container-input-color: #ffffff;
                 --paper-input-container-focus-color: #ffffff;
                 --paper-input-container-color: #ffffff;
-                position: absolute;
-                top: -12px;
-                width: 20vw;
+                /*position: absolute;*/
+                /*top: -12px;*/
+                /*width: 20vw;*/
+                width: 392px;
             }
 
-            neon-animated-pages
+            paper-icon-button
             {
-               /*width: 20vw;*/
             }
 
         </style>
@@ -84,7 +84,7 @@ Example:
             <neon-animated-pages selected="[[selected]]" entry-animation="[[entryAnimation]]" exit-animation="[[exitAnimation]]">
                 <neon-animatable></neon-animatable>
                 <neon-animatable>
-                    <paper-input id="search_text" class="search-text" autofocus label="search" autosave="search_text" results="5" transition="fade-in-animation" value="{{searchKey}}">
+                    <paper-input id="search_text" class="search-text" autofocus label="search" autosave="search_text" results="5" transition="fade-in-animation" value="{{searchKey}}" no-label-float>
                     </paper-input>
                 </neon-animatable>
             </neon-animated-pages>
--
libgit2 0.21.4