PLT-135 Showing "(Edited)" indicator if a message has been edited. (#4923)

This commit is contained in:
Debanshu Kundu
2017-01-12 21:17:29 +05:30
committed by Harrison Healey
parent 99493bc5fa
commit 739f32272f
12 changed files with 102 additions and 16 deletions

View File

@@ -218,7 +218,7 @@ ifeq ($(BUILD_ENTERPRISE_READY),true)
tail -n +2 csaml.out >> ecover.out
tail -n +2 ccluster.out >> ecover.out
tail -n +2 cmetrics.out >> ecover.out
tail -n +2 caccount_migration.out >> ecover.out
tail -n +2 caccount_migration.out >> ecover.out
rm -f cldap.out ccompliance.out cmfa.out cemoji.out csaml.out ccluster.out cmetrics.out caccount_migration.out
rm -r ldap.test
rm -r compliance.test
@@ -394,7 +394,7 @@ else
echo stopping mattermost $$PID; \
kill $$PID; \
done
endif
endif
stop-client:
@echo Stopping mattermost client

View File

@@ -1217,6 +1217,7 @@ func updatePost(c *Context, w http.ResponseWriter, r *http.Request) {
*newPost = *oldPost
newPost.Message = post.Message
newPost.EditAt = model.GetMillis()
newPost.Hashtags, _ = model.ParseHashtags(post.Message)
if result := <-Srv.Store.Post().Update(newPost, oldPost); result.Err != nil {

View File

@@ -47,6 +47,10 @@ func TestCreatePost(t *testing.T) {
t.Fatal("shouldn't have files")
}
if rpost1.Data.(*model.Post).EditAt != 0 {
t.Fatal("Newly craeted post shouldn't have EditAt set")
}
post2 := &model.Post{ChannelId: channel1.Id, Message: "a" + model.NewId() + "a", RootId: rpost1.Data.(*model.Post).Id}
rpost2, err := Client.CreatePost(post2)
if err != nil {
@@ -326,6 +330,10 @@ func TestUpdatePost(t *testing.T) {
t.Fatal(err)
}
if rpost2.Data.(*model.Post).EditAt != 0 {
t.Fatal("Newly craeted post shouldn't have EditAt set")
}
msg2 := "a" + model.NewId() + " update post 1"
rpost2.Data.(*model.Post).Message = msg2
if rupost2, err := Client.UpdatePost(rpost2.Data.(*model.Post)); err != nil {
@@ -334,6 +342,9 @@ func TestUpdatePost(t *testing.T) {
if rupost2.Data.(*model.Post).Message != msg2 {
t.Fatal("failed to updates")
}
if rupost2.Data.(*model.Post).EditAt == 0 {
t.Fatal("EditAt not updated for post")
}
}
msg1 := "#hashtag a" + model.NewId() + " update post 2"

View File

@@ -31,6 +31,7 @@ type Post struct {
Id string `json:"id"`
CreateAt int64 `json:"create_at"`
UpdateAt int64 `json:"update_at"`
EditAt int64 `json:"edit_at"`
DeleteAt int64 `json:"delete_at"`
UserId string `json:"user_id"`
ChannelId string `json:"channel_id"`

View File

@@ -15,6 +15,7 @@ import (
)
const (
VERIONS_3_7_0 = "3.7.0"
VERSION_3_6_0 = "3.6.0"
VERSION_3_5_0 = "3.5.0"
VERSION_3_4_0 = "3.4.0"
@@ -39,6 +40,7 @@ func UpgradeDatabase(sqlStore *SqlStore) {
UpgradeDatabaseToVersion34(sqlStore)
UpgradeDatabaseToVersion35(sqlStore)
UpgradeDatabaseToVersion36(sqlStore)
UpgradeDatabaseToVersion37(sqlStore)
// If the SchemaVersion is empty this this is the first time it has ran
// so lets set it to the current version.
@@ -229,3 +231,11 @@ func UpgradeDatabaseToVersion36(sqlStore *SqlStore) {
saveSchemaVersion(sqlStore, VERSION_3_6_0)
}
}
func UpgradeDatabaseToVersion37(sqlStore *SqlStore) {
// TODO: Uncomment following condition when version 3.7.0 is released
// if shouldPerformUpgrade(sqlStore, VERSION_3_6_0, VERSION_3_7_0) {
// Add EditAt column to Posts
sqlStore.CreateColumnIfNotExists("Posts", "EditAt", " bigint", " bigint", "0")
// }
}

View File

@@ -89,7 +89,7 @@ export default class PostMessageContainer extends React.Component {
return (
<PostMessageView
options={this.props.options}
message={this.props.post.message}
post={this.props.post}
emojis={this.state.emojis}
enableFormatting={this.state.enableFormatting}
mentionKeys={this.state.mentionKeys}

View File

@@ -2,14 +2,16 @@
// See License.txt for license information.
import React from 'react';
import {FormattedMessage} from 'react-intl';
import * as TextFormatting from 'utils/text_formatting.jsx';
import * as Utils from 'utils/utils.jsx';
import * as PostUtils from 'utils/post_utils.jsx';
export default class PostMessageView extends React.Component {
static propTypes = {
options: React.PropTypes.object.isRequired,
message: React.PropTypes.string.isRequired,
post: React.PropTypes.object.isRequired,
emojis: React.PropTypes.object.isRequired,
enableFormatting: React.PropTypes.bool.isRequired,
mentionKeys: React.PropTypes.arrayOf(React.PropTypes.string).isRequired,
@@ -23,7 +25,7 @@ export default class PostMessageView extends React.Component {
return true;
}
if (nextProps.message !== this.props.message) {
if (nextProps.post.message !== this.props.post.message) {
return true;
}
@@ -47,9 +49,28 @@ export default class PostMessageView extends React.Component {
return false;
}
editedIndicator() {
return (
PostUtils.isEdited(this.props.post) ?
<span className='edited'>
<FormattedMessage
id='post_message_view.edited'
defaultMessage='(edited)'
/>
</span> :
''
);
}
render() {
if (!this.props.enableFormatting) {
return <span>{this.props.message}</span>;
return (
<span>
{this.props.post.message}
&nbsp;
{this.editedIndicator()}
</span>
);
}
const options = Object.assign({}, this.props.options, {
@@ -62,10 +83,13 @@ export default class PostMessageView extends React.Component {
});
return (
<span
onClick={Utils.handleFormattedTextClick}
dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.props.message, options)}}
/>
<div>
<span
onClick={Utils.handleFormattedTextClick}
dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.props.post.message, options)}}
/>
{this.editedIndicator()}
</div>
);
}
}

View File

@@ -285,7 +285,7 @@ export default class SearchResultsItem extends React.Component {
</li>
{rhsControls}
</ul>
<div className='search-item-snippet'>
<div className='search-item-snippet post__body'>
{message}
</div>
</div>

View File

@@ -1667,6 +1667,7 @@
"post_info.mobile.unflag": "Unflag",
"post_info.permalink": "Permalink",
"post_info.reply": "Reply",
"post_message_view.edited": "(edited)",
"posts_view.loadMore": "Load more messages",
"posts_view.newMsg": "New Messages",
"posts_view.newMsgBelow": "New {count, plural, one {message} other {messages}} below",

View File

@@ -560,9 +560,9 @@
}
blockquote {
display: inline-block;
font-size: 1em;
margin-left: 0;
margin-top: 1.3em;
padding: 3px 0 0 25px;
vertical-align: top;
@@ -572,6 +572,11 @@
top: 2px;
}
}
.search-item-snippet {
blockquote {
margin-top: 0;
}
}
.markdown__heading {
clear: both;
@@ -598,7 +603,15 @@
}
p + p {
margin-top: 1em;
margin: 1em 0;
&:last-of-type {
margin-bottom: 0;
}
}
span {
> p:first-child {
margin-bottom: 1em;
}
}
ol,
@@ -978,12 +991,24 @@
width: 100%;
word-wrap: break-word;
p {
div {
margin: 0 0 .4em;
}
p + p {
margin-top: 1.4em;
margin: 1.4em 0;
&:last-of-type {
margin-bottom: 0;
}
}
span {
> p:last-child {
display: inline;
}
> p:first-child {
margin-bottom: 1.4em;
}
}
li {
@@ -1063,6 +1088,12 @@
color: $white;
}
}
span.edited {
color: #A3A3A3;
font-size: 0.87em;
opacity: 0.6;
}
}
.post__link {

View File

@@ -213,6 +213,9 @@
}
}
}
blockquote {
margin-top: 0;
}
}
&.same--root {

View File

@@ -15,6 +15,10 @@ export function isComment(post) {
return false;
}
export function isEdited(post) {
return post.edit_at > 0;
}
export function getProfilePicSrcForPost(post, timestamp) {
let src = Client.getUsersRoute() + '/' + post.user_id + '/image?time=' + timestamp;
if (post.props && post.props.from_webhook && global.window.mm_config.EnablePostIconOverride === 'true') {
@@ -28,4 +32,4 @@ export function getProfilePicSrcForPost(post, timestamp) {
}
return src;
}
}