Tags:
tag this topic
create new tag
view all tags
---+ %MAKETEXT{"Change Profile Picture of [_1]" args="%URLPARAM{ "wikiname" default=" " }%" }% <!--<pre>--> <style type='text/css' media='all'> .profileBox { border: solid #dddddd 1px; -moz-box-shadow: 2px 2px 3px #e8e8e8; -webkit-box-shadow: 2px 2px 3px #e8e8e8; box-shadow: 2px 2px 3px #e8e8e8; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 10px 10px 10px; background-image: url(%PUBURLPATH%/%WEB%/UserProfileHeader/gradient-title.png); background-repeat: repeat-x; background-color: #ffffff; } .profileHeader { margin-bottom: 5px; font-weight: bold; font-style: italic; color: #333333; } #viewInfo .twikiLastCol { min-width:19em; } </style> %CALCULATE{$SET(PatternSkinVersion, $VALUE($SUBSTITUTE(%INCLUDE{ "%SYSTEMWEB%.PatternSkin" pattern=".*Skin Version: *. *([0-9\-]+).*" }%, -,)))$IF($GET(PatternSkinVersion)<20140522, <nop>, <script src="%PUBURL%/%SYSTEMWEB%/PatternSkin/dropzone.min.js"></script> <link rel="stylesheet" href="%PUBURL%/%SYSTEMWEB%/PatternSkin/dropzone.css" />)}% <style> #dropzonePreviews { width: 160px; border-width: 5px; border-style: dashed; border-color: #aaa; margin-top: 10px; min-height: 120px; position: relative; } #dropzoneMessage { position: absolute; top: 29px; left: 0; overflow: hidden; color: #aaa; font-size: 1.5em; line-height: normal; width: 100%; text-align: center; } .dz-size { display: none; } </style> <script type="text/javascript"> %CALCULATE{$IF($GET(PatternSkinVersion)<20140522, /*, <nop>)}% var myDropzone; Dropzone.autoDiscover = false; $(document).ready( function(){ if ( Dropzone.isBrowserSupported() ) { $('#fileUpload').replaceWith('<div id="dropzonePreviews" class="dropzone-previews"><div id="dropzoneMessage" class="dz-message" style="">Drop file %BR% or click</div></div>'); $('#submitFile').replaceWith('<button type="button" class="twikiSubmit" onClick="myDropzone.processQueue();" %IF{ "defined 'wikiname'" else="disabled=\"disabled\"" }%>%MAKETEXT{"Upload"}%</button>'); myDropzone = new Dropzone("form.dropzone", { maxFiles: 1, maxFilesize: %IF{"$'ATTACHFILESIZELIMIT' = '' or $'ATTACHFILESIZELIMIT' = '0'" then="1024 * 1024" else="%ATTACHFILESIZELIMIT% / 1024"}%, withCredentials: true, paramName: 'filepath', addRemoveLinks: true, autoProcessQueue: false, acceptedFiles: 'image/*', previewsContainer: "div#dropzonePreviews", uploadMultiple: false, parallelUploads: 1, params: {noredirect: '1'}, clickable: "div#dropzonePreviews", success: function(file, responseText, e) { var xhr = file.xhr; if ( xhr && xhr.getResponseHeader("Content-type").indexOf("text/html" ) != -1) { document.open(); document.write(responseText); document.close(); } else { window.location.href = '%SCRIPTURL{view}%/%WEB%/%URLPARAM{wikiname}%'; } }, }); } } ); %CALCULATE{$IF($GET(PatternSkinVersion)<20140522, */, <nop>)}% function validateFileType( fieldID, allowedTypes ) { var fileName=document.getElementById( fieldID ).value; if( !fileName ) { alert( 'Please specify a file of type '+allowedTypes+'.' ); return false; } else { var fileExt = (fileName.substring((fileName.lastIndexOf('.')+1)).toLowerCase()); var ext=allowedTypes.split( /, */ ); for ( var i in ext ) { if( ext[i]==fileExt ) { return true; } } alert( 'Invalid file type. Please specify a file of type '+allowedTypes+'.' ); return false; } } </script> <!--</pre>--> <table border="0" cellspacing="0" cellpadding="0"><tr><td valign="top" class="profileBox" style="width: 200px;" rowspan="3"> <div class="profileHeader"> %MAKETEXT{"Current picture"}%: </div> %CALCULATE{$SET(current-image, %FORMFIELD{ "Image" topic="%URLPARAM{wikiname}%" }%)}%<nop> <img %IF{ "'%URLPARAM{wikiname}%'/attachments[name='%CALCULATE{$GET(current-image)}%']" then='src="%PUBURLPATH%/%WEB%/%URLPARAM{wikiname}%/%CALCULATE{$GET(current-image)}%" title="%CALCULATE{$GET(current-image)}%"' else='src="%PUBURLPATH%/%WEB%/UserProfileHeader/default-user-profile.jpg"' }% width="200" alt="" /> </td><td valign="top"> <img src="%PUBURLPATH%/%WEB%/UserProfileHeader/spacer.gif" width="20" height="1" /> </td><td valign="top" class="profileBox"> <div class="profileHeader"> %MAKETEXT{"Upload new picture"}%: </div> <form name="main" enctype="multipart/form-data" class="dropzone" onsubmit="return validateFileType( 'imageFile', 'jpg, png, gif' );" action="%SCRIPTURL{upload}%/%WEB%/%URLPARAM{wikiname}%" method="post" /> <table border="0" cellspacing="0" cellpadding="0" style="margin: .5em .2em .5em .2em;"><tr><td valign="top"> <div id="fileUpload" class="square"> <input type="file" name="filepath" id="imageFile" class="upload" value="" size="36" %IF{ "defined 'wikiname'" else="disabled='disabled'" }% /> </div> </td><td style="padding: 0 1em;"> <div style="white-space: nowrap; margin-bottom: 1em;"> <input type="submit" class="twikiSubmit" id="submitFile" value='%MAKETEXT{"Upload"}%' %IF{ "defined 'wikiname'" else="disabled='disabled'" }% /> <input type="hidden" name="filename" value="" /> <input type="hidden" name="filecomment" value="" /> <input type="hidden" name="createlink" value="" /> <input type="hidden" name="hidefile" value="on" /> <input type="hidden" name="updatefield" value="Image" /> %IF{ "defined 'wikiname'" then=" [[%URLPARAM{wikiname}%][%MAKETEXT{"Cancel"}%]]" }% </div> %T% %MAKETEXT{"Recommended step before upload: Crop the image to about square size, and resize it to a width of 200 pixels. This makes it load faster."}% </td><td style="padding: 0 1em; color: #444444;"> </td></tr></table> </form> </td></tr><tr><td></td><td> <img src="%PUBURLPATH%/%WEB%/UserProfileHeader/spacer.gif" width="1" height="20" /> </td></tr><tr><td></td><td valign="top" class="profileBox"> <div class="profileHeader"> %MAKETEXT{"Select existing picture"}%: </div> %CALCULATE{$LISTJOIN( , $LISTMAP(<form action="%SCRIPTURL{save}%/%WEB%/%URLPARAM{wikiname}%" method="post" /> <input type="hidden" name="Image" value="$item" /> <input type="image" src="%PUBURLPATH%/%WEB%/%URLPARAM{wikiname}%/$item" height="60" border="0" alt="" title="$item" class="twikiButton" style="padding:10px" /></form>, $LISTIF($NOT($EXACT($item,undef)), %SEARCH{ "%URLPARAM{wikiname}%" scope="topic" topic="%URLPARAM{wikiname}%" nonoise="1" limit="1" format="$query(attachments[name~'*.jpg'].name), $query(attachments[name~'*.JPG'].name), $query(attachments[name~'*.png'].name), $query(attachments[name~'*.PNG'].name), $query(attachments[name~'*.gif'].name), $query(attachments[name~'*.GIF'].name)" }%)))}% </td></tr></table> %IF{ "defined 'wikiname'" then="__%MAKETEXT{"Return to"}%:__ [[%URLPARAM{wikiname}%]]" }% <!-- * Set ALLOWTOPICCHANGE = %USERSWEB%.TWikiAdminGroup * Set READONLYSKINMODE = 1 -->
E
dit
|
A
ttach
|
Watch
|
P
rint version
|
H
istory
: r3
<
r2
<
r1
|
B
acklinks
|
V
iew topic
|
Ra
w
edit
|
M
ore topic actions
Topic revision: r3 - 2014-05-30
-
TWikiContributor
Home
Site map
Antarctica web
Gattini web
SPRITE web
Cahill web
Gemini web
Keck web
MOSFIRE web
NGAO web
Main web
Palomar web
GASP web
PTF web
PalmLGS web
RoboAO web
SDC web
SEDM web
SWIFT web
TMAS web
Triplespec web
WaSP web
ZTF web
SNAP web
Sandbox web
Subaru web
PFS web
TMT web
More...
Main Web
Users
Groups
Index
Search
Changes
Notifications
RSS Feed
Statistics
Preferences
View
Raw View
Print version
Find backlinks
History
More topic actions
Account
Log In
Register User
Copyright © 2008-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki?
Send feedback