Bouton importer fichier avec jolie image et import tout de suite

3 files changed, 35 insertions, 1 deletions

diff --git a/static/icons/import.png b/static/icons/import.png
new file mode 100644
index 0000000..e184925
--- /dev/null
+++ b/static/icons/import.png
diff --git a/static/requetes.js b/static/requetes.js
index b7e719a..4442470 100644
--- a/static/requetes.js
+++ b/static/requetes.js
@@ -103,3 +103,7 @@ function download_file(filename,mimetype,data) {
   document.body.removeChild(element);   
         
 }
+
+function upload_file(data) {
+        document.getElementById('form_import_donnees').submit();
+}
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
index 97f20d9..e2d42ff 100644
--- a/static/style.css
+++ b/static/style.css
@@ -42,10 +42,40 @@ input[type="text"] {
         display: none;
 }
 
-#import_donnees, #pref_graphique{
+#pref_graphique {
         display: none;
 }
 
+#import_donnees label {
+    height: 128px;
+    display: inline-block;
+        cursor: pointer;
+        position: relative;
+}
+
+#import_donnees label img {
+    border-radius: 100%;
+    box-shadow: 0px 0px 10px #55f;
+}
+
+#import_donnees label .icon_legend {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%,-50%);
+        width: 90%;
+        text-align: center;
+        opacity: 0.7;
+        line-height: 1.5;
+        background: rgba(256,256,256,0.5);
+}
+
+#import_donnees input {
+        opacity: 0;
+        position: absolute;
+        z-index: -1;
+}
+
 .bouton {
         text-decoration: underline;
 }