Sindbad~EG File Manager
{% if data.menudata2 %}
<div id="menu" class="row ">
<div class="col-md-2 col-sm-12">
<label for="menu_title"><b>Menu <span>*</span> :</b></label>
</div>
<div class="col-md-4 col-sm-8">
<select name="menu_title" id="menu_title" multiple>
<option value="">Select</option>
{% if data.menudata %}
{% for menu in data.menudata %}
{% for m in range(0,data.menudata2|length) %}
{% if data.menudata2[m]['page_id'] == menu.page_id %}
<option value="{{ menu.id }}" selected >{{ menu.title }}</option>
{% else %}
<option value="{{ menu.id }}">{{ menu.title }}</option>
{% endif %}
{% endfor %}
{% endfor %}
{% else %}
<option disabled>No data available</option>
{% endif %}
</select>
</div>
<div class="col-md-2 col-sm-4 ">
<button type="button" id="insert_menu" class="btn btn-primary">Submit</button>
<input type="text" id="update_dt" hidden value="1">
</div>
</div>
<div class="row" id="imageshow">
<div class="col-md-10 col-sm-10 mt-5 mb-sm-0 text-end me-5">
<button type="button" class="btn btn-danger " id="delete_asset_page_map"><i class="fa fa-trash" aria-hidden="true"></i></button>
</div>
<div class="col-md-2 mt-md-3 mt-sm-0 col-sm-12">
<label for="asset"><b>Asset <span>*</span> :</b></label>
</div>
<div class="col-md-8 mt-3 col-sm-10 border">
<div class="mb-3 row" id="previewct2" style="overflow: auto; height: 300px;">
{% if res3 %}
{% for asset in res3 %}
<div class="mt-4 mx-5 col-4 imgCT">
<input type="checkbox" name="{{asset.asset_id}}" id="{{asset.pam_id}}" class="image_select2"><br>
<label for="{{asset.pam_id}}" class="w-100 h-70"><img id="{{asset.pam_id}}" src="{{asset.content_type or ''}},{{asset.asset_data or ''}}" class="rounded w-100" alt="{{asset.asset_name}}" height="100" width="200" ></label>
<span for="{{asset.pam_id}}" style="word-wrap: break-word;color: black;">{{asset.asset_name}}</span>
</div>
{% endfor %}
{% endif %}
</div>
</div>
<div class="offset-2 col-md-8 col-sm-2 mt-3 mb-sm-0 text-end">
<button type="button" class="btn btn-primary " id="update_data">Submit</button>
<button type="button" class="btn btn-primary " data-bs-toggle="modal" data-bs-target="#myModal">Add</button>
<a href="{{url_for('backoffice.PageTable',as_id=as_id)}}" class=" btn btn-primary" >View Page</a>
</div>
</div>
<div class="modal" id="myModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Assets</h4>
<div class="offset-1">
<label for="search" class="form-label">Search :</label>
<input type="text" class="form-input" id="search" name="search">
<button type="button" class="btn btn-primary" id="search_btn">Search</button>
</div>
<button type="button" class="btn btn-primary offset-1" id="map_asset_page">Add</button>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body row">
{% if data.assetdata %}
{% for asset in data.assetdata %}
<div class="mt-4 mx-3 col-3 imgCT2" >
<input type="checkbox" name="{{asset.asset_id}}" id="{{asset.asset_id}}" class="image_select"><br>
<label for="{{asset.asset_id}}" class="w-100"><img id="{{asset.asset_id}}" src="{{asset.content_type or ''}},{{asset.asset_data or ''}}" class="rounded w-100" alt="{{asset.asset_name}}" height="100" width="200" ></label>
<span for="{{asset.asset_id}}" style="word-wrap: break-word;color: black;">{{asset.asset_name}}</span>
</div>
{% endfor %}
{% endif %}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
{% elif data.menudata %}
<div id="menu" class="row mb-3">
<div class="col-md-2 col-sm-12">
<label for="menu_title"><b>Menu <span>*</span> :</b></label>
</div>
<div class="col-md-4 col-sm-8">
<select class="form-select" name="menu_title" id="menu_title">
<option value="">Select</option>
{% if data.menudata %}
{% for menu in data.menudata %}
<option value="{{ menu.id }}">{{ menu.title }}</option>
{% endfor %}
{% else %}
<option disabled>No data available</option>
{% endif %}
</select>
</div>
<div class="col-md-2 col-sm-4">
<button type="button" id="insert_menu" class="btn btn-primary">Submit</button>
<input type="text" id="update_dt" hidden value="2">
</div>
</div>
<div class="row mb-3">
<div class="col-md-2 col-sm-3">
<label for="asset"><b>Asset <span>*</span> :</b></label>
</div>
<div class="col-md-4 col-sm-4">
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#myModal">Add</button>
</div>
</div>
</div>
<div class="modal" id="myModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Assets</h4>
<div class="offset-1">
<label for="search" class="form-label">Search :</label>
<input type="text" class="form-input" id="search" name="search">
<button type="button" class="btn btn-primary" id="search_btn">Search</button>
</div>
<button type="button" class="btn btn-primary offset-1" id="map_asset_page">Add</button>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body row">
{% if data.assetdata %}
{% for asset in data.assetdata %}
<div class="mt-4 mx-3 col-3 imgCT2" >
<input type="checkbox" name="{{asset.asset_id}}" id="{{asset.asset_id}}" class="image_select"><br>
<label for="{{asset.asset_id}}" class="w-100"><img id="{{asset.asset_id}}" src="{{asset.content_type or ''}},{{asset.asset_data or ''}}" class="rounded w-100" alt="{{asset.asset_name}}" height="100" width="200" ></label>
<span for="{{asset.asset_id}}" style="word-wrap: break-word;color: black;">{{asset.asset_name}}</span>
</div>
{% endfor %}
{% endif %}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
{% else %}
<div class="modal" id="myModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Assets</h4>
<div class="offset-1">
<label for="search" class="form-label">Search :</label>
<input type="text" class="form-input" id="search" name="search">
<button type="button" class="btn btn-primary" id="search_btn">Search</button>
</div>
<button type="button" class="btn btn-primary offset-1" id="map_asset_page">Add</button>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body row">
{% if data %}
{% for asset in data %}
<div class="mt-2 mx-3 col-3 imgCT2">
<input type="checkbox" name="{{asset.asset_id}}" id="{{asset.asset_id}}" class="image_select"><br>
<label for="{{asset.asset_id}}" class="w-100"><img id="{{asset.asset_id}}" src="{{asset.content_type or ''}},{{asset.asset_data or ''}}" class="rounded w-100" alt="{{asset.asset_name}}" height="100" width="200" ></label>
<span for="{{asset.asset_id}}" style="word-wrap: break-word;color: black;">{{asset.asset_name}}</span>
</div>
{% endfor %}
{% endif %}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
{% endif %}
<script>
$(document).ready(function () {
$('#menu_title').selectize({
maxItems:20
});
});
</script>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists