augustin64/partitioncloud-server
1
1
Fork 0
mirror of https://github.com/partitioncloud/partitioncloud-server.git synced 2025-01-23 09:16:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

Allow for drag & drop when creating partition

Browse Source
This commit is contained in:
augustin64 2024-10-10 10:54:46 +02:00
parent 4fd789436b
commit 009be93b7a
6 changed files with 68 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
babel.cfg
View File

@ -1,2 +1,5 @@
[extractors]
jinja2 = jinja2.ext:babel_extract
[python: partitioncloud/**.py]
[jinja2: partitioncloud/templates/**.html]

41
partitioncloud/static/style/style.css
View File

@ -718,3 +718,44 @@ midi-player {
border-radius: 5px;
background-color: var(--color-crust);
}
/** Input[file] */
.file-area {
position: relative;
}
.file-area input[type=file] {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
}
.file-area .file-dummy {
padding: 30px;
background: var(--color-mantle);
border: 2px dashed var(--color-red);
text-align: center;
transition: background 0.3s ease-in-out;
}
.file-area .file-dummy .success {
display: none;
}
.file-area:hover > .file-dummy {
background: var(--color-surface0);
}
.file-area input[type=file]:valid + .file-dummy {
border-color: var(--color-green);
}
.file-area input[type=file]:valid + .file-dummy .success {
display: inline-block;
}
.file-area input[type=file]:valid + .file-dummy .default {
display: none;
}

2
partitioncloud/templates/components/add_partition.html
View File

@ -7,7 +7,7 @@
{% if partition_uuid %}
<input name="partition-uuid" value="{{ partition_uuid }}" type="hidden">
{% else %}
<input name="file" type="file" accept=".pdf" required=""><br/>
{% include 'components/input_file.html' %}
{% endif %}
<input type="submit" value="{{ _('Add') }}" />
</form>

7
partitioncloud/templates/components/input_file.html Normal file
View File

@ -0,0 +1,7 @@
<div class="file-area">
<input name="file" type="file" accept=".pdf" required="">
<div class="file-dummy">
<div class="success">{{ _("Your file is selected.") }}</div>
<div class="default">{{ _("Select or drag & drop your file (pdf).") }}</div>
</div>
</div>

8
partitioncloud/translations/en/LC_MESSAGES/messages.po
View File

@ -532,6 +532,14 @@ msgstr "lyrics"
msgid "Add"
msgstr "Add"
#: partitioncloud/templates/components/input_file.html:4
msgid "Your file is selected."
msgstr "Your file is selected."
#: partitioncloud/templates/components/input_file.html:5
msgid "Select or drag & drop your file (pdf)."
msgstr "Select or drag & drop your file (pdf)."
#: partitioncloud/templates/groupe/index.html:8
#, python-format
msgid "Add an album to group %(name)s"

8
partitioncloud/translations/fr/LC_MESSAGES/messages.po
View File

@ -538,6 +538,14 @@ msgstr "paroles"
msgid "Add"
msgstr "Ajouter"
#: partitioncloud/templates/components/input_file.html:4
msgid "Your file is selected."
msgstr "Fichier sélectionné."
#: partitioncloud/templates/components/input_file.html:5
msgid "Select or drag & drop your file (pdf)."
msgstr "Sélectionner ou déposer un fichier (pdf)."
#: partitioncloud/templates/groupe/index.html:8
#, python-format
msgid "Add an album to group %(name)s"