diff options
| author | Mike Macgirvin <mike@macgirvin.com> | 2010-07-22 22:41:45 -0700 |
|---|---|---|
| committer | Mike Macgirvin <mike@macgirvin.com> | 2010-07-22 22:41:45 -0700 |
| commit | 36b66dccb60a7d65724da542f9d7a2d6722fc6aa (patch) | |
| tree | c44dd1fae5d16c393b789ca814e31b4c90f4ce55 /view | |
| parent | 88bfe21bead769c3ba81e181b79f9d6426ace351 (diff) | |
| download | volse-hubzilla-36b66dccb60a7d65724da542f9d7a2d6722fc6aa.tar.gz volse-hubzilla-36b66dccb60a7d65724da542f9d7a2d6722fc6aa.tar.bz2 volse-hubzilla-36b66dccb60a7d65724da542f9d7a2d6722fc6aa.zip | |
ajaxify the wall poster
Diffstat (limited to 'view')
| -rw-r--r-- | view/jot-header.tpl | 20 | ||||
| -rw-r--r-- | view/jot.tpl | 6 | ||||
| -rw-r--r-- | view/style.css | 11 | ||||
| -rw-r--r-- | view/wall_item.tpl | 3 |
4 files changed, 31 insertions, 9 deletions
diff --git a/view/jot-header.tpl b/view/jot-header.tpl index 97e30cdae..3f8fe5302 100644 --- a/view/jot-header.tpl +++ b/view/jot-header.tpl @@ -27,16 +27,28 @@ tinyMCE.init({ var uploader = new window.AjaxUpload( 'wall-image-upload', { action: 'wall_upload', - name: 'userfile', - onComplete: function(file,response) { - tinyMCE.execCommand('mceInsertRawHTML',false,response); - } + name: 'userfile', + onSubmit: function(file,ext) { $('#profile-rotator').show(); }, + onComplete: function(file,response) { + tinyMCE.execCommand('mceInsertRawHTML',false,response); + $('#profile-rotator').hide(); + } } ); }); + function jotGetLink() { + reply = prompt("Please enter a link URL:"); + $('#profile-rotator').show(); + $.get('parse_url?url=' + reply, function(data) { + tinyMCE.execCommand('mceInsertRawHTML',false,data); + $('#profile-rotator').hide(); + }); + } + + </script> <!-- diff --git a/view/jot.tpl b/view/jot.tpl index 695ac19e0..24b6babcb 100644 --- a/view/jot.tpl +++ b/view/jot.tpl @@ -17,9 +17,11 @@ What's on your mind? <div id="wall-image-upload-div" ><img id="wall-image-upload" src="images/camera-icon.gif" alt="Upload Photo" title="Upload Photo" /></div> </div> <div id="profile-link-wrapper" style="display: $visitor;" > - <img id="profile-link" src="images/link-icon.gif" alt="Insert web link" title="Insert web link" /> + <img id="profile-link" src="images/link-icon.gif" alt="Insert web link" title="Insert web link" onclick="jotGetLink();" /> + </div> + <div id="profile-rotator-wrapper" style="display: $visitor;" > + <img id="profile-rotator" src="images/rotator.gif" alt="Please wait" title="Please wait" style="display: none;" /> </div> - <div id="profile-jot-perms" class="profile-jot-perms" style="display: $visitor;" ><img src="images/$lockstate_icon.gif" alt="Permission Settings" title="Permission Settings" onClick="openClose('profile-jot-acl-wrapper');" /></div> <div id="profile-jot-perms-end"></div> <div id="profile-jot-acl-wrapper" style="display: none;" >$acl</div> diff --git a/view/style.css b/view/style.css index faf1a091c..2fd5db1fb 100644 --- a/view/style.css +++ b/view/style.css @@ -493,6 +493,11 @@ input#dfrn-url { .wall-item-photo { border: none; } +.wall-item-body { + float: left; + margin-top: 30px; + margin-left: 10px; +} .comment-edit-wrapper { margin-top: 15px; @@ -517,6 +522,10 @@ input#dfrn-url { margin-left: 50px; } +#profile-rotator { + float: left; + margin-left: 50px; +} #profile-link-wrapper { float: left; margin-left: 20px; @@ -524,7 +533,7 @@ input#dfrn-url { #profile-jot-perms { float: left; - margin-left: 280px; + margin-left: 250px; } #profile-jot-perms-end { diff --git a/view/wall_item.tpl b/view/wall_item.tpl index 3babc8ead..56e182761 100644 --- a/view/wall_item.tpl +++ b/view/wall_item.tpl @@ -5,10 +5,9 @@ </div> <div class="wall-item-wrapper" id="wall-item-wrapper-$id" > <a href="$profile_url" title="View $name's profile" class="wall-item-name-link"><span class="wall-item-name" id="wall-item-name-$id" >$name</span></a> -<span class="wall-item-body" id="wall-item-body-$id" >$body</span> <div class="wall-item-ago" id="wall-item-ago-$id">$ago</div> - </div> +<span class="wall-item-body" id="wall-item-body-$id" >$body</span> <div class="wall-item-wrapper-end"></div> <div class="wall-item-comment-separator"></div> $comment |