From a8328c076c0766608aa8ff72336ea26ee7064fe4 Mon Sep 17 00:00:00 2001 From: Renard Date: Fri, 27 Sep 2019 14:41:35 -0300 Subject: Implementación de eliminación de posts --- src/Board.js | 2 + src/Post.js | 542 +++++++++++++++++++++++++++++++++------------------------- src/Thread.js | 1 + 3 files changed, 310 insertions(+), 235 deletions(-) diff --git a/src/Board.js b/src/Board.js index 2a6155f..f425954 100644 --- a/src/Board.js +++ b/src/Board.js @@ -167,6 +167,7 @@ class Board extends Component { threadId={thread.id} currentBoard={currentBoard} nightMode={nightMode} + totalReplies={thread.total_replies} /> {thread.replies.map((reply, index, replies) => ( @@ -178,6 +179,7 @@ class Board extends Component { key={"reply_" + reply.id} currentBoard={currentBoard} nightMode={nightMode} + totalReplies={thread.total_replies} /> ))} diff --git a/src/Post.js b/src/Post.js index a950f7c..a4c8a4a 100644 --- a/src/Post.js +++ b/src/Post.js @@ -1,4 +1,4 @@ -import React from "react"; +import React, { Component } from "react"; import { Image, Icon, @@ -7,7 +7,8 @@ import { Flag, Embed, Form, - Button + Button, + Confirm } from "semantic-ui-react"; import Moment from "react-moment"; import "moment/locale/es"; @@ -68,263 +69,334 @@ const QuickReplyModal = ({ trigger, currentBoard, id, locked, replyIndex }) => ( ); -const Post = ({ index, post, locked, threadId, currentBoard, nightMode }) => { - const filesize = require("filesize"); +class Post extends Component { + constructor(props) { + super(props); + this.state = { + deleteDialog: false + }; + this.showDialog = this.showDialog.bind(this); + this.handleCancel = this.handleCancel.bind(this); + this.handleConfirm = this.handleConfirm.bind(this); + } - // Manejo de posts eliminados - if (post.IS_DELETED > 0) { - return ( - - - - - #{currentBoard.board_type === 0 ? post.id : index + 1} - - -
- -
- - - - Eliminado por el {post.IS_DELETED === 1 ? "usuario." : "Staff."} - - - - - ); + showDialog() { + this.setState({ deleteDialog: true }); } - // Obtener un avatar aleatorio basado en ID - let user_id = post.timestamp_formatted.split(" ID:")[1]; - const seedrandom = require("seedrandom"); - const rng = seedrandom(threadId + index); - const idRng = seedrandom(user_id); - const idColor = - "rgb(" + - Math.round(idRng() * 255) + - ", " + - Math.round(idRng() * 200) + - ", " + - Math.round(idRng() * 200) + - ")"; + handleCancel() { + this.setState({ deleteDialog: false }); + } - let rndAvatar, hue; - if (user_id !== "") { - let i = Math.round(idRng() * (avatars.length - 1)); - rndAvatar = avatars[i]; - hue = Math.round(idRng() * 360); - } else { - let i = Math.round(rng() * (avatars.length - 1)); - rndAvatar = avatars[i]; - hue = Math.round(rng() * 360); + handleConfirm() { + this.setState({ deleteDialog: false }); + const { post, currentBoard } = this.props; + let password = localStorage.getItem("password"); + fetch( + `https://bienvenidoainternet.org/cgi/api/delete?dir=${currentBoard.dir}&id=${post.id}&password=${password}` + ) + .then(response => { + return response.json(); + }) + .then(resource => { + console.log(resource); + }); } - // Obetener bandera del pais (para /world) - let flag; - if (currentBoard.dir === "world") { - flag = post.name.match("[A-Z][A-Z]"); - if (flag !== null) { - flag = flag[0].toLowerCase(); + render() { + const { + index, + post, + locked, + threadId, + currentBoard, + nightMode, + totalReplies + } = this.props; + const filesize = require("filesize"); + + // Manejo de posts eliminados + if (post.IS_DELETED > 0) { + return ( + + + + + #{currentBoard.board_type === 0 ? post.id : index + 1} + + +
+ +
+ + + + Eliminado por el {post.IS_DELETED === 1 ? "usuario." : "Staff."} + + + + + ); + } + + // Obtener un avatar aleatorio basado en ID + let user_id = post.timestamp_formatted.split(" ID:")[1]; + const seedrandom = require("seedrandom"); + const rng = seedrandom(threadId + index); + const idRng = seedrandom(user_id); + const idColor = + "rgb(" + + Math.round(idRng() * 255) + + ", " + + Math.round(idRng() * 200) + + ", " + + Math.round(idRng() * 200) + + ")"; + + let rndAvatar, hue; + if (user_id !== "") { + let i = Math.round(idRng() * (avatars.length - 1)); + rndAvatar = avatars[i]; + hue = Math.round(idRng() * 360); } else { - flag = "kp"; // heh + let i = Math.round(rng() * (avatars.length - 1)); + rndAvatar = avatars[i]; + hue = Math.round(rng() * 360); } - } - // Fix: imagenes en dominio incorrecto - post.message = post.message.replace( - ' { - if (reply.thread_id === post.parentid) { - if (reply.reply_id === post.id) { - isMine = true; + // Obtener lista de videos de youtube incrustados + const youtubeRe = RegExp( + /(?:https?:\/\/)?(?:www\.)?youtu(.be\/|be\.com\/watch\?v=)(\w{11})/g + ); + const youtubeVideos = post.message.match(youtubeRe); + + // El post es nuestro? + const ownPosts = JSON.parse(localStorage.getItem("ownPosts")); + let isMine = false; + if (ownPosts !== null) { + if (Object.prototype.hasOwnProperty.call(ownPosts, currentBoard.dir)) { + ownPosts[currentBoard.dir].forEach(reply => { + if (reply.thread_id === post.parentid) { + if (reply.reply_id === post.id) { + isMine = true; + } } - } - }); + }); + } } - } - let starColor; - if (user_id === "CAP_USER*") { - starColor = "yellow"; - } else if (isMine) { - starColor = "blue"; - } else { - starColor = "grey"; - } + let starColor; + if (user_id === "CAP_USER*") { + starColor = "yellow"; + } else if (isMine) { + starColor = "blue"; + } else { + starColor = "grey"; + } - let hasVideo = post.file.endsWith(".webm"); - let hasAudio = - post.file.endsWith(".mp3") || - post.file.endsWith(".opus") || - post.file.endsWith(".ogg"); - let isMime = - post.file.endsWith(".epub") || - post.file.endsWith(".mod") || - post.file.endsWith(".pdf") || - post.file.endsWith(".s3m") || - post.file.endsWith(".swf") || - post.file.endsWith(".torrent") || - post.file.endsWith(".xm"); + let hasVideo = post.file.endsWith(".webm"); + let hasAudio = + post.file.endsWith(".mp3") || + post.file.endsWith(".opus") || + post.file.endsWith(".ogg"); + let isMime = + post.file.endsWith(".epub") || + post.file.endsWith(".mod") || + post.file.endsWith(".pdf") || + post.file.endsWith(".s3m") || + post.file.endsWith(".swf") || + post.file.endsWith(".torrent") || + post.file.endsWith(".xm"); - return ( - - - - - #{currentBoard.board_type === 0 ? post.id : index + 1}{" "} - 5) { + isDeleteable = false; + } + // No se pueden eliminar hilos/post de /cero/ + if (currentBoard.dir === "0") { + isDeleteable = false; + } + // No se pueden eliminar post con una antiguedad superior a 24 horas + if (Date.now() / 1000 - post.timestamp > 86400) { + isDeleteable = false; + } + + return ( + + + + - {currentBoard.dir === "world" - ? post.name.split("")[0] - : post.name}{" "} - {currentBoard.dir === "world" ? : null} - - {post.tripcode} - - -
- -
-
- - {user_id === "CAP_USER*" ? ( - "Usuario verificado" - ) : ( - {user_id} - )} - {isMine ? " (Tú)" : null} -
- - - {post.file !== "" ? ( -
- {hasVideo && ( - // eslint-disable-next-line jsx-a11y/media-has-caption -