From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 23 Apr 2021 14:41:12 +0000 (+0200)
Subject: wip #4406 @2
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=8782389fdad2f8b8f7fd9e370755464ffe134f6e;p=grandvision-ranking.git

wip #4406 @2
---

diff --git a/resources/css/app.less b/resources/css/app.less
index 7ff00a9..54fc74c 100644
--- a/resources/css/app.less
+++ b/resources/css/app.less
@@ -48,25 +48,39 @@ form {
         }
     }
 
-    .submit {
-        display: block;
-        font-size: 20px;
-        padding: 12px 30px;
-        color: #fff;
-        background-color: @orange;
-        border-radius: 5px;
-        cursor: pointer;
-        margin: 50px auto;
-        width: 400px;
-        font-weight: 300;
-        font-family: Roboto;
-        opacity: 0;
-        pointer-events: none;
-        transition: opacity 300ms;
+    .buttons {
+        width: 100%;
+
+        > input {
+            display: inline-block;
+            font-size: 20px;
+            padding: 12px 0;
+            color: #fff;
+            border: 2px solid @orange;
+            background-color: @orange;
+            border-radius: 5px;
+            cursor: pointer;
+            margin: 50px auto;
+            width: 45%;
+            font-weight: 300;
+            font-family: Roboto;
+            opacity: 0;
+            pointer-events: none;
+            transition: opacity 300ms;
+
+            &.reset {
+                color: @orange;
+                background: #fff;
+            }
+
+            &.submit{
+                float: right;
+            }
 
-        &.visible{
-            opacity: 1;
-            pointer-events: auto;
+            &.visible {
+                opacity: 1;
+                pointer-events: auto;
+            }
         }
     }
 }
diff --git a/resources/js/app.js b/resources/js/app.js
index 9b195c3..72e91b1 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -70,6 +70,7 @@ myDropzone.on("success", function (file) {
 dropzones.push(myDropzone)
 
 function checkFiles() {
+    $('.reset').addClass('visible');
     if (hasTemplate && hasFeedback) {
         $('.submit').addClass('visible');
     }
@@ -77,6 +78,10 @@ function checkFiles() {
 
 $(function () {
     $("body").append('<div id="wait"></div>');
+    $(document).on('click', '.reset', function () {
+        window.location = window.location
+        return false;
+    })
     $(document).on('click', '.submit', function () {
         $("#wait").show();
         $(this).attr('value', 'Traitement en cours');
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index a48d8e6..f1904cd 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -402,7 +402,7 @@
 
     <form action="/process" method="post" target="_blank">
         @csrf
-        <input type="hidden" name="_session" value="{{ \Illuminate\Support\Str::random(12) }}" >
+        <input type="hidden" name="_session" value="{{ \Illuminate\Support\Str::random(12) }}">
         <label>
             <span>Template</span>
             <div id="template" class="dropzone"></div>
@@ -411,7 +411,10 @@
             <span>Feedbacks</span>
             <div id="feedbacks" class="dropzone"></div>
         </label>
-        <input type="submit" class="submit">
+        <div class="buttons">
+            <input type="button" class="reset" value="Remise à zéro">
+            <input type="submit" class="submit" value="Envoyer">
+        </div>
     </form>
 </main>
 <script src="js/app.js"></script>