View where a URL has been cross-posted to in the past

- This shows when creating a post, or when viewing a post.
- Fixes #131
This commit is contained in:
Dessalines 2019-08-21 22:17:15 -07:00
parent 973538bcda
commit 9b558611b4
11 changed files with 117 additions and 28 deletions

View file

@ -254,6 +254,7 @@ impl Perform<GetPostsResponse> for Oper<GetPosts> {
data.community_id, data.community_id,
None, None,
None, None,
None,
user_id, user_id,
show_nsfw, show_nsfw,
false, false,

View file

@ -23,6 +23,7 @@ pub struct Search {
#[derive(Serialize, Deserialize)] #[derive(Serialize, Deserialize)]
pub struct SearchResponse { pub struct SearchResponse {
op: String, op: String,
type_: String,
comments: Vec<CommentView>, comments: Vec<CommentView>,
posts: Vec<PostView>, posts: Vec<PostView>,
communities: Vec<CommunityView>, communities: Vec<CommunityView>,
@ -288,6 +289,7 @@ impl Perform<SearchResponse> for Oper<Search> {
data.community_id, data.community_id,
None, None,
Some(data.q.to_owned()), Some(data.q.to_owned()),
None,
None, None,
true, true,
false, false,
@ -333,6 +335,7 @@ impl Perform<SearchResponse> for Oper<Search> {
data.community_id, data.community_id,
None, None,
Some(data.q.to_owned()), Some(data.q.to_owned()),
None,
None, None,
true, true,
false, false,
@ -363,6 +366,22 @@ impl Perform<SearchResponse> for Oper<Search> {
Some(data.q.to_owned()), Some(data.q.to_owned()),
data.page, data.page,
data.limit)?; data.limit)?;
},
SearchType::Url => {
posts = PostView::list(
&conn,
PostListingType::All,
&sort,
data.community_id,
None,
None,
Some(data.q.to_owned()),
None,
true,
false,
false,
data.page,
data.limit)?;
} }
}; };
@ -371,6 +390,7 @@ impl Perform<SearchResponse> for Oper<Search> {
Ok( Ok(
SearchResponse { SearchResponse {
op: self.op.to_string(), op: self.op.to_string(),
type_: data.type_.to_owned(),
comments: comments, comments: comments,
posts: posts, posts: posts,
communities: communities, communities: communities,

View file

@ -318,6 +318,7 @@ impl Perform<GetUserDetailsResponse> for Oper<GetUserDetails> {
data.community_id, data.community_id,
None, None,
None, None,
None,
Some(user_details_id), Some(user_details_id),
show_nsfw, show_nsfw,
data.saved_only, data.saved_only,
@ -332,6 +333,7 @@ impl Perform<GetUserDetailsResponse> for Oper<GetUserDetails> {
data.community_id, data.community_id,
Some(user_details_id), Some(user_details_id),
None, None,
None,
user_id, user_id,
show_nsfw, show_nsfw,
data.saved_only, data.saved_only,

View file

@ -67,7 +67,7 @@ pub enum SortType {
#[derive(EnumString,ToString,Debug, Serialize, Deserialize)] #[derive(EnumString,ToString,Debug, Serialize, Deserialize)]
pub enum SearchType { pub enum SearchType {
All, Comments, Posts, Communities, Users All, Comments, Posts, Communities, Users, Url
} }
pub fn fuzzy_search(q: &str) -> String { pub fn fuzzy_search(q: &str) -> String {

View file

@ -79,6 +79,7 @@ impl PostView {
for_community_id: Option<i32>, for_community_id: Option<i32>,
for_creator_id: Option<i32>, for_creator_id: Option<i32>,
search_term: Option<String>, search_term: Option<String>,
url_search: Option<String>,
my_user_id: Option<i32>, my_user_id: Option<i32>,
show_nsfw: bool, show_nsfw: bool,
saved_only: bool, saved_only: bool,
@ -104,6 +105,10 @@ impl PostView {
query = query.filter(name.ilike(fuzzy_search(&search_term))); query = query.filter(name.ilike(fuzzy_search(&search_term)));
}; };
if let Some(url_search) = url_search {
query = query.filter(url.eq(url_search));
};
// TODO these are wrong, bc they'll only show saved for your logged in user, not theirs // TODO these are wrong, bc they'll only show saved for your logged in user, not theirs
if saved_only { if saved_only {
query = query.filter(saved.eq(true)); query = query.filter(saved.eq(true));
@ -326,29 +331,34 @@ mod tests {
}; };
let read_post_listings_with_user = PostView::list(&conn, let read_post_listings_with_user = PostView::list(
PostListingType::Community, &conn,
&SortType::New, Some(inserted_community.id), PostListingType::Community,
None, &SortType::New,
None, Some(inserted_community.id),
Some(inserted_user.id), None,
false, None,
false, None,
false, Some(inserted_user.id),
None, false,
None).unwrap(); false,
let read_post_listings_no_user = PostView::list(&conn, false,
PostListingType::Community, None,
&SortType::New, None).unwrap();
Some(inserted_community.id), let read_post_listings_no_user = PostView::list(
None, &conn,
None, PostListingType::Community,
None, &SortType::New,
false, Some(inserted_community.id),
false, None,
false, None,
None, None,
None).unwrap(); None,
false,
false,
false,
None,
None).unwrap();
let read_post_listing_no_user = PostView::read(&conn, inserted_post.id, None).unwrap(); let read_post_listing_no_user = PostView::read(&conn, inserted_post.id, None).unwrap();
let read_post_listing_with_user = PostView::read(&conn, inserted_post.id, Some(inserted_user.id)).unwrap(); let read_post_listing_with_user = PostView::read(&conn, inserted_post.id, Some(inserted_user.id)).unwrap();

View file

@ -142,6 +142,7 @@ impl ChatServer {
None, None,
None, None,
None, None,
None,
false, false,
false, false,
false, false,

View file

@ -23,6 +23,7 @@ interface PostFormState {
loading: boolean; loading: boolean;
suggestedTitle: string; suggestedTitle: string;
suggestedPosts: Array<Post>; suggestedPosts: Array<Post>;
crossPosts: Array<Post>;
} }
export class PostForm extends Component<PostFormProps, PostFormState> { export class PostForm extends Component<PostFormProps, PostFormState> {
@ -40,6 +41,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
loading: false, loading: false,
suggestedTitle: undefined, suggestedTitle: undefined,
suggestedPosts: [], suggestedPosts: [],
crossPosts: [],
} }
constructor(props: any, context: any) { constructor(props: any, context: any) {
@ -95,6 +97,12 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
{this.state.suggestedTitle && {this.state.suggestedTitle &&
<div class="mt-1 text-muted small font-weight-bold pointer" onClick={linkEvent(this, this.copySuggestedTitle)}><T i18nKey="copy_suggested_title" interpolation={{title: this.state.suggestedTitle}}>#</T></div> <div class="mt-1 text-muted small font-weight-bold pointer" onClick={linkEvent(this, this.copySuggestedTitle)}><T i18nKey="copy_suggested_title" interpolation={{title: this.state.suggestedTitle}}>#</T></div>
} }
{this.state.crossPosts.length > 0 &&
<>
<div class="my-1 text-muted small font-weight-bold"><T i18nKey="cross_posts">#</T></div>
<PostListings showCommunity posts={this.state.crossPosts} />
</>
}
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
@ -170,13 +178,27 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
handlePostUrlChange(i: PostForm, event: any) { handlePostUrlChange(i: PostForm, event: any) {
i.state.postForm.url = event.target.value; i.state.postForm.url = event.target.value;
if (validURL(i.state.postForm.url)) { if (validURL(i.state.postForm.url)) {
let form: SearchForm = {
q: i.state.postForm.url,
type_: SearchType[SearchType.Url],
sort: SortType[SortType.TopAll],
page: 1,
limit: 6,
};
WebSocketService.Instance.search(form);
// Fetch the page title
getPageTitle(i.state.postForm.url).then(d => { getPageTitle(i.state.postForm.url).then(d => {
i.state.suggestedTitle = d; i.state.suggestedTitle = d;
i.setState(i.state); i.setState(i.state);
}); });
} else { } else {
i.state.suggestedTitle = undefined; i.state.suggestedTitle = undefined;
i.state.crossPosts = [];
} }
i.setState(i.state); i.setState(i.state);
} }
@ -248,7 +270,12 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
this.props.onEdit(res.post); this.props.onEdit(res.post);
} else if (op == UserOperation.Search) { } else if (op == UserOperation.Search) {
let res: SearchResponse = msg; let res: SearchResponse = msg;
this.state.suggestedPosts = res.posts;
if (res.type_ == SearchType[SearchType.Posts]) {
this.state.suggestedPosts = res.posts;
} else if (res.type_ == SearchType[SearchType.Url]) {
this.state.crossPosts = res.posts;
}
this.setState(this.state); this.setState(this.state);
} }
} }

View file

@ -1,10 +1,11 @@
import { Component, linkEvent } from 'inferno'; import { Component, linkEvent } from 'inferno';
import { Subscription } from "rxjs"; import { Subscription } from "rxjs";
import { retryWhen, delay, take } from 'rxjs/operators'; import { retryWhen, delay, take } from 'rxjs/operators';
import { UserOperation, Community, Post as PostI, GetPostResponse, PostResponse, Comment, CommentForm as CommentFormI, CommentResponse, CommentSortType, CreatePostLikeResponse, CommunityUser, CommunityResponse, CommentNode as CommentNodeI, BanFromCommunityResponse, BanUserResponse, AddModToCommunityResponse, AddAdminResponse, UserView } from '../interfaces'; import { UserOperation, Community, Post as PostI, GetPostResponse, PostResponse, Comment, CommentForm as CommentFormI, CommentResponse, CommentSortType, CreatePostLikeResponse, CommunityUser, CommunityResponse, CommentNode as CommentNodeI, BanFromCommunityResponse, BanUserResponse, AddModToCommunityResponse, AddAdminResponse, UserView, SearchType, SortType, SearchForm, SearchResponse } from '../interfaces';
import { WebSocketService, UserService } from '../services'; import { WebSocketService, UserService } from '../services';
import { msgOp, hotRank } from '../utils'; import { msgOp, hotRank } from '../utils';
import { PostListing } from './post-listing'; import { PostListing } from './post-listing';
import { PostListings } from './post-listings';
import { Sidebar } from './sidebar'; import { Sidebar } from './sidebar';
import { CommentForm } from './comment-form'; import { CommentForm } from './comment-form';
import { CommentNodes } from './comment-nodes'; import { CommentNodes } from './comment-nodes';
@ -22,6 +23,7 @@ interface PostState {
scrolled?: boolean; scrolled?: boolean;
scrolled_comment_id?: number; scrolled_comment_id?: number;
loading: boolean; loading: boolean;
crossPosts: Array<PostI>;
} }
export class Post extends Component<any, PostState> { export class Post extends Component<any, PostState> {
@ -35,7 +37,8 @@ export class Post extends Component<any, PostState> {
moderators: [], moderators: [],
admins: [], admins: [],
scrolled: false, scrolled: false,
loading: true loading: true,
crossPosts: [],
} }
constructor(props: any, context: any) { constructor(props: any, context: any) {
@ -112,6 +115,12 @@ export class Post extends Component<any, PostState> {
moderators={this.state.moderators} moderators={this.state.moderators}
admins={this.state.admins} admins={this.state.admins}
/> />
{this.state.crossPosts.length > 0 &&
<>
<div class="my-1 text-muted small font-weight-bold"><T i18nKey="cross_posts">#</T></div>
<PostListings showCommunity posts={this.state.crossPosts} />
</>
}
<div className="mb-2" /> <div className="mb-2" />
<CommentForm postId={this.state.post.id} disabled={this.state.post.locked} /> <CommentForm postId={this.state.post.id} disabled={this.state.post.locked} />
{this.sortRadios()} {this.sortRadios()}
@ -256,6 +265,18 @@ export class Post extends Component<any, PostState> {
this.state.admins = res.admins; this.state.admins = res.admins;
this.state.loading = false; this.state.loading = false;
document.title = `${this.state.post.name} - ${WebSocketService.Instance.site.name}`; document.title = `${this.state.post.name} - ${WebSocketService.Instance.site.name}`;
// Get cross-posts
let form: SearchForm = {
q: res.post.url,
type_: SearchType[SearchType.Url],
sort: SortType[SortType.TopAll],
page: 1,
limit: 6,
};
WebSocketService.Instance.search(form);
this.setState(this.state); this.setState(this.state);
} else if (op == UserOperation.CreateComment) { } else if (op == UserOperation.CreateComment) {
let res: CommentResponse = msg; let res: CommentResponse = msg;
@ -332,6 +353,10 @@ export class Post extends Component<any, PostState> {
let res: AddAdminResponse = msg; let res: AddAdminResponse = msg;
this.state.admins = res.admins; this.state.admins = res.admins;
this.setState(this.state); this.setState(this.state);
} else if (op == UserOperation.Search) {
let res: SearchResponse = msg;
this.state.crossPosts = res.posts.filter(p => p.id != this.state.post.id);
this.setState(this.state);
} }
} }

View file

@ -29,6 +29,7 @@ export class Search extends Component<any, SearchState> {
page: 1, page: 1,
searchResponse: { searchResponse: {
op: null, op: null,
type_: null,
posts: [], posts: [],
comments: [], comments: [],
communities: [], communities: [],

View file

@ -15,7 +15,7 @@ export enum SortType {
} }
export enum SearchType { export enum SearchType {
All, Comments, Posts, Communities, Users All, Comments, Posts, Communities, Users, Url
} }
export interface User { export interface User {
@ -551,6 +551,7 @@ export interface SearchForm {
export interface SearchResponse { export interface SearchResponse {
op: string; op: string;
type_: string;
posts?: Array<Post>; posts?: Array<Post>;
comments?: Array<Comment>; comments?: Array<Comment>;
communities: Array<Community>; communities: Array<Community>;

View file

@ -8,6 +8,7 @@ export const en = {
number_of_posts:'{{count}} Posts', number_of_posts:'{{count}} Posts',
posts: 'Posts', posts: 'Posts',
related_posts: 'These posts might be related', related_posts: 'These posts might be related',
cross_posts: 'This link has also been posted to:',
comments: 'Comments', comments: 'Comments',
number_of_comments:'{{count}} Comments', number_of_comments:'{{count}} Comments',
remove_comment: 'Remove Comment', remove_comment: 'Remove Comment',