diff options
| author | Jfriedli | 2021-03-18 11:35:04 +0100 |
|---|---|---|
| committer | Jfriedli | 2021-03-18 11:35:04 +0100 |
| commit | 81780062aea2f9de8dd704de1da7743937b79c38 (patch) | |
| tree | a7266d5ded29e8f5cae1ee5b96cf244c7c3ae6dd /templates/download.html | |
| parent | 7f253f71866a35a4c681a9ac37109d0ea4ab3d0e (diff) | |
started refactoring index and download page
Diffstat (limited to 'templates/download.html')
| -rw-r--r-- | templates/download.html | 125 |
1 files changed, 71 insertions, 54 deletions
diff --git a/templates/download.html b/templates/download.html index 8100623..2313d04 100644 --- a/templates/download.html +++ b/templates/download.html | |||
| @@ -1,69 +1,86 @@ | |||
| 1 | {% extends "base.html" %} | 1 | {% extends "base.html" %} |
| 2 | 2 | ||
| 3 | {% block content %} | 3 | {% block content %} |
| 4 | <div class="shadowed-box u-text-center u-center-block"> | 4 | <div class="grid grid-rows-1 w-50"> |
| 5 | <h2 class="uk-text-center">Metadata removed</h2> | 5 | <div class="flex justify-center"> |
| 6 | {% if not meta_after %} | 6 | <div class="rounded overflow-hidden shadow-lg p-4"> |
| 7 | <p class="uk-text-center"> | 7 | {% if not meta_after %} |
| 8 | <div class="px-6 py-4 grid grid-rows-1"> | ||
| 9 | <h1 class="font-bold text-xl mb-2">Metadata removed</h1> | ||
| 10 | </div> | ||
| 11 | <p class="text-gray-700 text-base text-center"> | ||
| 8 | Successfully removed the metadata | 12 | Successfully removed the metadata |
| 13 | <svg class="max-h-40 fill-current text-green-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" | ||
| 14 | fill="currentColor"> | ||
| 15 | <path fill-rule="evenodd" | ||
| 16 | d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" | ||
| 17 | clip-rule="evenodd" /> | ||
| 18 | </svg> | ||
| 9 | </p> | 19 | </p> |
| 10 | {% endif %} | 20 | {% endif %} |
| 11 | <div class="uk-flex uk-flex-center"> | 21 | |
| 12 | <div> | 22 | {% if meta_after %} |
| 13 | <a class="uk-flex-1" href='{{ download_uri }}'> | 23 | <div class="px-6 py-4 grid grid-rows-1"> |
| 14 | <button class="uk-button uk-button-primary"> | 24 | <h1 class="font-bold text-xl mb-2">Metadata partially removed</h1> |
| 15 | ⇩ download cleaned file | ||
| 16 | </button> | ||
| 17 | </a> | ||
| 18 | </div> | 25 | </div> |
| 19 | </div> | 26 | <p class="text-gray-700 text-base text-center"> |
| 27 | Could not remove all the metadata | ||
| 28 | <svg class="max-h-40 fill-current text-yellow-600" xmlns="http://www.w3.org/2000/svg" | ||
| 29 | viewBox="0 0 20 20" fill="currentColor"> | ||
| 30 | <path fill-rule="evenodd" | ||
| 31 | d="M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z" | ||
| 32 | clip-rule="evenodd" /> | ||
| 33 | </svg> | ||
| 20 | 34 | ||
| 35 | </p> | ||
| 36 | {% endif %} | ||
| 21 | 37 | ||
| 22 | <p> | 38 | <a class="uk-flex-1" href='{{ download_uri }}'> |
| 23 | {% if meta_after %} | 39 | <button |
| 24 | <div class="uk-alert uk-alert-warning" uk-alert> | 40 | class="w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded flex justify-center" |
| 25 | <p> | 41 | > |
| 26 | <b>Could not</b> remove all the metadata | 42 | <svg class="w-4 h-4 mr-2 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> |
| 27 | </p> | 43 | <path style="fill: white" d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" /> |
| 44 | </svg> | ||
| 45 | <span>Download Cleaned File</span> | ||
| 46 | </button> | ||
| 47 | </a> | ||
| 48 | </div> | ||
| 49 | </div> | ||
| 50 | {% if meta_after %} | ||
| 51 | <div class="mx-auto w-full"> | ||
| 52 | <div class="bg-white shadow-md rounded my-6"> | ||
| 53 | <table class="text-left w-full border-collapse"> | ||
| 54 | <div class="px-6 py-4 grid grid-rows-1"> | ||
| 55 | <h1 class="font-bold text-xl mb-2">Remaining Metadata</h1> | ||
| 28 | </div> | 56 | </div> |
| 29 | <h3> | 57 | <thead> |
| 30 | Remaining Metadata | 58 | <tr> |
| 31 | </h3> | 59 | <th |
| 32 | <dl class="uk-description-list uk-description-list-divider"> | 60 | class="py-4 px-6 bg-grey-lightest font-bold uppercase text-sm text-grey-dark border-b border-grey-light"> |
| 61 | Key | ||
| 62 | </th> | ||
| 63 | <th | ||
| 64 | class="py-4 px-6 bg-grey-lightest font-bold uppercase text-sm text-grey-dark border-b border-grey-light"> | ||
| 65 | Value | ||
| 66 | </th> | ||
| 67 | </tr> | ||
| 68 | </thead> | ||
| 69 | <tbody> | ||
| 33 | {% for key, value in meta_after.items() %} | 70 | {% for key, value in meta_after.items() %} |
| 34 | <dt> | 71 | <tr class="hover:bg-grey-lighter"> |
| 72 | <td class="py-4 px-6 border-b border-grey-light"> | ||
| 35 | {{ key }} | 73 | {{ key }} |
| 36 | </dt> | 74 | </td> |
| 37 | <dd> | 75 | <td class="py-4 px-6 border-b border-grey-light"> |
| 38 | {{ value }} | 76 | {{ value }} |
| 39 | </dd> | 77 | </td> |
| 78 | </tr> | ||
| 40 | {% endfor %} | 79 | {% endfor %} |
| 41 | </dl> | 80 | </tbody> |
| 42 | {% endif %} | 81 | </table> |
| 43 | </p> | ||
| 44 | |||
| 45 | {% if meta %} | ||
| 46 | <h3> | ||
| 47 | Removed Metadata | ||
| 48 | </h3> | ||
| 49 | <dl class="uk-description-list uk-description-list-divider"> | ||
| 50 | {% for key, value in meta.items() %} | ||
| 51 | <dt> | ||
| 52 | {{ key }} | ||
| 53 | </dt> | ||
| 54 | <dd> | ||
| 55 | {{ value }} | ||
| 56 | </dd> | ||
| 57 | {% endfor %} | ||
| 58 | </dl> | ||
| 59 | {% else %} | ||
| 60 | <div class="uk-alert uk-alert-success"> | ||
| 61 | <p> | ||
| 62 | Not a single metadata was found, odds are that your file was already clean! | ||
| 63 | </p> | ||
| 64 | </div> | 82 | </div> |
| 65 | {% endif %} | ||
| 66 | </div> | 83 | </div> |
| 67 | 84 | {% endif %} | |
| 68 | {% endblock %} | 85 | </div> |
| 69 | 86 | {% endblock %} \ No newline at end of file | |
