Skip to content

Commit 3192340

Browse files
EstherRocio012EstherRocio012
committed
feat: add in all views the download options selector
1 parent d2ca1e5 commit 3192340

File tree

5 files changed

+306
-43
lines changed

5 files changed

+306
-43
lines changed

‎app/modules/dataset/templates/dataset/list_datasets.html‎

Lines changed: 90 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -63,12 +63,51 @@ <h3 class="card-title">Synchronized datasets</h3>
6363
<span class="path2"></span>
6464
</i>
6565
</a>
66-
<a href="{{ url_for('dataset.download_dataset', dataset_id=dataset.id) }}" class="btn btn-sm btn-icon btn-light-success" title="Download">
67-
<i class="ki-duotone ki-folder-down fs-2">
68-
<span class="path1"></span>
69-
<span class="path2"></span>
70-
</i>
71-
</a>
66+
<div class="position-relative d-inline-block">
67+
<button class="btn btn-sm btn-icon btn-light-success"
68+
title="Download"
69+
data-kt-menu-trigger="click"
70+
data-kt-menu-placement="bottom-end"
71+
data-kt-menu-attach="parent">
72+
<i class="ki-duotone ki-folder-down fs-2">
73+
<span class="path1"></span>
74+
<span class="path2"></span>
75+
</i>
76+
</button>
77+
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 fw-semibold py-4 px-4 fs-base w-200px" data-kt-menu="true" data-download-menu>
78+
<div class="menu-item px-0 py-1">
79+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
80+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="uvl" checked />
81+
<span class="menu-title">UVL</span>
82+
</label>
83+
</div>
84+
<div class="menu-item px-0 py-1">
85+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
86+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="glencoe" checked />
87+
<span class="menu-title">Glencoe</span>
88+
</label>
89+
</div>
90+
<div class="menu-item px-0 py-1">
91+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
92+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="dimacs" checked />
93+
<span class="menu-title">DIMACS</span>
94+
</label>
95+
</div>
96+
<div class="menu-item px-0 py-1">
97+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
98+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="splot" checked />
99+
<span class="menu-title">SPLOT</span>
100+
</label>
101+
</div>
102+
<div class="separator my-3"></div>
103+
<button type="button"
104+
class="btn btn-light-primary btn-sm w-100"
105+
data-download-formats-action
106+
data-download-base-url="{{ url_for('dataset.download_dataset', dataset_id=dataset.id) }}">
107+
Download
108+
</button>
109+
</div>
110+
</div>
72111
</td>
73112
</tr>
74113
{% endfor %}
@@ -119,12 +158,51 @@ <h3 class="card-title">Unsynchronized datasets</h3>
119158
<span class="path3"></span>
120159
</i></i>
121160
</a>
122-
<a href="{{ url_for('dataset.download_dataset', dataset_id=dataset.id) }}" class="btn btn-sm btn-icon btn-light-success" title="Download">
123-
<i class="ki-duotone ki-folder-down fs-2">
124-
<span class="path1"></span>
125-
<span class="path2"></span>
126-
</i>
127-
</a>
161+
<div class="position-relative d-inline-block">
162+
<button class="btn btn-sm btn-icon btn-light-success"
163+
title="Download"
164+
data-kt-menu-trigger="click"
165+
data-kt-menu-placement="bottom-end"
166+
data-kt-menu-attach="parent">
167+
<i class="ki-duotone ki-folder-down fs-2">
168+
<span class="path1"></span>
169+
<span class="path2"></span>
170+
</i>
171+
</button>
172+
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 fw-semibold py-4 px-4 fs-base w-200px" data-kt-menu="true" data-download-menu>
173+
<div class="menu-item px-0 py-1">
174+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
175+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="uvl" checked />
176+
<span class="menu-title">UVL</span>
177+
</label>
178+
</div>
179+
<div class="menu-item px-0 py-1">
180+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
181+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="glencoe" checked />
182+
<span class="menu-title">Glencoe</span>
183+
</label>
184+
</div>
185+
<div class="menu-item px-0 py-1">
186+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
187+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="dimacs" checked />
188+
<span class="menu-title">DIMACS</span>
189+
</label>
190+
</div>
191+
<div class="menu-item px-0 py-1">
192+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
193+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="splot" checked />
194+
<span class="menu-title">SPLOT</span>
195+
</label>
196+
</div>
197+
<div class="separator my-3"></div>
198+
<button type="button"
199+
class="btn btn-light-primary btn-sm w-100"
200+
data-download-formats-action
201+
data-download-base-url="{{ url_for('dataset.download_dataset', dataset_id=dataset.id) }}">
202+
Download
203+
</button>
204+
</div>
205+
</div>
128206
<a href="{{ url_for('dataset.edit_metadata', dataset_id=dataset.id) }}"
129207
class="btn btn-sm btn-icon btn-light-primary me-1"
130208
title="Edit Metadata">

‎app/modules/dataset/templates/dataset/view_dataset.html‎

Lines changed: 43 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -168,10 +168,49 @@
168168
</div>
169169
</div>
170170
<div class="card-toolbar flex-row-fluid justify-content-end gap-5">
171-
<a href="/datasets/download/{{ dataset.id }}" class="btn btn-primary">
172-
<i data-feather="download" class="me-1" style="width: 14px; height: 14px;"></i>
173-
Download dataset ({{ dataset.get_file_total_size_for_human() }})
174-
</a>
171+
<div class="position-relative">
172+
<button class="btn btn-primary"
173+
data-kt-menu-trigger="click"
174+
data-kt-menu-placement="bottom-end"
175+
data-kt-menu-attach="parent">
176+
<i data-feather="download" class="me-1" style="width: 14px; height: 14px;"></i>
177+
Download dataset ({{ dataset.get_file_total_size_for_human() }})
178+
</button>
179+
180+
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 fw-semibold py-4 px-4 fs-base w-200px" data-kt-menu="true" data-download-menu>
181+
<div class="menu-item px-0 py-1">
182+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
183+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="uvl" checked />
184+
<span class="menu-title">UVL</span>
185+
</label>
186+
</div>
187+
<div class="menu-item px-0 py-1">
188+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
189+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="glencoe" checked />
190+
<span class="menu-title">Glencoe</span>
191+
</label>
192+
</div>
193+
<div class="menu-item px-0 py-1">
194+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
195+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="dimacs" checked />
196+
<span class="menu-title">DIMACS</span>
197+
</label>
198+
</div>
199+
<div class="menu-item px-0 py-1">
200+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
201+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="splot" checked />
202+
<span class="menu-title">SPLOT</span>
203+
</label>
204+
</div>
205+
<div class="separator my-3"></div>
206+
<button type="button"
207+
class="btn btn-light-primary btn-sm w-100"
208+
data-download-formats-action
209+
data-download-base-url="{{ url_for('dataset.download_dataset', dataset_id=dataset.id) }}">
210+
Download
211+
</button>
212+
</div>
213+
</div>
175214
</div>
176215
</div>
177216

‎app/modules/hubfile/templates/hubfile/view_file.html‎

Lines changed: 44 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -149,10 +149,49 @@
149149

150150
<!-- Footer con botón ancho completo -->
151151
<div class="mt-auto d-flex justify-content-center pb-4 px-4">
152-
<a href="/datasets/download/{{ dataset.id }}" class="btn btn-sm btn-primary w-100">
153-
<i data-feather="download" class="me-1" style="width: 14px; height: 14px;"></i>
154-
Download all dataset ({{ dataset.get_file_total_size_for_human() }})
155-
</a>
152+
<div class="position-relative w-100">
153+
<button class="btn btn-sm btn-primary w-100"
154+
data-kt-menu-trigger="click"
155+
data-kt-menu-placement="bottom-end"
156+
data-kt-menu-attach="parent">
157+
<i data-feather="download" class="me-1" style="width: 14px; height: 14px;"></i>
158+
Download all dataset ({{ dataset.get_file_total_size_for_human() }})
159+
</button>
160+
161+
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 fw-semibold py-4 px-4 fs-base w-200px" data-kt-menu="true" data-download-menu>
162+
<div class="menu-item px-0 py-1">
163+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
164+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="uvl" checked />
165+
<span class="menu-title">UVL</span>
166+
</label>
167+
</div>
168+
<div class="menu-item px-0 py-1">
169+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
170+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="glencoe" checked />
171+
<span class="menu-title">Glencoe</span>
172+
</label>
173+
</div>
174+
<div class="menu-item px-0 py-1">
175+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
176+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="dimacs" checked />
177+
<span class="menu-title">DIMACS</span>
178+
</label>
179+
</div>
180+
<div class="menu-item px-0 py-1">
181+
<label class="form-check form-check-custom form-check-solid align-items-center m-0">
182+
<input class="form-check-input me-3 download-format-checkbox" type="checkbox" value="splot" checked />
183+
<span class="menu-title">SPLOT</span>
184+
</label>
185+
</div>
186+
<div class="separator my-3"></div>
187+
<button type="button"
188+
class="btn btn-light-primary btn-sm w-100"
189+
data-download-formats-action
190+
data-download-base-url="{{ url_for('dataset.download_dataset', dataset_id=dataset.id) }}">
191+
Download
192+
</button>
193+
</div>
194+
</div>
156195
</div>
157196
</div>
158197
</div>
@@ -449,4 +488,4 @@ <h5 class="fw-bold text-primary mb-0" id="metricModalLabel">Metric Details</h5>
449488
});
450489

451490
</script>
452-
{% endblock %}
491+
{% endblock %}

0 commit comments

Comments
 (0)