Sindbad~EG File Manager
{% extends 'badge/badge_layout.html' %}
{% block head %}
{% endblock %}
{% block style %}
<style>
</style>
{% endblock %}
{% block content %}
<div class="container mt-2 bg-white">
<input type="hidden" name="conf_id" id="conf_id" value="{{conf_id}}">
<input type="hidden" name="conf_key" id="conf_key" value="{{conf_key}}">
<div class="row justify-content-center py-3">
<div class="col-lg-6 text-left ">
<h3 class="card-title">Badge List</h3>
</div>
<div class="col-lg-6 text-end">
<a href="{{ url_for('badge.getBadgeTemplate', conf_id=conf_id, conf_key=conf_key, btemp_id=0) }}" class="btn btn-primary mx-auto">Create New Badge</a>
</div>
</div>
{% if get_badge_index %}
{% for row in get_badge_index %}
<div class="row justify-content-center">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="card" id="template{{row['btemp_id']}}">
<div class="card-header bg-secondary text-white">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-12">
<a type="button" class="text-warning pb-2 mr-1" href="{{ url_for('badge.getBadgeTemplate', conf_id=conf_id, conf_key=conf_key, btemp_id=row['btemp_id']) }}" title="Edit">
<span class="h4 text-warning"><i class="fa-solid fa-pen-to-square"></i></span>
</a><span class="h4 text-white">{{ row['template_name'] }}</span>
<span class="h6 ml-2 text-warning">{{row.badge_width}} x {{row.badge_height}} ({{row.length_scale}})</span>
<a type="button" class="btn btn-outline-warning btn-sm float-right mr-3 text-white" target="_blank" href="{{ url_for('badge.PreviewBadge', conf_id=conf_id, conf_key=conf_key,btemp_id=row['btemp_id']) }}" title="Generate Badge">
<!-- <i class="fa-sharp fa-solid fa-magnifying-glass"></i></i> -->
Generate Badge
</a>
</div>
<div class="col-lg-1 col-md-1 col-sm-12 text-end border-end" >
<a type="button" style="font-size: 25px;" class="text-warning" href="{{ url_for('badge.CreateDuplicateTemplate', conf_id=conf_id, conf_key=conf_key, btemp_id=row['btemp_id']) }}" title="Duplicate badge template"><i class="fa-sharp-duotone fa-solid fa-clone"></i></a>
</div>
<div class="col-lg-1 col-md-1 col-sm-12 text-left" >
<a type="button" style="font-size: 25px;" class="text-warning" href="{{ url_for('badge.DeleteTemplate', conf_id=conf_id, conf_key=conf_key, btemp_id=row['btemp_id']) }}" title="Delete badge template"><i class="fa-sharp fa-solid fa-trash"></i></a>
</div>
</div>
</div>
<div class="card-body">
<div class="row">
{% if badge_with_role %}
{% for r in badge_with_role %}
{% if row.btemp_id == r.btemp_id %}
<div class="col-lg-3 col-md-4 col-sm-6 mb-4">
<div class="card">
<div class="card-body">
{% if r.bg_url: %}
<img src="{{r.bg_url}}" class="img-fluid">
{% else %}
<img src="/static/images/empty_badge.png" class="img-fluid">
{% endif %}
</div>
<div class="card-footer text-center" >
{{ r.b_role }} <span style="color: red;"> ({{ user_role_count.get(r.role_id) or 0 }})</span>
<a type="button" class=" mr-3 " target="_blank" href="{{ url_for('badge.PreviewBadge', conf_id=conf_id, conf_key=conf_key,btemp_id=row['btemp_id'],role_id=r.role_id) }}" title="Generate Badge">
<!-- <i class="fa-sharp fa-solid fa-magnifying-glass"></i></i> -->
Generate Badge
</a>
</div>
<!-- <div class="card-footer text-center" >
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<a class="pdf"><i class="fa-solid fa-file-pdf"></i></a>
</div>
</div>
</div> -->
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
</div>
</div>
<br>
{% endfor %}
{% endif %}
</div>
<!-- Modal -->
<!-- <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Modal Title</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="mt-3">
<p id="errorMessage" class="text-danger" style="display: none;">Please select all fields before saving!</p>
</div>
<input type="hidden" name="btemp_id_hidden" id="btemp_id_hidden" >
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="row mb-3">
<div class="col-md-4">
<label for="conditionName" class="form-label">Condition Name</label>
<select id="conditionName" class="form-select">
<option value="">Select Condition</option>
{% for item in Helper.badge_condition %}
<option value="{{ item.con_name }}">{{ item.con_name }}</option>
{% endfor %}
</select>
</div>
<div class="col-md-4">
<label for="columnName" class="form-label">Column Name</label>
<select id="columnName" class="form-select">
<option value="">Select Column</option>
{% for item in Helper.badge_condition %}
<option value="{{ item.column_name }}">{{ item.column_name }}</option>
{% endfor %}
</select>
</div>
<div class="col-md-4">
<label for="conditionType" class="form-label">Condition Type</label>
<select id="conditionType" class="form-select">
<option value="">Select Type</option>
{% for item in Helper.badge_condition %}
<option value="{{ item.condition }}">{{ item.condition }}</option>
{% endfor %}
</select>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" id ="save_btn" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div> -->
{% endblock %}
{% block bottomscript %}
<script type="text/javascript">
var BaseUrl = document.location.origin;
$(document).ready(function()
{
// $('#save_btn').on('click', function() {
// var btemp_id = $('#btemp_id_hidden').val(); // Trigger the modal
// var condition_name = $('#conditionName').val(); // Trigger the modal
// var column_name = $('#columnName').val(); // Trigger the modal
// var condition_type = $('#conditionType').val(); // Trigger the modal
// // Validation
// if (!condition_name || !column_name || !condition_type) {
// // Show error message if any field is not selected
// alert("please select all fields");
// } else {
// $.ajax({
// type: "GET",
// url: BaseUrl + "/save_badge_condition/" + btemp_id,
// data: {
// "condition_name": condition_name,
// "column_name": column_name,
// "condition_type": condition_type
// },
// success: function (data) {
// var data_1 = JSON.parse(data);
// var status = data_1.status;
// var msg = data_1.msg;
// if (status == 1) {
// $('#exampleModal').modal('hide'); // Trigger the modal
// } else {
// return false;
// }
// },
// error: function (xhr, status, error) {
// console.error("AJAX Error:", error);
// },
// });
// }
// });
});
// console.table(get_badge_condition);
// function badge_condition(btemp_id) {
// $('#exampleModal').modal('show');
// $('#btemp_id_hidden').val(btemp_id);
// btemp_id = Number(btemp_id);
// var filteredData = get_badge_condition.filter(item => item.btemp_id === btemp_id);
// if (filteredData.length > 0)
// {
// var con_data = filteredData[0];
// $('#conditionName').empty(); // Clear the dropdown first
// // Create and append an option for the dropdown using con_data's con_name
// var optionHtml = '<option value="' + con_data.con_name + '">' + con_data.con_name + '</option>';
// $("#conditionName").append(optionHtml); // Append the option to the dropdown
// }
// else
// {
// console.log('No data found for btemp_id: ' + btemp_id);
// }
// }
</script>
{% endblock %}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists