Frio: new photos upload template (#5637)
* frio - add missing page template to various photo pages (fix missing background) * frio - rework photo upload album selection * frio - rework photo upload button * frio - fix photo upload button and acl
This commit is contained in:
parent
16a081871c
commit
dd2d680258
|
@ -1093,6 +1093,12 @@ function photos_content(App $a)
|
|||
'$albumselect' => $albumselect,
|
||||
'$permissions' => L10n::t('Permissions'),
|
||||
'$aclselect' => $aclselect_e,
|
||||
'$lockstate' => is_array($a->user)
|
||||
&& (strlen($a->user['allow_cid'])
|
||||
|| strlen($a->user['allow_gid'])
|
||||
|| strlen($a->user['deny_cid'])
|
||||
|| strlen($a->user['deny_gid'])
|
||||
) ? 'lock' : 'unlock',
|
||||
'$alt_uploader' => $ret['addon_text'],
|
||||
'$default_upload_box' => ($ret['default_upload'] ? $default_upload_box : ''),
|
||||
'$default_upload_submit' => ($ret['default_upload'] ? $default_upload_submit : ''),
|
||||
|
|
|
@ -380,7 +380,8 @@
|
|||
'cursor' : 'pointer'
|
||||
});
|
||||
|
||||
var div = document.createElement("div");
|
||||
var div = document.createElement("div");
|
||||
div.setAttribute('class', 'ajaxbutton-wrapper');
|
||||
addStyles(div, {
|
||||
'display' : 'block',
|
||||
'position' : 'absolute',
|
||||
|
|
|
@ -1422,6 +1422,15 @@ section #jotOpen {
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
.fa.lock:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f023";
|
||||
}
|
||||
.fa.unlock:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f09c";
|
||||
}
|
||||
|
||||
/* Filebrowser */
|
||||
.fbrowser .breadcrumb {
|
||||
margin-bottom: 0px;
|
||||
|
|
|
@ -12,7 +12,7 @@ $(document).ready(function(){
|
|||
// with AjaxUpload.
|
||||
$(".fbrowser").remove();
|
||||
// Remove the AjaxUpload element.
|
||||
$("[name=userfile]").parent().remove();
|
||||
$(".ajaxbutton-wrapper").remove();
|
||||
});
|
||||
|
||||
// Clear bs modal on close.
|
||||
|
|
|
@ -0,0 +1 @@
|
|||
<input id="photos-upload-choose" type="file" name="userfile" />
|
|
@ -0,0 +1,2 @@
|
|||
|
||||
<button id="photos-upload-submit" class="btn btn-primary">{{$submit|escape:'html'}}</button>
|
|
@ -5,49 +5,68 @@
|
|||
<div id="photos-usage-message">{{$usage}}</div>
|
||||
|
||||
<form action="photos/{{$nickname}}" enctype="multipart/form-data" method="post" name="photos-upload-form" id="photos-upload-form">
|
||||
<div id="photos-upload-new-wrapper" >
|
||||
<div id="photos-upload-newalbum-div">
|
||||
<label id="photos-upload-newalbum-text" for="photos-upload-newalbum" >{{$newalbum}}</label>
|
||||
</div>
|
||||
<input class="form-control" id="photos-upload-newalbum" type="text" name="newalbum" />
|
||||
</div>
|
||||
<div id="photos-upload-new-end"></div>
|
||||
<div id="photos-upload-div" class="form-group">
|
||||
<label id="photos-upload-text" for="photos-upload-newalbum" >{{$newalbum}}</label>
|
||||
|
||||
<div id="photos-upload-exist-wrapper">
|
||||
<div id="photos-upload-existing-album-div">
|
||||
<label id="photos-upload-existing-album-text" for="photos-upload-album-select">{{$existalbumtext}}</label>
|
||||
</div>
|
||||
<select class="form-control" id="photos-upload-album-select" name="album" size="4">
|
||||
{{$albumselect}}
|
||||
</select>
|
||||
<input id="photos-upload-album-select" class="form-control" placeholder="{{$existalbumtext}}" list="dl-photo-upload" type="text" name="album" size="4">
|
||||
<datalist id="dl-photo-upload">{{$albumselect}}</datalist>
|
||||
</div>
|
||||
<div id="photos-upload-exist-end"></div>
|
||||
<div id="photos-upload-end" class="clearfix"></div>
|
||||
|
||||
<div id="photos-upload-noshare-div" class="photos-upload-noshare-div pull-left" >
|
||||
<div id="photos-upload-noshare-div" class="photos-upload-noshare-div checkbox pull-left" >
|
||||
<input id="photos-upload-noshare" type="checkbox" name="not_visible" value="1" checked/>
|
||||
<label id="photos-upload-noshare-text" for="photos-upload-noshare" >{{$nosharetext}}</label>
|
||||
</div>
|
||||
|
||||
<div id="photos-upload-perms" class="photos-upload-perms pull-right" >
|
||||
<a href="#photos-upload-permissions-wrapper" id="photos-upload-perms-menu" class="button popupbox" />
|
||||
<span id="jot-perms-icon" class="icon {{$lockstate}}" ></span>{{$permissions}}
|
||||
</a>
|
||||
</div>
|
||||
<div id="photos-upload-perms-end" class="clear"></div>
|
||||
{{if $alt_uploader}}
|
||||
<div id="photos-upload-perms" class="pull-right">
|
||||
<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>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div style="display: none;">
|
||||
<div id="photos-upload-permissions-wrapper">
|
||||
{{$aclselect}}
|
||||
<div id="photos-upload-spacer"></div>
|
||||
|
||||
{{$alt_uploader}}
|
||||
{{/if}}
|
||||
|
||||
|
||||
{{if $default_upload_submit}}
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div id="photos-upload-spacer"></div>
|
||||
|
||||
<div class="photos-upload-wrapper">
|
||||
<div id="photos-upload-perms" class="btn-group pull-right">
|
||||
<button class="btn btn-default" data-toggle="modal" data-target="#aclModal" onclick="return false;">
|
||||
<i id="jot-perms-icon" class="fa {{$lockstate}}"></i>
|
||||
</button>
|
||||
|
||||
{{$default_upload_submit}}
|
||||
</div>
|
||||
{{$default_upload_box}}
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
{{/if}}
|
||||
|
||||
<div class="photos-upload-end" class="clearfix"></div>
|
||||
|
||||
{{* The modal for advanced-expire *}}
|
||||
<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">
|
||||
×
|
||||
</button>
|
||||
<h4 id="modal-title" class="modal-title">{{$permissions}}</h4>
|
||||
</div>
|
||||
<div id="photos-upload-permissions-wrapper" class="modal-body">
|
||||
{{$aclselect}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="photos-upload-spacer"></div>
|
||||
|
||||
{{$alt_uploader}}
|
||||
|
||||
{{$default_upload_box}}
|
||||
{{$default_upload_submit}}
|
||||
|
||||
<div class="photos-upload-end" ></div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue
Block a user