70 lines
2.0 KiB
HTML
70 lines
2.0 KiB
HTML
{% extends "base.html" %}
|
|
{% load i18n %}
|
|
{% load crispy_forms_filters %}
|
|
{% load static %}
|
|
|
|
{% block title %}{% trans 'Export Recipes' %}{% endblock %}
|
|
|
|
{% block extra_head %}
|
|
{{ form.media }}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="row">
|
|
<div class="col col-md-12">
|
|
<form action="." method="post">
|
|
{% csrf_token %}
|
|
{{ form|crispy }}
|
|
<button class="btn btn-success" type="submit"><i class="fas fa-file-export"></i> {% trans 'Export' %}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
{% if export %}
|
|
|
|
<br/>
|
|
<div class="row">
|
|
<div class="col col-md-12">
|
|
<label for="id_export">
|
|
{% trans 'Exported Recipe' %}</label>
|
|
<textarea id="id_export" class="form-control" rows="12">
|
|
{{ export }}
|
|
</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<div class="row">
|
|
<div class="col col-md-12 text-center">
|
|
<button class="btn btn-success" onclick="copy()" style="width: 15vw" data-toggle="tooltip"
|
|
data-placement="right" title="{% trans 'Copy to clipboard' %}" id="id_btn_copy"
|
|
onmouseout="resetTooltip()"><i
|
|
class="far fa-copy"></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
function copy() {
|
|
let json = $('#id_export');
|
|
|
|
json.select();
|
|
|
|
$('#id_btn_copy').attr('data-original-title', '{% trans 'Copied!' %}').tooltip('show');
|
|
|
|
document.execCommand("copy");
|
|
}
|
|
|
|
function resetTooltip() {
|
|
setTimeout(function () {
|
|
$('#id_btn_copy').attr('data-original-title', '{% trans 'Copy list to clipboard' %}');
|
|
}, 300);
|
|
}
|
|
|
|
$(function () {
|
|
$('[data-toggle="tooltip"]').tooltip()
|
|
})
|
|
</script>
|
|
{% endif %}
|
|
{% endblock %} |