mirror of
https://codeberg.org/streams/streams.git
synced 2024-09-20 04:15:12 +00:00
auto preview when inserting a media item or embed into a post. Since this unanticipated action could be alarming (some might think the post was actually submitted), also provide a visible preview indicator within the previewed content. Remove the css for the old striped background image which hasn't been available for previewed content for a year or two.
This commit is contained in:
parent
9476c631b0
commit
a97b09210e
6 changed files with 8 additions and 2 deletions
|
@ -407,6 +407,7 @@ class ThreadItem {
|
||||||
'showdislike' => $showdislike,
|
'showdislike' => $showdislike,
|
||||||
'comment' => $this->get_comment_box($indent),
|
'comment' => $this->get_comment_box($indent),
|
||||||
'previewing' => ($conv->is_preview() ? true : false ),
|
'previewing' => ($conv->is_preview() ? true : false ),
|
||||||
|
'preview_lbl' => t('This is an unsaved preview'),
|
||||||
'wait' => t('Please wait'),
|
'wait' => t('Please wait'),
|
||||||
'submid' => str_replace(['+','='], ['',''], base64_encode(substr($item['mid'],0,32))),
|
'submid' => str_replace(['+','='], ['',''], base64_encode(substr($item['mid'],0,32))),
|
||||||
'thread_level' => $thread_level
|
'thread_level' => $thread_level
|
||||||
|
|
|
@ -467,6 +467,7 @@ function conversation($items, $mode, $update, $page_mode = 'traditional', $prepa
|
||||||
|
|
||||||
$preview = (($page_mode === 'preview') ? true : false);
|
$preview = (($page_mode === 'preview') ? true : false);
|
||||||
$previewing = (($preview) ? ' preview ' : '');
|
$previewing = (($preview) ? ' preview ' : '');
|
||||||
|
$preview_lbl = t('This is an unsaved preview');
|
||||||
|
|
||||||
if ($mode === 'network') {
|
if ($mode === 'network') {
|
||||||
|
|
||||||
|
@ -684,6 +685,7 @@ function conversation($items, $mode, $update, $page_mode = 'traditional', $prepa
|
||||||
'mode' => $mode,
|
'mode' => $mode,
|
||||||
'approve' => t('Approve'),
|
'approve' => t('Approve'),
|
||||||
'delete' => t('Delete'),
|
'delete' => t('Delete'),
|
||||||
|
'preview_lbl' => $preview_lbl,
|
||||||
'id' => (($preview) ? 'P0' : $item['item_id']),
|
'id' => (($preview) ? 'P0' : $item['item_id']),
|
||||||
'linktitle' => sprintf( t('View %s\'s profile @ %s'), $profile_name, $profile_url),
|
'linktitle' => sprintf( t('View %s\'s profile @ %s'), $profile_name, $profile_url),
|
||||||
'profile_url' => $profile_link,
|
'profile_url' => $profile_link,
|
||||||
|
|
|
@ -251,8 +251,7 @@ footer {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview {
|
.preview-indicator {
|
||||||
background: url('../img/gray_and_white_diagonal_stripes_background_seamless.gif');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#theme-preview {
|
#theme-preview {
|
||||||
|
|
|
@ -39,6 +39,7 @@
|
||||||
</div>
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div class="wall-item-author">
|
<div class="wall-item-author">
|
||||||
|
{{if $item.previewing}}<span class="preview-indicator"><i class="fa fa-eye" title="{{$item.preview_lbl}}"></i></span> {{/if}}
|
||||||
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.sparkle}}" id="wall-item-name-{{$item.id}}" >{{$item.name}}</span></a>{{if $item.owner_url}} {{$item.via}} <a href="{{$item.owner_url}}" title="{{$item.olinktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span></a>{{/if}}
|
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.sparkle}}" id="wall-item-name-{{$item.id}}" >{{$item.name}}</span></a>{{if $item.owner_url}} {{$item.via}} <a href="{{$item.owner_url}}" title="{{$item.olinktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span></a>{{/if}}
|
||||||
</div>
|
</div>
|
||||||
<div class="wall-item-ago" id="wall-item-ago-{{$item.id}}">
|
<div class="wall-item-ago" id="wall-item-ago-{{$item.id}}">
|
||||||
|
|
|
@ -126,6 +126,7 @@ function enableOnUser(){
|
||||||
$('#jot-media').val($('#jot-media').val() + data.result.message);
|
$('#jot-media').val($('#jot-media').val() + data.result.message);
|
||||||
},
|
},
|
||||||
stop: function(e,data) {
|
stop: function(e,data) {
|
||||||
|
preview_post();
|
||||||
$('#profile-rotator').spin(false);
|
$('#profile-rotator').spin(false);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
@ -175,6 +176,7 @@ function enableOnUser(){
|
||||||
$('#profile-rotator').spin('tiny');
|
$('#profile-rotator').spin('tiny');
|
||||||
$.get('{{$baseurl}}/linkinfo?f=&binurl=' + reply, function(data) {
|
$.get('{{$baseurl}}/linkinfo?f=&binurl=' + reply, function(data) {
|
||||||
addeditortext(data);
|
addeditortext(data);
|
||||||
|
preview_post();
|
||||||
$('#profile-rotator').spin(false);
|
$('#profile-rotator').spin(false);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
@ -32,6 +32,7 @@
|
||||||
</div>
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div class="wall-item-author">
|
<div class="wall-item-author">
|
||||||
|
{{if $item.previewing}}<span class="preview-indicator"><i class="fa fa-eye" title="{{$item.preview_lbl}}"></i></span> {{/if}}
|
||||||
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.sparkle}}" id="wall-item-name-{{$item.id}}" >{{$item.name}}</span></a>{{if $item.owner_url}} {{$item.via}} <a href="{{$item.owner_url}}" title="{{$item.olinktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span></a>{{/if}}
|
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.sparkle}}" id="wall-item-name-{{$item.id}}" >{{$item.name}}</span></a>{{if $item.owner_url}} {{$item.via}} <a href="{{$item.owner_url}}" title="{{$item.olinktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span></a>{{/if}}
|
||||||
</div>
|
</div>
|
||||||
<div class="wall-item-ago" id="wall-item-ago-{{$item.id}}">
|
<div class="wall-item-ago" id="wall-item-ago-{{$item.id}}">
|
||||||
|
|
Loading…
Reference in a new issue