<!-- Header -->
<{include file="db:system_header.tpl"}>
<script type="text/javascript">
IMG_ON = '<{xoAdminIcons 'success.png'}>';
IMG_OFF = '<{xoAdminIcons 'cancel.png'}>';
</script>
<!-- Buttons -->
<{if isset($type) && $type == 's'}>
<div style="height: 30px;">
<div class="floatright">
<div class="xo-buttons" >
<button id="xo-addavatar-btn" class="ui-corner-all tooltip" onclick='location="admin.php?fct=avatars&op=multiupload"'
title="<{$smarty.const._AM_SYSTEM_AVATAR_MULTIUPLOAD}>">
<img src="<{xoAdminIcons 'add.png'}>" alt="<{$smarty.const._AM_SYSTEM_AVATAR_MULTIUPLOAD}>"/>
<{$smarty.const._AM_SYSTEM_AVATAR_MULTIUPLOAD}>
</button>
</div>
</div>
</div>
<{/if}>
<{if !empty($view_cat)}>
<!-- Display Avatar header for switch between system & custom category -->
<table class="outer" cellspacing="1">
<thead>
<tr>
<th class="txtcenter"><{$smarty.const._AM_SYSTEM_AVATAR_SYSTEM}></th>
<th class="txtcenter"><{$smarty.const._AM_SYSTEM_AVATAR_CUSTOM}></th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td class="txtcenter">
<a class="tooltip" href="admin.php?fct=avatars&op=listavt&type=s" title="<{$smarty.const._AM_SYSTEM_AVATAR_SYSTEM}>">
<img src="<{xoAdminIcons 'avatar_system.png'}>" alt="<{$smarty.const._AM_SYSTEM_AVATAR_SYSTEM}>"/>
</a>
<div class="spacer"><{$smarty.const._AM_SYSTEM_AVATAR_SYSTEM}> : <strong><{$count_system}></strong></div>
</td>
<td class="txtcenter">
<a class="tooltip" href="admin.php?fct=avatars&op=listavt&type=c" title="<{$smarty.const._AM_SYSTEM_AVATAR_CUSTOM}>">
<img src="<{xoAdminIcons 'avatar_custom.png'}>" alt="<{$smarty.const._AM_SYSTEM_AVATAR_CUSTOM}>"/>
</a>
<div class="spacer"><{$smarty.const._AM_SYSTEM_AVATAR_CUSTOM}> : <strong><{$count_custom}></strong></div>
</td>
</tr>
</tbody>
</table>
<br>
<{/if}>
<!-- Display Avatar list for each category -->
<{if !empty($avatars_list)}>
<{foreach item=avatar from=$avatars_list|default:null}>
<div class="floatleft">
<div class="ui-corner-all xo-thumb txtcenter">
<div class="xo-thumbimg">
<img class="tooltip" src="<{$xoops_url}>/uploads/<{$avatar.avatar_file}>"
alt="<{$avatar.avatar_name}>" title="<{$avatar.avatar_name}>"/>
</div>
<div class="xo-actions txtcenter">
<div class="spacer bold"><{$avatar.avatar_name}></div>
<img id="loading_avt<{$avatar.avatar_id}>" src="images/spinner.gif" style="display:none;" title="<{$smarty.const._AM_SYSTEM_LOADING}>"
alt="<{$smarty.const._AM_SYSTEM_LOADING}>"/><img class="tooltip" id="avt<{$avatar.avatar_id}>"
onclick="system_setStatus( { fct: 'avatars', op: 'display', avatar_id: <{$avatar.avatar_id}> }, 'avt<{$avatar.avatar_id}>', 'admin.php' )"
src="<{if !empty($avatar.avatar_display)}><{xoAdminIcons 'success.png'}><{else}><{xoAdminIcons 'cancel.png'}><{/if}>"
alt="<{$smarty.const._IMGDISPLAY}>" title="<{$smarty.const._IMGDISPLAY}>"/>
<{if isset($avatar.type) && $avatar.type == 'c'}>
<a href="<{$xoops_url}>/modules/profile/userinfo.php?uid=<{$avatar.user}>" title="<{$smarty.const._AM_SYSTEM_AVATAR_USERS}>">
<img src="<{xoAdminIcons 'edit.png'}>" alt="<{$smarty.const._AM_SYSTEM_AVATAR_USERS}>"/>
</a>
<{else}>
<img class="cursorhelp tooltip" src="<{xoAdminIcons 'forum.png'}>" alt="<{$avatar.count}> <{$smarty.const._AM_SYSTEM_AVATAR_USERS}>"
title="<{$avatar.count}> <{$smarty.const._AM_SYSTEM_AVATAR_USERS}>"/>
<{/if}>
<a class="tooltip" href="admin.php?fct=avatars&op=edit&avatar_id=<{$avatar.avatar_id}>" title="<{$smarty.const._EDIT}>">
<img src="<{xoAdminIcons 'edit.png'}>" alt="<{$smarty.const._EDIT}>"/>
</a>
<a class="tooltip" href="admin.php?fct=avatars&op=delfile&avatar_id=<{$avatar.avatar_id}>" title="<{$smarty.const._DELETE}>">
<img src="<{xoAdminIcons 'delete.png'}>" alt="<{$smarty.const._DELETE}>"/>
</a>
</div>
</div>
</div>
<{/foreach}>
<!-- Display Avatars navigation -->
<div class="clear"> </div>
<{if !empty($nav_menu)}>
<div class="xo-pagenav floatright"><{$nav_menu}></div>
<div class="clear spacer"></div>
<{/if}>
<{/if}>
<{if !empty($multiupload)}>
<div class="floatright">
<div class="xo-buttons">
<button id="xo-addavatar-btn" class="ui-corner-all tooltip" onclick='location="admin.php?fct=avatars&op=listavt&type=s"'
title="<{$smarty.const._AM_SYSTEM_AVATAR_SYSTEM}>">
<img src="<{xoAdminIcons 'view.png'}>" alt="<{$smarty.const._AM_SYSTEM_AVATAR_SYSTEM}>"/>
<{$smarty.const._AM_SYSTEM_AVATAR_SYSTEM}>
</button>
</div>
</div>
<div class="clear"> </div>
<{include file="db:system_trigger_uploads.tpl"}>
<h2><{$smarty.const._AM_SYSTEM_AVATAR_SYSTEM}></h2>
<div id="fine-uploader-manual-trigger"></div>
<div><{$smarty.const._IMGMAXSIZE}> <{$imgcat_maxsize}></div>
<div><{$smarty.const._IMGMAXWIDTH}> <{$imgcat_maxwidth}></div>
<div><{$smarty.const._IMGMAXHEIGHT}> <{$imgcat_maxheight}></div>
<!-- Your code to create an instance of Fine Uploader and bind to the DOM/template
====================================================================== -->
<script>
var manualUploader = new qq.FineUploader({
element: document.getElementById('fine-uploader-manual-trigger'),
template: 'qq-template-manual-trigger',
request: {
endpoint: '<{$xoops_url}>/ajaxfineupload.php',
params: {
"Authorization": "<{$jwt}>"
}
},
text: {
formatProgress: "<{$smarty.const._FORMATPROGRESS}>",
failUpload: "<{$smarty.const._FAILUPLOAD}>",
waitingForResponse: "<{$smarty.const._WAITINGFORRESPONSE}>",
paused: "<{$smarty.const._PAUSED}>"
},
messages: {
typeError: "<{$smarty.const._TYPEERROR}>",
sizeError: "<{$smarty.const._SIZEERROR}>",
minSizeError: "<{$smarty.const._MINSIZEERROR}>",
emptyError: "<{$smarty.const._EMPTYERROR}>",
noFilesError: "<{$smarty.const._NOFILESERROR}>",
tooManyItemsError: "<{$smarty.const._TOOMANYITEMSERROR}>",
maxHeightImageError: "<{$smarty.const._MAXHEIGHTIMAGEERROR}>",
maxWidthImageError: "<{$smarty.const._MAXWIDTHIMAGEERROR}>",
minHeightImageError: "<{$smarty.const._MINHEIGHTIMAGEERROR}>",
minWidthImageError: "<{$smarty.const._MINWIDTHIMAGEERROR}>",
retryFailTooManyItems: "<{$smarty.const._RETRYFAILTOOMANYITEMS}>",
onLeave: "<{$smarty.const._ONLEAVE}>",
unsupportedBrowserIos8Safari: "<{$smarty.const._UNSUPPORTEDBROWSERIOS8SAFARI}>"
},
thumbnails: {
placeholders: {
waitingPath: '<{$xoops_url}>/media/fine-uploader/placeholders/waiting-generic.png',
notAvailablePath: '<{$xoops_url}>/media/fine-uploader/placeholders/not_available-generic.png'
}
},
validation: {
acceptFiles: ['image/jpeg', 'image/gif', 'image/png'],
allowedExtensions: ['jpeg', 'jpg', 'png', 'gif'],
image: {
maxHeight: <{$imgcat_maxheight}>,
maxWidth: <{$imgcat_maxwidth}>
},
sizeLimit: <{$imgcat_maxsize}>
},
autoUpload: false,
callbacks: {
onError: function(id, name, errorReason, xhrOrXdr) {
console.log(qq.format("Error uploading {}. Reason: {}", name, errorReason));
}
},
debug: <{$fineup_debug}>
});
qq(document.getElementById("trigger-upload")).attach("click", function() {
manualUploader.uploadStoredFiles();
});
</script>
<{/if}>
<!-- Display Avatar form (add,edit) -->
<{if !empty($form)}>
<div class="spacer"><{$form}></div>
<{/if}>
<!-- Display Avatar images on edit page -->
|
Download
