[UPDT] HORILLA VIEWS: Temporary style removal from CBV to avoid design conflicts
This commit is contained in:
Horilla
144
horilla_views/templates/generic/quick_actions.html
Normal file
144
horilla_views/templates/generic/quick_actions.html
Normal file
@@ -0,0 +1,144 @@
|
|||||||
|
{% load i18n %}
|
||||||
|
<div class="d-flex justify-content-between mb-2">
|
||||||
|
<div style="
|
||||||
|
display: flex;
|
||||||
|
gap: 0.2rem;
|
||||||
|
padding: .1rem 0;
|
||||||
|
"
|
||||||
|
onmouseleave="
|
||||||
|
{% comment %} $(this).find('.label').hide('slow'); {% endcomment %}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div class="oh-checkpoint-badge text-success quick-bulk-action"
|
||||||
|
onclick="
|
||||||
|
addToSelectedId({{select_all_ids|safe}},'{{selected_instances_key_id}}');
|
||||||
|
selectSelected('#{{view_id|safe}}','{{selected_instances_key_id}}');
|
||||||
|
reloadSelectedCount($('#count_{{view_id|safe}}'),'{{selected_instances_key_id}}');
|
||||||
|
reloadSelectedCount($('.count_{{view_id|safe}}'));
|
||||||
|
"
|
||||||
|
style="cursor: pointer;">
|
||||||
|
<span class="label"
|
||||||
|
{% comment %} style="display:none;" {% endcomment %}
|
||||||
|
>
|
||||||
|
{% trans "Select" %}
|
||||||
|
</span>
|
||||||
|
{% comment %} <ion-icon style="font;font-size: 1rem;" name="checkmark-done-circle" style="font"></ion-icon> {% endcomment %}
|
||||||
|
({{queryset.paginator.count}})
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
id="unselect_{{view_id}}"
|
||||||
|
class="oh-checkpoint-badge text-secondary d-none quick-bulk-action"
|
||||||
|
style="cursor: pointer;"
|
||||||
|
onclick="
|
||||||
|
$('#{{selected_instances_key_id}}').attr('data-ids',JSON.stringify([]));
|
||||||
|
selectSelected('#{{view_id|safe}}','{{selected_instances_key_id}}');
|
||||||
|
reloadSelectedCount($('#count_{{view_id|safe}}'),'{{selected_instances_key_id}}');
|
||||||
|
reloadSelectedCount($('.count_{{view_id|safe}}'));
|
||||||
|
$('#{{view_id}} .list-table-row').prop('checked',false);
|
||||||
|
$('#{{view_id}} .highlight-selected').removeClass('highlight-selected');
|
||||||
|
$('#{{view_id}} .bulk-list-table-row').prop('checked',false);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span class="label"
|
||||||
|
{% comment %} style="display:none;" {% endcomment %}
|
||||||
|
>
|
||||||
|
{% trans "Unselect" %}
|
||||||
|
</span>
|
||||||
|
{% comment %} <ion-icon style="font-size: 1rem; margin-right:0;" name="close-circle"></ion-icon> {% endcomment %}
|
||||||
|
(<span id="count_{{view_id}}">
|
||||||
|
0
|
||||||
|
</span>)
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
id="export_{{view_id}}"
|
||||||
|
class="oh-checkpoint-badge text-info d-none quick-bulk-action"
|
||||||
|
style="cursor: pointer;"
|
||||||
|
data-toggle="oh-modal-toggle"
|
||||||
|
data-target="#exportFields{{view_id|safe}}"
|
||||||
|
>
|
||||||
|
{% comment %} <ion-icon style="font;font-size: 1rem; margin-right:0;" name="download"></ion-icon> {% endcomment %}
|
||||||
|
<span class="label"
|
||||||
|
{% comment %} style="display: none;" {% endcomment %}
|
||||||
|
>
|
||||||
|
{% trans "Export" %}
|
||||||
|
</span>
|
||||||
|
(<span class="count_{{view_id}}">
|
||||||
|
0
|
||||||
|
</span>)
|
||||||
|
</div>
|
||||||
|
{% if bulk_path %}
|
||||||
|
<div
|
||||||
|
id="bulk_udate_{{view_id}}"
|
||||||
|
class="oh-checkpoint-badge text-warning d-none quick-bulk-action"
|
||||||
|
style="cursor: pointer;"
|
||||||
|
data-toggle="oh-modal-toggle"
|
||||||
|
data-target="#bulkUpdateModal{{view_id|safe}}"
|
||||||
|
onclick="
|
||||||
|
ids = $('#{{selected_instances_key_id}}').attr('data-ids')
|
||||||
|
$('#bulk_update_get_form{{view_id}}').closest('form').find('[name=instance_ids]').val(ids);
|
||||||
|
$('#bulk_update_get_form{{view_id}}').click()
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<ion-icon style="font-size: 1rem; margin-right:0;" name="create"></ion-icon>
|
||||||
|
<span class="label"
|
||||||
|
{% comment %} style="display: none;" {% endcomment %}
|
||||||
|
>
|
||||||
|
{% trans "Update" %}
|
||||||
|
</span>
|
||||||
|
(<span class="count_{{view_id}}">
|
||||||
|
0
|
||||||
|
</span>)
|
||||||
|
</div>
|
||||||
|
<form
|
||||||
|
hx-get="/{{bulk_path}}"
|
||||||
|
hx-target="#bulkUpdateModalBody{{view_id|safe}}">
|
||||||
|
<input type="hidden" name="instance_ids">
|
||||||
|
<button type="submit" id="bulk_update_get_form{{view_id}}" hidden>
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
{% endif %}
|
||||||
|
{% for filter in stored_filters %}
|
||||||
|
<div class="oh-hover-btn-container"
|
||||||
|
hx-get="{{request.path}}?{{filter.urlencode}}"
|
||||||
|
hx-target="#{{view_id|safe}}" hx-swap="outerHTML"
|
||||||
|
>
|
||||||
|
<button class="oh-hover-btn" style="
|
||||||
|
cursor: pointer;
|
||||||
|
border: solid 2px {{filter.color}};
|
||||||
|
color: {{filter.color}} !important;
|
||||||
|
border-radius:30px;
|
||||||
|
">
|
||||||
|
{{filter.title}}
|
||||||
|
</button>
|
||||||
|
<div class="oh-hover-btn-drawer" onclick="event.stopPropagation()">
|
||||||
|
<button class="oh-hover-btn__small" onclick="$('#savedFilterModal').addClass('oh-modal--show')" hx-get="{% url "saved-filter-update" filter.id %}" hx-target="#SavedFilterFormTarget" hx-swap="innerHTML"><ion-icon name="create-outline"></ion-icon></button>
|
||||||
|
<button class="oh-hover-btn__small" onclick="$(this).parent().find('button:hidden').click();$(this).closest('.oh-hover-btn-container').remove()" ><ion-icon name="trash-outline"></ion-icon></button>
|
||||||
|
<button hidden hx-get="{% url "delete-saved-filter" filter.id %}" hx-swap="none"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{% if row_status_indications %}
|
||||||
|
<div class="d-flex flex-row-reverse">
|
||||||
|
{% for indication in row_status_indications %}
|
||||||
|
<span class="m-1" style="cursor: pointer;margin-left: 7px;" {{indication.2|safe}}>
|
||||||
|
<span class="oh-dot oh-dot--small me-1 {{indication.0}}"></span>
|
||||||
|
{{indication.1}}
|
||||||
|
</span>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
{% comment %} $(document).ready(function () {
|
||||||
|
$(".quick-bulk-action").hover(function () {
|
||||||
|
// over
|
||||||
|
$(this).find('.label').show('slow');
|
||||||
|
}, function () {
|
||||||
|
// out
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}); {% endcomment %}
|
||||||
|
</script>
|
||||||
|
|
||||||
Reference in New Issue
Block a user