wip #4406 @2

diff --git a/resources/css/app.less b/resources/css/app.less
index 7ff00a92be9f27a74f816fe6fbbac2180faa3e55..54fc74c72e4899a7f3b050d152969c52e231d902 100644 (file)
--- 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 9b195c361632e8b1fadd587facf878f79224f313..72e91b1c5d56be336ac1b4ead601dc6d2ac8286a 100644 (file)
--- 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 a48d8e61bc3dc23f2f16375872bd7ba98563897c..f1904cd6b107bd838dc740fbe992c424ff304711 100644 (file)
--- 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>