[frio] Use modal instead of popupbox for permissions on photo edit page

This commit is contained in:
Hannes Heute 2025-01-29 21:18:15 +01:00
parent af661716a0
commit 7980a9e932
2 changed files with 46 additions and 1 deletions

View file

@ -0,0 +1,45 @@
{{*
* Copyright (C) 2010-2024, the Friendica project
* SPDX-FileCopyrightText: 2010-2024 the Friendica project
*
* SPDX-License-Identifier: AGPL-3.0-or-later
*}}
<form action="photos/{{$nickname}}/image/{{$resource_id}}/edit" method="post" id="photo_edit_form">
<input type="hidden" name="item_id" value="{{$item_id}}" />
<input type="hidden" name="origaname" value="{{$album.2}}" />
{{include file="field_input.tpl" field=$album}}
{{include file="field_input.tpl" field=$caption}}
{{include file="field_input.tpl" field=$tags}}
{{include file="field_radio.tpl" field=$rotate_none}}
{{include file="field_radio.tpl" field=$rotate_cw}}
{{include file="field_radio.tpl" field=$rotate_ccw}}
<div id="photo-edit-perms">
<button class="btn btn-default btn-sm" data-toggle="modal" data-target="#aclModal" onclick="return false;">
<i id="jot-perms-icon" class="fa {{$lockstate}}"></i> {{$permissions}}
</button>
</div>
<input id="photo-edit-submit-button" type="submit" name="submit" value="{{$submit}}" />
{{* The modal for advanced-expire (photo permissions) *}}
<div id="aclModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" class="modal-header">
<button id="modal-close" type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 id="modal-title" class="modal-title">{{$permissions}}</h4>
</div>
<div id="photos-edit-permissions-wrapper" class="modal-body">
{{$aclselect nofilter}}
</div>
</div>
</div>
</div>
</form>

View file

@ -66,7 +66,7 @@
<div id="aclModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div id="aclModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header" class="modal-header"> <div class="modal-header">
<button id="modal-close" type="button" class="close" data-dismiss="modal" aria-hidden="true"> <button id="modal-close" type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times; &times;
</button> </button>