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:
parent
512cde82ef
commit
b7e73a5559
11 changed files with 117 additions and 28 deletions
|
@ -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,
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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();
|
||||||
|
|
||||||
|
|
|
@ -142,6 +142,7 @@ impl ChatServer {
|
||||||
None,
|
None,
|
||||||
None,
|
None,
|
||||||
None,
|
None,
|
||||||
|
None,
|
||||||
false,
|
false,
|
||||||
false,
|
false,
|
||||||
false,
|
false,
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -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: [],
|
||||||
|
|
|
@ -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>;
|
||||||
|
|
|
@ -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',
|
||||||
|
|
Loading…
Reference in a new issue