Report an post
+This tool is intended for the community in a public way to help identify problematic or abusive content and for legitimate purposes.
+
To ensure the proper use of this tool, before proceeding, you must understand the following:
+{this.state.term_1 && this.state.term_2?
+
+
+I am sure and understand that the reason for this report is included in the above list.
+
{this.state.term_3? this.next()} >Next : null}
+
+
+ )
+ case 3:
+ return (
+ +
For this report or complaint to be fair, make sure that the reason is for the following reasons:
++
- Harmful content or hate speech
+- Violent or repulsive content
+- Misleading advertising or spam
+- Illegal activities
+- Sexual content
+- Or any other activity that violates the terms and conditions of use
+{this.state.term_3?
+
+I am sure of what I do and I want to send this complaint or report
+
{this.state.term_confirm? this.end()} >Send report : null}
+
+
+ )
+ default:
+ return null
+ }
+ }
+ validate = {
+ term_1: (e) =>{this.setState({ term_1: e.target.checked })},
+ term_2: (e) =>{this.setState({ term_2: e.target.checked })},
+ term_3: (e) =>{this.setState({ term_3: e.target.checked })},
+ confirm: (e) =>{this.setState({ term_confirm: e.target.checked })}
+ }
+
+ render(){
+ return(
+ +
Given the above circumstances, to send this report or report please confirm that you understand and are following that you want to carry out this action
+{this.state.term_confirm?
+
+ )
+ }
+}
+
+
+export const app_modals = {
+ report_post: (post_id) => {
+ antd.Modal.confirm({
+ title: 'Report an post',
+ icon:
+
+
+
+ {this.renderStep()}
+
+ An wild error appear! :
+
+
+
+ ),
+ placement: 'bottomLeft',
+ })
+ },
+ proccess: (...res) => {
+ antd.notification.open({
+ icon: +
+
+ {res.toString()}
+
+ {res}
,
+ placement: 'bottomLeft',
+ })
+ },
+}
+
+/**
+ * User console with setting user permissions
+ *
+ * @param ... {any} Use for type of console
+ */
+export const yconsole = {
+ log: (...cont) => {
+ SettingStoragedValue('force_showDevLogs') ? console.log(...cont) : null
+ return
+ },
+ debug: (...cont) => {
+ SettingStoragedValue('force_showDevLogs') ? console.debug(...cont) : null
+ return
+ },
+ error: (...cont) => {
+ SettingStoragedValue('force_showDevLogs') ? console.error(...cont) : null
+ return
+ },
+ warn: (...cont) => {
+ SettingStoragedValue('force_showDevLogs') ? console.warn(...cont) : null
+ return
+ },
+}
+
+/**
+ * Request FullScreen mode
+ *
+ */
+export function requestFullscreen() {
+ var elem = document.documentElement
+ if (elem.requestFullscreen) {
+ elem.requestFullscreen()
+ } else if (elem.mozRequestFullScreen) {
+ /* Firefox */
+ elem.mozRequestFullScreen()
+ } else if (elem.webkitRequestFullscreen) {
+ /* Chrome, Safari and Opera */
+ elem.webkitRequestFullscreen()
+ } else if (elem.msRequestFullscreen) {
+ /* IE/Edge */
+ elem.msRequestFullscreen()
+ }
+}
diff --git a/.prev/src/components/App_about/index.js b/.prev/src/components/App_about/index.js
new file mode 100644
index 00000000..e6c4f280
--- /dev/null
+++ b/.prev/src/components/App_about/index.js
@@ -0,0 +1,29 @@
+import React from 'react'
+import styles from './index.less'
+import * as ycore from 'ycore'
+import * as antd from 'antd'
+
+export default class App_About extends React.Component {
+ DetectNoNStableBuild() {
+ if (ycore.package_json.DevBuild == false) {
+ return
+ 
+
+
+v{ycore.AppInfo.version}
+ {ycore.AppInfo.stage}
+ {this.DetectNoNStableBuild()}
+
+
+ )
+ }
+}
diff --git a/.prev/src/components/App_about/index.less b/.prev/src/components/App_about/index.less
new file mode 100644
index 00000000..5dd1b8b1
--- /dev/null
+++ b/.prev/src/components/App_about/index.less
@@ -0,0 +1,18 @@
+.aboutWrapper {
+ margin: auto;
+ max-width: 70vw;
+ width: 500px;
+ vertical-align: middle;
+ position: relative;
+ background-color: rgba(73, 72, 72, 0.349);
+
+ img {
+ width: 100%;
+ padding: 15px;
+ }
+}
+
+.appName {
+ font-family: "Poppins", sans-serif;
+ font-size: 27px;
+}
\ No newline at end of file
diff --git a/.prev/src/components/CustomIcons/index.js b/.prev/src/components/CustomIcons/index.js
new file mode 100644
index 00000000..368614d2
--- /dev/null
+++ b/.prev/src/components/CustomIcons/index.js
@@ -0,0 +1,11 @@
+const VerifiedBadge = () => ()
+const CommonThings = () => ()
+const SunSVG = () => ()
+const MoonSVG = () => ()
+const RobotOutlined = () => ()
+const SavedPost = () => ()
+const SavedPostColor = () => ()
+const SavedPostGrey = () => ()
+const TrendBlue = () => ()
+const CustomIcons = {SavedPostGrey, SavedPostColor, VerifiedBadge, CommonThings, SunSVG, MoonSVG, RobotOutlined, SavedPost}
+export default CustomIcons
diff --git a/.prev/src/components/HeaderSearch/index.js b/.prev/src/components/HeaderSearch/index.js
new file mode 100644
index 00000000..d3aa7ccb
--- /dev/null
+++ b/.prev/src/components/HeaderSearch/index.js
@@ -0,0 +1,83 @@
+import React, { Component } from 'react'
+import * as antd from 'antd'
+import * as ycore from 'ycore'
+import styles from './index.less'
+import classnames from 'classnames'
+import * as Icons from '@ant-design/icons'
+
+export const SetHeaderSearchType = {
+ disable: () => {
+ window.HeaderSearchComponent.setState({ searchidden: true })
+ },
+ enable: () => {
+ window.HeaderSearchComponent.setState({ searchidden: false })
+ },
+ toPrimary: () => {
+ window.HeaderSearchComponent.setState({ framelocation: 'primary' })
+ },
+ toSecondary: () => {
+ window.HeaderSearchComponent.setState({ framelocation: 'secondary' })
+ },
+}
+export default class HeaderSearch extends Component {
+ constructor(props) {
+ super(props)
+ window.HeaderSearchComponent = this
+ this.state = {
+ value: '',
+ searchidden: false,
+ framelocation: 'primary',
+ }
+ }
+
+ openSearcher = () => {
+ const { value } = this.state
+ ycore.SecondarySwap.openSearch(value);
+ }
+
+ sendToSearch = () => {
+ const { value } = this.state
+ ycore.router.go(`s/${value}`)
+ }
+
+ onChange = e => {
+ const { value } = e.target
+ this.setState({ value: value })
+ if (ycore.AppSettings.auto_search_ontype == 'true') {
+ this.autosend()
+ }
+ }
+
+ autosend = () => {
+ let timeout = null
+ let input = document.getElementById('search_input')
+ input.addEventListener('keyup', e => {
+ clearTimeout(timeout)
+ timeout = setTimeout(() => {
+ const { value } = this.state
+ ycore.router.go(`s/${value}`)
+ }, 500)
+ })
+ }
+
+ render() {
+ const { searchidden } = this.state
+ return (
+ {ycore.AppInfo.name}
+ {ycore.UUAID} ++
+
+
+ )
+ }
+}
diff --git a/.prev/src/components/HeaderSearch/index.less b/.prev/src/components/HeaderSearch/index.less
new file mode 100644
index 00000000..90ab4950
--- /dev/null
+++ b/.prev/src/components/HeaderSearch/index.less
@@ -0,0 +1,78 @@
+@import '~themes/index.less';
+
+.HeaderSearchWrapper {
+ z-index: 20;
+ top: 0;
+ display: flex;
+ margin: auto;
+ max-width: 510px;
+ min-width: 265px;
+ width: auto;
+ height: 50px;
+
+ &.hidden {
+ display: none;
+ }
+}
+
+.headerSearch {
+ width: 100%;
+ height: 100%;
+
+ :global {
+ .ant-input-affix-wrapper {
+ height: 100%;
+ width: 100%;
+ display: flex;
+
+
+ margin: 0;
+ padding: 0;
+
+ }
+
+ .ant-input-affix-wrapper .ant-input-prefix {
+ left: 12px;
+ }
+
+ .ant-input-affix-wrapper {
+ background-color: transparent !important;
+ border-color: transparent;
+ border-radius: 12px;
+ }
+
+ .ant-input-affix-wrapper>input.ant-input {
+ padding: 0 0 0 30px;
+ border: inherit;
+ outline: inherit;
+ }
+
+ .ant-input-affix-wrapper .ant-input-prefix,
+ .ant-input-affix-wrapper .ant-input-suffix {
+ background-color: transparent !important;
+ border-color: transparent;
+ border-radius: 12px;
+ position: absolute;
+ top: 50%;
+ z-index: 2;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ color: rgba(0, 0, 0, .65);
+ line-height: 0;
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ color: #9d9da7 !important;
+ }
+
+ .ant-input {
+ border-radius: 12px;
+ color: #9D9DA7;
+ background-color: #FFFFFF;
+ border-color: transparent;
+ height: 50px;
+ width: 510px;
+ }
+ }
+}
diff --git a/.prev/src/components/Layout/Control.js b/.prev/src/components/Layout/Control.js
new file mode 100644
index 00000000..f32b462a
--- /dev/null
+++ b/.prev/src/components/Layout/Control.js
@@ -0,0 +1,67 @@
+import React from 'react'
+import * as antd from 'antd'
+import * as ycore from 'ycore'
+import styles from './Control.less'
+
+import Radium, { StyleRoot } from 'radium'
+import { fadeInUp, bounceOutDown } from 'react-animations'
+const animationStyles = {
+ fadeInUp: {
+ animation: 'x 0.5s',
+ animationName: Radium.keyframes(fadeInUp, 'fadeInUp'),
+ },
+ bounceOutDown: {
+ animation: 'x 1s',
+ animationName: Radium.keyframes(bounceOutDown, 'bounceOutDown'),
+ },
+}
+
+export function SetControls(e) {
+ window.ControlComponent.DummySetControls(e)
+ return
+}
+export function CloseControls() {
+ window.ControlComponent.DummyCloseControls()
+ return
+}
+
+class Control extends React.Component {
+ constructor(props) {
+ super(props)
+ window.ControlComponent = this
+ this.state = {
+ Show: false,
+ FadeIN: true,
+ }
+ }
+ DummySetControls = e => {
+ ycore.yconsole.log('Controls recived => ', e)
+ if (this.state.Show == false) {
+ this.setState({ FadeIN: true })
+ }
+ this.setState({ Show: true, RenderFragment: e })
+ }
+ DummyCloseControls() {
+ ycore.yconsole.log('Closing Control Bar...')
+ this.setState({ FadeIN: false })
+ setTimeout(() => this.setState({ Show: false, RenderFragment: null }), 1000)
+ }
+
+ render() {
+ const { RenderFragment, Show, FadeIN } = this.state
+ return Show ? (
+
+
+ {RenderFragment}
+
+
+
+
+ <__priSearch payload={this.state.global_raw} />
+
+ )
+ }
+
+ renderPost = payload => {
+ const post_data = JSON.parse(payload)['post_data']
+ return <__priPost isMobile={this.props.isMobile} payload={post_data} />
+ }
+
+ renderComments = payload => {
+ try {
+ const post_comments = JSON.parse(payload)['post_comments']
+ const post_data = JSON.parse(payload)['post_data']
+ return (
+ <__secComments post_id={post_data.post_id} payload={post_comments} />
+ )
+ } catch (error) {
+ return null
+ }
+ }
+ renderMain = payload => {
+ try {
+ const trending_data = JSON.parse(this.state.gen_data)['trending_hashtag']
+ return(
+
+ <__priSearch payload={this.state.global_raw} />
+
+
+ {ycore.IsThisUser.pro()? <__pro /> : <__pro /> }
+ <__trendings data={trending_data} />
+
+
+
+ )
+ } catch (error) {
+ return null
+ }
+
+ }
+ renderFragment = () => {
+ try {
+ const fragment = this.state.global_raw
+ return
+ {isMobile? null :
+
+
+ )
+ return null
+
+ }
+}
diff --git a/.prev/src/components/Layout/Secondary/index.less b/.prev/src/components/Layout/Secondary/index.less
new file mode 100644
index 00000000..1c1eab8f
--- /dev/null
+++ b/.prev/src/components/Layout/Secondary/index.less
@@ -0,0 +1,230 @@
+@import '~themes/index.less';
+
+.__secondary_colider{
+ position: relative;
+ float: right;
+ width: @__secondary_colider_width;
+ height: 100vh;
+ background-color: @__Global_layout_backgroud;
+}
+
+.secondary_wrapper {
+ width: @secondary_wrapper_hidden_width;
+ height: 100vh;
+
+ z-index: 50;
+ position: absolute;
+ right: 0;
+ top: 0;
+ overflow-x: hidden;
+
+ display: flex;
+
+
+
+ &.active {
+ width: @secondary_wrapper_showFull_width;
+ >.secondary_container_1 {
+ padding: @secondary_container_1_padding;
+ }
+ //@media (min-width: 1000px) {
+ // width: 95.4%
+ //}
+ }
+
+ &.mobile {
+ width: 100%;
+ height: 0;
+ bottom: 0;
+ opacity: 0;
+
+ top: unset;
+ overflow: hidden;
+ >.secondary_layout_bg{
+ border-radius: 12px 12px 0 0;
+ flex-direction: column;
+ overflow-y: scroll;
+ overflow-x: hidden;
+ width: 100%;
+ }
+ .secondary_container_1{
+ height: 85vh;
+ width: 100%;
+ }
+ .secondary_container_2{
+ width: 100%;
+ padding: 10px 10px 60px 10px;
+ border-radius: 12px 12px 0 0;
+ }
+ :global{
+ .comments_body {
+ padding: 30px 10px 10px 10px;
+ }
+ }
+
+ &.active {
+ opacity: 1;
+ bottom: 0;
+ height: 100%;
+ width: 100%;
+ }
+ &.half{
+ opacity: 1;
+ bottom: 0;
+ height: 60%;
+ width: 100%;
+ }
+ &.unique {
+ opacity: 1;
+ bottom: 0;
+ height: 100%;
+ width: 100%;
+ >.secondary_layout_bg {
+ background-color: #ffffff;
+ padding: 0;
+ border-radius: 12px 12px 0 0;
+ flex-direction: column;
+ overflow-y: scroll;
+ overflow-x: hidden;
+ width: 100%;
+ }
+ }
+ }
+
+ &.half {
+ width: @secondary_wrapper_showHalf_width;
+ }
+ &.unique {
+ width: @secondary_wrapper_showFull_width;
+ >.secondary_layout_bg {
+ background-color: #ffffff;
+ padding-right: 90px;
+ }
+ }
+ transition: all @__Global_SwapAnimDuration ease-in-out;
+
+}
+
+.secondary_userholder {
+ right: 20px;
+ top: 25px;
+ display: flex;
+ position: absolute;
+ z-index: 51;
+
+ img {
+ border-radius: 15px;
+ width: 40px;
+ transition: all 150ms linear;
+ box-shadow: 0px 0px 0 0px rgba(255, 255, 255, 0);
+ }
+
+ img:hover {
+ box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.205);
+ transition: all 150ms linear;
+ }
+
+ transition: all 150ms linear;
+
+ .notif_box {
+ margin: 0 15px 0 5px;
+ width: 40px;
+ height: 40px;
+ border-radius: 15px;
+ background-color: #78CFED;
+ h1{
+ line-height: 40px;
+ font-size: 16px;
+ color: #ffffff;
+ text-align: center;
+ margin: 0;
+ }
+ }
+}
+
+.secondary_layout_bg {
+ width: 100%;
+ height: 100%;
+
+ right: 0;
+ z-index: 50;
+ position: absolute;
+ display: flex;
+ overflow: hidden;
+
+ transition: all @__Global_SwapAnimDuration ease-in-out;
+ background-color: @secondary_container_bg_background;
+
+ border-radius: @__Global_layout_border-rd;
+}
+
+.secondary_container_1 {
+ width: 100%;
+ height: 100%;
+
+ position: relative;
+ padding: 30px 30px 30px 35px;
+
+ color: @secondary_container_1_color;
+
+ :global {
+ .ant-btn {
+ color: @secondary_container_1_btn_color;
+ background-color: @secondary_container_1_btn_backgroud;
+ border-color: transparent;
+ border-radius: 12px;
+ }
+
+ .ant-btn:hover {
+ box-shadow: @secondary_container_1_btn_shadow;
+ transition: all @__Global_Components_transitions_dur linear;
+ }
+ }
+}
+
+.secondary_container_2 {
+ position: relative;
+ height: 100vh;
+ width: 0;
+ right: -500px;
+ padding: @secondaty_container_2_padding;
+
+ opacity: 0;
+ color: @secondary_container_2_color!important;
+ background-color: @secondary_container_2_backgroud;
+
+ border-radius: 32px 0 0 32px;
+
+ &.active {
+ width: 400px;
+ opacity: 1;
+ right: 0;
+ @media (min-width: 1000px) {
+ width: 600px
+ }
+ }
+
+ transition: all @__Global_SwapAnimDuration ease-in-out;
+
+}
+
+.renderSearch_wrapper {
+ height: 87vh;
+ overflow: hidden;
+ margin: 20px 0 0 0;
+ font-family: @__Global_general_font_family;
+ h2 {
+ color: #ffffff;
+ }
+}
+
+
+.secondary_main{
+ margin-top: 45px;
+ width: 100%;
+}
+
+
+
+
+
diff --git a/.prev/src/components/Layout/Secondary/renders.js b/.prev/src/components/Layout/Secondary/renders.js
new file mode 100644
index 00000000..790355b2
--- /dev/null
+++ b/.prev/src/components/Layout/Secondary/renders.js
@@ -0,0 +1,336 @@
+import React from 'react'
+import styles from './renders.less'
+import { SearchCard } from 'components'
+
+import * as antd from 'antd'
+import * as ycore from 'ycore'
+import * as Icons from '@ant-design/icons'
+import Icon from '@ant-design/icons'
+
+import { MediaPlayer, PostCard } from 'components'
+
+const VerifiedBadge = () => (
+
+)
+
+export class __priPost extends React.Component {
+ renderContent(payload) {
+ const { id, postText, postFile_full, post_time, publisher } = payload
+ const {isMobile}= this.props
+ if (!postFile_full) {
+ return (
+
+ ![]()
ycore.router.go(`@${userData.username}`)}
+ src={userData.avatar}
+ />
+
}
+
+
+
+ {this.state.notification_data.length}
+
+
+
+
+ {this.state.swap || this.state.half || this.state.unique ? (
+
+
+
+
+ {this.SwapBalanceContent('__sec')}
+
+
+
+ {postText ? (
+
+ )
+ }
+ return (
+
+ {' '}
+
+ ) : null}
+
+ {postFile_full ?
+ )
+ }
+
+ render() {
+ const {payload} = this.props
+ if (!payload) {
+ return
+ {' '}
+
+ ) : null}
+ This post not exists!!!
+ } + const { id, postText, postFile_full, post_time, publisher } = payload + return ( +
+
+ )
+ }
+}
+
+export class __secComments extends React.Component {
+ state = {
+ comment_data: this.props.payload,
+ raw_comment: '',
+ loading: false,
+ }
+ handleDeleteComment(id) {
+ ycore.yconsole.log(`Removing Comment with id => ${id}`)
+ ycore.comty_post_comment.delete(
+ (err, res) => {
+ if (err) {
+ return false
+ }
+ return this.reloadComments()
+ },
+ { comment_id: id }
+ )
+ }
+ handleNewComment() {
+ const { raw_comment } = this.state
+ const { post_id } = this.props
+ if (raw_comment) {
+ const payload = { post_id: post_id, raw_text: raw_comment }
+ ycore.comty_post_comment.new((err, res) => {
+ if (err) {
+ ycore.notify.error('This action could not be performed.', err)
+ }
+ this.setState({ raw_comment: '' })
+ return this.reloadComments()
+ }, payload)
+ }
+ return false
+ }
+
+ renderComment = a => {
+ const { id, time, Orginaltext, publisher } = a
+ const CommentMenu = (
+
+
+ {this.renderContent(payload)}
+
+
+ {publisher.username}{' '}
+ {ycore.booleanFix(publisher.verified) ? (
+
+
+
+ {publisher.username}{' '}
+ {ycore.booleanFix(publisher.verified) ? (
+
+ + {' '} + {post_time} {ycore.IsThisUser.dev() ? `| #${id}` : null}{' '} +
+
+
+ )
+ }
+ HandleCommentInput = e => {
+ const { value } = e.target
+ this.setState({ raw_comment: value })
+ }
+ reloadComments() {
+ try {
+ this.setState({ loading: true })
+ const payload = { post_id: this.props.post_id }
+ ycore.comty_post.get((err, res) => {
+ const post_comments = JSON.parse(res)['post_comments']
+ this.setState({ comment_data: post_comments, loading: false })
+ }, payload)
+ } catch (error) {
+ return false
+ }
+ }
+
+ render() {
+ const { comment_data, loading } = this.state
+
+ return (
+
+ 
+
+
+
+
+ @{publisher.username}{' '}
+ {ycore.booleanFix(publisher.verified) ? (
+
e.preventDefault()} + className={styles.comment_user_ago} + > + {ycore.time.stmToAgo(time)} +
+
+
+ {Orginaltext}
+
+
+ )
+ }
+}
+
+export class __priSearch extends React.Component {
+ renderResult = source => {
+ try {
+ const Empty = (
+
+
+ Comments ({comment_data.length})
+
+ {loading ? (
+ this.renderComment(item)}
+ />
+ )}
+
+
+
+
+ this.handleNewComment()}
+ placeholder="Write a comment..."
+ allowClear
+ onChange={this.HandleCommentInput}
+ />
+
+
+
+ )
+
+ // TO DO: Settings serach & Post Search
+ const usersParsed = JSON.parse(source)['users']
+ const groupsParsed = JSON.parse(source)['groups']
+ const pagesParsed = JSON.parse(source)['pages']
+
+ const users = () => {
+ if (usersParsed.length >= 1) {
+ ycore.yconsole.log('Users => ', usersParsed)
+ return this.EntryComponent('Users', usersParsed)
+ }
+ }
+ const groups = () => {
+ if (groupsParsed.length >= 1) {
+ ycore.yconsole.log('Groups => ', groupsParsed)
+ return this.EntryComponent('Groups', groupsParsed)
+ }
+ }
+ const pages = () => {
+ if (pagesParsed.length >= 1) {
+ ycore.yconsole.log('Pages => ', pagesParsed)
+ return this.EntryComponent('Pages', pagesParsed)
+ }
+ }
+
+ if (
+ !usersParsed.length >= 1 &&
+ !groupsParsed.length >= 1 &&
+ !pagesParsed.length >= 1
+ ) {
+ return Empty
+ }
+
+ return [users(), groups(), pages()]
+ } catch (error) {
+ return (
+ Render Error
+ {ycore.router.go(`@${item.username}`)}}>
+
+ }
+ />
+
+ )
+ } catch (error) {
+ return (
+
+ 
+
+
+ @{item.username}
+ {ycore.booleanFix(item.verified) ? (
+
+
+ {item.about}
+Render Error
+
+ {this.renderResult(this.props.payload)}
+
+ )
+ }
+}
+
+export class __trendings extends React.PureComponent {
+ render(){
+ if (!this.props.data) return false
+ return(
+
+
+
+ )
+ }
+}
+
+export class __pro extends React.PureComponent {
+ render(){
+ return(
+ Trending now
+ (
+
+
+
)}
+ />
+ #{item.tag}
+{item.trend_use_num} Posts
+
+ Start now
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/components/Layout/Secondary/renders.less b/.prev/src/components/Layout/Secondary/renders.less
new file mode 100644
index 00000000..0018d0c5
--- /dev/null
+++ b/.prev/src/components/Layout/Secondary/renders.less
@@ -0,0 +1,356 @@
+@import '~themes/index.less';
+
+.SecondaryBody {
+ width: 100%;
+ height: 100%;
+}
+
+.UserContainer {
+ display: flex;
+ position: relative;
+ float: right;
+ z-index: 150;
+ transform: translate(0, -40px);
+
+ .UserContainer_text {
+ margin: 0 8px;
+
+ h4 {
+ text-align: right;
+ }
+
+ p {
+ word-break: break-all;
+ text-align: right;
+ font-size: 11px;
+ color: #eeeeee !important;
+ }
+ }
+
+
+}
+
+.postAvatar {
+ position: absolute;
+ left: -8px;
+ top: -8px;
+ display: flex;
+}
+
+.titleUser {
+ display: flex;
+ font-family: 'Poppins', sans-serif;
+ margin: 0 0 0 50px;
+ color: #ffffff !important;
+}
+
+.textAgo {
+ display: flex;
+ font-size: 10px;
+ margin: 0 0 0 53px;
+}
+
+.PostTags {
+ float: right;
+ width: 100%;
+ z-index: 10;
+
+ :global {
+ .anticon {
+ color: rgb(249, 179, 64);
+ float: right;
+ margin: -0 6px 0 0;
+ ;
+ font-size: 17px;
+ }
+
+ .MoreMenu {
+ color: #2d2d2d !important;
+ }
+ }
+}
+
+.titleWrapper {
+ display: flex;
+
+ h4 {
+ cursor: pointer;
+ }
+
+ color: #ffffff !important;
+
+}
+
+.contentWrapper {
+ margin: auto;
+ width: 100%;
+ padding: 20px;
+}
+
+
+.postContent {
+ word-break: break-all;
+ position: absolute;
+ vertical-align: bottom;
+ border-radius: 7px;
+ bottom: 0;
+ max-width: 50vw;
+
+ background-color: #2d2d2d4b;
+ padding: 10px;
+
+ h3 {
+ font-family: "Poppins", sans-serif;
+ color: #ffffff;
+ font-weight: 400;
+ font-size: 15px;
+ letter-spacing: -0.3px;
+ }
+}
+
+.postContent_OnlyText {
+ padding: 25% 0 0 0;
+ position: relative;
+ vertical-align: middle;
+
+}
+
+
+.likebtn {
+ :global {
+ svg {
+ color: rgba(0, 0, 0, 0.45);
+ }
+
+ svg:hover {
+ color: rgb(233, 35, 68);
+ transition: all 0.2s linear;
+ }
+ }
+}
+
+.comments_body {
+ height: 100%;
+ font-family: "Poppins", sans-serif;
+ padding: 75px 10px 10px 20px;
+
+ .comments_body_title {
+ font-size: 12px;
+
+ h1 {
+ font-weight: 550;
+ letter-spacing: 0.01px;
+ }
+ }
+
+ .comments_cards_wrapper {
+ z-index: 50;
+ overflow: scroll;
+ height: 84%;
+ :global {
+ overflow: scroll;
+ }
+
+ .comment_card {
+ position: relative;
+ width: 100%;
+ background-color: #ffffff;
+ word-break: break-all;
+
+ .comment_title {
+ display: flex;
+
+ img {
+ float: left;
+ width: 30px;
+ height: 30px;
+ border-radius: 12px;
+ }
+
+ .comment_user_username {
+ margin: 0 5px 0 8px;
+ vertical-align: middle;
+ height: 100%;
+ color: #2d2d2d;
+ line-height: 25px;
+ }
+
+ .comment_user_ago {
+ cursor: pointer;
+ position: absolute;
+ right: 0;
+ text-align: right;
+ font-size: 9px;
+ }
+ }
+
+ .comment_text {
+ margin: 10px 0 0 0;
+ }
+
+ }
+ }
+
+ .comment_box {
+ width: 100%;
+ bottom: 0;
+ right: 0;
+ position: absolute;
+ z-index: 100;
+ background-color: #ffffffd7;
+ padding-top: 20px;
+ padding-bottom: 60px;
+ border-radius: 0 0 0 32px;
+
+ .comment_box_body {
+ border-radius: 5px;
+ width: 85%;
+ height: 40px;
+ margin: auto;
+ background-color: #f8f6f8;
+
+ :global {
+
+ .ant-input-affix-wrapper,
+ .ant-input {
+ padding: 4px 5px;
+ background-color: transparent;
+ border: 0;
+ }
+ }
+ }
+ }
+
+}
+
+.search_wrapper{
+ color: #ffffff;
+ height: 100%;
+ width: 82%;
+ margin: auto;
+ :global{
+ .ant-result-title{
+ color: @secondary_container_1_color!important;
+ }
+ .ant-result-subtitle{
+ color: @secondary_container_1_color!important;
+
+ }
+ .ant-list-items{
+ height: 82vh;
+ overflow: scroll;
+ }
+ }
+}
+
+.search_card {
+ position: relative;
+ background-color: rgba(255, 255, 255, 0.034);
+ margin: 10px 0 10px 0;
+ border-radius: 8px;
+ padding: 10px;
+ word-break: break-all;
+ color: #ffffff;
+ cursor: pointer;
+
+ .search_title {
+ display: flex;
+
+ img {
+ float: left;
+ width: 30px;
+ height: 30px;
+ border-radius: 12px;
+ }
+
+ .search_user_username {
+ margin: 0 5px 0 8px;
+ vertical-align: middle;
+ height: 100%;
+ color: #ffffff;
+ line-height: 25px;
+ }
+ }
+
+ .search_text {
+ margin: 10px 0 0 0;
+ }
+
+}
+
+.secondary_hastags {
+ font-family: @__Global_general_font_family;
+ color: #ffffff;
+ font-size: 12px;
+
+
+ .secondary_hastags_title{
+ h2{color: #ffffff;}
+ }
+
+ .secondary_hastags_body{
+ margin: 20px 0 0 0;
+ background-color: hsl(0, 0%, 21%);
+ border-radius: 12px;
+ word-break: break-all;
+ padding: 5px 5px 5px 10px;
+ height: auto;
+
+ .hash{
+ margin: 5px 0 3px 0;
+ cursor: pointer;
+ }
+
+ p{
+ margin: 0;
+ color: #2196F3;
+ font-size: 12px;
+ max-height: 35px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+
+ }
+
+}
+
+
+
+
+.secondary_adv_pro{
+ border-radius: 12px;
+ // background-color: #ff4d4e;
+ background: rgb(255,77,78);
+ background: linear-gradient(49deg, rgba(255,77,78,1) 15%, rgba(255,87,56,1) 55%, rgba(255,97,36,1) 73%, rgba(255,105,19,1) 82%, rgba(255,114,0,1) 94%);
+
+ margin: 70px 0 30px 0;
+ padding: 14px;
+
+ width: 100%;
+ height: 140px;
+
+ h1{
+ color: #ffffff;
+ font-family: "Poppins", sans-serif;
+ font-size: 18px;
+ margin-bottom: 0;
+ }
+ p{
+ font-size: 9px;
+
+ }
+
+ :global{
+ .ant-btn{
+ vertical-align: bottom;
+ border: 0;
+ background-color: #d24345a2;
+ border-radius: 7px;
+ height: 27px;
+ padding: 2px 7px;
+ font-size: 12px;
+ font-weight: 600;
+ }
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/components/Layout/Sider/default.js b/.prev/src/components/Layout/Sider/default.js
new file mode 100644
index 00000000..e3f6de52
--- /dev/null
+++ b/.prev/src/components/Layout/Sider/default.js
@@ -0,0 +1,107 @@
+import React from 'react'
+import * as antd from 'antd'
+import * as Icons from '@ant-design/icons'
+import Icon from '@ant-design/icons'
+
+import { withI18n, Trans } from '@lingui/react'
+import styles from './default.less'
+import * as ycore from 'ycore'
+import CustomIcons from '../../CustomIcons'
+
+@withI18n()
+export default class Sider_Default extends React.PureComponent {
+ render() {
+ const { handleClickMenu, logo } = this.props
+ return (
+ + Go Pro! +
+Sabias que la frase de kintxi, se hace la que no me conoze se hizo mientras estaba borracho
+
+
+
+
+ )
+ }
+}
diff --git a/.prev/src/components/Layout/Sider/default.less b/.prev/src/components/Layout/Sider/default.less
new file mode 100644
index 00000000..35b6478c
--- /dev/null
+++ b/.prev/src/components/Layout/Sider/default.less
@@ -0,0 +1,137 @@
+@import '~themes/index.less';
+
+
+.left_sider_wrapper {
+ border-color: transparent;
+ font-size: 13px;
+ font-family: @__Global_general_font_family;
+ height: 100vh;
+ z-index: 40;
+ float: left;
+ position: relative;
+
+ :global {
+ .ant-layout-sider {
+ background-color: @left_sider_backgroud;
+
+ .ant-menu {
+ vertical-align: middle;
+ margin: 0 0 0 5px;
+ }
+
+ .ant-menu-item {
+ color: @left_sider_color;
+ }
+
+ .anticon {
+ font-size: @left_sider_sizeIcons;
+ }
+
+ .ant-menu-inline-collapsed,
+ .antd-menu-vertical-left,
+ .ant-menu-vertical {
+ :hover {
+ background-color: @left_sider_menu__onhover_backgroud;
+ color: @left_sider_menu__onhover_color;
+ }
+
+ border-right: 0 solid transparent;
+ }
+ }
+ }
+}
+
+
+.left_sider_brandholder {
+ cursor: pointer;
+
+ img {
+ display: flex;
+ vertical-align: middle;
+ padding: 5px;
+ margin: 7px auto 15px auto;
+ width: 100%;
+ max-height: 58px;
+ transform: translate(2px, 0);
+ }
+}
+
+.something_thats_pulling_me_down {
+ margin: 0 0 12px 0;
+ :global {
+ text-align: center;
+ bottom: 0;
+ position: absolute;
+ width: 100%;
+ .anticon{
+ font-size: 15px!important;
+ }
+ .ant-menu-item{
+ height: 35px!important;
+ line-height: 0px!important;
+ padding: 0!important;
+ margin: 0!important;
+ }
+ }
+}
+
+.left_sider_container {
+ border-right: transparent;
+ height: 100%;
+ z-index: 50;
+}
+
+.left_sider_menuContainer {
+ height: 100%;
+ margin: 18px 0 8px 0;
+
+ overflow-x: hidden;
+ flex: 1;
+
+ :global {
+ .ant-layout-sider-children {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+
+ .ant-layout-sider-collapsed {
+ .ant-menu-item {
+ left: 0;
+ margin: 0;
+ padding: 0;
+ }
+
+ .ant-menu-inline-collapsed>.ant-menu-item {
+ padding: 0;
+ left: 0;
+ }
+ }
+
+ .ant-menu-inline .ant-menu-item {
+ font-family: @__Global_general_font_family;
+ }
+
+ .ant-menu-dark .ant-menu-item a {
+ color: rgb(197, 197, 197);
+ }
+ }
+}
+
+.left_sider_menuItems {
+ background-color: transparent;
+ margin-bottom: 8px;
+ width: 100%;
+ font-weight: 500;
+
+ animation: fadein 0.5s;
+
+ :global {
+ .ant-menu-item {
+ padding: 0 !important;
+ margin: 2px auto 2px auto;
+ width: 100%;
+ text-align: center;
+ }
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/components/Layout/Sider/index.js b/.prev/src/components/Layout/Sider/index.js
new file mode 100644
index 00000000..bd8b1202
--- /dev/null
+++ b/.prev/src/components/Layout/Sider/index.js
@@ -0,0 +1,51 @@
+import React from 'react'
+import { config } from 'utils'
+import * as ycore from 'ycore'
+
+import Sider_Mobile from './mobile.js'
+import Sider_Default from './default.js'
+
+class Sider extends React.PureComponent {
+
+ onClickFunctions = {
+ saves: (e) => {
+ this.setState({selectedKey: e})
+ ycore.router.go('saves')
+ },
+ events: (e) => {
+ this.setState({selectedKey: e})
+ ycore.router.go('events')
+ },
+ marketplace: (e) => {
+ this.setState({selectedKey: e})
+ ycore.router.go('marketplace')
+ },
+ explore: (e) => {
+ this.setState({selectedKey: e})
+ ycore.router.go('main')
+ },
+ }
+
+ handleClickMenu = e => {
+ e.key === 'SignOut' && ycore.app_session.logout()
+ e.key === 'general_settings' && ycore.router.go('settings')
+ e.key === 'profile' && ycore.router.goprofile()
+ e.key === 'saves' && this.onClickFunctions.saves(e.key)
+ e.key === 'events' && this.onClickFunctions.events(e.key)
+ e.key === 'marketplace' && this.onClickFunctions.marketplace(e.key)
+ e.key === 'explore' && this.onClickFunctions.explore(e.key)
+ e.key === 'debug_area' && ycore.router.go('__m')
+ }
+
+ render() {
+ const { isMobile } = this.props
+ const sider_props = {handleClickMenu: this.handleClickMenu ,logo: config.LogoPath, menulist: null, userData: this.props.userData}
+
+ if (isMobile) {
+ return
+ ![]()
ycore.router.go('main')}
+ src={logo}
+ />
+
+
+
+
+
+
+
+ Explore
+
+
+
+
+
+ Saves
+
+
+
+
+
+
+
+ Marketplace
+
+
+
+
+
+
+
+ Events
+
+
+
+
+
+
+
+
+
+
+ Settings
+
+
+ {ycore.IsThisUser.dev() ? (
+
+
+ ) : (
+ undefined
+ )}
+
+
+
+ Logout
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
diff --git a/.prev/src/components/Layout/Sider/mobile.less b/.prev/src/components/Layout/Sider/mobile.less
new file mode 100644
index 00000000..fcc8eb2a
--- /dev/null
+++ b/.prev/src/components/Layout/Sider/mobile.less
@@ -0,0 +1,50 @@
+@import '~themes/index.less';
+
+
+.left_sider_wrapper {
+ overflow: hidden!important;
+ position: absolute;
+ z-index: 500;
+ bottom: 0;
+ right: 0;
+ left: 0;
+
+ height: 50px;
+ width: 100%;
+
+ border-color: transparent;
+ font-size: 13px;
+ font-family: @__Global_general_font_family;
+ padding: 0 27px;
+
+ :global {
+ .ant-layout-sider {
+ background-color: transparent;
+ height: 100%;
+
+ .ant-menu-item {color: @left_sider_color;}
+ .anticon {font-size: @left_sider_sizeIcons;}
+ .ant-menu-item{margin: auto; padding: 0;}
+
+ .ant-menu {
+ background-color: #2d2d2d;
+ height: 100%;
+ border-radius: 27px 27px 0 0;
+ padding: 0 27px;
+ display: flex;
+ }
+
+ .ant-menu-horizontal {
+ line-height: 46px;
+ white-space: nowrap;
+ border: 0;
+ border-bottom: 0;
+ box-shadow: none;
+ }
+ }
+ }
+
+
+
+}
+
diff --git a/.prev/src/components/Layout/index.js b/.prev/src/components/Layout/index.js
new file mode 100644
index 00000000..7ad2e67a
--- /dev/null
+++ b/.prev/src/components/Layout/index.js
@@ -0,0 +1,5 @@
+import Sider from './Sider/index.js'
+import Control from './Control'
+import Secondary from './Secondary/index.js'
+
+export { Sider, Control, Secondary }
diff --git a/.prev/src/components/Like_button/index.js b/.prev/src/components/Like_button/index.js
new file mode 100644
index 00000000..018b53c8
--- /dev/null
+++ b/.prev/src/components/Like_button/index.js
@@ -0,0 +1,106 @@
+import React from 'react'
+import styles from './index.scss'
+import * as ycore from 'ycore'
+import classnames from 'classnames'
+
+class Like_button extends React.PureComponent {
+ constructor(props) {
+ super(props),
+ this.state = {
+ liked: this.props.liked,
+ likes: this.props.count,
+ type: this.props.liked ? 'dislike' : 'like',
+ clicked: false,
+ }
+ }
+
+ SumLike() {
+ this.setState({
+ likes: parseInt(this.state.likes) + 1,
+ type: 'dislike',
+ })
+ setTimeout(() => {
+ this.setState({ liked: true })
+ }, 500)
+ }
+ RestLike() {
+ this.setState({
+ likes: parseInt(this.state.likes) - 1,
+ type: 'like',
+ })
+ setTimeout(() => {
+ this.setState({ liked: false })
+ }, 500)
+ }
+
+ dispatchLike(e) {
+ const { type } = this.state
+ ycore.yconsole.log(`Dispatch ${type} to post id => ${e}`)
+ this.setState({ clicked: true })
+ setTimeout(() => {
+ this.setState({ clicked: false })
+ }, 500)
+ const payload = { post_id: e }
+ ycore.comty_post.like((err, res) => {
+ if (err) {
+ ycore.notify.error(res)
+ return
+ }
+ if (type == 'like') {
+ this.SumLike()
+ }
+ if (type == 'dislike') {
+ this.RestLike()
+ }
+ }, payload)
+ }
+ render() {
+ const { id } = this.props
+ const { likes, liked, clicked } = this.state
+ if (!id) {
+ ycore.yconsole.error('[LikeBTN] No post id provided!')
+ return null
+ }
+ return (
+
+
+
+ )
+ }
+}
+
+export default Like_button
diff --git a/.prev/src/components/Like_button/index.scss b/.prev/src/components/Like_button/index.scss
new file mode 100644
index 00000000..2f10bdf9
--- /dev/null
+++ b/.prev/src/components/Like_button/index.scss
@@ -0,0 +1,205 @@
+ .like_button,
+ .like_button:before,
+ .like_button:after {
+ position: relative;
+ box-sizing: border-box;
+ }
+
+ .ripple,
+ .ripple:before,
+ .ripple:after {
+ position: relative;
+ box-sizing: border-box;
+ }
+
+ .btnWrapper {
+ display: flex;
+ }
+
+ .likeCounter {
+ font-family: "Poppins", sans-serif;
+ line-height: 70px;
+ margin: 0 0 0 10px;
+
+ opacity: 0;
+ transform: perspective(100px) translateZ(10px);
+ filter: blur(10px);
+ letter-spacing: 0.1em;
+
+ &.active {
+ opacity: 1;
+ transform: perspective(100px) translateZ(0px);
+ filter: blur(0px);
+ letter-spacing: 0.15em;
+ transition: opacity 1000ms linear, transform 1000ms linear, filter 400ms linear, letter-spacing 1000ms linear;
+ }
+
+ &.past {
+ opacity: 0;
+ transform: perspective(100px) translateZ(-10px);
+ filter: blur(10px);
+ letter-spacing: 0.2em;
+ transition: opacity 1000ms linear, transform 1000ms linear, filter 400ms linear, letter-spacing 1000ms linear;
+ }
+
+ }
+
+ .like_button {
+ --color-heart: #EA442B;
+ --easing: cubic-bezier(.7, 0, .3, 1);
+ --duration: .5s;
+
+ font-size: 40px;
+ border: none;
+ border-radius: 50%;
+ background: white;
+ width: 1em;
+ height: 1em;
+ padding: 0;
+ margin: 0;
+ outline: none;
+ z-index: 2;
+ transition: transform var(--duration) var(--easing);
+ cursor: pointer;
+
+ &:before {
+ z-index: -1;
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border-radius: inherit;
+ transition: inherit;
+ }
+
+ &:after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
+ border-radius: inherit;
+ z-index: -1;
+ }
+
+
+
+
+ @keyframes depress {
+
+ from,
+ to {
+ transform: none;
+ }
+
+ 50% {
+ transform: translateY(5%) scale(0.9);
+ }
+ }
+
+ @keyframes depress-shadow {
+
+ from,
+ to {
+ transform: none;
+ }
+
+ 50% {
+ transform: scale(0.5);
+ }
+ }
+ }
+
+ .like_wrapper {
+ display: grid;
+ align-items: center;
+ justify-content: center;
+ z-index: 1;
+
+ >* {
+ margin: auto;
+ grid-area: 1 / 1;
+ }
+ }
+
+ .heart {
+ width: .5em;
+ height: .5em;
+ display: block;
+ transform-origin: center 80%;
+
+ >path {
+ stroke: var(--color-heart);
+ stroke-width: 2;
+ transition: fill var(--duration) var(--easing);
+ fill: var(--color-heart);
+ }
+
+ &.empty {
+ >path {
+ stroke: var(--color-heart);
+ stroke-width: 2;
+ transition: fill var(--duration) var(--easing);
+ fill: transparent;
+ }
+ }
+
+ &.clickanim {
+ animation: heart-bounce var(--duration) var(--easing);
+
+ @keyframes heart-bounce {
+ 40% {
+ transform: scale(0.7);
+ }
+
+ 0%,
+ 80%,
+ 100% {
+ transform: scale(1);
+ }
+ }
+ }
+
+ animation: none;
+ }
+
+ .ripple {
+ height: 1em;
+ width: 1em;
+ border-radius: 50%;
+ overflow: hidden;
+ z-index: 1;
+
+ &:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: .4em solid var(--color-heart);
+ border-radius: inherit;
+ transform: scale(0);
+ }
+
+ &.clickanim {
+ &:before {
+ animation: ripple-out var(--duration) var(--easing);
+
+ @keyframes ripple-out {
+ from {
+ transform: scale(0);
+ }
+
+ to {
+ transform: scale(5);
+ }
+ }
+ }
+ }
+
+ }
diff --git a/.prev/src/components/Loader/Loader.js b/.prev/src/components/Loader/Loader.js
new file mode 100644
index 00000000..78f4b8da
--- /dev/null
+++ b/.prev/src/components/Loader/Loader.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import classNames from 'classnames'
+import styles from './Loader.less'
+
+const Loader = (loading) => {
+ return (
+ + {likes} +
+
+ Loading...
+
+
+ )
+}
+
+
+export default Loader
diff --git a/.prev/src/components/Loader/Loader.less b/.prev/src/components/Loader/Loader.less
new file mode 100644
index 00000000..87342ddf
--- /dev/null
+++ b/.prev/src/components/Loader/Loader.less
@@ -0,0 +1,118 @@
+@import '~themes/index.less';
+
+.wrapper {
+ font-family: @__Global_general_font_family;
+ color: white;
+ line-height: 55px;
+ span{
+ margin: 0 10px 0 auto;
+ }
+
+ position: absolute;
+ z-index: 1000;
+ right: 0;
+ bottom: 0;
+ width: 140px;
+ height: 55px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ background-color: #2d2d2dc2;
+ border-radius: 28px;
+ margin: 10px;
+
+
+ &.end {
+ animation: unshow 0.8s linear;
+ .newloader>div {
+ animation: loader 0.8s linear;
+ }
+ opacity: 0;
+ display: none;
+ }
+
+ .newloader {
+ transform: translate(21px,27px) scale(0.3);
+ width: 0px;
+ height: 0px;
+ margin: 0 45px 0 0;
+ position: relative;
+ }
+
+ .newloader>div {
+ width: 6px;
+ height: 20px;
+ position: absolute;
+ left: -10px;
+ bottom: 15px;
+ border-radius: 5px;
+ transform-origin: 10px 35px;
+ transform: rotate(0deg);
+ animation: loader 0.8s infinite;
+ }
+
+ .newloader>div:nth-child(2) {
+ transform: rotate(45deg);
+ animation-delay: 0.1s;
+ }
+
+ .newloader>div:nth-child(3) {
+ transform: rotate(90deg);
+ animation-delay: 0.2s;
+ }
+
+ .newloader>div:nth-child(4) {
+ transform: rotate(135deg);
+ animation-delay: 0.3s;
+ }
+
+ .newloader>div:nth-child(5) {
+ transform: rotate(180deg);
+ animation-delay: 0.4s;
+ }
+
+ .newloader>div:nth-child(6) {
+ transform: rotate(225deg);
+ animation-delay: 0.5s;
+ }
+
+ .newloader>div:nth-child(7) {
+ transform: rotate(270deg);
+ animation-delay: 0.6s;
+ }
+
+ .newloader>div:nth-child(8) {
+ transform: rotate(315deg);
+ animation-delay: 0.7s;
+ }
+}
+
+@keyframes loader {
+ 0% {
+ background: transparent;
+ left: -10px;
+ transform-origin: 10px 35px;
+ }
+
+ 30% {
+ background: #fff;
+ }
+
+ 100% {
+ background: transparent;
+ left: 10px;
+ transform-origin: -10px 35px;
+ }
+}
+
+@keyframes unshow {
+ 0% {
+ opacity: 1;
+ display: block;
+ }
+
+ 100% {
+ opacity: 0;
+ display: none;
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/components/MainFeed/components/index.js b/.prev/src/components/MainFeed/components/index.js
new file mode 100644
index 00000000..2042fda5
--- /dev/null
+++ b/.prev/src/components/MainFeed/components/index.js
@@ -0,0 +1,5 @@
+import ComponentNewAV from './newav'
+import ComponentInvalid from './invalid'
+import renderFeedPosts from './renderFeedPosts'
+
+export { ComponentNewAV, ComponentInvalid, renderFeedPosts }
\ No newline at end of file
diff --git a/.prev/src/components/MainFeed/components/invalid/index.js b/.prev/src/components/MainFeed/components/invalid/index.js
new file mode 100644
index 00000000..80f65615
--- /dev/null
+++ b/.prev/src/components/MainFeed/components/invalid/index.js
@@ -0,0 +1,24 @@
+import { Card } from 'antd'
+import { ExclamationCircleOutlined } from '@ant-design/icons'
+
+const ComponentInvalid = fn => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ If this error has occurred several times, try restarting the app
+
+
+
+
+ )
+}
+
+export default ComponentNewAV
\ No newline at end of file
diff --git a/.prev/src/components/MainFeed/components/newav/newav.less b/.prev/src/components/MainFeed/components/newav/newav.less
new file mode 100644
index 00000000..9e5529d8
--- /dev/null
+++ b/.prev/src/components/MainFeed/components/newav/newav.less
@@ -0,0 +1,3 @@
+.main_feed_newav{
+
+}
\ No newline at end of file
diff --git a/.prev/src/components/MainFeed/components/renderFeedPosts/index.js b/.prev/src/components/MainFeed/components/renderFeedPosts/index.js
new file mode 100644
index 00000000..9f24b228
--- /dev/null
+++ b/.prev/src/components/MainFeed/components/renderFeedPosts/index.js
@@ -0,0 +1,43 @@
+import React from 'react'
+import { PostCard } from 'components'
+import { yconsole } from 'ycore'
+import { Button, List } from 'antd'
+import { DownSquareOutlined } from '@ant-design/icons'
+const renderFeedPosts = payload => {
+ const { data, loading, isEnd, feedGet } = payload
+ const loadMore =
+ !isEnd && !loading ? (
+
+ }
+ onClick={() => feedGet.more()}
+ />
+
+ ) : null
+ try {
+ yconsole.log(data)
+ return (
+ - (
+
- {menuMap[item]} + )) + } + + selectKey = key => { + this.setState({ + selectKey: key, + }) + } + + renderChildren = () => { + const { selectKey } = this.state + switch (selectKey) { + case 'base': + return
- top: {y} +
- width: {width} +
- height: {height} +
+
+ )}
+ />
+ )
+ } catch (err) {
+ return false
+ }
+}
+
+export default renderFeedPosts
diff --git a/.prev/src/components/MainFeed/index.js b/.prev/src/components/MainFeed/index.js
new file mode 100644
index 00000000..e48e13e0
--- /dev/null
+++ b/.prev/src/components/MainFeed/index.js
@@ -0,0 +1,186 @@
+import React from 'react'
+import * as antd from 'antd'
+import * as ycore from 'ycore'
+import styles from './index.less'
+
+import { ComponentNewAV, ComponentInvalid, renderFeedPosts } from './components/index.js'
+
+export const RenderFeed = {
+ RefreshFeed: () => {
+ window.MainFeedComponent.feedGet.first()
+ return
+ },
+ killByID: post_id => {
+ window.MainFeedComponent.killByID(post_id)
+ return
+ },
+ addToRend: payload => {
+ window.MainFeedComponent.addToRend(payload)
+ return
+ },
+ goToElement: post_id => {
+ ycore.goTo.element(post_id)
+ },
+ disableMenu: () => {
+ window.MainFeedComponent.setState({
+ disableMenu: true,
+ })
+ },
+ sync: (c) => {
+ window.MainFeedComponent.syncService(c)
+ return
+ }
+}
+class MainFeed extends React.PureComponent {
+ constructor(props) {
+ super(props)
+ window.MainFeedComponent = this
+ this.state = {
+ NewAV: false,
+ invalid: false,
+ loading: false,
+ disableMenu: false,
+ data: [],
+ fkey: 0,
+ }
+ }
+
+ componentDidMount() {
+ this.feedGet.first()
+ ycore.sync.FeedListen((data) => {
+ this.syncService(data)
+ })
+ }
+
+ toogleLoader() {
+ this.setState({ loading: !this.state.loading })
+ }
+
+ syncService(data){
+ if (!data) return false
+ const { last_post_id, now } = data
+ const first = this.state.data[0]
+ if (first){
+ const a = first.id
+ console.log(` SYNC => ${last_post_id} | LAST => ${a}`)
+ if(last_post_id>a){
+ this.setState({ NewAV: true })
+ }
+ }
+ }
+
+ killByID(post_id) {
+ const a = this.state.data
+ const b = ycore.arrayRemoveByID(a, post_id)
+ this.setState({ data: b })
+ }
+
+ addToRend(payload) {
+ let a = this.state.data
+ a.unshift(payload)
+ this.setState({ data: a })
+ }
+
+ feedGet = {
+ first: ()=>{
+ try {
+ const { get, uid, filters } = this.props
+ if (this.props.custompayload) {
+ this.setState({
+ isEnd: true,
+ NewAV: false,
+ data: this.props.custompayload,
+ loading: false,
+ })
+ return
+ }
+ if (!get) {
+ ycore.yconsole.error('Please, fill params with an catch type...')
+ return
+ }
+ this.toogleLoader()
+ const payload = { fkey: 0, type: get, id: uid }
+ ycore.comty_post.getFeed((err, res) => {
+ if (err) {
+ ycore.notify.error('Error when get data from this input')
+ return
+ }
+ if (JSON.parse(res).api_status == '400') {
+ this.setState({ invalid: true })
+ return
+ }
+ try {
+ const parsed = JSON.parse(res)['data']
+ const isEnd =parsed.length < ycore.AppSettings.limit_post_catch ? true : false
+ this.setState({ NewAV: false, isEnd: isEnd, data: parsed, loading: false })
+ } catch (error) {
+ ycore.yconsole.log(error)
+ }
+ }, payload)
+ } catch (err) {
+ ycore.notify.error('err')
+ }
+ },
+ more(fkey){
+ try {
+ const { get, uid, filters } = this.props
+ if (!get) {
+ ycore.yconsole.error('Please, fill params with an catch type...')
+ return
+ }
+ if (!fkey) {
+ ycore.yconsole.warn(
+ 'Please, provide a fkey for offset the feed, default using => 0'
+ )
+ }
+ this.toogleLoader()
+ const getLastPost = ycore.objectLast(this.state.data)
+ ycore.yconsole.log('LAST POST ID =>', getLastPost.id)
+
+ const payload = { fkey: getLastPost.id, type: get, id: uid }
+ ycore.comty_post.getFeed((err, res) => {
+ if (err) {
+ return false
+ }
+ const oldData = this.state.data
+ const parsed = JSON.parse(res)['data']
+ const mix = oldData.concat(parsed)
+ const isEnd =
+ parsed.length < ycore.AppSettings.limit_post_catch ? true : false
+ this.setState({ isEnd: isEnd, data: mix, loading: false }, () =>
+ ycore.goTo.element(getLastPost.id)
+ )
+ return true
+ }, payload)
+ } catch (err) {
+ ycore.notify.error(err)
+ }
+ }
+ }
+
+
+ render() {
+ const { data, loading, isEnd, invalid, NewAV } = this.state
+ const renderFeedPosts_payload = {data: data, loading: loading, isEnd: isEnd, feedGet: this.feedGet}
+
+ if (invalid){
+ return ComponentInvalid()
+ }
+ if (loading) {
+ return (
+
+ {NewAV? ComponentNewAV(() => this.feedGet.first()) : null}
+ {renderFeedPosts(renderFeedPosts_payload)}
+
+ )
+ }
+ }
+}
+export default MainFeed
diff --git a/.prev/src/components/MainFeed/index.less b/.prev/src/components/MainFeed/index.less
new file mode 100644
index 00000000..599b9120
--- /dev/null
+++ b/.prev/src/components/MainFeed/index.less
@@ -0,0 +1,4 @@
+.main_feed_wrapper{
+ scroll-behavior: smooth;
+
+}
diff --git a/.prev/src/components/MediaPlayer/index.js b/.prev/src/components/MediaPlayer/index.js
new file mode 100644
index 00000000..3854396b
--- /dev/null
+++ b/.prev/src/components/MediaPlayer/index.js
@@ -0,0 +1,65 @@
+import React from 'react'
+import classnames from 'classnames'
+import styles from './index.less'
+
+export default class MediaPlayer extends React.PureComponent {
+ player() {
+ const { file } = this.props
+ let type
+
+ const ImageExtensions = ['.png', '.jpg', '.jpeg', '.gif']
+ const VideoExtensions = ['.mp4', '.mov', '.avi']
+ const AudioExtensions = ['.mp3', '.ogg', '.wav']
+
+ const FilesAllowed = ImageExtensions.concat(
+ VideoExtensions,
+ AudioExtensions
+ )
+
+ for (const prop in FilesAllowed) {
+ if (file.includes(`${ImageExtensions[prop]}`)) {
+ type = 'image'
+ }
+ if (file.includes(`${VideoExtensions[prop]}`)) {
+ type = 'video'
+ }
+ if (file.includes(`${AudioExtensions[prop]}`)) {
+ type = 'audio'
+ }
+ }
+
+ if (type == 'video') {
+ // const payload = {type: 'video', sources: [{src: file,}]}
+ // return (
+ //
+ {this.player()}
+
+ )
+ }
+}
diff --git a/.prev/src/components/MediaPlayer/index.less b/.prev/src/components/MediaPlayer/index.less
new file mode 100644
index 00000000..6478f35f
--- /dev/null
+++ b/.prev/src/components/MediaPlayer/index.less
@@ -0,0 +1,80 @@
+.PlayerContainer {
+ width: 100%;
+
+ img {
+ width: 100%;
+ overflow: hidden;
+ margin: auto;
+ }
+
+ video {
+ max-height: 600px;
+ width: 100%;
+ overflow: hidden;
+ }
+
+ audio {
+ width: 100%;
+ }
+
+
+ &.entire {
+ max-width: 52vw;
+ max-height: 80vh;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-70%, -50%);
+
+ img {
+ object-fit: contain;
+ height: 100%;
+ width: 100%;
+ max-width: 52vw;
+ max-height: 80vh;
+ }
+
+ audio {
+ height: 100%;
+ width: 100%;
+ }
+
+ video {
+ object-fit: contain;
+ height: 100%;
+ width: 100%;
+ max-width: 52vw;
+ max-height: 80vh;
+ }
+ }
+
+ &.mobile {
+ max-width: 52vw;
+ max-height: 80vh;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+
+ img {
+ object-fit: contain;
+ height: 100%;
+ width: 100%;
+ max-width: 52vw;
+ max-height: 80vh;
+ }
+
+ audio {
+ height: 100%;
+ width: 100%;
+ }
+
+ video {
+ object-fit: contain;
+ height: 100%;
+ width: 100%;
+ max-width: 52vw;
+ max-height: 80vh;
+ }
+ }
+}
diff --git a/.prev/src/components/MediaPlayer/plyr.js b/.prev/src/components/MediaPlayer/plyr.js
new file mode 100644
index 00000000..6a65adfa
--- /dev/null
+++ b/.prev/src/components/MediaPlayer/plyr.js
@@ -0,0 +1,134 @@
+"use strict";
+
+function e(e) {
+ return e && "object" == typeof e && "default" in e ? e.default : e
+}
+Object.defineProperty(exports, "__esModule", {
+ value: !0
+});
+var t = e(require("react")),
+ n = e(require("plyr"));
+
+function o(e, t) {
+ if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
+}
+
+function i(e, t) {
+ for (var n = 0; n < t.length; n++) {
+ var o = t[n];
+ o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o)
+ }
+}
+
+function r(e) {
+ return (r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
+ return typeof e
+ } : function (e) {
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
+ })(e)
+}
+
+function c(e) {
+ return (c = "function" == typeof Symbol && "symbol" === r(Symbol.iterator) ? function (e) {
+ return r(e)
+ } : function (e) {
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : r(e)
+ })(e)
+}
+
+function s(e, t) {
+ return !t || "object" !== c(t) && "function" != typeof t ? function (e) {
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ return e
+ }(e) : t
+}
+
+function a(e) {
+ return (a = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
+ return e.__proto__ || Object.getPrototypeOf(e)
+ })(e)
+}
+
+function l(e, t) {
+ return (l = Object.setPrototypeOf || function (e, t) {
+ return e.__proto__ = t, e
+ })(e, t)
+}
+require("plyr/dist/plyr.css");
+! function (e, t) {
+ void 0 === t && (t = {});
+ var n = t.insertAt;
+ if (e && "undefined" != typeof document) {
+ var o = document.head || document.getElementsByTagName("head")[0],
+ i = document.createElement("style");
+ i.type = "text/css", "top" === n && o.firstChild ? o.insertBefore(i, o.firstChild) : o.appendChild(i), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(document.createTextNode(e))
+ }
+}('.yjs-plyr{width: 100%!important;position:relative;background-color:#4caf50;border:none;font-size:28px;color:#fff;padding:20px;width:200px;text-align:center;-webkit-transition-duration:.4s;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.PlyrComponent:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.PlyrComponent:active:after{padding:0;margin:0;opacity:1;transition:0s}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZUFDRSxpQkFBa0IsQ0FDbEIsd0JBQXlCLENBQ3pCLFdBQVksQ0FDWixjQUFlLENBQ2YsVUFBYyxDQUNkLFlBQWEsQ0FDYixXQUFZLENBQ1osaUJBQWtCLENBQ2xCLCtCQUFpQyxDQUNqQyx1QkFBeUIsQ0FDekIsb0JBQXFCLENBQ3JCLGVBQWdCLENBQ2hCLGNBQWUsQ0FDZixtRUFDRixDQUVBLHFCQUNFLFVBQVcsQ0FDWCxrQkFBbUIsQ0FDbkIsYUFBYyxDQUNkLGlCQUFrQixDQUNsQixnQkFBaUIsQ0FDakIsaUJBQWtCLENBQ2xCLDJCQUE2QixDQUM3QixnQkFBaUIsQ0FDakIsU0FBVSxDQUNWLGtCQUNGLENBRUEsNEJBQ0UsU0FBVSxDQUNWLFFBQVMsQ0FDVCxTQUFVLENBQ1YsYUFDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLlBseXJDb21wb25lbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0Q0FGNTA7XG4gIGJvcmRlcjogbm9uZTtcbiAgZm9udC1zaXplOiAyOHB4O1xuICBjb2xvcjogI0ZGRkZGRjtcbiAgcGFkZGluZzogMjBweDtcbiAgd2lkdGg6IDIwMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIC13ZWJraXQtdHJhbnNpdGlvbi1kdXJhdGlvbjogMC40czsgLyogU2FmYXJpICovXG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNHM7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3gtc2hhZG93OiAwIDhweCAxNnB4IDAgcmdiYSgwLDAsMCwwLjIpLCAwIDZweCAyMHB4IDAgcmdiYSgwLDAsMCwwLjE5KTtcbn1cblxuLlBseXJDb21wb25lbnQ6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBiYWNrZ3JvdW5kOiAjZjFmMWYxO1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nLXRvcDogMzAwJTtcbiAgcGFkZGluZy1sZWZ0OiAzNTAlO1xuICBtYXJnaW4tbGVmdDogLTIwcHggIWltcG9ydGFudDtcbiAgbWFyZ2luLXRvcDogLTEyMCU7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IGFsbCAwLjhzXG59XG5cbi5QbHlyQ29tcG9uZW50OmFjdGl2ZTphZnRlciB7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbiAgb3BhY2l0eTogMTtcbiAgdHJhbnNpdGlvbjogMHNcbn1cbiJdfQ== */');
+var u = function (e) {
+ function r() {
+ return o(this, r), s(this, a(r).apply(this, arguments))
+ }
+ var c, u, p;
+ return function (e, t) {
+ if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
+ e.prototype = Object.create(t && t.prototype, {
+ constructor: {
+ value: e,
+ writable: !0,
+ configurable: !0
+ }
+ }), t && l(e, t)
+ }(r, t.Component), c = r, (u = [{
+ key: "componentDidMount",
+ value: function () {
+ this.player = new n(".yjs-plyr", this.props.options), this.player.source = this.props.sources
+ }
+ }, {
+ key: "componentWillUnmount",
+ value: function () {
+ this.player.destroy()
+ }
+ }, {
+ key: "render",
+ value: function () {
+ return t.createElement("video", {
+ className: "yjs-plyr plyr"
+ })
+ }
+ }]) && i(c.prototype, u), p && i(c, p), r
+}();
+u.defaultProps = {
+ options: {
+ controls: ["rewind", "play", "fast-forward", "progress", "current-time", "duration", "mute", "volume", "settings", "fullscreen"],
+ i18n: {
+ restart: "Restart",
+ rewind: "Rewind {seektime}s",
+ play: "Play",
+ pause: "Pause",
+ fastForward: "Forward {seektime}s",
+ seek: "Seek",
+ seekLabel: "{currentTime} of {duration}",
+ played: "Played",
+ buffered: "Buffered",
+ currentTime: "Current time",
+ duration: "Duration",
+ volume: "Volume",
+ mute: "Mute",
+ unmute: "Unmute",
+ enableCaptions: "Enable captions",
+ disableCaptions: "Disable captions",
+ download: "Download",
+ enterFullscreen: "Enter fullscreen",
+ exitFullscreen: "Exit fullscreen",
+ frameTitle: "Player for {title}",
+ captions: "Captions",
+ settings: "Settings",
+ menuBack: "Go back to previous menu",
+ speed: "Speed",
+ normal: "Normal",
+ quality: "Quality",
+ loop: "Loop"
+ }
+ },
+
+}, exports.PlyrComponent = u;
\ No newline at end of file
diff --git a/.prev/src/components/MobileWarning/index.js b/.prev/src/components/MobileWarning/index.js
new file mode 100644
index 00000000..880bd85a
--- /dev/null
+++ b/.prev/src/components/MobileWarning/index.js
@@ -0,0 +1,48 @@
+import React from 'react'
+import styles from './index.less'
+import store from 'store'
+import * as antd from 'antd'
+
+export default class MobileWarning extends React.PureComponent {
+ state = {
+ resbypass: store.get('resbypass') || false,
+ }
+
+ ResByPassHandler = () => {
+ this.setState({ resbypass: true })
+ }
+
+ render() {
+ const { resbypass } = this.state
+
+ if (resbypass == false) {
+ return (
+
+
+
+
+ this.ResByPassHandler()}
+ >
+ Continue
+
+
+ }
+ />
+
+ )
+ }
+ return null
+ }
+}
diff --git a/.prev/src/components/MobileWarning/index.less b/.prev/src/components/MobileWarning/index.less
new file mode 100644
index 00000000..62ea91e1
--- /dev/null
+++ b/.prev/src/components/MobileWarning/index.less
@@ -0,0 +1,18 @@
+.mobilewarning {
+ background-color: rgba(0, 0, 0, 0.975);
+ color: white;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 100000;
+ display: flex;
+ justify-content: center;
+ text-align: center;
+
+ :global {
+ .ant-result-title {
+ color: white;
+ }
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/components/PageTransition/animations.js b/.prev/src/components/PageTransition/animations.js
new file mode 100644
index 00000000..236f577c
--- /dev/null
+++ b/.prev/src/components/PageTransition/animations.js
@@ -0,0 +1,780 @@
+import { keyframes } from 'styled-components'
+
+export default {
+ moveToLeft: {
+ keyframes: keyframes`
+ from { }
+ to { transform: translateX(-100%); }
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveFromLeft: {
+ keyframes: keyframes`
+ from { transform: translateX(-100%) };
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveToRight: {
+ keyframes: keyframes`
+ from { }
+ to { transform: translateX(100%); }
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveFromRight: {
+ keyframes: keyframes`
+ from { transform: translateX(100%); }
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveToTop: {
+ keyframes: keyframes`
+ from { }
+ to { transform: translateY(-100%); }
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveFromTop: {
+ keyframes: keyframes`
+ from { transform: translateY(-100%); }
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveToBottom: {
+ keyframes: keyframes`
+ from { }
+ to { transform: translateY(100%); }
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveFromBottom: {
+ keyframes: keyframes`
+ from { transform: translateY(100%); }
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ fade: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; }
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveToLeftFade: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateX(-100%); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveFromLeftFade: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateX(-100%); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveToRightFade: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateX(100%); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveFromRightFade: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateX(100%); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveToTopFade: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateY(-100%); }
+ `,
+ duration: 600,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveFromTopFade: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateY(-100%); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveToBottomFade: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateY(100%); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ },
+ moveFromBottomFade: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateY(100%); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ },
+ scaleDown: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: scale(0.8); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ },
+ scaleUp: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: scale(0.8); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ },
+ scaleUpDown: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: scale(1.2); }
+ `,
+ duration: 500,
+ timing: 'ease',
+ fill: 'both',
+ },
+ scaleDownUp: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: scale(1.2); }
+ `,
+ duration: 500,
+ timing: 'ease',
+ fill: 'both',
+ },
+ scaleDownCenter: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: scale(0.7); }
+ `,
+ duration: 400,
+ timing: 'ease',
+ fill: 'both',
+ },
+ scaleUpCenter: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: scale(0.7); }
+ `,
+ duration: 400,
+ timing: 'ease',
+ fill: 'both',
+ },
+ rotateRightSideFirst: {
+ keyframes: keyframes`
+ 0% { }
+ 40% { transform: rotateY(15deg); opacity: 0.8; animation-timing-function: ease-out; }
+ 100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
+ `,
+ duration: 800,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateLeftSideFirst: {
+ keyframes: keyframes`
+ 0% { }
+ 40% { transform: rotateY(-15deg); opacity: 0.8; animation-timing-function: ease-out; }
+ 100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
+ `,
+ duration: 800,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateTopSideFirst: {
+ keyframes: keyframes`
+ 0% { }
+ 40% { transform: rotateX(15deg); opacity: 0.8; animation-timing-function: ease-out; }
+ 100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
+ `,
+ duration: 800,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateBottomSideFirst: {
+ keyframes: keyframes`
+ 0% { }
+ 40% { transform: rotateX(-15deg); opacity: 0.8; animation-timing-function: ease-out; }
+ 100% {transform: scale(0.8) translateZ(-200px); opacity:0; }
+ `,
+ duration: 800,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ flipOutRight: {
+ keyframes: keyframes`
+ from { }
+ to { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
+ `,
+ duration: 500,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ flipInLeft: {
+ keyframes: keyframes`
+ from { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
+ `,
+ duration: 500,
+ timing: 'ease-out',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ flipOutLeft: {
+ keyframes: keyframes`
+ from { }
+ to { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
+ `,
+ duration: 500,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ flipInRight: {
+ keyframes: keyframes`
+ from { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
+ `,
+ duration: 500,
+ timing: 'ease-out',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ flipOutTop: {
+ keyframes: keyframes`
+ from { }
+ to { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
+ `,
+ duration: 500,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ flipInBottom: {
+ keyframes: keyframes`
+ from { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
+ `,
+ duration: 500,
+ timing: 'ease-out',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ flipOutBottom: {
+ keyframes: keyframes`
+ from { }
+ to { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
+ `,
+ duration: 500,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ flipInTop: {
+ keyframes: keyframes`
+ from { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
+ `,
+ duration: 500,
+ timing: 'ease-out',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ rotateFall: {
+ keyframes: keyframes`
+ 0% { transform: rotateZ(0deg); }
+ 20% { transform: rotateZ(10deg); animation-timing-function: ease-out; }
+ 40% { transform: rotateZ(17deg); }
+ 60% { transform: rotateZ(16deg); }
+ 100% { transform: translateY(100%) rotateZ(17deg); }
+ `,
+ duration: 1000,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '0% 0%',
+ },
+ rotateOutNewspaper: {
+ keyframes: keyframes`
+ from { }
+ to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
+ `,
+ duration: 500,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ rotateInNewspaper: {
+ keyframes: keyframes`
+ from { transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; }
+ `,
+ duration: 500,
+ timing: 'ease-out',
+ fill: 'both',
+ origin: '50% 50%',
+ },
+ rotatePushLeft: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: rotateY(90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotatePushRight: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: rotateY(-90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotatePushTop: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: rotateX(-90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotatePushBottom: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: rotateX(90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotatePullRight: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: rotateY(-90deg); }
+ `,
+ duration: 500,
+ timing: 'ease',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotatePullLeft: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: rotateY(90deg); }
+ `,
+ duration: 500,
+ timing: 'ease',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotatePullTop: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: rotateX(-90deg); }
+ `,
+ duration: 500,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotatePullBottom: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: rotateX(90deg); }
+ `,
+ duration: 500,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotateFoldRight: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: translateX(100%) rotateY(90deg); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateFoldLeft: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: translateX(-100%) rotateY(-90deg); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotateFoldTop: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: translateY(-100%) rotateX(90deg); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotateFoldBottom: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: translateY(100%) rotateX(-90deg); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotateUnfoldLeft: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: translateX(-100%) rotateY(-90deg); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotateUnfoldRight: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: translateX(100%) rotateY(90deg); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateUnfoldTop: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: translateY(-100%) rotateX(90deg); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotateUnfoldBottom: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: translateY(100%) rotateX(-90deg); }
+ `,
+ duration: 700,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotateRoomLeftOut: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotateRoomLeftIn: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateRoomRightOut: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateRoomRightIn: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotateRoomTopOut: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotateRoomTopIn: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateY(100%) rotateX(90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotateRoomBottomOut: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateY(100%) rotateX(90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotateRoomBottomIn: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotateCubeLeftOut: {
+ keyframes: keyframes`
+ 0% { }
+ 50% { animation-timing-function: ease-out; transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
+ 100% { opacity: 0.3; transform: translateX(-100%) rotateY(-90deg); }
+ `,
+ duration: 600,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotateCubeLeftIn: {
+ keyframes: keyframes`
+ 0% { opacity: 0.3; transform: translateX(100%) rotateY(90deg); }
+ 50% { animation-timing-function: ease-out; transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
+ `,
+ duration: 600,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateCubeRightOut: {
+ keyframes: keyframes`
+ 0% { }
+ 50% { animation-timing-function: ease-out; transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
+ 100% { opacity: 0.3; transform: translateX(100%) rotateY(90deg); }
+ `,
+ duration: 600,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateCubeRightIn: {
+ keyframes: keyframes`
+ 0% { opacity: 0.3; transform: translateX(-100%) rotateY(-90deg); }
+ 50% { animation-timing-function: ease-out; transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
+ `,
+ duration: 600,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotateCubeTopOut: {
+ keyframes: keyframes`
+ 0% {}
+ 50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
+ 100% { opacity: 0.3; transform: translateY(-100%) rotateX(90deg); }
+ `,
+ duration: 600,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotateCubeTopIn: {
+ keyframes: keyframes`
+ 0% { opacity: 0.3; transform: translateY(100%) rotateX(-90deg); }
+ 50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
+ `,
+ duration: 600,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotateCubeBottomOut: {
+ keyframes: keyframes`
+ 0% { }
+ 50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
+ 100% { opacity: 0.3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
+ `,
+ duration: 600,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotateCubeBottomIn: {
+ keyframes: keyframes`
+ 0% { opacity: 0.3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
+ 50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
+ `,
+ duration: 600,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotateCarouselLeftOut: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateX(-150%) scale(0.4) rotateY(-65deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotateCarouselLeftIn: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateX(200%) scale(0.4) rotateY(65deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateCarouselRightOut: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateX(200%) scale(0.4) rotateY(65deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '0% 50%',
+ },
+ rotateCarouselRightIn: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateX(-200%) scale(0.4) rotateY(-65deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '100% 50%',
+ },
+ rotateCarouselTopOut: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateY(-200%) scale(0.4) rotateX(65deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotateCarouselTopIn: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateY(200%) scale(0.4) rotateX(-65deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotateCarouselBottomOut: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0.3; transform: translateY(200%) scale(0.4) rotateX(-65deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 0%',
+ },
+ rotateCarouselBottomIn: {
+ keyframes: keyframes`
+ from { opacity: 0.3; transform: translateY(-200%) scale(0.4) rotateX(65deg); }
+ `,
+ duration: 800,
+ timing: 'ease',
+ fill: 'both',
+ origin: '50% 100%',
+ },
+ rotateSidesOut: {
+ keyframes: keyframes`
+ from { }
+ to { opacity: 0; transform: translateZ(-500px) rotateY(90deg); }
+ `,
+ duration: 500,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '-50% 50%',
+ },
+ rotateSidesIn: {
+ keyframes: keyframes`
+ from { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); }
+ `,
+ duration: 500,
+ timing: 'ease-in',
+ fill: 'both',
+ origin: '150% 50%',
+ },
+ rotateSlideOut: {
+ keyframes: keyframes`
+ 0% { }
+ 25% { opacity: 0.5; transform: translateZ(-500px); }
+ 75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); }
+ 100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); }
+ `,
+ duration: 1000,
+ timing: 'ease',
+ fill: 'both',
+ },
+ rotateSlideIn: {
+ keyframes: keyframes`
+ 0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); }
+ 75% { opacity: 0.5; transform: translateZ(-500px); }
+ 100% { opacity: 1; transform: translateZ(0) translateX(0); }
+ `,
+ duration: 1000,
+ timing: 'ease',
+ fill: 'both',
+ },
+}
diff --git a/.prev/src/components/PageTransition/index.js b/.prev/src/components/PageTransition/index.js
new file mode 100644
index 00000000..31743946
--- /dev/null
+++ b/.prev/src/components/PageTransition/index.js
@@ -0,0 +1,80 @@
+import React, { memo } from 'react'
+import { Transition, TransitionGroup } from 'react-transition-group'
+import animations from './animations'
+import presets from './presets'
+import * as Styles from './styles'
+
+function PageTransition({
+ children,
+ enterAnimation: enterAnimationOverride,
+ exitAnimation: exitAnimationOverride,
+ preset,
+ transitionKey,
+ ...rest
+}) {
+ const selectEnterAnimation = () => {
+ if (enterAnimationOverride) {
+ if (typeof enterAnimationOverride === 'string') {
+ return animations[enterAnimationOverride]
+ }
+ return {
+ ...animations[enterAnimationOverride.name],
+ delay: enterAnimationOverride.delay,
+ onTop: enterAnimationOverride.onTop,
+ }
+ }
+ if (preset) {
+ return {
+ ...animations[presets[preset].enter.name],
+ delay: presets[preset].enter.delay,
+ onTop: presets[preset].enter.onTop,
+ }
+ }
+ return 'rotateSlideIn'
+ }
+
+ const selectExitAnimation = () => {
+ if (exitAnimationOverride) {
+ if (typeof exitAnimationOverride === 'string') {
+ return animations[exitAnimationOverride]
+ }
+ return {
+ ...animations[exitAnimationOverride.name],
+ delay: exitAnimationOverride.delay,
+ onTop: exitAnimationOverride.onTop,
+ }
+ }
+ if (preset) {
+ return {
+ ...animations[presets[preset].exit.name],
+ delay: presets[preset].exit.delay,
+ onTop: presets[preset].exit.onTop,
+ }
+ }
+ return 'rotateSlideIn'
+ }
+
+ const enterAnimation = selectEnterAnimation()
+ const exitAnimation = selectExitAnimation()
+ const timeout = Math.max(enterAnimation.duration, exitAnimation.duration)
+
+ return (
+ + This version of the application is not fully compatible with + the resolution of this screen, a higher resolution is + recommended for an optimal experience +
+ Please choose an option to continue ++
+
+
,
+ : null} +
+ this.goToPost(id)}
+ hoverable
+ className={ActShowMode ? null : styles.showMode}
+ actions={actions}
+ >
+ {this.state.ReportIgnore ? null : this.state.postReported ? (
+
+
+
+ )
+ }
+}
+export default PostCard
diff --git a/.prev/src/components/PostCard/index.less b/.prev/src/components/PostCard/index.less
new file mode 100644
index 00000000..11ae7bb5
--- /dev/null
+++ b/.prev/src/components/PostCard/index.less
@@ -0,0 +1,230 @@
+@import '~themes/index.less';
+
+.post_card_flaggedWarning {
+ border-radius: @post_card_general_border-rd;
+ width: 100%;
+ text-align: center;
+ position: absolute;
+ z-index: 20;
+ background: @post_card_flaggedWarning_backgroud;
+ font-family: @__Global_general_font_family;
+ padding: @post_card_flaggedWarning_padding;
+
+ :global {
+ .anticon {
+ font-size: @post_card_flaggedWarning_iconSize;
+ }
+ }
+}
+
+.post_card_wrapper {
+ box-shadow: @post_card_wrapper_shadow;
+ border-radius: @post_card_general_border-rd;
+ max-width: 510px;
+ min-width: 265px;
+ width: auto;
+ margin: 23px auto 50px auto;
+
+ :global {
+ .ant-card-meta-detail>div:not(:last-child) {
+ margin: 0
+ }
+
+ .ant-card {
+ border-radius: @post_card_general_border-rd;
+ border: 0;
+ border-top: 1px solid #4646460c;
+ }
+
+ .ant-card-body {
+ padding: 0;
+ }
+
+ .ant-card-actions {
+ border-top: 0;
+ background: @post_card_wrapper_actions_backgroud;
+ height: 30px;
+ position: relative;
+ transition: opacity @__Global_Components_transitions_dur linear, position @__Global_Components_transitions_dur linear, transform @__Global_Components_transitions_dur linear;
+ border-radius: 0 0 10px 10px;
+ opacity: 0;
+
+ &.showMode {
+ opacity: 1;
+ transform: translate(0, 15px);
+ }
+ }
+
+ .ant-card-actions:hover {
+ opacity: 1;
+ transform: translate(0, 15px);
+ transition: opacity @__Global_Components_transitions_dur linear, position @__Global_Components_transitions_dur linear, transform @__Global_Components_transitions_dur linear;
+ }
+
+ .ant-card-actions>li>.anticon {
+ font-size: 16px;
+ line-height: 22px;
+ width: 40px;
+ height: 40px;
+ background: @post_card_wrapper_actions_icon_backgroud;
+ border-radius: 23px;
+ }
+
+ .ant-card-actions>li {
+ margin: -20px 0 0 0;
+ border-right: 0;
+
+ .ant-badge-count {
+ width: 20px;
+ text-align: left;
+
+ span {
+ font-size: 12px;
+ }
+
+ .ant-scroll-number-only>p.ant-scroll-number-only-unit {
+ height: 20px;
+ width: 20px;
+ margin: 0;
+ line-height: 20px;
+ padding: 0 0 0 1px;
+ }
+ }
+
+ span {
+ font-size: 16px;
+ line-height: 22px;
+ width: 40px;
+ height: 40px;
+ background: @post_card_wrapper_actions_icon_backgroud;
+ border-radius: 23px;
+ margin: auto;
+ }
+
+ svg {
+ height: 20px;
+ width: 20px;
+ height: 100%;
+ vertical-align: middle;
+ }
+ }
+ }
+}
+
+.post_include {
+ padding: 13px 0 5px 0;
+ transition: all 150ms linear;
+
+ &.blur {
+ filter: blur(10px);
+ }
+}
+
+.showMode {
+ :global {
+ ul {
+ opacity: 1 !important;
+ transform: translate(0, 15px);
+ }
+ }
+}
+
+
+.post_card_title {
+ display: flex;
+
+ h4 {
+ cursor: pointer;
+ }
+
+}
+
+.postAvatar {
+ position: absolute;
+ left: -8px;
+ top: -8px;
+ display: flex;
+}
+
+.titleUser {
+ display: flex;
+ font-family: @__Global_general_font_family;
+ margin: 0 0 0 50px;
+}
+
+.textAgo {
+ display: flex;
+ font-size: 10px;
+ margin: 0 0 0 53px;
+}
+
+.PostTags {
+ float: right;
+ width: 100%;
+ z-index: 10;
+
+ :global {
+ .anticon {
+ color: @post_card_wrapper_tags_color_default;
+ float: right;
+ margin: -0 6px 0 0;
+ font-size: 17px;
+ }
+
+ }
+}
+
+.post_card_content {
+ word-break: break-all;
+ display: flex;
+ border-radius: 3px;
+ margin: 23px 24px 23px 24px;
+
+ h3 {
+ font-family: @__Global_general_font_family;
+ color: @post_card_wrapper_post_content_color;
+ font-weight: @post_card_wrapper_post_content_weight;
+ font-size: @post_card_wrapper_post_content_fontSize;
+ letter-spacing: @post_card_wrapper_post_content_letterSpacing;
+ }
+}
+
+.post_card_file {
+ display: flex;
+ margin: 23px 0 5px 0;
+ max-height: 600px;
+ overflow: hidden;
+
+ h3 {
+ color: rgb(85, 85, 85);
+ font-weight: 470;
+ }
+}
+
+.likebtn {
+ :global {
+ svg {
+ color: rgba(0, 0, 0, 0.45);
+ }
+
+ svg:hover {
+ color: rgb(233, 35, 68);
+ transition: all 0.2s linear;
+ }
+ }
+}
+
+.ellipsisIcon {
+ color: rgba(0, 0, 0, 0.45);
+ width: 100%;
+ position: absolute;
+ text-align: center;
+ margin: auto;
+ font-size: 30px;
+ transition: opacity 150ms linear;
+}
+
+.ellipsisIcon:hover {
+ opacity: 0;
+ transition: opacity 150ms linear;
+}
\ No newline at end of file
diff --git a/.prev/src/components/PostCreator/index.js b/.prev/src/components/PostCreator/index.js
new file mode 100644
index 00000000..adbbc68f
--- /dev/null
+++ b/.prev/src/components/PostCreator/index.js
@@ -0,0 +1,407 @@
+import React from 'react'
+import * as antd from 'antd'
+import * as ycore from 'ycore'
+import styles from './index.less'
+import * as Icons from '@ant-design/icons'
+import Icon from '@ant-design/icons'
+import $ from 'jquery'
+import * as MICONS from '@material-ui/icons'
+
+import Post_options from './local_components/post_options'
+import { optionBox } from './local_components/post_options'
+
+function getBase64(img, callback) {
+ const reader = new FileReader()
+ reader.addEventListener('load', () => callback(reader.result))
+ reader.readAsDataURL(img)
+}
+
+export function HandleVisibility() {
+ window.PostCreatorComponent.ToogleVisibility()
+}
+
+class PostCreator extends React.PureComponent {
+ constructor(props) {
+ super(props),
+ window.PostCreatorComponent = this,
+ this.state = {
+ visible: true,
+ FadeIN: true,
+ keys_remaining: ycore.AppSettings.MaxLengthPosts,
+ rawtext: '',
+ posting: false,
+ posting_ok: false,
+ shareWith: 'any',
+ uploader: false,
+ Schedule: false,
+ }
+ }
+
+ renderPostPlayer(payload) {
+ const { file, fileURL } = this.state
+ const videofilter = file.type.includes('video')
+ const imagefilter = file.type.includes('image')
+ const audiofilter = file.type.includes('audio')
+ if (imagefilter) {
+ return (
+
+ {
+ this.setState({ ReportIgnore: true })
+ }}
+ >
+ Ignore
+
+
+ ) : null}
+ It seems that this post has been reported
+The content may be inappropriate or compromising
+
+
+
+ }
+ title={
+
+
+ ycore.router.go(`@${publisher.username}`)
+ }
+ className={styles.titleUser}
+ >
+ @{publisher.username}
+ {ycore.booleanFix(publisher.verified) ? (
+
+
+ }
+ description={{post_time}}
+ bordered="false"
+ />
+ {postText ? (
+
+ ycore.router.go(`@${publisher.username}`)
+ }
+ className={styles.titleUser}
+ >
+ @{publisher.username}
+ {ycore.booleanFix(publisher.verified) ? (
+
+ NSFW
+
+ ) : null}{' '}
+
+
+
+
+
+
+
+ {ycore.booleanFix(is_post_pinned) ? (
+
+ {' '}
+ {' '}
+
+ ) : null}
+ {postFile ? (
+
+
+ ) : null}
+
+
+
+
+ )
+ }
+ if (videofilter) {
+ return (
+
+ this.handleDeleteFile()}
+ icon={
+
+ 
+
+
+
+ )
+ }
+ if (audiofilter) {
+ return (
+
+ )
+ }
+ return null
+ }
+ ToogleVisibility() {
+ this.setState({ visible: !this.state.visible })
+ }
+ ToogleUpload() {
+ this.setState({ uploader: !this.state.uploader })
+ }
+ handleDeleteFile = () => {
+ this.setState({ fileURL: null })
+ }
+ handleFileUpload = info => {
+ if (info.file.status === 'uploading') {
+ this.setState({ loading: true })
+ return
+ }
+ if (info.file.status === 'done') {
+ this.setState({ file: info.file.originFileObj, uploader: false })
+ getBase64(info.file.originFileObj, fileURL => {
+ this.setState({ fileURL, loading: false })
+ })
+ }
+ }
+
+ beforeUpload = file => {
+ const filter =
+ file.type === 'image/jpeg' ||
+ file.type === 'audio/mp3' ||
+ file.type === 'audio/wav' ||
+ file.type === 'audio/ogg' ||
+ file.type === 'image/png' ||
+ file.type === 'image/jpg' ||
+ file.type === 'image/gif' ||
+ file.type === 'video/mp4'
+ if (!filter) {
+ antd.message.error(`${file.type} This file is not valid!`)
+ }
+ const maxsize =
+ file.size / 1024 / 1024 < ycore.AppSettings.MaximunAPIPayload
+ if (!maxsize) {
+ antd.message.error(
+ `Image must smaller than ${ycore.AppSettings.MaximunAPIPayload} KB!`
+ )
+ }
+ return filter && maxsize
+ }
+
+ handleChanges = ({ target: { value } }) => {
+ this.setState({
+ rawtext: value,
+ keys_remaining: ycore.AppSettings.MaxLengthPosts - value.length,
+ })
+ }
+
+ handleKeysProgressBar() {
+ const { keys_remaining } = this.state
+ if (keys_remaining <= (ycore.AppSettings.MaxLengthPosts / 100) * 30) {
+ return 'exception'
+ } else return 'active'
+ }
+
+ FlushPostState() {
+ this.setState({
+ posting_ok: true,
+ posting: false,
+ rawtext: '',
+ fileURL: '',
+ file: '',
+ })
+ setTimeout(() => {
+ this.setState({ posting_ok: false })
+ }, 1000)
+ ycore.FeedHandler.refresh()
+ return true
+ }
+
+ handlePublishPost = e => {
+ const { rawtext, shareWith, file, fileURL} = this.state
+ if (!rawtext && !fileURL) {
+ return false
+ }
+ this.setState({
+ posting: true,
+ keys_remaining: ycore.AppSettings.MaxLengthPosts,
+ })
+ const post_options = optionBox.get()
+
+ const payload = {
+ privacy: ycore.GetPostPrivacy.bool(shareWith),
+ text: rawtext,
+ file: file,
+ }
+ ycore.comty_post.new((err, res) => {
+ if (err) {
+ ycore.notify.error(err)
+ return false
+ }
+ const status_temp_error = JSON.parse(res)['data'].error
+ status_temp_error? ycore.notify.error('It seems that a processing error has occurred, your publication has not been published.') : null
+ const id_temp_parse = JSON.parse(res)['data'].id
+
+ const pro_boost_val = ycore.ReturnValueFromMap({ data: post_options, key: 'pro_boost' })
+ const allow_comments_val = ycore.ReturnValueFromMap({ data: post_options, key: 'allow_comments' })
+ console.log(id_temp_parse)
+ ycore.sync.emmitPost(id_temp_parse)
+ ycore.yconsole.log(`pro_boost => ${pro_boost_val} | allow_comments => ${allow_comments_val}`)
+
+ if (pro_boost_val) {
+ ycore.yconsole.log(`Boosting post with ID => ${id_temp_parse}`)
+ ycore.comty_post.__boost(
+ (err, res) => {
+ return true
+ },
+ { post_id: id_temp_parse }
+ )
+ }
+ if (
+ !allow_comments_val
+ ) {
+ ycore.yconsole.log(`Disabling comments with ID => ${id_temp_parse}`)
+ ycore.comty_post.__disableComments(
+ (err, res) => {
+ return true
+ },
+ { post_id: id_temp_parse }
+ )
+ }
+ this.FlushPostState()
+ // ycore.FeedHandler.addToRend(JSON.parse(res)['data'])
+ }, payload)
+ }
+ dropRef = React.createRef()
+
+ handleDragIn = e => {
+ e.preventDefault()
+ e.stopPropagation()
+ if (this.state.uploader == true) {
+ return
+ }
+ this.setState({ uploader: true })
+ }
+ handleDragOut = e => {
+ e.preventDefault()
+ e.stopPropagation()
+ if (this.state.uploader == false) {
+ return
+ }
+ this.setState({ uploader: false })
+ }
+
+ componentDidMount() {
+ const _this = this
+ $('body').bind('paste', function(je) {
+ var e = je.originalEvent
+ for (var i = 0; i < e.clipboardData.items.length; i++) {
+ var item = e.clipboardData.items[i]
+ ycore.yconsole.log('Item: ' + item.type)
+ if (item.type.indexOf('image') != -1) {
+ //item.
+ let a;
+ a = item.getAsFile()
+ _this.setState({ file: a })
+ ycore.ReadFileAsB64(a, res => {
+ _this.setState({ fileURL: res })
+ })
+ } else {
+ // ignore not images
+ ycore.yconsole.log('Discarding not image paste data')
+ }
+ }
+ })
+ let div = this.dropRef.current
+ div.addEventListener('dragenter', this.handleDragIn)
+ div.addEventListener('dragleave', this.handleDragOut)
+ }
+ componentWillUnmount() {
+ let div = this.dropRef.current
+ div.removeEventListener('dragenter', this.handleDragIn)
+ div.removeEventListener('dragleave', this.handleDragOut)
+ }
+
+ canPost() {
+ const { fileURL, keys_remaining } = this.state
+
+ const isTypedSomething = keys_remaining < ycore.AppSettings.MaxLengthPosts
+ const isUploadedFile = fileURL ? true : false
+
+ return isUploadedFile || isTypedSomething
+ }
+
+ render() {
+ const { userData } = this.props
+ const { keys_remaining, visible, fileURL } = this.state
+ const percent = (
+ (keys_remaining / ycore.AppSettings.MaxLengthPosts) *
+ 100
+ ).toFixed(2)
+ const changeShare = ({ key }) => {
+ this.setState({ shareWith: key })
+ }
+
+ const shareOptionsMenu = (
+
+ this.handleDeleteFile()}
+ icon={
+
+
+
+
+
+
+
+ )
+ }
+ return null
+ }
+}
+export default PostCreator
diff --git a/.prev/src/components/PostCreator/index.less b/.prev/src/components/PostCreator/index.less
new file mode 100644
index 00000000..d67fbd61
--- /dev/null
+++ b/.prev/src/components/PostCreator/index.less
@@ -0,0 +1,313 @@
+@import '~themes/index.less';
+
+.cardWrapper {
+ // box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+ border-radius: 7px;
+ max-width: 510px;
+ min-width: 265px;
+ width: auto;
+ margin: 7px auto 50px auto;
+
+ :global {
+ textarea {
+ font-weight: 500;
+ resize: none;
+ }
+
+ textarea:focus {
+ outline: none !important;
+ border: 0 !important;
+ }
+
+ textarea:hover {
+ outline: none !important;
+ border: 0 !important;
+ }
+
+ .ant-card-meta-detail>div:not(:last-child) {
+ margin: 0
+ }
+
+ .ant-card {
+ border-radius: 7px;
+ border: 0;
+ border-top: 1px solid #4646460c;
+ }
+
+ .ant-card-body {
+ padding: 5px 15px 5px 15px;
+ }
+
+ .ant-card-actions {
+ border-top: 0;
+ background: #EBEBEB;
+ opacity: 0;
+ height: 30px;
+ position: relative;
+ transition: opacity 150ms linear, position 150ms linear, transform 150ms linear;
+ border-radius: 0 0 10px 10px;
+ }
+
+ .ant-card-actions:hover {
+ opacity: 1;
+ transform: translate(0, 15px);
+ transition: opacity 150ms linear, position 150ms linear, transform 150ms linear;
+ }
+
+ .ant-card-actions>li {
+ margin: -20px 0 0 0;
+ border-right: 0;
+
+ i {
+
+ vertical-align: middle;
+ height: 40px;
+ width: 40px;
+ background-color: #fff;
+ border-radius: 24px;
+ }
+
+ svg {
+ height: 20px;
+ width: 20px;
+ height: 100%;
+ vertical-align: middle;
+ }
+ }
+ }
+}
+
+.titleAvatar {
+ width: 45px;
+ height: 45px;
+ display: flex;
+
+ :global {
+ img {
+ width: 45px;
+ height: 45px;
+ border-radius: 12px;
+ }
+ }
+}
+
+.inputWrapper {
+ display: flex;
+ z-index: 10;
+ position: relative;
+ width: 100%;
+ padding: 18px 7px 0 7px;
+ transition: height 150ms linear;
+
+ :global {
+ .ant-btn-primary {
+ z-index: 10;
+ position: relative;
+ border-radius: 0 10px 10px 0;
+ height: 100%;
+ vertical-align: bottom;
+ border: none;
+ box-shadow: none;
+ }
+
+ .ant-input {
+ z-index: 10;
+ position: relative;
+ border-color: transparent !important;
+ box-shadow: none;
+ border-radius: 3px 0 0 0;
+ height: 100%;
+ padding: 5px 10px 5px 10px;
+ transition: height 150ms linear;
+ width: 100%;
+
+ }
+
+ .ant-input:hover {
+ border-color: #1890ff;
+ }
+
+ .ant-input-affix-wrapper {
+ height: 100%;
+ }
+ }
+}
+
+.progressHandler {
+ z-index: 10;
+ position: relative;
+ margin: 0 7px 0 7px;
+
+ :global {
+ .ant-progress-bg {
+ border-radius: 0 0 10px 10px;
+ }
+
+ .ant-progress-inner {
+ border-radius: 0 0 14px 14px;
+ width: calc(100% - 32px);
+ vertical-align: top;
+ }
+ }
+}
+
+.postExtra {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ margin: 0 0 40px 0;
+
+ .shareWith {
+ color: rgb(53, 53, 53);
+ float: right;
+ font-size: 11px;
+ line-height: 30px;
+ }
+
+ :global {
+ .MuiSvgIcon-root {
+ width: 1em;
+ height: 1em;
+ display: inline-block;
+ font-size: 18px;
+ transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+ flex-shrink: 0;
+ margin: 8px;
+ line-height: 1px;
+ user-select: none;
+ }
+
+ .ant-btn .anticon {
+ transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+ margin: 8px;
+ }
+
+ .ant-btn {
+ width: 35px;
+ height: 35px;
+ float: left;
+ padding: 0;
+ border-radius: 11px;
+ margin: 0 10px;
+ background-color: #eeeeee;
+ border-color: transparent;
+ }
+
+ .ant-btn:hover {
+ border-color: transparent;
+ }
+
+ }
+}
+
+.uploader {
+ display: flex;
+ position: relative;
+ border-radius: 10px;
+ z-index: 30;
+ width: 100%;
+ height: 100%;
+
+ span {
+ width: 100%;
+ }
+
+ :global {
+ .ant-upload.ant-upload-drag {
+ background: #fafafa;
+ border: 1px dashed #d9d9d9;
+ border-radius: 12px;
+ transition: border-color 0.3s;
+ }
+
+ .anticon svg {
+ display: inline-block;
+ font-size: 30px;
+ }
+ }
+}
+
+.imagePreviewWrapper {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ // top: -100px;
+ margin: 0 0 15px 0;
+ background-color: #eeeeee;
+
+ .imagePreview {
+ z-index: 5;
+ position: relative;
+ width: 50%;
+ margin: auto;
+ border-radius: 8px;
+ transition: all 150ms linear;
+
+ img {
+ width: 100%;
+ border: 0.5px rgba(56, 56, 56, 0.459) solid;
+ }
+
+ video {
+ width: 100%;
+ border: 0.5px rgba(56, 56, 56, 0.459) solid;
+ }
+
+ transition: all 150ms linear;
+
+ }
+
+ .imageOverlay {
+ z-index: 10;
+ position: relative;
+ opacity: 0;
+ transition: all 150ms linear;
+ margin: auto;
+ }
+}
+
+.imagePreviewWrapper:hover .imagePreview {
+ opacity: 0.5;
+ transition: all 150ms linear;
+}
+
+.imagePreviewWrapper:hover .imageOverlay {
+ opacity: 1;
+ transition: all 150ms linear;
+
+}
+
+.proccessUnset {
+ opacity: 0;
+ transition: opacity 250ms linear;
+ animation: proccessUnset 250ms linear;
+}
+
+.proccessSet {
+ transition: opacity 250ms linear;
+ animation: proccessSet 250ms linear;
+}
+
+@keyframes proccessSet {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes proccessUnset {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+.fontct {
+ font-family: "Poppins", sans-serif;
+}
\ No newline at end of file
diff --git a/.prev/src/components/PostCreator/local_components/post_options.js b/.prev/src/components/PostCreator/local_components/post_options.js
new file mode 100644
index 00000000..6064139f
--- /dev/null
+++ b/.prev/src/components/PostCreator/local_components/post_options.js
@@ -0,0 +1,151 @@
+import React from 'react'
+import * as antd from 'antd'
+import * as ycore from 'ycore'
+import * as Icons from '@ant-design/icons'
+import Icon from '@ant-design/icons'
+import { Post_Options } from 'globals/post_options.js'
+import styles from './post_options.less'
+
+export const optionBox = {
+ toogle: () => {
+ window.postoptions_box_class.handleToggleToolbox()
+ return true
+ },
+ get: () => {
+ return window.postoptions_box_class.state.options_repo
+ },
+}
+
+export default class Post_options extends React.Component {
+ constructor(props) {
+ super(props),
+ window.postoptions_box_class = this,
+ this.state = {
+ options_repo: Post_Options,
+ options_box: false,
+ }
+ }
+
+ onChangeOption(checked, id) {
+ ycore.yconsole.log(`${id} to ${checked}`)
+ }
+
+ handleToggleToolbox = () => {
+ this.setState({ options_box: !this.state.options_box })
+ }
+
+ onChangeSwitch(item) {
+ try {
+ const to = !item.value
+ const updatedValue = [...this.state.options_repo].map(ita =>
+ ita === item ? Object.assign(ita, { value: to }) : ita
+ )
+ this.setState({ options_repo: updatedValue, forSave: true })
+ ycore.yconsole.log(`Changing ${item.key} to value ${to}`)
+ } catch (err) {
+ console.log(err)
+ }
+ }
+
+ require(i) {
+ if (i) {
+ try {
+ switch (i) {
+ case 'pro':
+ return ycore.IsThisUser.pro() ? false : true
+ case 'dev':
+ return ycore.IsThisUser.dev() ? false : true
+ default:
+ break
+ }
+ } catch (err) {
+ ycore.notify.error(err)
+ return false
+ }
+ }
+ return false
+ }
+
+ rendersets = item => {
+ let e = item.type
+ switch (e) {
+ case 'switch':
+ return (
+
+ {this.state.uploader ? (
+
+
+
+
+
+ ) : (
+ <>
+
+ 
+
+
+
+
+ )}
+
+
+ {fileURL ? this.renderPostPlayer(this.state.fileURL) : null}
+
+ this.ToogleUpload()}
+ >
+ {' '}
+ {this.state.uploader ? (
+
+ optionBox.toogle()}>
+
+
+ e.preventDefault()}
+ >
+ {ycore.GetPostPrivacy.decorator(this.state.shareWith)}
+
+
+
+ {item.icon}
+
+
+
+
+
+
+
+ )
+ }
+}
diff --git a/.prev/src/components/PostCreator/local_components/post_options.less b/.prev/src/components/PostCreator/local_components/post_options.less
new file mode 100644
index 00000000..e1fad5e0
--- /dev/null
+++ b/.prev/src/components/PostCreator/local_components/post_options.less
@@ -0,0 +1,57 @@
+@import '~themes/index.less';
+
+.optionsWrapper {
+ font-family: "Poppins", sans-serif;
+
+ :global {
+ .ant-drawer-body {
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ padding: 12px;
+ overflow: auto;
+ font-size: 14px;
+ line-height: 1.5715;
+ word-wrap: break-word;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ margin-top: 0;
+ margin-bottom: 0;
+ color: rgba(0, 0, 0, 0.85);
+ font-weight: 500;
+ }
+
+ .ant-list-item {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 8px 0;
+ }
+ }
+}
+
+.PostOptionsWrapper {
+ margin: 0 10px 0 10px;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+ justify-items: stretch;
+ align-items: stretch;
+
+ .optionItem {
+ display: inline;
+ }
+}
+
+.optionItemIcon {
+ margin: 0 5px 0 0;
+}
\ No newline at end of file
diff --git a/.prev/src/components/ScrollBar/index.js b/.prev/src/components/ScrollBar/index.js
new file mode 100644
index 00000000..ce752b5d
--- /dev/null
+++ b/.prev/src/components/ScrollBar/index.js
@@ -0,0 +1,5 @@
+import ScrollBar from 'react-perfect-scrollbar'
+import 'react-perfect-scrollbar/dist/css/styles.css'
+import './index.less'
+
+export default ScrollBar
diff --git a/.prev/src/components/ScrollBar/index.less b/.prev/src/components/ScrollBar/index.less
new file mode 100644
index 00000000..124d94be
--- /dev/null
+++ b/.prev/src/components/ScrollBar/index.less
@@ -0,0 +1,35 @@
+@import '~themes/index.less';
+
+:global {
+
+ .ps--active-x>.ps__rail-x,
+ .ps--active-y>.ps__rail-y {
+ background-color: red;
+
+ }
+
+ .ps__rail-x:hover>.ps__thumb-x,
+ .ps__rail-x:focus>.ps__thumb-x {
+ height: 8px;
+ }
+
+ .ps__rail-y:hover>.ps__thumb-y,
+ .ps__rail-y:focus>.ps__thumb-y {
+ width: 8px;
+ }
+
+ .ps__rail-y,
+ .ps__rail-x {
+ z-index: 9;
+ }
+
+ .ps__thumb-y {
+ width: 4px;
+ right: 4px;
+ }
+
+ .ps__thumb-x {
+ height: 4px;
+ bottom: 4px;
+ }
+}
diff --git a/.prev/src/components/SearchCard/index.js b/.prev/src/components/SearchCard/index.js
new file mode 100644
index 00000000..e93d50f9
--- /dev/null
+++ b/.prev/src/components/SearchCard/index.js
@@ -0,0 +1,88 @@
+import React from 'react'
+import * as antd from 'antd'
+import * as ycore from 'ycore'
+import styles from './index.less'
+import * as Icons from '@ant-design/icons'
+import Icon from '@ant-design/icons'
+import { CustomIcons } from 'components'
+
+const { Meta } = antd.Card
+
+class SearchCard extends React.PureComponent {
+ render() {
+ const { source } = this.props
+ const { username, avatar, about, id } = source
+ const DevInfo = `ID #${id} | Dev ${
+ ycore.booleanFix(source.dev) ? 'yes' : 'no'
+ } | `
+ const AdminInfo = `RID #${source.country_id} | IP ${source.ip_address} | `
+
+ const DataStrip = {
+ title: e => {
+ if (this.props.type == 'Users') {
+ return `@${username}`
+ }
+ if (this.props.type == 'Groups') {
+ return `${source.name}`
+ }
+ return null
+ },
+ description: e => {
+ if (this.props.type == 'Users') {
+ return `${DevInfo}${AdminInfo}`
+ }
+ if (this.props.type == 'Groups') {
+ return `GID #${source.group_id} | Created ${source.registered} | CAT ID #${source.category_id} / ${source.category} |`
+ }
+ return null
+ },
+ about: e => {
+ return about
+ },
+ }
+ return (
+
+
+ +
+
+
+
+ Share Options
+ {this.renderSettings()} +
+
+ Add some Extra
+
+
+
+
+ }
+ title={
+
+
+ {ycore.booleanFix(source.verified) ? (
+
+
+ }
+ description={
+ ycore.IsThisUser.dev() ? (
+
+ {DataStrip.description()}
+
+ ) : null
+ }
+ bordered="false"
+ />
+ ycore.router.go(`@${username}`)} + className={styles.titleUser} + > + {DataStrip.title()} +
+
+ {' '}
+ {' '}
+
+
+
+ )
+ }
+}
+export default SearchCard
diff --git a/.prev/src/components/SearchCard/index.less b/.prev/src/components/SearchCard/index.less
new file mode 100644
index 00000000..2c73e901
--- /dev/null
+++ b/.prev/src/components/SearchCard/index.less
@@ -0,0 +1,105 @@
+@import '~themes/index.less';
+
+.cardWrapper {
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+ display: flex;
+ border-radius: 7px;
+ max-width: 510px;
+ min-width: 265px;
+ width: auto;
+ margin: 23px auto 50px auto;
+
+ :global {
+ .ant-card-meta-detail>div:not(:last-child) {
+ margin: 0
+ }
+
+ .ant-card {
+ border-radius: 7px;
+ border: 0;
+ border-top: 1px solid #4646460c;
+ }
+
+ .ant-card-body {
+ padding: 13px 0 5px 0;
+ }
+
+ .ant-card-actions {
+ border-top: 0;
+ background: #EBEBEB;
+ opacity: 0;
+ height: 30px;
+ position: relative;
+ transition: opacity 150ms linear, position 150ms linear, transform 150ms linear;
+ border-radius: 0 0 10px 10px;
+ }
+
+ .ant-card-actions:hover {
+ opacity: 1;
+ transform: translate(0, 15px);
+ transition: opacity 150ms linear, position 150ms linear, transform 150ms linear;
+ }
+
+ .ant-card-actions>li {
+ margin: -20px 0 0 0;
+ border-right: 0;
+
+ i {
+
+ vertical-align: middle;
+ height: 40px;
+ width: 40px;
+ background-color: #fff;
+ border-radius: 24px;
+ }
+
+ svg {
+ height: 20px;
+ width: 20px;
+ height: 100%;
+ vertical-align: middle;
+ }
+ }
+ }
+}
+
+.postAvatar {
+ position: absolute;
+ left: -8px;
+ top: -8px;
+ display: flex;
+}
+
+.titleUser {
+ display: flex;
+ font-family: 'Poppins', sans-serif;
+ margin: 0 0 0 50px;
+}
+
+.textAgo {
+ display: flex;
+ font-size: 10px;
+ margin: 0 0 0 53px;
+}
+
+.PostTags {
+ float: right;
+ color: rgb(249, 179, 64);
+ width: 100%;
+ z-index: 10;
+
+ i {
+ float: right;
+ margin: -0 6px 0 0;
+ ;
+ font-size: 17px;
+ }
+}
+
+.titleWrapper {
+ display: flex;
+
+ h4 {
+ cursor: pointer;
+ }
+}
diff --git a/.prev/src/components/UserBadges/index.js b/.prev/src/components/UserBadges/index.js
new file mode 100644
index 00000000..623f618c
--- /dev/null
+++ b/.prev/src/components/UserBadges/index.js
@@ -0,0 +1,29 @@
+import React from 'react'
+import styles from './index.less'
+import * as antd from 'antd'
+import * as ycore from 'ycore'
+import { BadgesType } from 'globals/badges_list'
+
+export default class UserBadges extends React.Component {
+ render() {
+ const { values } = this.props
+ console.log(BadgesType)
+ return (
+
+ {ycore.booleanFix(values.nsfw_flag) ? (
+ NSFW
+ ) : null}
+ {ycore.booleanFix(values.is_pro) ? (
+
+ CPRO™
+ ) : null}
+ {ycore.booleanFix(values.dev) ? (
+
+ DEVELOPER
+ ) : null}
+
+ )
+ }
+}
diff --git a/.prev/src/components/UserBadges/index.less b/.prev/src/components/UserBadges/index.less
new file mode 100644
index 00000000..e69de29b
diff --git a/.prev/src/components/UserProfile/components/Follow_btn.js b/.prev/src/components/UserProfile/components/Follow_btn.js
new file mode 100644
index 00000000..84568a66
--- /dev/null
+++ b/.prev/src/components/UserProfile/components/Follow_btn.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import styles from './Follow_btn.scss'
+import classnames from 'classnames'
+
+export default class Follow_btn extends React.Component {
+ render() {
+ return (
+
+ {this.props.followed ? 'Following' : 'Follow'}
+
+ )
+ }
+}
diff --git a/.prev/src/components/UserProfile/components/follow_btn.scss b/.prev/src/components/UserProfile/components/follow_btn.scss
new file mode 100644
index 00000000..99c9364a
--- /dev/null
+++ b/.prev/src/components/UserProfile/components/follow_btn.scss
@@ -0,0 +1,65 @@
+$width: 120px;
+$height: 40px;
+$border: 0;
+
+$violet: #6559ae;
+$orange: #ff7159;
+
+$border-radius: 8px;
+
+$deg: 120deg;
+$size: 400%;
+$dur: 15s;
+
+@mixin clip-frame($width, $height, $border) {
+ -webkit-clip-path: polygon(0% 100%, $border 100%, $border $border, $width - $border $border, $width - $border $height - $border, $border $height - $border, $border 100%, 100% 100%, 100% 0%, 0% 0%);
+}
+
+.like_btn {
+ width: 100px;
+ height: 30px;
+ line-height: 28px;
+ padding: 5px 15px 5px 15px;
+ @extend .text-formatting;
+
+ &:hover {
+ color: #7e7e7e;
+ }
+
+ &.nofollowed {
+ &:hover {
+ border: none;
+ content: '';
+ color: white;
+ border-radius: $border-radius;
+ background: linear-gradient($deg, $violet, $orange, $violet);
+ background-size: $size $size;
+ animation: gradient $dur ease-in-out infinite, border 1s forwards ease-in-out reverse;
+ }
+ }
+}
+
+/* helpers */
+
+.text-formatting {
+ text-decoration: none;
+ text-align: center;
+ vertical-align: middle;
+ letter-spacing: 1px;
+}
+
+/* motion */
+
+@keyframes gradient {
+ 0% {
+ background-position: 14% 0%;
+ }
+
+ 50% {
+ background-position: 87% 100%;
+ }
+
+ 100% {
+ background-position: 14% 0%;
+ }
+}
diff --git a/.prev/src/components/UserProfile/index.js b/.prev/src/components/UserProfile/index.js
new file mode 100644
index 00000000..34f2772c
--- /dev/null
+++ b/.prev/src/components/UserProfile/index.js
@@ -0,0 +1,232 @@
+import React from 'react'
+import styles from './styles.less'
+import * as ycore from 'ycore'
+import * as antd from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout'
+import { CustomIcons, MainFeed, PostCreator } from 'components'
+import { SetHeaderSearchType } from 'components/HeaderSearch'
+import * as Icons from '@ant-design/icons'
+import Icon from '@ant-design/icons'
+import Follow_btn from './components/Follow_btn.js'
+import { BadgesType } from 'globals/badges_list'
+import classnames from 'classnames'
+
+const isMobile = localStorage.getItem('mobile_src')
+
+class UserProfile extends React.PureComponent {
+ constructor(props) {
+ super(props),
+ (this.state = {
+ invalid: false,
+ UUID: '',
+ RenderValue: {},
+ loading: true,
+ Followed: '',
+ UserTags: [],
+ })
+ }
+
+ require(i) {
+ if (i) {
+ try {
+ switch (i) {
+ case 'pro':
+ return ycore.booleanFix(this.state.RenderValue.is_pro)
+ case 'dev':
+ return ycore.booleanFix(this.state.RenderValue.dev)
+ case 'nsfw':
+ return ycore.booleanFix(this.state.RenderValue.nsfw_flag)
+ }
+ } catch (err) {
+ ycore.notify.error(err)
+ return false
+ }
+ }
+ return false
+ }
+
+ handleFollowUser = () => {
+ const payload = { user_id: this.state.UUID }
+ ycore.comty_user.follow((err, res) => {
+ if (err) {
+ return false
+ }
+ this.setState({ Followed: !this.state.Followed })
+ return
+ }, payload)
+ }
+
+ componentDidMount() {
+ this.initUser(this.props.regx)
+ SetHeaderSearchType.disable()
+ }
+
+ initUser = e => {
+ const parsed = e.shift()
+ const raw = parsed.toString()
+ const string = raw.replace('/@', '')
+
+ const payload = { key: string }
+ ycore.comty_user.find((err, res) => {
+ err ? ycore.notify.error(err) : null
+ try {
+ const rp = JSON.parse(res)
+ ycore.yconsole.log(rp)
+ if (!rp['0']) {
+ ycore.yconsole.log('Bad response / User not found')
+ const val = { id: null, username: 'User not found!' }
+ this.setState({ invalid: true, RenderValue: val, loading: false })
+ ycore.router.go(`main`)
+ antd.message.warning(`Its seams like @${string} not exist`)
+ return
+ }
+ const c1 = rp['0'].username.toLowerCase()
+ const c2 = string.toLowerCase()
+ if (c1 !== c2) {
+ ycore.yconsole.log(`Using aproximate user! => ${c1} / ${c2}`)
+ ycore.router.go(`@${c1}`)
+ }
+
+ this.setState({
+ UUID: rp['0'].user_id,
+ RenderValue: rp['0'],
+ loading: false,
+ Followed: ycore.booleanFix(rp['0'].is_following),
+ })
+
+ ycore.comty_user.__tags(
+ (err, res) => {
+ if (err) return false
+ let fn = []
+ const a = JSON.parse(res)['tags']
+ const b = Object.entries(Object.assign({}, a[0]))
+ const objectArray = b.slice(1, b.length)
+
+ objectArray.forEach(([key, value]) => {
+ if (value == 'true') {
+ BadgesType.map(item => {
+ item.id === key ? (item ? fn.push(item) : null) : null
+ })
+ }
+ })
+ BadgesType.map(item => {
+ this.require(item.require) ? fn.push(item) : null
+ })
+ this.setState({ UserTags: fn })
+ },
+ { id: this.state.UUID }
+ )
+ } catch (err) {
+ ycore.notify.error(err)
+ }
+ }, payload)
+ }
+
+ render() {
+
+const moreMenu = (
+
+ {loading ? (
+
+ )}
+
+ )
+ }
+}
+export default UserProfile
diff --git a/.prev/src/components/UserProfile/styles.less b/.prev/src/components/UserProfile/styles.less
new file mode 100644
index 00000000..727d2b1a
--- /dev/null
+++ b/.prev/src/components/UserProfile/styles.less
@@ -0,0 +1,166 @@
+@import '~themes/index.less';
+
+.textOverflow() {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ word-break: break-all;
+}
+
+// mixins for clearfix
+// ------------------------
+.clearfix() {
+ zoom: 1;
+
+ &::before,
+ &::after {
+ display: table;
+ content: ' ';
+ }
+
+ &::after {
+ clear: both;
+ height: 0;
+ font-size: 0;
+ visibility: hidden;
+ }
+}
+
+.userWrapper {
+ padding: 0 68px 15px 68px;
+ margin: auto;
+ &.mobile{
+ max-width: 510px;
+ min-width: 265px;
+ width: auto;
+ padding: 0 15px 0 15px;
+ }
+ :global {
+ .ant-page-header-content {
+ padding-top: 0;
+ overflow: initial !important;
+ }
+
+ .ant-page-header {
+ padding: 20px 0 3px 0;
+ }
+
+ .ant-pro-page-header-wrap-page-header-warp {
+ border-radius: 0 0 20px 20px;
+ }
+ }
+}
+
+.TagWrappers {
+ width: 100%;
+ float: right;
+ position: relative;
+ margin: 0 0 7px 0 !important;
+}
+
+.UserCover {
+ border-radius: 15px 15px 0 0;
+ position: relative;
+ margin: -32px auto auto auto;
+ max-height: 400px;
+ overflow: hidden;
+
+ img {
+ width: calc(100% + 30px);
+ overflow: hidden;
+ margin: auto;
+ }
+}
+
+.follow_wrapper {
+ margin: 0 7px 0 7px;
+ position: relative;
+ float: right;
+}
+
+.avatar {
+ transform: translate(-25px, -45px);
+ max-height: 200px;
+ max-width: 120px;
+
+ &>span {
+ position: relative;
+ z-index: 10;
+ width: 100%;
+ height: 100%;
+ }
+
+ :global {
+ .ant-avatar {
+ box-shadow: 13px 13px 17px 4px rgba(69, 69, 69, 0.151);
+ border-radius: 7px;
+
+ img {
+ width: 120px;
+ }
+ }
+ }
+}
+
+.pageHeaderContent {
+ vertical-align: top;
+ display: flex;
+
+ .content {
+ font-family: "Poppins", sans-serif;
+ color: @text-color-secondary;
+ width: 100%;
+
+ .contentTitle {
+ padding: 0 10px 10px 0;
+ color: @heading-color;
+ font-weight: 500;
+ font-size: 20px;
+ line-height: 28px;
+ }
+ }
+}
+
+.user_more_menu{
+ float: right;
+ font-size: 18px;
+}
+
+
+@media screen and (max-width: @screen-md) {
+ .extraContent {
+ margin-left: -16px;
+ }
+
+ .projectList {
+ .projectGrid {
+ width: 50%;
+ }
+ }
+}
+
+@media screen and (max-width: @screen-sm) {
+ .pageHeaderContent {
+ display: block;
+ margin: 10px;
+
+ .content {
+ margin-left: 0;
+ }
+ }
+
+ .extraContent {
+ .statItem {
+ float: none;
+ }
+ }
+}
+
+@media screen and (max-width: @screen-xs) {
+ .projectList {
+ .projectGrid {
+ width: 100%;
+ }
+ }
+}
+
diff --git a/.prev/src/components/YulioID/index.js b/.prev/src/components/YulioID/index.js
new file mode 100644
index 00000000..64a5eea3
--- /dev/null
+++ b/.prev/src/components/YulioID/index.js
@@ -0,0 +1,240 @@
+import React, { Component } from 'react'
+import { connect } from 'dva'
+import { Form, Icon as LegacyIcon } from '@ant-design/compatible'
+
+import { Button, Input, Drawer } from 'antd'
+import * as ycore from 'ycore'
+import * as Icons from '@ant-design/icons'
+
+import styles from './index.less'
+
+const FormItem = Form.Item
+
+@connect(({ loading }) => ({ loading }))
+@Form.create()
+class YulioID extends Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ // Drawers Visibility (Default on False)
+ MainLoginVisible: true,
+ ShowLoading: false,
+ Answered: false,
+ transition: false,
+ }
+ }
+ // Handlers & others
+ handleUsername(text) {
+ this.setState({ RawUsername: text.target.value })
+ }
+ handlePassword(text) {
+ this.setState({ RawPassword: text.target.value })
+ }
+ handleRetry = () => {
+ this.setState({ ShowLoading: false, StateException: false, StateIcon: '' })
+ }
+ handleEnter = e => {
+ this.handleLogin()
+ }
+
+ handleLogin = () => {
+ var prefix = '[YID]: '
+ const { RawUsername, RawPassword } = this.state
+ var EncPassword = btoa(RawPassword)
+ var EncUsername = btoa(RawUsername)
+
+ if (!EncUsername || !EncPassword) {
+ var message = 'Incomplete information!'
+ ycore.yconsole.log(prefix, message)
+ }
+
+ if (EncUsername && EncPassword) {
+ this.setState({ ShowLoading: true, StateMessage: 'Wait a sec...' })
+ if (ycore.AppSettings.InfiniteLogin == true) {
+ ycore.yconsole.log(prefix, 'InfiniteLogin is enabled! Disabled getAuth')
+ } else {
+ ycore.yconsole.log(prefix, 'Initialising login process...')
+ const payload = { EncUsername, EncPassword }
+ ycore.app_session.login((err, res) => {
+ this.handleResponse(res)
+ }, payload)
+ }
+ }
+ }
+
+ handleResponse = response => {
+ if (response == '200') {
+ ycore.LoginPage.transitionToogle()
+ this.setState({
+ StateIcon: 'login',
+ StateMessage: 'Wait a sec...',
+ StateException: false,
+ })
+
+ }
+ if (response == '400') {
+ this.setState({
+ StateIcon: 'exclamation-circle',
+ StateMessage: 'Invalid credentials',
+ StateException: true,
+ })
+ }
+ if (response == '404') {
+ this.setState({
+ StateIcon: 'exclamation-circle',
+ StateMessage: 'Invalid Data',
+ StateException: true,
+ })
+ }
+ if (response == '500') {
+ this.setState({
+ StateIcon: 'cluster',
+ StateMessage: 'Server Error',
+ StateException: true,
+ })
+ }
+ }
+
+ render() {
+ const { visible } = this.props
+ const { getFieldDecorator } = this.props.form
+ const { ShowLoading, StateIcon, StateMessage, StateException } = this.state
+
+ return (
+
+ {invalid ? null : (
+
+ )}
+ {ycore.IsThisUser.same(UUID) ? (
+
+
+
+ }
+ />
+
+ 
+
+
+
+
+
+
+
+ {this.state.UserTags.length > 0 ? (
+ (
+
+
+ {item.title} {item.icon}
+
+
+ )}
+ />
+ ) : null}
+
+ {ycore.IsThisUser.same(RenderValue.id) ? null : (
+ this.handleFollowUser()}
+ >
+
+ )}
+
+
+ {RenderValue.username}
+
+
+
+
+ {RenderValue.username}
+
+ {ycore.booleanFix(RenderValue.verified) ? (
+
+
+ { ycore.IsThisUser.same(UUID)?
+
+
+ : null }
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
+
+export default YulioID
diff --git a/.prev/src/components/YulioID/index.less b/.prev/src/components/YulioID/index.less
new file mode 100644
index 00000000..3aa46d12
--- /dev/null
+++ b/.prev/src/components/YulioID/index.less
@@ -0,0 +1,485 @@
+ @import '~themes/index.less';
+
+ .loginWrapper {
+ :global {
+ .ant-drawer-right.ant-drawer-open.no-mask {
+ right: 1px;
+ -ms-transform: translateX(1px);
+ transform: translateX(1px);
+ width: 100%;
+ }
+
+ .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
+ width: 100%;
+ border-radius: 20px 0 0 20px;
+ }
+
+ .ant-drawer-body {
+ height: 100%;
+ }
+
+ .ant-drawer {
+ box-shadow: none;
+ border-radius: 20px 0 0 20px;
+ max-width: 512px;
+ width: 100%;
+ }
+
+ .ant-drawer-content {
+ background: #ffffff9f;
+ border-radius: 20px 0 0 20px;
+ }
+ }
+ }
+
+ .StateIcon {
+ font-size: 24px;
+ margin: 13px;
+ }
+
+ .StateIcon_exception {
+ font-size: 24px;
+ margin: 13px;
+ color: red !important;
+
+ :global {
+ i {
+ color: red !important;
+
+ }
+ }
+ }
+
+ .mainlp {
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ display: flex;
+ width: 100%;
+ word-break: keep-all;
+
+ color: @foregroundColor;
+ text-align: left;
+ }
+
+ .mainlp .sectionlp {
+ border: 1px solid @accentColor;
+ position: relative;
+ padding: 40px 40px 50px;
+ }
+
+ .mainlp .sectionlp>h6 {
+ color: @accentColor;
+ background: @canvasColor;
+ position: absolute;
+ top: -10px;
+ left: 20px;
+ padding: 0 10px;
+ }
+
+ .mainlp .sectionlp .h6lp.subheader {
+ color: @grayColor;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ width: 100%;
+ }
+
+ @media (max-width: 992px) {
+ section:not(:last-child) {
+ border-width: 0 0 1px;
+ }
+
+ section:last-child {
+ border-width: 0;
+ }
+ }
+
+
+
+
+ .buttons {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ }
+
+ .buttons>* {
+ flex: 1 1 calc(50% - 20px);
+ margin-top: 20px;
+ }
+
+ .buttons>*:nth-child(odd) {
+ margin-right: 20px;
+ }
+
+ a.buttonlp,
+ input.buttonlp,
+ .buttonlp {
+ outline: none;
+ width: 100%;
+ text-align: center;
+ display: inline-block;
+ border: none;
+ font: 500 16px/1 "Poppins", sans-serif;
+ padding: 20px;
+ cursor: pointer;
+ border-radius: @borderRadius;
+ background: @primaryColor;
+ color: @backgroundColor;
+ position: relative;
+ top: 0;
+ transition: 0.2s ease;
+ }
+
+ a.buttonlp:hover,
+ a.buttonlp.hover,
+ input.buttonlp:hover,
+ input.buttonlp.hover,
+ .buttonlp:hover,
+ .buttonlp.hover {
+ top: -3px;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
+ }
+
+ a.buttonlp:active,
+ a.buttonlp.active,
+ input.buttonlp:active,
+ .input.buttonlp.active,
+ .buttonlp:active,
+ .buttonlp.active {
+ background: @primaryShade4;
+ outline: none;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ top: 0;
+ }
+
+ a.buttonlp.disabled,
+ input.buttonlp.disabled,
+ .buttonlp.disabled {
+ opacity: 0.4;
+ user-select: none;
+ pointer-events: none;
+ }
+
+ a.buttonlp.medium,
+ input.buttonlp.medium,
+ .buttonlp.medium {
+ padding: 15px 18px;
+ width: auto;
+ }
+
+ a.buttonlp.small,
+ input.buttonlp.small,
+ .buttonlp.small {
+ padding: 10px 12px;
+ width: auto;
+ font-size: 14px;
+ font-weight: 500;
+ }
+
+ a.buttonlp.secondary,
+ input.buttonlp.secondary,
+ .buttonlp.secondary {
+ background: @secondaryColor;
+ }
+
+ a.buttonlp.secondary:active,
+ a.buttonlp.secondary:focus,
+ a.buttonlp.secondary.active,
+ input.buttonlp.secondary:active,
+ input.buttonlp.secondary:focus,
+ input.buttonlp.secondary.active,
+ .buttonlp.secondary:active,
+ .buttonlp.secondary:focus,
+ .buttonlp.secondary.active {
+ background: @secondaryShade4;
+ outline: none;
+ }
+
+ a.buttonlp.accent,
+ input.buttonlp.accent,
+ .buttonlp.accent {
+ background: @accentColor;
+ }
+
+ a.buttonlp.accent:active,
+ a.buttonlp.accent:focus,
+ a.buttonlp.accent.active,
+ input.buttonlp.accent:active,
+ input.buttonlp.accent:focus,
+ input.buttonlp.accent.active,
+ .buttonlp.accent:active,
+ .buttonlp.accent:focus,
+ .buttonlp.accent.active {
+ background: @accentShade4;
+ }
+
+ a.buttonlp.accent2,
+ input.buttonlp.accent2,
+ .buttonlp.accent2 {
+ background: @accent2Color;
+ }
+
+ a.buttonlp.accent2:active,
+ a.buttonlp.accent2:focus,
+ a.buttonlp.accent2.active,
+ input.buttonlp.accent2:active,
+ input.buttonlp.accent2:focus,
+ input.buttonlp.accent2.active,
+ .buttonlp.accent2:active,
+ .buttonlp.accent2:focus,
+ .buttonlp.accent2.active {
+ background: @accent2Shade4;
+ }
+
+ a.buttonlp.accent3,
+ input.buttonlp.accent3,
+ .buttonlp.accent3 {
+ background: @accent3Color;
+ }
+
+ a.buttonlp.accent3:active,
+ a.buttonlp.accent3:focus,
+ a.buttonlp.accent3.active,
+ input.buttonlp.accent3:active,
+ input.buttonlp.accent3:focus,
+ input.buttonlp.accent3.active,
+ .buttonlp.accent3:active,
+ .buttonlp.accent3:focus,
+ .buttonlp.accent3.active {
+ background: @accent3Shade4;
+ }
+
+ /*inputs*/
+ .input__wrapper {
+ margin-bottom: 10px;
+
+ :global {
+ .ant-col {
+ width: 100%;
+ }
+ }
+ }
+
+ .inputRG__wrapper {
+ margin-bottom: 0px;
+ }
+
+ .labelform {
+ font-weight: 500;
+ display: block;
+ margin-bottom: 5px;
+ }
+
+ .inputform,
+ select,
+ textarea {
+ height: 50px;
+ font-size: 16px;
+ border: 2px solid @neutralShade3;
+ width: 100%;
+ padding: 12px;
+ font-family: "Poppins";
+ border-radius: @borderRadius;
+ color: @foregroundColor;
+ background: @backgroundColor;
+ }
+
+ .inputform:focus,
+ .inputform.active,
+ select:focus,
+ select.active,
+ textarea:focus,
+ textarea.active {
+ outline: none;
+ border-color: @primaryColor;
+ }
+
+ .inputform:disabled,
+ select:disabled,
+ textarea:disabled {
+ cursor: not-allowed;
+ background: @neutralShade1;
+ opacity: 0.6;
+ }
+
+ Input .inputPasswordform {
+ height: 50px;
+ font-size: 16px;
+ border: 2px solid @neutralShade3;
+ width: 100%;
+ padding: 12px;
+ font-family: "Poppins";
+ border-radius: @borderRadius;
+ color: @foregroundColor;
+ background: @backgroundColor;
+ }
+
+ Input .inputPasswordform:focus {
+ outline: none;
+ border-color: @primaryColor;
+ }
+
+ .inputform.input {
+ height: 56px;
+ font-size: 18px;
+ padding: 15px;
+ }
+
+
+ /*spinner*/
+ .spinner+.labellp {
+ font-size: 14px;
+ font-weight: 500;
+ margin-top: 8px;
+ display: inline-block;
+ text-transform: uppercase;
+ color: @primaryShade4;
+ }
+
+ .spinner1 .spinner {
+ max-width: 50px;
+ margin: auto;
+ height: 20px;
+ position: relative;
+ }
+
+ .spinner1 .spinner:after {
+ content: "";
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ left: -10%;
+ background: @primaryColor;
+ animation: spinnerLeftRight 1s infinite;
+ }
+
+ .spinner1 .spinner:before {
+ content: "";
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ left: -10%;
+ background: @primaryShade2;
+ opacity: 1;
+ animation: spinnerLeftRight 1s infinite 0.06s;
+ }
+
+ @keyframes spinnerLeftRight {
+ 0% {
+ left: 85%;
+ }
+
+ 50% {
+ left: -10%;
+ }
+
+ 100% {
+ left: 85%;
+ }
+ }
+
+
+
+ .formlogin {
+ width: 95%;
+ height: auto;
+ border-radius: 10px;
+ padding: 30px;
+ box-shadow: 0 3px 15px rgba(51, 51, 51, 0.2);
+ background: #ffffff44;
+ margin: 20px 10px 20px 10px;
+ position: relative;
+ overflow: hidden;
+ vertical-align: middle;
+ }
+
+ .formlogin .checkbox {
+ margin-bottom: 30px;
+ }
+
+ .formlogin .spinner__wrapper {
+ place-items: center;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background: rgba(255, 255, 255, 0.85);
+
+ }
+
+
+ .preheader {
+ position: relative;
+ top: 0;
+
+ h1 {
+ font: 700 48px "Nunito", sans-serif;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+
+ h6 {
+ padding: 3em 0 0 0;
+ line-height: 1px;
+ display: flex;
+ font: 500 16px/1 "Poppins", sans-serif;
+ text-transform: uppercase;
+
+ img {
+ vertical-align: middle;
+ height: 17px;
+ }
+ }
+ }
+
+ .moreActions {
+ display: flex;
+ margin: auto;
+ align-content: center;
+ position: relative;
+ width: 100%;
+
+ :global {
+ .ant-btn {
+ margin: auto;
+ }
+ }
+ }
+
+ @media (max-width: 472px) {
+ .moreActions {
+ display: grid;
+ align-content: center;
+ position: relative;
+ width: 100%;
+
+ :global {
+ .ant-btn {
+ margin: 5px;
+ }
+ }
+ }
+ }
+
+ .resultbox {
+ h6 {
+ font-family: "Poppins", sans-serif;
+ text-align: center;
+ font-size: 16px;
+ margin: auto;
+ vertical-align: middle;
+ }
+
+ .retryBTN {
+ text-align: center;
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ margin: auto;
+ vertical-align: bottom;
+ }
+
+ margin: auto;
+ }
\ No newline at end of file
diff --git a/.prev/src/components/index.js b/.prev/src/components/index.js
new file mode 100644
index 00000000..7583c7a5
--- /dev/null
+++ b/.prev/src/components/index.js
@@ -0,0 +1,47 @@
+// @alias from 'components'
+
+// Helpers & Misc
+import MobileWarning from './MobileWarning'
+import CustomIcons from './CustomIcons'
+import Loader from './Loader/Loader.js'
+import ScrollBar from './ScrollBar'
+import App_about from './App_about'
+
+// App Layout Components
+import * as MyLayout from './Layout/index.js'
+import HeaderSearch from './HeaderSearch'
+import PageTransition from './PageTransition'
+import YulioID from './YulioID'
+
+// User Components
+import UserBadges from './UserBadges'
+import UserProfile from './UserProfile'
+import SearchCard from './SearchCard'
+
+// Post Components
+import MediaPlayer from './MediaPlayer'
+import PostCard from './PostCard'
+import Like_button from './Like_button'
+import MainFeed from './MainFeed'
+import PostCreator from './PostCreator'
+
+// Mix & Export all
+export {
+ App_about,
+ MediaPlayer,
+ UserBadges,
+ MobileWarning,
+ PageTransition,
+ SearchCard,
+ HeaderSearch,
+ YulioID,
+ UserProfile,
+ MyLayout,
+ Loader,
+ ScrollBar,
+ PostCard,
+ PostCreator,
+ CustomIcons,
+ Like_button,
+ MainFeed,
+}
diff --git a/.prev/src/layouts/BaseLayout.js b/.prev/src/layouts/BaseLayout.js
new file mode 100644
index 00000000..0e790821
--- /dev/null
+++ b/.prev/src/layouts/BaseLayout.js
@@ -0,0 +1,57 @@
+import React, { PureComponent, Fragment } from 'react'
+import PropTypes from 'prop-types'
+import { connect } from 'dva'
+import { Helmet } from 'react-helmet'
+import { Loader } from 'components'
+import { queryLayout } from 'utils'
+import NProgress from 'nprogress'
+import config from 'config'
+import withRouter from 'umi/withRouter'
+import {AppSettings} from 'ycore'
+
+import PublicLayout from './PublicLayout'
+import PrimaryLayout from './PrimaryLayout'
+import './BaseLayout.less'
+
+const LayoutMap = {
+ primary: PrimaryLayout,
+ public: PublicLayout,
+}
+
+@withRouter
+@connect(({ loading }) => ({ loading }))
+class BaseLayout extends PureComponent {
+ previousPath = ''
+
+ render() {
+ const { loading, children, location } = this.props
+ const Container = LayoutMap[queryLayout(config.layouts, location.pathname)]
+
+ const currentPath = location.pathname + location.search
+ if (currentPath !== this.previousPath) {
+ NProgress.start()
+ }
+
+ if (!loading.global) {
+ NProgress.done()
+ this.previousPath = currentPath
+ }
+
+ return (
+
+
+
+
+
+ 
YulioID™
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+ if (matchMaster) {
+ return ycore.IsThisUser.dev() || ycore.IsThisUser.admin() ? (
+ <__m />
+ ) : (
+
+
+ )
+ }
+}
+
+export default PageIndexer
diff --git a/.prev/src/pages/$page/index.less b/.prev/src/pages/$page/index.less
new file mode 100644
index 00000000..cc1b09bf
--- /dev/null
+++ b/.prev/src/pages/$page/index.less
@@ -0,0 +1,14 @@
+.content {
+ line-height: 2.4;
+ font-size: 13px;
+
+ .item {
+ display: flex;
+
+ &>div {
+ &:first-child {
+ width: 100px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/pages/404.js b/.prev/src/pages/404.js
new file mode 100644
index 00000000..ddc21062
--- /dev/null
+++ b/.prev/src/pages/404.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Icon as LegacyIcon } from '@ant-design/compatible'
+import { Page } from 'components'
+import styles from './404.less'
+
+const Error404 = () => (
+
+
+)
+
+export default Error404
diff --git a/.prev/src/pages/404.less b/.prev/src/pages/404.less
new file mode 100644
index 00000000..ac10f8cc
--- /dev/null
+++ b/.prev/src/pages/404.less
@@ -0,0 +1,55 @@
+/* devanagari */
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
+ unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+.error {
+ background-color: transparent;
+ color: black;
+ text-align: center;
+ position: absolute;
+ top: 30%;
+ margin-top: -50px;
+ left: 50%;
+ margin-left: -100px;
+ width: 200px;
+
+ :global .anticon {
+ font-size: 48px;
+ margin-bottom: 16px;
+ }
+
+ h1 {
+ font-family: 'Poppins', sans-serif;
+
+ }
+
+ p {
+ font-family: 'Poppins', sans-serif;
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/pages/__m/index.js b/.prev/src/pages/__m/index.js
new file mode 100644
index 00000000..a8bd4faf
--- /dev/null
+++ b/.prev/src/pages/__m/index.js
@@ -0,0 +1,232 @@
+import React from 'react'
+import * as ycore from 'ycore'
+import * as antd from 'antd'
+import * as Icons from '@ant-design/icons'
+import jwt from 'jsonwebtoken'
+
+import styles from './style.less'
+import MainFeed from '../../components/MainFeed'
+
+const UserData = ycore.userData()
+
+export default class __m extends React.Component {
+ constructor(props) {
+ super(props),
+ (this.state = {
+ s_id: '',
+ coninfo: 'Getting info...',
+ s_token: '',
+ s_ses: '',
+ })
+ }
+
+ componentDidMount() {
+ this.handleSID()
+ this.handleToken()
+ }
+
+ handleSID() {
+ ycore.comty_get.session_id((err, response) => {
+ if (err) {
+ return ycore.notify.error(err)
+ }
+ this.setState({ s_id: response })
+ })
+ }
+ handleToken() {
+ const a = ycore.token_data.getRaw()
+ const b = jwt.decode(a)
+ this.setState({ s_token: b })
+ {
+ ycore.validate.session(res => {
+ this.setState({ s_ses: res })
+ })
+ }
+ }
+ handleDesktop() {
+ const a = localStorage.getItem('desktop_src')
+ let to
+ if ( a == 'false') {
+ to = true
+ } else {
+ to = false
+ }
+ ycore.notify.proccess('Switching to ', to ? 'Desktop Mode' : 'Normal Mode')
+ localStorage.setItem('desktop_src', to)
+ setTimeout(() => ycore.RefreshONCE(), 2000)
+ }
+ DescompileSDCP() {
+ let result = {}
+ for (var i = 0; i < UserData.length; i++) {
+ result[UserData[i].key] = UserData[i].value
+ }
+ console.log([result])
+ }
+
+ render() {
+ const arrayOfSDCP = Object.entries(UserData).map(e => ({ [e[0]]: e[1] }))
+ const { UserID, UserToken, expiresIn } = this.state.s_token
+ const { ValidSDCP, ValidCookiesToken, final } = this.state.s_ses
+
+ const AddDummy = {
+ id: '3',
+ publisher: { id: '1' },
+ post_id: '1',
+ user_id: '48',
+ recipient_id: '0',
+ postText: 'New by ID Dummy Payload',
+ }
+
+ return (
+ OBA BLYAT
++ ERROR 404 +
+
+
+ )
+ }
+}
diff --git a/.prev/src/pages/__m/style.less b/.prev/src/pages/__m/style.less
new file mode 100644
index 00000000..ad2d7dc7
--- /dev/null
+++ b/.prev/src/pages/__m/style.less
@@ -0,0 +1,31 @@
+@import '~themes/index.less';
+
+.Wrapper {
+ padding: 10px;
+}
+
+.titleHeader {
+ position: relative;
+ width: 100%;
+ height: 40px;
+ background-color: #fff;
+ border-radius: 8px;
+ line-height: 40px;
+ padding: 0 30px 0 15px;
+
+ h1 {
+ font-family: "Poppins", sans-serif;
+ font-size: 14px;
+ color: #1890ff;
+ }
+
+}
+
+.sectionWrapper {
+ word-break: break-all;
+ max-width: 100%;
+ text-overflow: clip;
+ margin: 15px auto 15px 0;
+ padding: 15px;
+ background-color: rgb(236, 236, 236);
+}
\ No newline at end of file
diff --git a/.prev/src/pages/about/index.js b/.prev/src/pages/about/index.js
new file mode 100644
index 00000000..928dcb1b
--- /dev/null
+++ b/.prev/src/pages/about/index.js
@@ -0,0 +1,9 @@
+import React from 'react'
+import { App_about } from 'components'
+
+class AppAbout extends React.Component {
+ render() {
+ return
+
+
+
+
+
+
+
+
+
+ {ycore.__server.getKey()}
+
+
+
+
+ {this.state.s_id}
+
+
+
+
+
+
+
+
+ {' '}
+ Using v{ycore.AppInfo.version} | User @{UserData.username}#
+ {UserData.id} |{' '}
+
+
+
+
+
+
+ {ycore.__server.getKey()}
+
+
+ {this.state.s_id}
+
+
+ Raw => {JSON.stringify(this.state.s_token)}
+UID => {UserID}
+Session Token => {UserToken}
+expiresIn => {expiresIn}
++
ValidSDCP => {JSON.stringify(ValidSDCP)}
+ValidCookiesToken => {JSON.stringify(ValidCookiesToken)}
+Valid? => {JSON.stringify(final)}
+
+
+
+
+
+
+
+ ycore.notify.error('Yep, its not empty, jeje funny')}
+ >
+ {' '}
+ Send empty notify.error(){' '}
+
+
+ ycore.notify.error(`
+ ycore.GetPosts(uid, get, '0', (err, result) => {
+ const parsed = JSON.parse(result)['data']
+ const isEnd = parsed.length < ycore.AppSettings.limit_post_catch? true : false
+ this.setState({ isEnd: isEnd, data: parsed, loading: false })
+ })`)
+ }
+ >
+ {' '}
+ Send mock notify.error(){' '}
+
+
+ ycore.notify.error('Error Mock 1')}>
+ {' '}
+ notify.error{' '}
+
+ ycore.notify.proccess('Proccess Mock 1')}>
+ {' '}
+ notify.proccess{' '}
+
+ this.handleDesktop()}>
+ {' '}
+ Switch to Desktop_mode{' '}
+
+
+ ycore.app_modals.report_post()}>
+ Open report_post modal
+
+
+ ycore.sync.emmitPost()}>
+ Emmit Post feed
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {JSON.stringify(arrayOfSDCP)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ycore.FeedHandler.addToRend(AddDummy)}>
+ {' '}
+ ADD DUMMY{' '}
+
+ ycore.FeedHandler.killByID(3)}>
+ {' '}
+ KillByID (3){' '}
+
+
+
+
+ +
+
+
+
+ )
+ } catch (error) {
+ return (
+
+
+ Render Error
+
+
+
+
+
+
+ )
+ }
+
+ return (
+
+
+
+ {this.state.loading
+ ? null
+ : this.renderResult(this.state.SearchResult)}
+
+
+ Render Error
+
+ )
+ }
+}
+
+export default GroupIndexer
diff --git a/.prev/src/pages/g/$group/styles.less b/.prev/src/pages/g/$group/styles.less
new file mode 100644
index 00000000..6ced630f
--- /dev/null
+++ b/.prev/src/pages/g/$group/styles.less
@@ -0,0 +1,20 @@
+@import '~themes/index.less';
+
+.searchHeader {
+ font-family: "Nunito", sans-serif;
+ font-size: 40px;
+ text-align: center;
+ margin-top: 7px;
+}
+
+.results {
+ padding: 10px;
+}
+
+.searchEntry {
+ :global {
+ .antd-card {
+ margin: auto;
+ }
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/pages/index.js b/.prev/src/pages/index.js
new file mode 100644
index 00000000..183c0a9e
--- /dev/null
+++ b/.prev/src/pages/index.js
@@ -0,0 +1,10 @@
+import React, { PureComponent } from 'react'
+import * as ycore from 'ycore'
+
+class Index extends PureComponent {
+ render() {
+ ycore.router.go(`login`)
+ }
+}
+
+export default Index
diff --git a/.prev/src/pages/login/index.js b/.prev/src/pages/login/index.js
new file mode 100644
index 00000000..6832aa16
--- /dev/null
+++ b/.prev/src/pages/login/index.js
@@ -0,0 +1,132 @@
+import React from 'react'
+import { AppInfo } from 'ycore'
+import styles from './index.less'
+import classnames from 'classnames'
+
+import * as antd from 'antd'
+import * as Icons from '@ant-design/icons'
+
+import { RegistrationForm } from './register.js'
+import { NormalLoginForm } from './login.js'
+
+import { siteName } from 'config'
+
+export function transitionToogle() {
+ window.LoginComponent.setState({
+ transition: !window.LoginComponent.state.transition,
+ })
+ window.LoginComponent.toogleYulioID()
+}
+
+class Login extends React.PureComponent {
+ constructor(props) {
+ super(props)
+ window.LoginComponent = this
+ this.state = {
+ transition: false,
+ using: 1,
+ }
+ }
+ switchType = {
+ f: a => {
+ this.setState({ using: a })
+ },
+ login: () => {
+ this.switchType.f(1)
+ },
+ register: () => {
+ this.switchType.f(2)
+ },
+ forgot: () => {
+ this.switchType.f(3)
+ },
+ }
+
+ renderType(t) {
+ const a = this.state.using
+ if (t) {
+ switch (a) {
+ case 1:
+ return `Sign in ${siteName}`
+ case 2:
+ return 'Register'
+ case 3:
+ return 'Forgot'
+ default:
+ return 'Auth'
+ }
+ } else {
+ switch (a) {
+ case 1:
+ return
+ this.switchType.forgot()}>
+ Forgotten password
+
+ this.switchType.register()}>
+ Create an account
+
+
+ )
+ }
+ if (this.state.using == 2 || 3) {
+ return (
+
+ this.switchType.login()}>
+ Login
+
+
+ )
+ }
+ }
+
+ render() {
+ return (
+
+
+ )
+ }
+}
+export default Login
diff --git a/.prev/src/pages/login/index.less b/.prev/src/pages/login/index.less
new file mode 100644
index 00000000..ef8e2646
--- /dev/null
+++ b/.prev/src/pages/login/index.less
@@ -0,0 +1,235 @@
+@import '~themes/index.less';
+
+
+.login_wrapper{
+ width: 100%;
+ height: 100%;
+ font-family: "Poppins", sans-serif!important;
+ h1,h2,h3,h4,h5,h6{color: #333;}
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: flex;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 20px;
+ margin: auto;
+
+ overflow-y: scroll;
+ overflow-x: hidden;
+ &.goOut{
+ .auth_box{
+ -webkit-animation-name: fadeOutLeft;
+ animation-name: fadeOutLeft;
+ }
+ }
+ transition: all 300ms ease-in-out;
+}
+
+
+.auth_box{
+ display: flex;
+ transition: all 300ms ease-in-out;
+
+ .yid_logo {
+ vertical-align: middle;
+ height: 17px;
+ }
+ :global{
+ input:-webkit-autofill,
+ input:-webkit-autofill:hover,
+ input:-webkit-autofill:focus,
+ textarea:-webkit-autofill,
+ textarea:-webkit-autofill:hover,
+ textarea:-webkit-autofill:focus,
+ select:-webkit-autofill,
+ select:-webkit-autofill:hover,
+ select:-webkit-autofill:focus {
+ border: 0;
+ -webkit-text-fill-color: #333;
+ -webkit-box-shadow: 0 0 0px 1000px #ffffff98 inset;
+ box-shadow: #fff 0px 0px 0px 1000px inset;
+ transition: background-color 5000s ease-in-out 0s;
+ }
+
+ .ant-input-affix-wrapper {
+ width: 100%;
+ height: 40px;
+ padding: 4px 11px;
+ color: #333;
+ font-size: 14px;
+ line-height: 1.5715;
+ background-color: #fff; //rgba(255, 255, 255, 0.596);
+ border: 1.5px #2F66DF solid;
+ border-radius: 7px;
+ }
+ }
+}
+
+.centering_wrapper{
+ width: 100%;
+ text-align: center;
+}
+
+.left_body{
+ z-index: 50;
+ transform: translate(12px,0);
+ float: left;
+ width: 30%;
+ color: #333;
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 12px 0 0 12px;
+ box-shadow: 0px 10px 20px 0px rgba(51,51,51,0.52);
+ transition: all 300ms ease-in-out;
+
+}
+.right_body{
+ z-index: 51;
+ float: right;
+ width: 70%;
+ max-height: -webkit-fill-available;
+ height: 150px;
+ padding: 20px 50px 20px 50px;
+ color: #333;
+ background-color: #fff;
+ border-radius: 12px;
+ box-shadow: 0px 10px 20px 0px rgba(51,51,51,0.52);
+ transition: all 300ms ease-in-out;
+}
+
+
+
+.helper_login_btn{
+ transform: translate(-20px, -14px);
+}
+
+
+.login_helper_footer{
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: flex;
+ margin: auto;
+ :global{
+ .ant-btn{
+ margin: auto;
+ padding: 0 5px 0 5px;
+ }
+ }
+
+ transform: translate(0, -10px);
+
+}
+
+
+@keyframes go-out {
+ 0% {
+ filter: blur(0px)
+ }
+
+ 100% {
+ filter: blur(15px)
+ }
+}
+
+// // Full format
+// @media (min-width: 486px){
+// .login_wrapper {
+// min-height: 580px;
+// }
+// .auth_box {
+// width: 784px;
+// }
+// }
+
+// Medium format max-width: 830px
+@media (min-width: 486px){
+ .auth_box {
+ padding: 0 16px 40px;
+ width: 500px;
+ min-height: 500px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ }
+ .left_body{
+ width: 100%;
+ float: none;
+ border-radius: 12px 12px 0 0;
+ padding: 20px 20px 20px 20px;
+ transform: translate(0, 22px);
+ }
+ .right_body{
+ width: 100%;
+ float: none;
+ padding: 20px 60px 20px 60px;
+ }
+}
+
+// Mobile format
+@media (max-width: 485px){
+ .auth_box {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 70px 16px 40px;
+ width: 100%;
+ height: 100%;
+ min-height: 500px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 0;
+ }
+ .left_body{
+ box-shadow: none;
+ width: 100%;
+ float: none;
+ position: absolute;
+ top: 0;
+ margin-top: 30px;
+ transform: translate(0, 0);
+ }
+ .right_body{
+ box-shadow: none;
+ width: 100%;
+ float: none;
+ padding: 20px 20px 20px 20px;
+ }
+}
+
+.register_form{
+
+}
+
+@-webkit-keyframes fadeOutLeft {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+@keyframes fadeOutLeft {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
diff --git a/.prev/src/pages/login/login.js b/.prev/src/pages/login/login.js
new file mode 100644
index 00000000..231bd947
--- /dev/null
+++ b/.prev/src/pages/login/login.js
@@ -0,0 +1,221 @@
+import React from 'react'
+import styles from './index.less'
+
+import Fade from 'react-reveal/Fade'
+import HeadShake from 'react-reveal/HeadShake';
+
+import * as antd from 'antd'
+import * as ycore from 'ycore'
+
+import { Form, Input, Button, Checkbox } from 'antd'
+import {
+ UserOutlined,
+ LockOutlined,
+ BulbOutlined,
+ SwapLeftOutlined
+} from '@ant-design/icons'
+
+export class NormalLoginForm extends React.PureComponent {
+ state = {
+ step: 1,
+ validating: false,
+ error_count: 0,
+ step_error: false,
+ step_show: true,
+ swpass: false,
+ }
+
+ next = values => {
+ let a = this.state.step
+ const b = btoa(Object.values(values).toString())
+ switch (a) {
+ case 1:
+ const payload = { username: Object.values(values).toString() }
+ ycore.get_early.user((err, res) => {
+ if (err || !res) return false
+ try {
+ const res_data = JSON.parse(res)
+
+ if (res_data.api_status == 200) {
+ a++
+ this.anim_transition(300)
+ this.setState({
+ step_error: false,
+ early_data: res_data.data,
+ form_rawd_1: b,
+ step: a,
+ })
+ }
+ if (res_data.api_status == 400) {
+ this.anim_error()
+ }
+ } catch (error) {
+ return false
+ }
+ }, payload)
+
+ return true
+ case 2:
+ this.setState({ form_rawd_2: b, step: a })
+ this.auth()
+ return true
+ default:
+ return false
+ }
+ }
+
+ back() {
+ let a = this.state.step
+ if (a > 1) {
+ a--
+ this.anim_transition(150)
+ }
+
+ this.setState({ step: a })
+ }
+
+ anim_transition(duration) {
+ this.setState({ step_show: false })
+ setTimeout(() => {
+ this.setState({ step_show: true })
+ }, duration || 1000)
+ }
+ anim_error() {
+ this.setState({ step_error: true, error_count: (this.state.error_count + 1) })
+ }
+
+ auth() {
+ const { form_rawd_1, form_rawd_2 } = this.state
+ if (!form_rawd_1 || !form_rawd_2) return false
+ const frame = { EncUsername: form_rawd_1, EncPassword: form_rawd_2 }
+
+ this.setState({ step_error: false, validating: true })
+ ycore.app_session.login((err, res) => {
+ switch (res) {
+ case '200': {
+ this.anim_transition(300)
+ ycore.LoginPage.transitionToogle()
+ return
+ }
+ case '400': {
+ console.log('Credentials error')
+ this.setState({ validating: false })
+ this.anim_error()
+ return
+ }
+ case '500': {
+ console.log('Server error')
+ this.setState({ validating: false })
+ this.back()
+ return
+ }
+ default:
+ this.back()
+ this.setState({ validating: false })
+ return false
+ }
+ }, frame)
+ }
+
+ renderState = () => {
+ switch (this.state.step) {
+ case 1:
+ return (
+
+ )
+ case 2:
+ return (
+
+ )
+ case 3: {
+ return
+ ⚠ Using v{AppInfo.version} {AppInfo.stage}
+
+
+
+
+
+
+
+
+
+
+
+ YulioID™
+
+ {this.renderType(true)}
+
+ {this.renderType()}
+ {this.renderHelperButtons()}
+
+ Wait a sec...
+ } + default: + return null + } + } + + render() { + return ( +
+
+ {this.renderState()}
+
+
+ )
+ }
+}
diff --git a/.prev/src/pages/login/register.js b/.prev/src/pages/login/register.js
new file mode 100644
index 00000000..c74a5b49
--- /dev/null
+++ b/.prev/src/pages/login/register.js
@@ -0,0 +1,162 @@
+import React, { useState } from 'react'
+import {
+ MailOutlined,
+ TagOutlined,
+ LockOutlined,
+} from '@ant-design/icons'
+
+import styles from './index.less'
+import {
+ Form,
+ Input,
+ Tooltip,
+ Cascader,
+ Select,
+ Row,
+ Col,
+ Checkbox,
+ Button,
+ AutoComplete,
+} from 'antd'
+import { QuestionCircleOutlined } from '@ant-design/icons'
+import ReCAPTCHA from 'react-google-recaptcha'
+import { g_recaptcha_key } from 'config'
+
+function capchaOnChange(value) {
+ console.log('Captcha value:', value)
+}
+
+
+
+export const RegistrationForm = () => {
+
+ const onFinish = values => {
+ console.log('Received values of form: ', values)
+ }
+
+ return (
+
+
+
+ )
+}
diff --git a/.prev/src/pages/main/index.js b/.prev/src/pages/main/index.js
new file mode 100644
index 00000000..5f1e604a
--- /dev/null
+++ b/.prev/src/pages/main/index.js
@@ -0,0 +1,15 @@
+import React from 'react'
+import * as ycore from 'ycore'
+import { PostCreator, MainFeed } from 'components'
+import styles from './index.less'
+
+export default class Main extends React.Component {
+ render() {
+ return (
+
+
+ )
+ }
+}
diff --git a/.prev/src/pages/main/index.less b/.prev/src/pages/main/index.less
new file mode 100644
index 00000000..7c81e1c2
--- /dev/null
+++ b/.prev/src/pages/main/index.less
@@ -0,0 +1,6 @@
+@import '~themes/index.less';
+
+.mainWrapper {
+ position: relative;
+ padding: 20px;
+}
diff --git a/.prev/src/pages/marketplace/index.js b/.prev/src/pages/marketplace/index.js
new file mode 100644
index 00000000..269da609
--- /dev/null
+++ b/.prev/src/pages/marketplace/index.js
@@ -0,0 +1,10 @@
+import React from 'react'
+import * as antd from 'antd'
+
+export default class Marketplace extends React.PureComponent{
+ render(){
+ return(
+ Your PRO
+ }
+}
diff --git a/.prev/src/pages/s/$search/index.js b/.prev/src/pages/s/$search/index.js
new file mode 100644
index 00000000..75ce960d
--- /dev/null
+++ b/.prev/src/pages/s/$search/index.js
@@ -0,0 +1,163 @@
+import React, { PureComponent } from 'react'
+import { pathMatchRegexp } from 'utils'
+import { SearchCard } from 'components'
+import styles from './styles.less'
+import * as ycore from 'ycore'
+import * as antd from 'antd'
+import * as Icons from '@ant-design/icons'
+import Icon from '@ant-design/icons'
+
+class SearchPageIndexer extends PureComponent {
+ constructor(props) {
+ super(props),
+ (this.state = {
+ SearchResult: '',
+ loading: true,
+ })
+ }
+ toogleLoading() {
+ this.setState({ loading: !this.state.loading })
+ }
+ componentDidMount() {
+ try {
+ const { location } = this.props
+ const matchSearch = pathMatchRegexp('/s/:id', location.pathname)
+ const parsed = matchSearch.shift()
+ const raw = parsed.toString()
+ const string = raw.replace('/s/', '')
+
+ const payload = { key: string }
+ ycore.comty_search.keywords((err, res) => {
+ if (err) {
+ ycore.notify.error(err)
+ }
+ ycore.yconsole.log('Founded entries => ', JSON.parse(res))
+ this.setState({ SearchResult: res })
+ this.toogleLoading()
+ }, payload)
+ } catch (err) {
+ ycore.notify.error(err)
+ }
+ }
+
+ renderResult = source => {
+ try {
+ const Empty = (
+
+
+ )
+
+ // TO DO: Settings serach & Post Search
+ const usersParsed = JSON.parse(source)['users']
+ const groupsParsed = JSON.parse(source)['groups']
+ const pagesParsed = JSON.parse(source)['pages']
+
+ const users = () => {
+ if (usersParsed.length >= 1) {
+ ycore.yconsole.log('Users => ', usersParsed)
+ return this.EntryComponent('Users', usersParsed)
+ }
+ }
+ const groups = () => {
+ if (groupsParsed.length >= 1) {
+ ycore.yconsole.log('Groups => ', groupsParsed)
+ return this.EntryComponent('Groups', groupsParsed)
+ }
+ }
+ const pages = () => {
+ if (pagesParsed.length >= 1) {
+ ycore.yconsole.log('Pages => ', pagesParsed)
+ return this.EntryComponent('Pages', pagesParsed)
+ }
+ }
+
+ if (
+ !usersParsed.length >= 1 &&
+ !groupsParsed.length >= 1 &&
+ !pagesParsed.length >= 1
+ ) {
+ return Empty
+ }
+
+ return [users(), groups(), pages()]
+ } catch (error) {
+ return (
+ Render Error
+
+
+
+
+ )
+ } catch (error) {
+ return (
+
+
+ Render Error
+
+
+
+
+
+
+ )
+ }
+
+ return (
+
+
+
+ {this.state.loading
+ ? null
+ : this.renderResult(this.state.SearchResult)}
+
+
+ Render Error
+
+ )
+ }
+}
+
+export default SearchPageIndexer
diff --git a/.prev/src/pages/s/$search/styles.less b/.prev/src/pages/s/$search/styles.less
new file mode 100644
index 00000000..6ced630f
--- /dev/null
+++ b/.prev/src/pages/s/$search/styles.less
@@ -0,0 +1,20 @@
+@import '~themes/index.less';
+
+.searchHeader {
+ font-family: "Nunito", sans-serif;
+ font-size: 40px;
+ text-align: center;
+ margin-top: 7px;
+}
+
+.results {
+ padding: 10px;
+}
+
+.searchEntry {
+ :global {
+ .antd-card {
+ margin: auto;
+ }
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/pages/saves/index.js b/.prev/src/pages/saves/index.js
new file mode 100644
index 00000000..6b12a01c
--- /dev/null
+++ b/.prev/src/pages/saves/index.js
@@ -0,0 +1,47 @@
+import React from 'react'
+import * as ycore from 'ycore'
+import * as antd from 'antd'
+import * as Icons from '@ant-design/icons'
+import { MainFeed } from 'components'
+import styles from './index.less'
+
+export default class PostSaved extends React.PureComponent{
+ state = {
+ loading: true,
+ data: null,
+ }
+ componentDidMount(){
+ ycore.comty_post.getSaved((err,res) => {
+ if (err) return false
+ try {
+ const a = JSON.parse(res)['data']
+ this.setState({ data: a, loading: false })
+ } catch (error) {
+ ycore.notify.exception('Error cathing saved posts... ', error)
+ }
+ })
+ }
+ renderSavedPost(){
+ const { data } = this.state
+ try {
+ if (data.length < 1) {
+ return
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/pages/saves/index.less b/.prev/src/pages/saves/index.less
new file mode 100644
index 00000000..bb96e995
--- /dev/null
+++ b/.prev/src/pages/saves/index.less
@@ -0,0 +1,14 @@
+@import '~themes/index.less';
+
+.saved_post_wrapper{
+
+}
+.saved_post_title{
+ font-family: @__Global_general_font_family;
+}
+.saved_post_content{
+ margin-top: 10px;
+ padding: 10px;
+ background-color: #ffffff8e;
+ border-radius: 12px;
+}
\ No newline at end of file
diff --git a/.prev/src/pages/settings/components/about.js b/.prev/src/pages/settings/components/about.js
new file mode 100644
index 00000000..34a9abff
--- /dev/null
+++ b/.prev/src/pages/settings/components/about.js
@@ -0,0 +1,9 @@
+import React from 'react'
+import { App_about } from 'components'
+
+export default class AppAbout extends React.Component {
+ render() {
+ return
+
+
+
+
+ {this.renderSavedPost()}
+
+
+
+ )
+ } catch (err) {
+ return ycore.yconsole.log(err)
+ }
+ }
+ handleControlBar() {
+ const ListControls = [
+ - (
+
+ }
+ onClick={() => this.saveChanges()}
+ >
+ Save
+
+
,
+ ]
+ ControlBar.set(ListControls)
+ }
+
+ saveChanges() {
+ localStorage.setItem('app_settings', JSON.stringify(this.state.SettingRepo))
+ this.setState({ forSave: false })
+ notification.success({
+ message: 'Settings saved',
+ description:
+ 'The configuration has been saved, it may for some configuration to make changes you need to reload the application',
+ })
+ setTimeout(ycore.RefreshONCE(), 1000)
+ ControlBar.close()
+ }
+
+ onChangeSwitch(item) {
+ try {
+ this.handleControlBar()
+ const to = !item.value
+ const updatedValue = [...this.state.SettingRepo].map(ita =>
+ ita === item ? Object.assign(ita, { value: to }) : ita
+ )
+ this.setState({ SettingRepo: updatedValue, forSave: true })
+ ycore.yconsole.log(`Changing ${item.SettingID} to value ${to}`)
+ } catch (err) {
+ console.log(err)
+ }
+ }
+ onChangeNumeric(value, item) {
+ this.HandleChangeNumeric(value)
+ }
+ HandleChangeNumeric(item, value) {
+ try {
+ this.handleControlBar()
+ console.log(item.SettingID, value)
+ const updatedValue = [...this.state.SettingRepo].map(ita =>
+ ita === item ? Object.assign(ita, { value: value }) : ita
+ )
+ this.setState({ SettingRepo: updatedValue, forSave: true })
+ ycore.yconsole.log(`Changing ${item.SettingID} to value ${to}`)
+ } catch (err) {
+ console.log(err)
+ }
+ }
+ render() {
+ return (
+
+
+
+ {this.SettingRender(this.state.SettingRepo)}
+
+
+
+ {this.SettingRender(this.state.SettingRepo)}
+
+
+
+
+ )
+ }
+}
diff --git a/.prev/src/pages/settings/components/notification/index.js b/.prev/src/pages/settings/components/notification/index.js
new file mode 100644
index 00000000..3edd9135
--- /dev/null
+++ b/.prev/src/pages/settings/components/notification/index.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import * as ycore from 'ycore'
+import * as Icons from '@ant-design/icons'
+import styles from './index.less'
+
+export default class NotificationView extends React.Component {
+ render() {
+ return (
+
+
+
+
+
+
+ )
+ }
+}
+
diff --git a/.prev/src/pages/settings/components/notification/index.less b/.prev/src/pages/settings/components/notification/index.less
new file mode 100644
index 00000000..6cc5b5c2
--- /dev/null
+++ b/.prev/src/pages/settings/components/notification/index.less
@@ -0,0 +1,17 @@
+@import '~themes/index.less';
+
+.main {
+
+ :global {
+ h2 {
+ font-weight: 500;
+ }
+
+ .anticon {
+ color: #2d2d2d;
+
+ }
+
+
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/pages/settings/components/security/index.js b/.prev/src/pages/settings/components/security/index.js
new file mode 100644
index 00000000..496a31a2
--- /dev/null
+++ b/.prev/src/pages/settings/components/security/index.js
@@ -0,0 +1,65 @@
+import React from 'react'
+import * as ycore from 'ycore'
+import * as Icons from '@ant-design/icons'
+import * as antd from 'antd'
+import styles from './index.less'
+
+import Sessions_Manager from './sessions.js'
+
+const { Menu } = antd
+export default class SecurityView extends React.Component {
+ state = {
+ current: 'privacy',
+ }
+
+ handleClick = e => {
+ this.setState({
+ current: e.key,
+ })
+ }
+
+ renderChildren = () => {
+ const { current } = this.state
+ switch (current) {
+ case 'privacy':
+ return null
+ case 'credentials':
+ return null
+ case 'sessions':
+ return
+
+
+
+
+
+ )
+ }
+}
+
diff --git a/.prev/src/pages/settings/components/security/index.less b/.prev/src/pages/settings/components/security/index.less
new file mode 100644
index 00000000..6cc5b5c2
--- /dev/null
+++ b/.prev/src/pages/settings/components/security/index.less
@@ -0,0 +1,17 @@
+@import '~themes/index.less';
+
+.main {
+
+ :global {
+ h2 {
+ font-weight: 500;
+ }
+
+ .anticon {
+ color: #2d2d2d;
+
+ }
+
+
+ }
+}
\ No newline at end of file
diff --git a/.prev/src/pages/settings/components/security/sessions.js b/.prev/src/pages/settings/components/security/sessions.js
new file mode 100644
index 00000000..01c168c1
--- /dev/null
+++ b/.prev/src/pages/settings/components/security/sessions.js
@@ -0,0 +1,39 @@
+import React from 'react'
+import * as ycore from 'ycore'
+import * as antd from 'antd'
+
+export default class Sessions_Manager extends React.Component {
+ state = {
+ sessions_data: '',
+ }
+ componentDidMount() {
+ ycore.comty_get.session_id((err, res) => {
+ this.setState({ sid: res })
+ })
+ ycore.comty_get.sessions((err, res) => {
+ const a = JSON.parse(res)['data']
+ this.setState({ sessions_data: a })
+ })
+ }
+ render() {
+ return (
+
+
+
+ (
+
+
+
+
+
+ )}
+ />
+
+ )
+ }
+}
diff --git a/.prev/src/pages/settings/index.js b/.prev/src/pages/settings/index.js
new file mode 100644
index 00000000..d64a2207
--- /dev/null
+++ b/.prev/src/pages/settings/index.js
@@ -0,0 +1,108 @@
+import React from 'react'
+import { Menu } from 'antd'
+import * as Icons from '@ant-design/icons'
+import styles from './style.less'
+
+import NotificationView from './components/notification/index.js'
+import SecurityView from './components/security/index.js'
+import Earnings from './components/earnings/index.js'
+
+import Base from './components/base.js'
+import AppAbout from './components/about.js'
+
+const { Item } = Menu
+const menuMap = {
+ base: (
+
+ Session #{item.id}
+ {this.state.sid == item.session_id ? 'This Session' : null} ++
{item.platform}
+{item.ip_address}
+{item.time}
+
+
+ )
+ }
+}
+
+export default GeneralSettings
diff --git a/.prev/src/pages/settings/style.less b/.prev/src/pages/settings/style.less
new file mode 100644
index 00000000..178377a6
--- /dev/null
+++ b/.prev/src/pages/settings/style.less
@@ -0,0 +1,77 @@
+@import '~themes/index.less';
+
+.main {
+ font-family: "Nunito", sans-serif;
+ margin: 20px 0 0 0;
+ display: flex;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ color: @__Global_layout_color;
+ background-color: #ffffff;
+ padding: 15px;
+ border-radius: 10px;
+
+ .leftMenu {
+ width: 224px;
+
+ :global {
+ .ant-menu-inline {
+ color: @__Global_layout_color;
+ background-color: transparent;
+ border: none;
+ }
+
+ .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+ font-weight: bold;
+ }
+ }
+ }
+
+ .right {
+ flex: 1;
+ padding-top: 8px;
+ padding-right: 40px;
+ padding-bottom: 8px;
+ padding-left: 40px;
+
+ .title {
+ margin-bottom: 12px;
+ color: @__Global_layout_color;
+ font-weight: 500;
+ font-size: 20px;
+ line-height: 28px;
+ }
+ }
+
+ :global {
+ .ant-list-item {
+ padding-top: 7px;
+ padding-bottom: 7px;
+ }
+
+ .ant-list-split .ant-list-item {
+ border-bottom: 0;
+ }
+
+ .ant-list-item-meta-title {
+ color: rgba(0, 0, 0, 0.733);
+ font-size: 14px;
+ }
+ }
+}
+
+@media screen and (max-width: @screen-md) {
+ .main {
+ flex-direction: column;
+
+ .leftMenu {
+ width: 100%;
+ border: none;
+ }
+
+ .right {
+ padding: 40px;
+ }
+ }
+}
diff --git a/.prev/src/themes/antd-design.less b/.prev/src/themes/antd-design.less
new file mode 100644
index 00000000..370b40aa
--- /dev/null
+++ b/.prev/src/themes/antd-design.less
@@ -0,0 +1,839 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+@import '../../node_modules/antd/lib/style/themes/default.less';
+
+// -------- Colors -----------
+@primary-color: @blue-6;
+@info-color: @blue-6;
+@success-color: @green-6;
+@processing-color: @blue-6;
+@error-color: @red-6;
+@highlight-color: @red-6;
+@warning-color: @gold-6;
+@normal-color: #d9d9d9;
+@white: #fff;
+@black: #000;
+
+// Color used by default to control hover and active backgrounds and for
+// alert info backgrounds.
+@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
+@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
+@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
+@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
+@primary-5: color(~`colorPalette('@{primary-color}', 5) `); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
+@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
+@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
+@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
+@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
+@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused
+
+// Base Scaffolding Variables
+// ---
+
+// Background color for ``
+@body-background: rgb(249, 249, 249);
+// Base background color for most components
+@component-background: #fff;
+@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
+ 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
+ 'Segoe UI Emoji', 'Segoe UI Symbol';
+@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+@text-color: fade(@black, 65%);
+@text-color-secondary: fade(@black, 45%);
+@text-color-inverse: @white;
+@icon-color: inherit;
+@icon-color-hover: fade(@black, 75%);
+@heading-color: fade(#000, 85%);
+@heading-color-dark: fade(@white, 100%);
+@text-color-dark: fade(@white, 85%);
+@text-color-secondary-dark: fade(@white, 65%);
+@text-selection-bg: @primary-color;
+@font-variant-base: tabular-nums;
+@font-feature-settings-base: 'tnum';
+@font-size-base: 14px;
+@font-size-lg: @font-size-base + 2px;
+@font-size-sm: 12px;
+@heading-1-size: ceil(@font-size-base * 2.71);
+@heading-2-size: ceil(@font-size-base * 2.14);
+@heading-3-size: ceil(@font-size-base * 1.71);
+@heading-4-size: ceil(@font-size-base * 1.42);
+@line-height-base: 1.5;
+@border-radius-base: 4px;
+@border-radius-sm: 2px;
+
+// vertical paddings
+@padding-lg: 24px; // containers
+@padding-md: 16px; // small containers and buttons
+@padding-sm: 12px; // Form controls and items
+@padding-xs: 8px; // small items
+
+// vertical padding for all form controls
+@control-padding-horizontal: @padding-sm;
+@control-padding-horizontal-sm: @padding-xs;
+
+// The background colors for active and hover states for things like
+// list items or table cells.
+@item-active-bg: @primary-1;
+@item-hover-bg: @primary-1;
+
+// ICONFONT
+@iconfont-css-prefix: anticon;
+
+// LINK
+@link-color: @primary-color;
+@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
+@link-active-color: color(~`colorPalette('@{link-color}', 7) `);
+@link-decoration: none;
+@link-hover-decoration: none;
+
+// Animation
+@ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
+@ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
+@ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
+@ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+@ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
+@ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
+@ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
+@ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
+@ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
+@ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
+@ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
+@ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+@ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+@ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
+
+// Border color
+@border-color-base: hsv(0, 0, 85%); // base border outline a component
+@border-color-split: hsv(0, 0, 91%); // split border inside a component
+@border-color-inverse: @white;
+@border-width-base: 1px; // width of the border for a component
+@border-style-base: solid; // style of a components border
+
+// Outline
+@outline-blur-size: 0;
+@outline-width: 2px;
+@outline-color: @primary-color;
+
+@background-color-light: hsv(0, 0, 98%); // background of header and selected item
+@background-color-base: hsv(0, 0, 96%); // Default grey background color
+
+// Disabled states
+@disabled-color: fade(#000, 25%);
+@disabled-bg: @background-color-base;
+@disabled-color-dark: fade(#fff, 35%);
+
+// Shadow
+@shadow-color: rgba(0, 0, 0, 0.15);
+@shadow-color-inverse: @component-background;
+@box-shadow-base: @shadow-1-down;
+@shadow-1-up: 0 -2px 8px @shadow-color;
+@shadow-1-down: 0 2px 8px @shadow-color;
+@shadow-1-left: -2px 0 8px @shadow-color;
+@shadow-1-right: 2px 0 8px @shadow-color;
+@shadow-2: 0 4px 12px @shadow-color;
+
+// Buttons
+@btn-font-weight: 400;
+@btn-border-radius-base: @border-radius-base;
+@btn-border-radius-sm: @border-radius-base;
+@btn-border-width: @border-width-base;
+@btn-border-style: @border-style-base;
+@btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
+@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
+@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
+
+@btn-primary-color: #fff;
+@btn-primary-bg: @primary-color;
+
+@btn-default-color: @text-color;
+@btn-default-bg: @component-background;
+@btn-default-border: @border-color-base;
+
+@btn-danger-color: #fff;
+@btn-danger-bg: color(~`colorPalette('@{error-color}', 5) `);
+@btn-danger-border: color(~`colorPalette('@{error-color}', 5) `);
+
+@btn-disable-color: @disabled-color;
+@btn-disable-bg: @disabled-bg;
+@btn-disable-border: @border-color-base;
+
+@btn-padding-base: 0 @padding-md - 1px;
+@btn-font-size-lg: @font-size-lg;
+@btn-font-size-sm: @font-size-base;
+@btn-padding-lg: @btn-padding-base;
+@btn-padding-sm: 0 @padding-xs - 1px;
+
+@btn-height-base: 32px;
+@btn-height-lg: 40px;
+@btn-height-sm: 24px;
+
+@btn-circle-size: @btn-height-base;
+@btn-circle-size-lg: @btn-height-lg;
+@btn-circle-size-sm: @btn-height-sm;
+
+@btn-square-size: @btn-height-base;
+@btn-square-size-lg: @btn-height-lg;
+@btn-square-size-sm: @btn-height-sm;
+
+@btn-group-border: @primary-5;
+
+// Checkbox
+@checkbox-size: 16px;
+@checkbox-color: @primary-color;
+@checkbox-check-color: #fff;
+@checkbox-border-width: @border-width-base;
+
+// Descriptions
+@descriptions-bg: #fafafa;
+
+// Dropdown
+@dropdown-selected-color: @primary-color;
+
+// Empty
+@empty-font-size: @font-size-base;
+
+// Radio
+@radio-size: 16px;
+@radio-dot-color: @primary-color;
+
+// Radio buttons
+@radio-button-bg: @btn-default-bg;
+@radio-button-checked-bg: @btn-default-bg;
+@radio-button-color: @btn-default-color;
+@radio-button-hover-color: @primary-5;
+@radio-button-active-color: @primary-7;
+
+// Media queries breakpoints
+// Extra small screen / phone
+@screen-xs: 480px;
+@screen-xs-min: @screen-xs;
+
+// Small screen / tablet
+@screen-sm: 576px;
+@screen-sm-min: @screen-sm;
+
+// Medium screen / desktop
+@screen-md: 768px;
+@screen-md-min: @screen-md;
+
+// Large screen / wide desktop
+@screen-lg: 992px;
+@screen-lg-min: @screen-lg;
+
+// Extra large screen / full hd
+@screen-xl: 1200px;
+@screen-xl-min: @screen-xl;
+
+// Extra extra large screen / large desktop
+@screen-xxl: 1600px;
+@screen-xxl-min: @screen-xxl;
+
+// provide a maximum
+@screen-xs-max: (@screen-sm-min - 1px);
+@screen-sm-max: (@screen-md-min - 1px);
+@screen-md-max: (@screen-lg-min - 1px);
+@screen-lg-max: (@screen-xl-min - 1px);
+@screen-xl-max: (@screen-xxl-min - 1px);
+
+// Grid system
+@grid-columns: 24;
+@grid-gutter-width: 0;
+
+// Layout
+@layout-body-background: #f0f2f5;
+@layout-header-background: #424242;
+@layout-footer-background: @layout-body-background;
+@layout-header-height: 64px;
+@layout-header-padding: 0 50px;
+@layout-footer-padding: 24px 50px;
+@layout-sider-background: @layout-header-background;
+@layout-trigger-height: 48px;
+@layout-trigger-background: #2d2d2d;
+@layout-trigger-color: #fff;
+@layout-zero-trigger-width: 36px;
+@layout-zero-trigger-height: 42px;
+// Layout light theme
+@layout-sider-background-light: #fff;
+@layout-trigger-background-light: #fff;
+@layout-trigger-color-light: @text-color;
+
+// z-index list, order by `z-index`
+@zindex-table-fixed: auto;
+@zindex-affix: 10;
+@zindex-back-top: 10;
+@zindex-badge: 10;
+@zindex-picker-panel: 10;
+@zindex-popup-close: 10;
+@zindex-modal: 1000;
+@zindex-modal-mask: 1000;
+@zindex-message: 1010;
+@zindex-notification: 1010;
+@zindex-popover: 1030;
+@zindex-dropdown: 1050;
+@zindex-picker: 1050;
+@zindex-tooltip: 1060;
+
+// Animation
+@animation-duration-slow: 0.3s; // Modal
+@animation-duration-base: 0.2s;
+@animation-duration-fast: 0.1s; // Tooltip
+
+//CollapsePanel
+@collapse-panel-border-radius: @border-radius-base;
+
+//Dropdown
+@dropdown-vertical-padding: 5px;
+@dropdown-font-size: @font-size-base;
+@dropdown-line-height: 22px;
+
+// Form
+// ---
+@label-required-color: @highlight-color;
+@label-color: @heading-color;
+@form-warning-input-bg: @input-bg;
+@form-item-margin-bottom: 24px;
+@form-item-trailing-colon: true;
+@form-vertical-label-padding: 0 0 8px;
+@form-vertical-label-margin: 0;
+@form-item-label-colon-margin-right: 8px;
+@form-item-label-colon-margin-left: 2px;
+@form-error-input-bg: @input-bg;
+
+// Input
+// ---
+@input-height-base: 32px;
+@input-height-lg: 40px;
+@input-height-sm: 24px;
+@input-padding-horizontal: @control-padding-horizontal - 1px;
+@input-padding-horizontal-base: @input-padding-horizontal;
+@input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
+@input-padding-horizontal-lg: @input-padding-horizontal;
+@input-padding-vertical-base: 4px;
+@input-padding-vertical-sm: 1px;
+@input-padding-vertical-lg: 6px;
+@input-placeholder-color: hsv(0, 0, 75%);
+@input-color: @text-color;
+@input-border-color: @border-color-base;
+@input-bg: @component-background;
+@input-number-handler-active-bg: #f4f4f4;
+@input-number-handler-hover-bg: @primary-5;
+@input-number-handler-bg: @component-background;
+@input-number-handler-border-color: @border-color-base;
+@input-addon-bg: @background-color-light;
+@input-hover-border-color: @primary-5;
+@input-disabled-bg: @disabled-bg;
+@input-outline-offset: 0 0;
+
+// Select
+// ---
+@select-border-color: @border-color-base;
+@select-item-selected-font-weight: 600;
+@select-dropdown-bg: @component-background;
+@select-item-selected-bg: @background-color-light;
+@select-item-active-bg: @item-active-bg;
+
+// Anchor
+// ---
+@anchor-border-color: @border-color-split;
+
+// Tooltip
+// ---
+// Tooltip max width
+@tooltip-max-width: 250px;
+// Tooltip text color
+@tooltip-color: #fff;
+// Tooltip background color
+@tooltip-bg: rgba(0, 0, 0, 0.75);
+// Tooltip arrow width
+@tooltip-arrow-width: 5px;
+// Tooltip distance with trigger
+@tooltip-distance: @tooltip-arrow-width - 1px + 4px;
+// Tooltip arrow color
+@tooltip-arrow-color: @tooltip-bg;
+
+// Popover
+// ---
+// Popover body background color
+@popover-bg: @component-background;
+// Popover text color
+@popover-color: @text-color;
+// Popover maximum width
+@popover-min-width: 177px;
+// Popover arrow width
+@popover-arrow-width: 6px;
+// Popover arrow color
+@popover-arrow-color: @popover-bg;
+// Popover outer arrow width
+// Popover outer arrow color
+@popover-arrow-outer-color: @popover-bg;
+// Popover distance with trigger
+@popover-distance: @popover-arrow-width + 4px;
+
+// Modal
+// --
+@modal-body-padding: 24px;
+@modal-header-bg: @component-background;
+@modal-footer-bg: transparent;
+@modal-footer-border-color-split: @border-color-split;
+@modal-mask-bg: fade(@black, 45%);
+
+// Progress
+// --
+@progress-default-color: @processing-color;
+@progress-remaining-color: @background-color-base;
+@progress-text-color: @text-color;
+@progress-radius: 100px;
+
+// Menu
+// ---
+@menu-inline-toplevel-item-height: 40px;
+@menu-item-height: 40px;
+@menu-collapsed-width: 80px;
+@menu-bg: @component-background;
+@menu-popup-bg: @component-background;
+@menu-item-color: @text-color;
+@menu-highlight-color: @primary-color;
+@menu-item-active-bg: @item-active-bg;
+@menu-item-active-border-width: 3px;
+@menu-item-group-title-color: @text-color-secondary;
+@menu-icon-size: @font-size-base;
+@menu-icon-size-lg: @font-size-lg;
+
+@menu-item-vertical-margin: 4px;
+@menu-item-font-size: @font-size-base;
+@menu-item-boundary-margin: 8px;
+@menu-icon-size: @font-size-base;
+@menu-icon-size-lg: @font-size-lg;
+@menu-dark-selected-item-icon-color: @white;
+@menu-dark-selected-item-text-color: @white;
+@dark-menu-item-hover-bg: transparent;
+
+// dark theme
+@menu-dark-color: @text-color-secondary-dark;
+@menu-dark-bg: #2d2d2d;
+@menu-dark-arrow-color: #fff;
+@menu-dark-submenu-bg: #2d2d2d;
+@menu-dark-highlight-color: #fff;
+@menu-dark-item-active-bg: @primary-color;
+@menu-dark-selected-item-icon-color: @white;
+@menu-dark-selected-item-text-color: @white;
+@menu-dark-item-hover-bg: transparent;
+// Spin
+// ---
+@spin-dot-size-sm: 14px;
+@spin-dot-size: 20px;
+@spin-dot-size-lg: 32px;
+
+// Table
+// --
+@table-header-bg: @background-color-light;
+@table-header-color: @heading-color;
+@table-header-sort-bg: @background-color-base;
+@table-body-sort-bg: rgba(0, 0, 0, 0.01);
+@table-row-hover-bg: @primary-1;
+@table-selected-row-color: inherit;
+@table-selected-row-bg: #fafafa;
+@table-body-selected-sort-bg: @table-selected-row-bg;
+@table-selected-row-hover-bg: @table-selected-row-bg;
+@table-expanded-row-bg: #fbfbfb;
+@table-padding-vertical: 16px;
+@table-padding-horizontal: 16px;
+@table-border-radius-base: @border-radius-base;
+@table-footer-bg: @background-color-light;
+@table-footer-color: @heading-color;
+
+// Tag
+// --
+@tag-default-bg: @background-color-light;
+@tag-default-color: @text-color;
+@tag-font-size: @font-size-sm;
+
+// TimePicker
+// ---
+@time-picker-panel-column-width: 56px;
+@time-picker-panel-width: @time-picker-panel-column-width * 3;
+@time-picker-selected-bg: @background-color-base;
+
+// Carousel
+// ---
+@carousel-dot-width: 16px;
+@carousel-dot-height: 3px;
+@carousel-dot-active-width: 24px;
+
+// Badge
+// ---
+@badge-height: 20px;
+@badge-dot-size: 6px;
+@badge-font-size: @font-size-sm;
+@badge-font-weight: normal;
+@badge-status-size: 6px;
+@badge-text-color: @component-background;
+
+// Rate
+// ---
+@rate-star-color: @yellow-6;
+@rate-star-bg: @border-color-split;
+
+// Card
+// ---
+@card-head-color: @heading-color;
+@card-head-background: transparent;
+@card-head-padding: 16px;
+@card-inner-head-padding: 12px;
+@card-padding-base: 24px;
+@card-actions-background: @background-color-light;
+@card-skeleton-bg: #cfd8dc;
+@card-background: @component-background;
+@card-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
+@card-radius: @border-radius-sm;
+
+// Comment
+// ---
+@comment-padding-base: 16px 0;
+@comment-nest-indent: 44px;
+@comment-font-size-base: @font-size-base;
+@comment-font-size-sm: @font-size-sm;
+@comment-author-name-color: @text-color-secondary;
+@comment-author-time-color: #ccc;
+@comment-action-color: @text-color-secondary;
+@comment-action-hover-color: #595959;
+
+// Tabs
+// ---
+@tabs-card-head-background: @background-color-light;
+@tabs-card-height: 40px;
+@tabs-card-active-color: @primary-color;
+@tabs-title-font-size: @font-size-base;
+@tabs-title-font-size-lg: @font-size-lg;
+@tabs-title-font-size-sm: @font-size-base;
+@tabs-ink-bar-color: @primary-color;
+@tabs-bar-margin: 0 0 16px 0;
+@tabs-horizontal-margin: 0 32px 0 0;
+@tabs-horizontal-padding: 12px 16px;
+@tabs-horizontal-padding-lg: 16px;
+@tabs-horizontal-padding-sm: 8px 16px;
+@tabs-vertical-padding: 8px 24px;
+@tabs-vertical-margin: 0 0 16px 0;
+@tabs-scrolling-size: 32px;
+@tabs-highlight-color: @primary-color;
+@tabs-hover-color: @primary-5;
+@tabs-active-color: @primary-7;
+@tabs-card-gutter: 2px;
+@tabs-card-tab-active-border-top: 2px solid transparent;
+
+// BackTop
+// ---
+@back-top-color: #fff;
+@back-top-bg: @text-color-secondary;
+@back-top-hover-bg: @text-color;
+
+// Avatar
+// ---
+@avatar-size-base: 32px;
+@avatar-size-lg: 40px;
+@avatar-size-sm: 24px;
+@avatar-font-size-base: 18px;
+@avatar-font-size-lg: 24px;
+@avatar-font-size-sm: 14px;
+@avatar-bg: #ccc;
+@avatar-color: #fff;
+@avatar-border-radius: @border-radius-base;
+
+// Switch
+// ---
+@switch-height: 22px;
+@switch-sm-height: 16px;
+@switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
+@switch-disabled-opacity: 0.4;
+@switch-color: @primary-color;
+@switch-shadow-color: fade(#00230b, 20%);
+
+// Pagination
+// ---
+@pagination-item-size: 32px;
+@pagination-item-size-sm: 24px;
+@pagination-font-family: Arial;
+@pagination-font-weight-active: 500;
+@pagination-item-bg-active: @component-background;
+
+// PageHeader
+// ---
+@page-header-padding: 24px;
+@page-header-padding-vertical: 16px;
+@page-header-padding-breadcrumb: 12px;
+@page-header-back-color: #000;
+
+// Breadcrumb
+// ---
+@breadcrumb-base-color: @text-color-secondary;
+@breadcrumb-last-item-color: @text-color;
+@breadcrumb-font-size: @font-size-base;
+@breadcrumb-icon-font-size: @font-size-base;
+@breadcrumb-link-color: @text-color-secondary;
+@breadcrumb-link-color-hover: @primary-5;
+@breadcrumb-separator-color: @text-color-secondary;
+@breadcrumb-separator-margin: 0 @padding-xs;
+
+// Slider
+// ---
+@slider-margin: 14px 6px 10px;
+@slider-rail-background-color: @background-color-base;
+@slider-rail-background-color-hover: #e1e1e1;
+@slider-track-background-color: @primary-3;
+@slider-track-background-color-hover: @primary-4;
+@slider-handle-border-width: 2px;
+@slider-handle-background-color: @component-background;
+@slider-handle-color: @primary-3;
+@slider-handle-color-hover: @primary-4;
+@slider-handle-color-focus: tint(@primary-color, 20%);
+@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
+@slider-handle-color-tooltip-open: @primary-color;
+@slider-handle-shadow: 0;
+@slider-dot-border-color: @border-color-split;
+@slider-dot-border-color-active: tint(@primary-color, 50%);
+@slider-disabled-color: @disabled-color;
+@slider-disabled-background-color: @component-background;
+
+// Tree
+// ---
+@tree-title-height: 24px;
+@tree-child-padding: 18px;
+@tree-directory-selected-color: #fff;
+@tree-directory-selected-bg: @primary-color;
+@tree-node-hover-bg: @item-hover-bg;
+@tree-node-selected-bg: @primary-2;
+
+// Collapse
+// ---
+@collapse-header-padding: 12px 16px;
+@collapse-header-padding-extra: 40px;
+@collapse-header-bg: @background-color-light;
+@collapse-content-padding: @padding-md;
+@collapse-content-bg: @component-background;
+
+// Skeleton
+// ---
+@skeleton-color: #f2f2f2;
+
+// Transfer
+// ---
+@transfer-header-height: 40px;
+@transfer-disabled-bg: @disabled-bg;
+@transfer-list-height: 200px;
+
+// Message
+// ---
+@message-notice-content-padding: 10px 16px;
+
+// Motion
+// ---
+@wave-animation-width: 6px;
+
+// Alert
+// ---
+@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
+@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
+@alert-success-icon-color: @success-color;
+@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
+@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
+@alert-info-icon-color: @info-color;
+@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
+@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
+@alert-warning-icon-color: @warning-color;
+@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
+@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
+@alert-error-icon-color: @error-color;
+
+// List
+// ---
+@list-header-background: transparent;
+@list-footer-background: transparent;
+@list-empty-text-padding: @padding-md;
+@list-item-padding: @padding-sm 0;
+@list-item-meta-margin-bottom: @padding-md;
+@list-item-meta-avatar-margin-right: @padding-md;
+@list-item-meta-title-margin-bottom: @padding-sm;
+
+// Statistic
+// ---
+@statistic-title-font-size: @font-size-base;
+@statistic-content-font-size: 24px;
+@statistic-unit-font-size: 16px;
+@statistic-font-family: @font-family;
+
+// Drawer
+// ---
+@drawer-header-padding: 16px 24px;
+@drawer-body-padding: 24px;
+
+// Timeline
+// ---
+@timeline-width: 2px;
+@timeline-color: @border-color-split;
+@timeline-dot-border-width: 2px;
+@timeline-dot-color: @primary-color;
+@timeline-dot-bg: @component-background;
+
+// Typography
+// ---
+@typography-title-font-weight: 600;
+@typography-title-margin-top: 1.2em;
+@typography-title-margin-bottom: 0.5em;
+
+// color palettes
+@blue-1: color(~`colorPalette('@{blue-6}', 1) `);
+@blue-2: color(~`colorPalette('@{blue-6}', 2) `);
+@blue-3: color(~`colorPalette('@{blue-6}', 3) `);
+@blue-4: color(~`colorPalette('@{blue-6}', 4) `);
+@blue-5: color(~`colorPalette('@{blue-6}', 5) `);
+@blue-6: #1890ff;
+@blue-7: color(~`colorPalette('@{blue-6}', 7) `);
+@blue-8: color(~`colorPalette('@{blue-6}', 8) `);
+@blue-9: color(~`colorPalette('@{blue-6}', 9) `);
+@blue-10: color(~`colorPalette('@{blue-6}', 10) `);
+
+@purple-1: color(~`colorPalette('@{purple-6}', 1) `);
+@purple-2: color(~`colorPalette('@{purple-6}', 2) `);
+@purple-3: color(~`colorPalette('@{purple-6}', 3) `);
+@purple-4: color(~`colorPalette('@{purple-6}', 4) `);
+@purple-5: color(~`colorPalette('@{purple-6}', 5) `);
+@purple-6: #722ed1;
+@purple-7: color(~`colorPalette('@{purple-6}', 7) `);
+@purple-8: color(~`colorPalette('@{purple-6}', 8) `);
+@purple-9: color(~`colorPalette('@{purple-6}', 9) `);
+@purple-10: color(~`colorPalette('@{purple-6}', 10) `);
+
+@cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);
+@cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);
+@cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);
+@cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);
+@cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);
+@cyan-6: #13c2c2;
+@cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);
+@cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);
+@cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
+@cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);
+
+@green-1: color(~`colorPalette('@{green-6}', 1) `);
+@green-2: color(~`colorPalette('@{green-6}', 2) `);
+@green-3: color(~`colorPalette('@{green-6}', 3) `);
+@green-4: color(~`colorPalette('@{green-6}', 4) `);
+@green-5: color(~`colorPalette('@{green-6}', 5) `);
+@green-6: #52c41a;
+@green-7: color(~`colorPalette('@{green-6}', 7) `);
+@green-8: color(~`colorPalette('@{green-6}', 8) `);
+@green-9: color(~`colorPalette('@{green-6}', 9) `);
+@green-10: color(~`colorPalette('@{green-6}', 10) `);
+
+@magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);
+@magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);
+@magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);
+@magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);
+@magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);
+@magenta-6: #eb2f96;
+@magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);
+@magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);
+@magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);
+@magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);
+
+// alias of magenta
+@pink-1: color(~`colorPalette('@{pink-6}', 1) `);
+@pink-2: color(~`colorPalette('@{pink-6}', 2) `);
+@pink-3: color(~`colorPalette('@{pink-6}', 3) `);
+@pink-4: color(~`colorPalette('@{pink-6}', 4) `);
+@pink-5: color(~`colorPalette('@{pink-6}', 5) `);
+@pink-6: #eb2f96;
+@pink-7: color(~`colorPalette('@{pink-6}', 7) `);
+@pink-8: color(~`colorPalette('@{pink-6}', 8) `);
+@pink-9: color(~`colorPalette('@{pink-6}', 9) `);
+@pink-10: color(~`colorPalette('@{pink-6}', 10) `);
+
+@red-1: color(~`colorPalette('@{red-6}', 1) `);
+@red-2: color(~`colorPalette('@{red-6}', 2) `);
+@red-3: color(~`colorPalette('@{red-6}', 3) `);
+@red-4: color(~`colorPalette('@{red-6}', 4) `);
+@red-5: color(~`colorPalette('@{red-6}', 5) `);
+@red-6: #f5222d;
+@red-7: color(~`colorPalette('@{red-6}', 7) `);
+@red-8: color(~`colorPalette('@{red-6}', 8) `);
+@red-9: color(~`colorPalette('@{red-6}', 9) `);
+@red-10: color(~`colorPalette('@{red-6}', 10) `);
+
+@orange-1: color(~`colorPalette('@{orange-6}', 1) `);
+@orange-2: color(~`colorPalette('@{orange-6}', 2) `);
+@orange-3: color(~`colorPalette('@{orange-6}', 3) `);
+@orange-4: color(~`colorPalette('@{orange-6}', 4) `);
+@orange-5: color(~`colorPalette('@{orange-6}', 5) `);
+@orange-6: #fa8c16;
+@orange-7: color(~`colorPalette('@{orange-6}', 7) `);
+@orange-8: color(~`colorPalette('@{orange-6}', 8) `);
+@orange-9: color(~`colorPalette('@{orange-6}', 9) `);
+@orange-10: color(~`colorPalette('@{orange-6}', 10) `);
+
+@yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);
+@yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);
+@yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);
+@yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);
+@yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);
+@yellow-6: #fadb14;
+@yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);
+@yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);
+@yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);
+@yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);
+
+@volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);
+@volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);
+@volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);
+@volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);
+@volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);
+@volcano-6: #fa541c;
+@volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);
+@volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);
+@volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);
+@volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);
+
+@geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);
+@geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);
+@geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);
+@geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);
+@geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);
+@geekblue-6: #2f54eb;
+@geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);
+@geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);
+@geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);
+@geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);
+
+@lime-1: color(~`colorPalette('@{lime-6}', 1) `);
+@lime-2: color(~`colorPalette('@{lime-6}', 2) `);
+@lime-3: color(~`colorPalette('@{lime-6}', 3) `);
+@lime-4: color(~`colorPalette('@{lime-6}', 4) `);
+@lime-5: color(~`colorPalette('@{lime-6}', 5) `);
+@lime-6: #a0d911;
+@lime-7: color(~`colorPalette('@{lime-6}', 7) `);
+@lime-8: color(~`colorPalette('@{lime-6}', 8) `);
+@lime-9: color(~`colorPalette('@{lime-6}', 9) `);
+@lime-10: color(~`colorPalette('@{lime-6}', 10) `);
+
+@gold-1: color(~`colorPalette('@{gold-6}', 1) `);
+@gold-2: color(~`colorPalette('@{gold-6}', 2) `);
+@gold-3: color(~`colorPalette('@{gold-6}', 3) `);
+@gold-4: color(~`colorPalette('@{gold-6}', 4) `);
+@gold-5: color(~`colorPalette('@{gold-6}', 5) `);
+@gold-6: #faad14;
+@gold-7: color(~`colorPalette('@{gold-6}', 7) `);
+@gold-8: color(~`colorPalette('@{gold-6}', 8) `);
+@gold-9: color(~`colorPalette('@{gold-6}', 9) `);
+@gold-10: color(~`colorPalette('@{gold-6}', 10) `);
+
+@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
+ purple;
+
+
+@border-radius-base: 3px;
+@border-radius-sm: 2px;
+@shadow-color: rgba(0, 0, 0, 0.05);
+@shadow-1-down: 4px 4px 40px @shadow-color;
+@border-color-split: #f4f4f4;
+@border-color-base: #e5e5e5;
+@font-size-base: 13px;
+@text-color: #666;
+@hover-color: #f9f9fc;
diff --git a/.prev/src/themes/base/index.less b/.prev/src/themes/base/index.less
new file mode 100644
index 00000000..09ea46ff
--- /dev/null
+++ b/.prev/src/themes/base/index.less
@@ -0,0 +1,222 @@
+@import './resolutions.less';
+
+// FOR LAYOUTS
+@__Global_general_font_family: "Poppins", sans-serif;
+@__Global_layout_backgroud: #F8F6F8;
+@__Global_layout_color: #2d2d2d;
+@__Global_layout_border-rd: 27px 0 0 0;
+@__Global_layout_transitions-dur: 200ms;
+@__Global_Components_transitions_dur: 150ms;
+
+@mamamia: #85858570;
+// FOR SECONDARY
+@__Global_SwapAnimDuration: 170ms;
+
+@transition-ease-in: all 0.3s ease-out;
+@transition-ease-out: all 0.3s ease-out;
+@ease-in: ease-in;
+
+::-webkit-scrollbar {
+ position: absolute;
+ width: 14px;
+ height: 18px;
+ }
+::-webkit-scrollbar-thumb {
+ height: 6px;
+ border: 4px solid rgba(0, 0, 0, 0);
+ background-clip: padding-box;
+ margin: 0 10px 0 0;
+ -webkit-border-radius: 7px;
+ background-color: rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
+}
+::-webkit-scrollbar-button {
+ width: 0;
+ height: 0;
+ display: none;
+}
+::-webkit-scrollbar-corner {
+ background-color: transparent;
+}
+
+// Global Documents
+body {
+ scroll-behavior: smooth;
+ height: 100%;
+ // min-width: 430px;
+ background-color: transparent;
+
+ overflow: hidden;
+
+ font-size: @base-font-size;
+ line-height: @base-line-height;
+
+}
+
+#root {
+ overflow: hidden;
+}
+
+@media (min-width: @bp-medium) {
+
+}
+
+@media (min-width: @bp-large) {
+
+}
+
+@media (min-width: @bp-xlarge) {
+ body{
+ zoom: 1.4;
+ }
+}
+
+@media (min-width: @bp-xxlarge) {
+ body{
+ zoom: 1.6;
+ }
+}
+
+
+// @media (min-width: 770px){
+// >#secondary_layout{
+// width: 0px!important;
+// }
+// }
+// @media (min-width: 1600px) {
+// :global {
+// .ant-col-xl-48 {
+// width: 20%;
+// }
+
+// .ant-col-xl-96 {
+// width: 40%;
+// }
+// }
+// }
+
+// @media (max-width: 767px) {
+// :global {
+// .ant-card {
+// .ant-card-head {
+// padding: 0 12px;
+// }
+
+// .ant-card-body {
+// padding: 12px;
+// }
+// }
+// }
+// }
+
+// // PrimaryLayout
+// @media (max-width: 767px) {
+// .primary_layout_content {
+// padding: 12px;
+// }
+
+// .primary_layout {
+// height: 100vh;
+// flex: 1;
+// }
+// }
+
+// .primary_layout_*
+@primary_layout_backgroud: #2d2d2d;
+
+@primary_layout_container_backgroud: @__Global_layout_backgroud;
+@primary_layout_container_border-rd: @__Global_layout_border-rd;
+
+@primary_layout_content_padding: 35px 25px 15px 40px;
+
+// .secondary_*
+@__secondary_colider_width: 31.2vw;
+@secondary_wrapper_hidden_width: 22vw;
+@secondary_wrapper_showFull_width: 94.2vw;
+@secondary_wrapper_showHalf_width: 35vw;
+@secondary_container_bg_background: #201F23;
+@secondary_container_1_color: #fff;
+@secondary_container_2_color: #201F23;
+@secondary_container_2_backgroud: #fff;
+@secondary_container_1_btn_backgroud: #4c4c4c;
+@secondary_container_1_btn_color: #fff;
+@secondary_container_1_btn_shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.205);
+
+@secondary_container_1_padding: 30px 70px 30px 75px;
+@secondaty_container_2_padding: 20px 15px 15px 15px;
+
+// .left_sider*
+@left_sider_backgroud: #2d2d2d;
+@left_sider_color: #fff;
+@left_sider_sizeIcons: 19px;
+@left_sider_menu__onhover_backgroud: rgb(80, 80, 80);
+@left_sider_menu__onhover_color: #fff;
+
+// .post_card*
+@post_card_general_border-rd: 7px;
+@post_card_wrapper_shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+@post_card_wrapper_actions_backgroud: rgba(235, 235, 235, 0.815);
+@post_card_wrapper_actions_icon_backgroud: #fff;
+
+@post_card_wrapper_tags_color_default: rgb(249, 179, 64);
+@post_card_wrapper_tags_color_nsfw: #111;
+@post_card_wrapper_tags_color_flag: #111;
+
+@post_card_wrapper_post_content_color: #555555;
+@post_card_wrapper_post_content_weight: 400;
+@post_card_wrapper_post_content_fontSize: 15px;
+@post_card_wrapper_post_content_letterSpacing: -0.3px;
+
+@post_card_flaggedWarning_backgroud: #ffffff60;
+@post_card_flaggedWarning_padding: 20px 15px 25px 15px;
+@post_card_flaggedWarning_iconSize: 40px;
+
+// YulioID
+@canvasColor: #f9f9f9;
+@backgroundColor: #fff;
+@foregroundColor: #111;
+@primaryColor: #373F51;
+@primaryShade1: #ffe2d1;
+@primaryShade2: #ffceb2;
+@primaryShade3: #ffb184;
+@primaryShade4: #e88850;
+@primaryShade5: #d17a48;
+@secondaryColor: #ffcc67;
+@secondaryShade1: #fff1d5;
+@secondaryShade2: #ffde9e;
+@secondaryShade3: #ffd074;
+@secondaryShade4: #e8ba5e;
+@secondaryShade5: #ba954b;
+@accentColor: #4e5166;
+@accentShade1: #cecfd5;
+@accentShade2: #aeafb9;
+@accentShade3: #8e909d;
+@accentShade4: #6e7081;
+@accentShade5: #404354;
+@accent2Color: #588b8b;
+@accent2Shade1: #c2d4d4;
+@accent2Shade2: #a3bfbf;
+@accent2Shade3: #85aaaa;
+@accent2Shade4: #507f7f;
+@accent2Shade5: #497272;
+@accent3Color: #fe5f55;
+@accent3Shade1: #fec4c1;
+@accent3Shade2: #fea7a2;
+@accent3Shade3: #fe7c73;
+@accent3Shade4: #e7574e;
+@accent3Shade5: #b9463e;
+
+@neutralShade0: #f8f8f8;
+@neutralShade1: #f2f2f2;
+@neutralShade2: #e8e9e9;
+@neutralShade3: #d1d3d4;
+@neutralShade4: #babdbf;
+@neutralShade5: #808488;
+@neutralShade6: #666a6d;
+@neutralShade7: #4d5052;
+@neutralShade8: #212122;
+@grayColor: #999;
+@lightGrayColor: #ddd;
+@borderRadius: 6px;
+@boxShadow: 0 2px 5px rgba(#333, 0.2);
+
diff --git a/.prev/src/themes/base/resolutions.less b/.prev/src/themes/base/resolutions.less
new file mode 100644
index 00000000..4cfa2036
--- /dev/null
+++ b/.prev/src/themes/base/resolutions.less
@@ -0,0 +1,20 @@
+@bp-small: 48em; // 768px
+@bp-medium: 64em; // 1024px
+@bp-large: 85.375em; // 1366px
+@bp-xlarge: 120em; // 1920px
+@bp-xxlarge: 160em; // 2560px
+
+// Media Queries
+@mq-small: "min-width: @bp-small";
+@mq-medium: "(min-width: @bp-medium)";
+@mq-large: "(min-width: @bp-large)";
+@mq-xlarge: "(min-width: @bp-xlarge)";
+@mq-xxlarge: "(min-width: @bp-xxlarge)";
+@mq-retina: "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
+
+// Font-Size
+@base-font-size: 1em;
+
+// Line-Height
+@base-line-height: 1.5;
+@header-line-height: 1.25;
\ No newline at end of file
diff --git a/.prev/src/themes/fonts-imports.css b/.prev/src/themes/fonts-imports.css
new file mode 100644
index 00000000..e41bc2c2
--- /dev/null
+++ b/.prev/src/themes/fonts-imports.css
@@ -0,0 +1,5 @@
+@import url('https://fonts.googleapis.com/css?family=Alata&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,500,500i,700');
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Kulim+Park&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
diff --git a/.prev/src/themes/index.less b/.prev/src/themes/index.less
new file mode 100644
index 00000000..dc6be614
--- /dev/null
+++ b/.prev/src/themes/index.less
@@ -0,0 +1,3 @@
+@import '~themes/antd-design.less';
+@import '~themes/base/index.less';
+@import (inline) './fonts-imports.css';
\ No newline at end of file
diff --git a/.prev/src/utils/index.js b/.prev/src/utils/index.js
new file mode 100644
index 00000000..fab1069e
--- /dev/null
+++ b/.prev/src/utils/index.js
@@ -0,0 +1,247 @@
+import { cloneDeep, isString, flow, curry } from 'lodash'
+import umiRouter from 'umi/router'
+import pathToRegexp from 'path-to-regexp'
+import { i18n } from 'config'
+
+export classnames from 'classnames'
+export config from 'config'
+export request from './request'
+export { Color } from './theme'
+
+export const { defaultLanguage } = i18n
+export const languages = i18n.languages.map(item => item.key)
+
+/**
+ * Query objects that specify keys and values in an array where all values are objects.
+ * @param {array} array An array where all values are objects, like [{key:1},{key:2}].
+ * @param {string} key The key of the object that needs to be queried.
+ * @param {string} value The value of the object that needs to be queried.
+ * @return {object|undefined} Return frist object when query success.
+ */
+export function queryArray(array, key, value) {
+ if (!Array.isArray(array)) {
+ return
+ }
+ return array.find(_ => _[key] === value)
+}
+
+/**
+ * Convert an array to a tree-structured array.
+ * @param {array} array The Array need to Converted.
+ * @param {string} id The alias of the unique ID of the object in the array.
+ * @param {string} parentId The alias of the parent ID of the object in the array.
+ * @param {string} children The alias of children of the object in the array.
+ * @return {array} Return a tree-structured array.
+ */
+export function arrayToTree(
+ array,
+ id = 'id',
+ parentId = 'pid',
+ children = 'children'
+) {
+ const result = []
+ const hash = {}
+ const data = cloneDeep(array)
+
+ data.forEach((item, index) => {
+ hash[data[index][id]] = data[index]
+ })
+
+ data.forEach(item => {
+ const hashParent = hash[item[parentId]]
+ if (hashParent) {
+ !hashParent[children] && (hashParent[children] = [])
+ hashParent[children].push(item)
+ } else {
+ result.push(item)
+ }
+ })
+ return result
+}
+
+export const langFromPath = curry(
+ /**
+ * Query language from pathname.
+ * @param {array} languages Specify which languages are currently available.
+ * @param {string} defaultLanguage Specify the default language.
+ * @param {string} pathname Pathname to be queried.
+ * @return {string} Return the queryed language.
+ */
+ (languages, defaultLanguage, pathname) => {
+ for (const item of languages) {
+ if (pathname.startsWith(`/${item}/`)) {
+ return item
+ }
+ }
+ return defaultLanguage
+ }
+)(languages)(defaultLanguage)
+
+export const deLangPrefix = curry(
+ /**
+ * Remove the language prefix in pathname.
+ * @param {array} languages Specify which languages are currently available.
+ * @param {string} pathname Remove the language prefix in the pathname.
+ * @return {string} Return the pathname after removing the language prefix.
+ */
+ (languages, pathname) => {
+ if (!pathname) {
+ return
+ }
+ for (const item of languages) {
+ if (pathname.startsWith(`/${item}/`)) {
+ return pathname.replace(`/${item}/`, '/')
+ }
+ }
+
+ return pathname
+ }
+)(languages)
+
+/**
+ * Add the language prefix in pathname.
+ * @param {string} pathname Add the language prefix in the pathname.
+ * @return {string} Return the pathname after adding the language prefix.
+ */
+export function addLangPrefix(pathname) {
+ const prefix = langFromPath(window.location.pathname)
+ return `/${prefix}${deLangPrefix(pathname)}`
+}
+
+const routerAddLangPrefix = params => {
+ if (isString(params)) {
+ params = addLangPrefix(params)
+ } else {
+ params.pathname = addLangPrefix(params.pathname)
+ }
+ return params
+}
+
+/**
+ * Adjust the router to automatically add the current language prefix before the pathname in push and replace.
+ */
+const myRouter = { ...umiRouter }
+
+myRouter.push = flow(routerAddLangPrefix, umiRouter.push)
+
+myRouter.replace = flow(routerAddLangPrefix, myRouter.replace)
+
+export const router = myRouter
+
+/**
+ * Whether the path matches the regexp if the language prefix is ignored, https://github.com/pillarjs/path-to-regexp.
+ * @param {string|regexp|array} regexp Specify a string, array of strings, or a regular expression.
+ * @param {string} pathname Specify the pathname to match.
+ * @return {array|null} Return the result of the match or null.
+ */
+export function pathMatchRegexp(regexp, pathname) {
+ return pathToRegexp(regexp).exec(deLangPrefix(pathname))
+}
+
+/**
+ * In an array object, traverse all parent IDs based on the value of an object.
+ * @param {array} array The Array need to Converted.
+ * @param {string} current Specify the value of the object that needs to be queried.
+ * @param {string} parentId The alias of the parent ID of the object in the array.
+ * @param {string} id The alias of the unique ID of the object in the array.
+ * @return {array} Return a key array.
+ */
+export function queryPathKeys(array, current, parentId, id = 'id') {
+ const result = [current]
+ const hashMap = new Map()
+ array.forEach(item => hashMap.set(item[id], item))
+
+ const getPath = current => {
+ const currentParentId = hashMap.get(current)[parentId]
+ if (currentParentId) {
+ result.push(currentParentId)
+ getPath(currentParentId)
+ }
+ }
+
+ getPath(current)
+ return result
+}
+
+/**
+ * In an array of objects, specify an object that traverses the objects whose parent ID matches.
+ * @param {array} array The Array need to Converted.
+ * @param {string} current Specify the object that needs to be queried.
+ * @param {string} parentId The alias of the parent ID of the object in the array.
+ * @param {string} id The alias of the unique ID of the object in the array.
+ * @return {array} Return a key array.
+ */
+export function queryAncestors(array, current, parentId, id = 'id') {
+ const result = [current]
+ const hashMap = new Map()
+ array.forEach(item => hashMap.set(item[id], item))
+
+ const getPath = current => {
+ const currentParentId = hashMap.get(current[id])[parentId]
+ if (currentParentId) {
+ result.push(hashMap.get(currentParentId))
+ getPath(hashMap.get(currentParentId))
+ }
+ }
+
+ getPath(current)
+ return result
+}
+
+/**
+ * Query which layout should be used for the current path based on the configuration.
+ * @param {layouts} layouts Layout configuration.
+ * @param {pathname} pathname Path name to be queried.
+ * @return {string} Return frist object when query success.
+ */
+export function queryLayout(layouts, pathname) {
+ let result = 'public'
+
+ const isMatch = regepx => {
+ return regepx instanceof RegExp
+ ? regepx.test(pathname)
+ : pathMatchRegexp(regepx, pathname)
+ }
+
+ for (const item of layouts) {
+ let include = false
+ let exclude = false
+ if (item.include) {
+ for (const regepx of item.include) {
+ if (isMatch(regepx)) {
+ include = true
+ break
+ }
+ }
+ }
+
+ if (include && item.exclude) {
+ for (const regepx of item.exclude) {
+ if (isMatch(regepx)) {
+ exclude = true
+ break
+ }
+ }
+ }
+
+ if (include && !exclude) {
+ result = item.name
+ break
+ }
+ }
+
+ return result
+}
+
+export function getLocale() {
+ return langFromPath(window.location.pathname)
+}
+
+export function setLocale(language) {
+ if (getLocale() !== language) {
+ umiRouter.push({
+ pathname: `/${language}${deLangPrefix(window.location.pathname)}`,
+ search: window.location.search,
+ })
+ }
+}
diff --git a/.prev/src/utils/model.js b/.prev/src/utils/model.js
new file mode 100644
index 00000000..6bc8b9ba
--- /dev/null
+++ b/.prev/src/utils/model.js
@@ -0,0 +1,39 @@
+import modelExtend from 'dva-model-extend'
+
+export const model = {
+ reducers: {
+ updateState(state, { payload }) {
+ return {
+ ...state,
+ ...payload,
+ }
+ },
+ },
+}
+
+export const pageModel = modelExtend(model, {
+ state: {
+ list: [],
+ pagination: {
+ showSizeChanger: true,
+ showQuickJumper: true,
+ current: 1,
+ total: 0,
+ pageSize: 10,
+ },
+ },
+
+ reducers: {
+ querySuccess(state, { payload }) {
+ const { list, pagination } = payload
+ return {
+ ...state,
+ list,
+ pagination: {
+ ...state.pagination,
+ ...pagination,
+ },
+ }
+ },
+ },
+})
diff --git a/.prev/src/utils/request.js b/.prev/src/utils/request.js
new file mode 100644
index 00000000..bad2dac5
--- /dev/null
+++ b/.prev/src/utils/request.js
@@ -0,0 +1,96 @@
+import axios from 'axios'
+import { cloneDeep, isEmpty } from 'lodash'
+import pathToRegexp from 'path-to-regexp'
+import { message } from 'antd'
+import qs from 'qs'
+
+const { CancelToken } = axios
+window.cancelRequest = new Map()
+
+export default function request(options) {
+ let { data, url, method = 'get' } = options
+ const cloneData = cloneDeep(data)
+
+ try {
+ let domain = ''
+ const urlMatch = url.match(/[a-zA-z]+:\/\/[^/]*/)
+ if (urlMatch) {
+ ;[domain] = urlMatch
+ url = url.slice(domain.length)
+ }
+
+ const match = pathToRegexp.parse(url)
+ url = pathToRegexp.compile(url)(data)
+
+ for (const item of match) {
+ if (item instanceof Object && item.name in cloneData) {
+ delete cloneData[item.name]
+ }
+ }
+ url = domain + url
+ } catch (e) {
+ message.error(e.message)
+ }
+
+ options.url =
+ method.toLocaleLowerCase() === 'get'
+ ? `${url}${isEmpty(cloneData) ? '' : '?'}${qs.stringify(cloneData)}`
+ : url
+
+ options.cancelToken = new CancelToken(cancel => {
+ window.cancelRequest.set(Symbol(Date.now()), {
+ pathname: window.location.pathname,
+ cancel,
+ })
+ })
+
+ return axios(options)
+ .then(response => {
+ const { statusText, status, data } = response
+
+ let result = {}
+ if (typeof data === 'object') {
+ result = data
+ if (Array.isArray(data)) {
+ result.list = data
+ }
+ } else {
+ result.data = data
+ }
+
+ return Promise.resolve({
+ success: true,
+ message: statusText,
+ statusCode: status,
+ ...result,
+ })
+ })
+ .catch(error => {
+ const { response, message } = error
+
+ if (String(message) === 'Canceling...') {
+ return {
+ success: false,
+ }
+ }
+
+ let msg
+ let statusCode
+
+ if (response && response instanceof Object) {
+ const { data, statusText } = response
+ statusCode = response.status
+ msg = data.message || statusText
+ } else {
+ statusCode = 600
+ msg = error.message || 'Network Error'
+ }
+
+ /* eslint-disable */
+ return Promise.reject({
+ success: false,
+ statusCode,
+ message: msg,
+ })
+ })
+}
diff --git a/.prev/src/utils/theme.js b/.prev/src/utils/theme.js
new file mode 100644
index 00000000..0a610df4
--- /dev/null
+++ b/.prev/src/utils/theme.js
@@ -0,0 +1,14 @@
+module.exports = {
+ Color: {
+ green: '#64ea91',
+ blue: '#8fc9fb',
+ purple: '#d897eb',
+ red: '#f69899',
+ yellow: '#f8c82e',
+ peach: '#f797d6',
+ borderBase: '#e5e5e5',
+ borderSplit: '#f4f4f4',
+ grass: '#d6fbb5',
+ sky: '#c1e0fc',
+ },
+}
diff --git a/package.json b/package.json
index ad3b6159..c3e04bce 100755
--- a/package.json
+++ b/package.json
@@ -19,6 +19,8 @@
"dva": "2.4.1",
"dva-model-extend": "^0.1.2",
"enquire-js": "^0.2.1",
+ "interact.js": "^1.2.8",
+ "interactjs": "^1.9.9",
"jquery": "^3.4.1",
"jsonwebtoken": "^8.5.1",
"localforage": "^1.7.3",
@@ -38,6 +40,7 @@
"react-reveal": "^1.2.2",
"react-scripts": "^3.4.1",
"react-virtualized": "^9.21.2",
+ "reactablejs": "^0.2.0",
"socket.io-client": "^2.3.0",
"store": "^2.0.12",
"timeago.js": "^4.0.2",
diff --git a/src/@ycore/libs/app_functions/pre.js b/src/@ycore/libs/app_functions/pre.js
index 6a6485f3..489ed735 100755
--- a/src/@ycore/libs/app_functions/pre.js
+++ b/src/@ycore/libs/app_functions/pre.js
@@ -12,16 +12,6 @@ export * from './modals.js'
export {SwapMode}
-export function QueryRuntime() {
- const validBackup = ycore.validate.backup()
-
- if (!validBackup) ycore.make_data.backup()
- ycore.sync.listen((data) => {
-
- })
-
-}
-
export function SetupApp() {
// TODO: Default sets
ycore.notify.success('Authorised, please wait...')
@@ -134,10 +124,6 @@ export const goTo = {
}
-export function RefreshONCE() {
- window.location = '/'
-}
-
export const app_session = {
login: (callback, payload) => {
if (!payload) {
@@ -174,7 +160,7 @@ export const app_session = {
ycore.notify.error('Critical error, token declined!')
return false
}
- ycore.SetupApp()
+ ycore._app.setup()
callback(null, '200')
}, framepayload)
},
diff --git a/src/@ycore/ycore_worker.js b/src/@ycore/ycore_worker.js
index b207f3be..6d7c8853 100755
--- a/src/@ycore/ycore_worker.js
+++ b/src/@ycore/ycore_worker.js
@@ -2,7 +2,7 @@
* @yCore_Worker
*
* @author rStudio© 2020
- * @licensed Pending...
+ * @license Pending...
*/
import * as Endpoints from 'globals/endpoints/index.js'
@@ -19,6 +19,7 @@ import './libs.js'
export * from '../../config/app.settings.js'
export * from './libs.js'
+export * from 'utils'
export var endpoints = Endpoints
diff --git a/src/components/HeaderSearch/index.js b/src/components/HeaderSearch/index.js
index ca163480..2cf71a46 100755
--- a/src/components/HeaderSearch/index.js
+++ b/src/components/HeaderSearch/index.js
@@ -12,12 +12,6 @@ export const SetHeaderSearchType = {
enable: () => {
window.HeaderSearchComponent.setState({ searchidden: false })
},
- toPrimary: () => {
- window.HeaderSearchComponent.setState({ framelocation: 'primary' })
- },
- toSecondary: () => {
- window.HeaderSearchComponent.setState({ framelocation: 'secondary' })
- },
}
export default class HeaderSearch extends Component {
constructor(props) {
@@ -34,7 +28,7 @@ export default class HeaderSearch extends Component {
const { value } = this.state
if (value.length < 1) return false
if (value == /\s/) return false
- ycore.SecondarySwap.openSearch(value);
+ ycore.SwapMode.openSearch(value);
}
sendToSearch = () => {
diff --git a/src/components/Layout/Control.js b/src/components/Layout/Control.js
index f32b462a..5cabdc19 100755
--- a/src/components/Layout/Control.js
+++ b/src/components/Layout/Control.js
@@ -2,6 +2,7 @@ import React from 'react'
import * as antd from 'antd'
import * as ycore from 'ycore'
import styles from './Control.less'
+import classnames from 'classnames'
import Radium, { StyleRoot } from 'radium'
import { fadeInUp, bounceOutDown } from 'react-animations'
@@ -25,7 +26,7 @@ export function CloseControls() {
return
}
-class Control extends React.Component {
+class Control extends React.PureComponent {
constructor(props) {
super(props)
window.ControlComponent = this
@@ -49,6 +50,7 @@ class Control extends React.Component {
render() {
const { RenderFragment, Show, FadeIN } = this.state
+ const isMobile = this.props.mobile? this.props.mobile : false
return Show ? (
+
+
+
+
+
+
+
+ {this.renderChildren()}
+
-
+
{RenderFragment}
diff --git a/src/components/Layout/Control.less b/src/components/Layout/Control.less
index c5594496..43fe0437 100755
--- a/src/components/Layout/Control.less
+++ b/src/components/Layout/Control.less
@@ -13,6 +13,11 @@
bottom: 0;
text-align: center;
+ &.mobile{
+ top:0;
+ bottom: unset;
+ }
+
:global {
.ant-card-body {
padding: 5px;
diff --git a/src/components/Layout/Secondary/components/__sec.less b/src/components/Layout/Secondary/components/__sec.less
new file mode 100644
index 00000000..0ca8f202
--- /dev/null
+++ b/src/components/Layout/Secondary/components/__sec.less
@@ -0,0 +1,74 @@
+@import '~themes/index.less';
+.secondary_container_2 {
+ position: absolute;
+ z-index: 51;
+ height: 100vh;
+ width: 0;
+ right: -500px;
+ padding: @secondaty_container_2_padding;
+
+ opacity: 0;
+ color: @secondary_container_2_color!important;
+ background-color: @secondary_container_2_backgroud;
+
+ border-radius: 32px 0 0 32px;
+
+ &.active {
+ width: 25%;
+ opacity: 1;
+ right: 0;
+ }
+
+ &.mobile {
+ width: 100%;
+ height: 0;
+ bottom: 0;
+ opacity: 0;
+
+ top: unset;
+ overflow: hidden;
+
+ border-radius: 12px 12px 0 0;
+ flex-direction: column;
+ overflow-y: scroll;
+ overflow-x: hidden;
+
+ touch-action: none;
+ user-select: none;
+ cursor: default;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+
+ -webkit-touch-action: none;
+ -moz-touch-action: none;
+ -ms-touch-action: none;
+ touch-action: none;
+ :global{
+ .comments_body {
+ padding: 30px 10px 10px 10px;
+ }
+ }
+
+ &.active {
+ opacity: 1;
+ height: 100%;
+ transform: translate(0, 86%);
+ }
+
+ &.full_open {
+ opacity: 1;
+ height: 100vh;
+ }
+ }
+
+ .sec_body{
+
+ }
+
+ transition: all @__Global_SwapAnimDuration ease-in-out;
+
+ }
\ No newline at end of file
diff --git a/src/components/Layout/Secondary/components/__sec.tsx b/src/components/Layout/Secondary/components/__sec.tsx
new file mode 100644
index 00000000..56dfe469
--- /dev/null
+++ b/src/components/Layout/Secondary/components/__sec.tsx
@@ -0,0 +1,78 @@
+import * as React from 'react'
+import * as ycore from 'ycore'
+import * as antd from 'antd'
+import * as Icons from '@ant-design/icons'
+import styles from './__sec.less'
+import classnames from 'classnames'
+import reactable from 'reactablejs'
+
+export interface __sec_props {
+ y?: number;
+ getRef: React.Ref
+
+ }
+ return null
+}
+
+const __sec = (props: __sec_props) => {
+ const { render, getRef, y, type } = props
+ const t_full = type === 'full_open'? true : false
+ const t_def = type === 'active'? true: false
+ return (
+
+
+
+ )
+}
+
+
+__sec.defaultProps = {
+ render: null,
+ y: 0,
+ isMobile: false,
+ functs: null,
+ type: null,
+}
+
+export default __sec
\ No newline at end of file
diff --git a/src/components/Layout/Secondary/components/index.js b/src/components/Layout/Secondary/components/index.js
new file mode 100644
index 00000000..99c8c3b3
--- /dev/null
+++ b/src/components/Layout/Secondary/components/index.js
@@ -0,0 +1,3 @@
+import __sec from './__sec.tsx'
+
+export { __sec }
\ No newline at end of file
diff --git a/src/components/Layout/Secondary/index.js b/src/components/Layout/Secondary/index.js
index 4d676d2b..8351c69b 100755
--- a/src/components/Layout/Secondary/index.js
+++ b/src/components/Layout/Secondary/index.js
@@ -4,6 +4,8 @@ import * as antd from 'antd'
import * as Icons from '@ant-design/icons'
import styles from './index.less'
import classnames from 'classnames'
+import { __sec } from './components'
+import reactable from 'reactablejs'
import {
__priPost,
@@ -17,89 +19,103 @@ export const SwapMode = {
close: () => {
SecondaryLayoutComponent.Swapper.close()
},
- openPost: (id, content) => {
- if (!id) return false
- let d
-
- if (content) {
- d = content
- } else {
- const payload = { post_id: id }
- ycore.comty_post.get((err, res) => {
- if (err) {
- return false
- }
- const post_data = JSON.parse(res)['post_data']
- d = post_data
- }, payload)
- }
-
- console.log(d)
-
- if (d) {
- try {
- const pdata = (
- <__priPost
- isMobile={SecondaryLayoutComponent.props.isMobile}
- payload={d}
- />
- )
- SecondaryLayoutComponent.setState({ rd__pri: pdata, __pri_full: true })
-
- return true
- } catch (error) {
- console.log(error)
- return null
- }
- }
- return false
- },
- openComments: (id, content) => {
- if (!id) return false
- let d
-
- if (content) {
- d = content
- } else {
- console.debug('Missing Payload [content]!')
- localStorage.setItem('p_back_uid', postID)
- const payload = { post_id: id }
- ycore.comty_post.get((err, res) => {
- if (err) {
- return false
- }
- const post_comments = JSON.parse(res)['get_post_comments']
- d = post_comments
- }, payload)
- }
- if (d) {
- try {
- const pdata = <__secComments post_id={id} payload={d} />
- SecondaryLayoutComponent.setState({
- rd__sec: pdata,
- __sec_active: true,
- })
- return true
- } catch (error) {
- console.log(error)
- return null
- }
- }
- },
- openSearch: a => {
- SecondaryLayoutComponent.setState({
- mode: 'search',
- pri_raw: a,
+ openFragment: (fragment)=>{
+ if (!fragment) return false
+ return SecondaryLayoutComponent.setState({
+ rd__sec: fragment,
+ __sec_active: true,
})
- SecondaryLayoutComponent.Swapper.half()
},
- openFragment: fragment => {
- SecondaryLayoutComponent.setState({
- mode: 'fragment',
- global_raw: fragment,
+ openPost: async (id, content) => {
+ if (!id) return false
+ let tmp;
+
+ let promise = new Promise((res, rej) => {
+ const payload = { post_id: id }
+ ycore.comty_post.get((err, response) => {
+ try {
+ res(JSON.parse(response)['post_data'])
+ } catch (error) {
+ console.log(error)
+ }
+ }, payload)
+ });
+
+ if (!content){
+ tmp = await promise
+ }
+ if (content){
+ tmp = content
+ }
+
+ const pdata = <__priPost isMobile={SecondaryLayoutComponent.props.isMobile} payload={tmp}/>
+
+ return SecondaryLayoutComponent.setState({
+ rd__pri: pdata,
+ __pri_full: true
})
- SecondaryLayoutComponent.Swapper.unique()
+
},
+ openComments: async (id, content) => {
+ if (!id) return false
+ let tmp;
+
+ let promise = new Promise((res, rej) => {
+ const payload = { post_id: id }
+ ycore.comty_post.get((err, response) => {
+ try {
+ res(JSON.parse(response)['post_comments'])
+ }catch (error) {
+ console.log(error)
+ }
+ }, payload)
+ });
+
+ if (!content){
+ tmp = await promise
+ }
+ if (content){
+ tmp = content
+ }
+
+ const pdata = <__secComments post_id={id} payload={tmp} />
+ return SecondaryLayoutComponent.setState({
+ rd__sec: pdata,
+ __sec_active: true,
+ })
+
+ },
+ openSearch: async (id, content) => {
+ if (!id) return false
+ let tmp;
+ let promise = new Promise((res, rej) => {
+ const payload = { key: id }
+ ycore.comty_search.keywords((err, response) => {
+ res(response)
+ }, payload)
+ });
+
+ if (!content){
+ tmp = await promise;
+ }
+ if (content){
+ tmp = content;
+ }
+
+ const pdata =
+ {renderExit}
+
+ {render}
+
+
+
+
+
+ <__priSearch payload={tmp} />
+
+
+ return SecondaryLayoutComponent.setState({
+ rd__pri: pdata,
+ __pri_half: true,
+ })
+
+ },
+
}
export default class Secondary extends React.PureComponent {
@@ -132,23 +148,55 @@ export default class Secondary extends React.PureComponent {
},
}
- renderSearch = key => {
- const payload = { key: key }
- ycore.comty_search.keywords((err, res) => {
- if (err) {
- ycore.notify.error(err)
+ handle_Exit(event) {
+ if (event.keyCode === 27) {
+ SwapMode.close()
+ }
+ }
+
+ handle_genData() {
+ ycore.comty_get.general_data((err, res) => {
+ if (err) return false
+ try {
+ const notification_data = JSON.parse(res)['notifications']
+ this.setState({
+ loading: false,
+ gen_data: res,
+ notification_data: notification_data,
+ })
+ } catch (error) {
+ console.log(error)
+ return null
}
- ycore.yconsole.log('Founded entries => ', JSON.parse(res))
- this.setState({ global_raw: res, loading: false })
- }, payload)
- return (
-
+
+ <__priSearch payload={tmp} />
+
-
-
- <__priSearch payload={this.state.global_raw} />
-
+ })
+ }
+
+ isOpen() {
+ if (
+ this.state.__pri_full ||
+ this.state.__pri_half ||
+ this.state.__sec_active ||
+ this.state.__sec_full
)
+ return true
+ return false
+ }
+
+
+ componentDidMount() {
+ this.handle_genData()
+ }
+
+ componentWillUnmount() {
+ document.removeEventListener('keydown', this.handle_Exit, false)
+ }
+
+ componentDidUpdate() {
+ if (this.isOpen()) {
+ document.addEventListener('keydown', this.handle_Exit, false)
+ } else {
+ document.removeEventListener('keydown', this.handle_Exit, false)
+ }
}
renderMain = payload => {
@@ -164,66 +212,23 @@ export default class Secondary extends React.PureComponent {
return null
}
}
- renderFragment = () => {
- try {
- const fragment = this.state.global_raw
- return
-
- <__priSearch payload={this.state.global_raw} />
- : null}
+
Invalid Render Target
@@ -233,20 +238,44 @@ export default class Secondary extends React.PureComponent { return null } } - + renderExit(target){ + if (!target) return null + const { rd__pri, rd__sec } = this.state + const btn =
- {isMobile ? null : (
+ {isMobile ? null : (
)}
-
- {this.isOpen() ? (
-
{this.state.notification_data.length}
@@ -257,39 +286,30 @@ export default class Secondary extends React.PureComponent { />
+
+
+ <__sec render={this.renderTarget('__sec')} isMobile={this.state.isMobile} functs={__sec_functs} type={this.state.__sec_full? "full_open" : this.state.__sec_active? "active" : null} />
+
+
diff --git a/src/components/Layout/Secondary/index.less b/src/components/Layout/Secondary/index.less
index f1580cfa..41d93da0 100755
--- a/src/components/Layout/Secondary/index.less
+++ b/src/components/Layout/Secondary/index.less
@@ -7,91 +7,16 @@
height: 100vh;
background-color: @__Global_layout_backgroud;
}
-
-.secondary_wrapper {
- width: auto;
- height: 100vh;
-
- z-index: 50;
- position: absolute;
- right: 0;
- top: 0;
- overflow-x: hidden;
-
- display: flex;
-
-
- &.mobile {
- width: 100%;
- height: 0;
- bottom: 0;
- opacity: 0;
-
- top: unset;
- overflow: hidden;
- >.secondary_layout_bg{
- border-radius: 12px 12px 0 0;
- flex-direction: column;
- overflow-y: scroll;
- overflow-x: hidden;
- width: 100%;
- }
- .secondary_container_1{
- height: 85vh;
- width: 100%;
- }
- .secondary_container_2{
- width: 100%;
- padding: 10px 10px 60px 10px;
- border-radius: 12px 12px 0 0;
- }
- :global{
- .comments_body {
- padding: 30px 10px 10px 10px;
- }
- }
-
- &.active {
- opacity: 1;
- bottom: 0;
- height: 100%;
- width: 100%;
- }
- &.half{
- opacity: 1;
- bottom: 0;
- height: 60%;
- width: 100%;
- }
- &.unique {
- opacity: 1;
- bottom: 0;
- height: 100%;
- width: 100%;
- >.secondary_layout_bg {
- background-color: #ffffff;
- padding: 0;
- border-radius: 12px 12px 0 0;
- flex-direction: column;
- overflow-y: scroll;
- overflow-x: hidden;
- width: 100%;
- }
- }
+.mobile_drag{
+ width: 100%;
+ height: auto;
+ .inner_drag{
+ height: 6px;
+ margin: auto;
+ width: 20%;
+ background-color: #2d2d2d;
+ border-radius: 12px;
}
-
- &.half {
- width: @secondary_wrapper_showHalf_width;
- }
- &.unique {
- width: @secondary_wrapper_showFull_width;
- >.secondary_layout_bg {
- background-color: #ffffff;
- padding-right: 90px;
- }
- }
- transition: all @__Global_SwapAnimDuration ease-in-out;
-
}
.secondary_userholder {
@@ -99,7 +24,7 @@
top: 25px;
display: flex;
position: absolute;
- z-index: 51;
+ z-index: 53;
img {
border-radius: 15px;
@@ -131,36 +56,103 @@
}
}
-.secondary_layout_bg {
- width: 100%;
- height: 100%;
+.exit_button{
+ position: relative;
+ z-index: 52;
+ left: 0;
+
+ //padding: 10px 0px 0 15px;
+ :global{
+ .ant-btn{
+ background-color: #fff;
+ border-radius: 8px;
+ }
+ }
+}
+
+.secondary_wrapper {
right: 0;
- z-index: 50;
- position: absolute;
- display: flex;
- overflow: hidden;
+ top: 0;
+
+ overflow-x: hidden;
+
+ &.mobile{
+ overflow-y: scroll;
+ flex-direction: column;
+ width: 0;
+ height: 0;
+
+ &.active{
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ }
+ }
transition: all @__Global_SwapAnimDuration ease-in-out;
- background-color: transparent;
-
- border-radius: @__Global_layout_border-rd;
}
.secondary_container_1 {
width: @secondary_wrapper_hidden_width;
height: 100%;
+ z-index: 50;
+ position: absolute;
+ display: flex;
- position: relative;
+ position: absolute;
+ right: 0;
padding: 30px 30px 30px 35px;
-
+
color: @secondary_container_1_color;
+ background-color: #2d2d2d;
+
- &.full_opent {
+ &.full_open {
width: @secondary_wrapper_showFull_width;
- padding: @secondary_container_1_padding;
+ .pri_body{
+ width: calc(100% - 25% - 5%);
+ // margin: 30px 0 25px 0;
+ }
}
+
&.half {
+ width: calc(@secondary_wrapper_hidden_width + 150px);
+ }
+
+ &.mobile {
+ width: 100%;
+ height: 0;
+ bottom: 0;
+ opacity: 0;
+
+ top: unset;
+ overflow: hidden;
+
+ border-radius: 12px 12px 0 0;
+ flex-direction: column;
+ overflow-y: scroll;
+ overflow-x: hidden;
+
+ :global{
+ .comments_body {
+ padding: 30px 10px 10px 10px;
+ }
+ }
+
+ &.full_open {
+ opacity: 1;
+ height: 100vh;
+ .pri_body{
+ width: 100%;
+
+ }
+ }
+
+ &.half {
+ opacity: 1;
+ height: 75vh;
+ }
}
@@ -177,34 +169,18 @@
transition: all @__Global_Components_transitions_dur linear;
}
}
-}
-.secondary_container_2 {
- position: relative;
- height: 100vh;
- width: 0;
- right: -500px;
- padding: @secondaty_container_2_padding;
-
- opacity: 0;
- color: @secondary_container_2_color!important;
- background-color: @secondary_container_2_backgroud;
-
- border-radius: 32px 0 0 32px;
-
- &.active {
- width: 400px;
- opacity: 1;
- right: 0;
- @media (min-width: 1000px) {
- width: 600px
- }
+ .pri_body{
+ height: 100%;
+ width: 100%;
}
-
+
transition: all @__Global_SwapAnimDuration ease-in-out;
-
+ border-radius: @__Global_layout_border-rd;
}
+
+
.renderSearch_wrapper {
height: 87vh;
overflow: hidden;
diff --git a/src/components/Layout/Secondary/renders.js b/src/components/Layout/Secondary/renders.js
index 1c96f094..d673a907 100755
--- a/src/components/Layout/Secondary/renders.js
+++ b/src/components/Layout/Secondary/renders.js
@@ -175,7 +175,7 @@ export class __secComments extends React.Component {
return (
- {this.renderTarget('__pri')}
+
-
-
+ {this.renderExit('__pri')}
+ {this.renderTarget('__pri')}
+
- {this.renderTarget('__sec')}
-
-
- {/*
Comments ({comment_data.length})
*/} +Comments ({comment_data.length})
{loading ? (
@@ -204,7 +204,7 @@ export class __secComments extends React.Component {
}
}
-export class __priSearch extends React.Component {
+export class __priSearch extends React.PureComponent {
renderResult = source => {
try {
const Empty = (
diff --git a/src/components/Layout/Secondary/renders.less b/src/components/Layout/Secondary/renders.less
index 0018d0c5..cc022932 100755
--- a/src/components/Layout/Secondary/renders.less
+++ b/src/components/Layout/Secondary/renders.less
@@ -132,7 +132,7 @@
.comments_body {
height: 100%;
font-family: "Poppins", sans-serif;
- padding: 75px 10px 10px 20px;
+ padding: 50px 10px 10px 20px;
.comments_body_title {
font-size: 12px;
diff --git a/src/components/PostCard/index.js b/src/components/PostCard/index.js
index 45406edb..99ce9ced 100755
--- a/src/components/PostCard/index.js
+++ b/src/components/PostCard/index.js
@@ -61,7 +61,7 @@ class PostCard extends React.PureComponent {
if (postFile){
ycore.SwapMode.openPost(id, post_data)
}
- ycore.SwapMode.openComments(id, get_post_comments)
+ ycore.SwapMode.openComments(id)
}
const handlePostActions = {
@@ -148,7 +148,7 @@ class PostCard extends React.PureComponent {
onClick={() => handlePostActions.boost(id) & this.toogleMoreMenu()}
key="boost_post"
>
-
-
@@ -252,8 +252,8 @@ class PostCard extends React.PureComponent {
/>
{postText ? (
{/* {isMobile ?
-
- {' '}
Using v{ycore.AppInfo.version} | User @{UserData.username}#
- {UserData.id} |{' '}
+ {UserData.id} |
- {' '}
- {' '}
+
+
) : null}
{postFile ? (
diff --git a/src/components/YulioID/index.js b/src/components/YulioID/index.js
new file mode 100644
index 00000000..64a5eea3
--- /dev/null
+++ b/src/components/YulioID/index.js
@@ -0,0 +1,240 @@
+import React, { Component } from 'react'
+import { connect } from 'dva'
+import { Form, Icon as LegacyIcon } from '@ant-design/compatible'
+
+import { Button, Input, Drawer } from 'antd'
+import * as ycore from 'ycore'
+import * as Icons from '@ant-design/icons'
+
+import styles from './index.less'
+
+const FormItem = Form.Item
+
+@connect(({ loading }) => ({ loading }))
+@Form.create()
+class YulioID extends Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ // Drawers Visibility (Default on False)
+ MainLoginVisible: true,
+ ShowLoading: false,
+ Answered: false,
+ transition: false,
+ }
+ }
+ // Handlers & others
+ handleUsername(text) {
+ this.setState({ RawUsername: text.target.value })
+ }
+ handlePassword(text) {
+ this.setState({ RawPassword: text.target.value })
+ }
+ handleRetry = () => {
+ this.setState({ ShowLoading: false, StateException: false, StateIcon: '' })
+ }
+ handleEnter = e => {
+ this.handleLogin()
+ }
+
+ handleLogin = () => {
+ var prefix = '[YID]: '
+ const { RawUsername, RawPassword } = this.state
+ var EncPassword = btoa(RawPassword)
+ var EncUsername = btoa(RawUsername)
+
+ if (!EncUsername || !EncPassword) {
+ var message = 'Incomplete information!'
+ ycore.yconsole.log(prefix, message)
+ }
+
+ if (EncUsername && EncPassword) {
+ this.setState({ ShowLoading: true, StateMessage: 'Wait a sec...' })
+ if (ycore.AppSettings.InfiniteLogin == true) {
+ ycore.yconsole.log(prefix, 'InfiniteLogin is enabled! Disabled getAuth')
+ } else {
+ ycore.yconsole.log(prefix, 'Initialising login process...')
+ const payload = { EncUsername, EncPassword }
+ ycore.app_session.login((err, res) => {
+ this.handleResponse(res)
+ }, payload)
+ }
+ }
+ }
+
+ handleResponse = response => {
+ if (response == '200') {
+ ycore.LoginPage.transitionToogle()
+ this.setState({
+ StateIcon: 'login',
+ StateMessage: 'Wait a sec...',
+ StateException: false,
+ })
+
+ }
+ if (response == '400') {
+ this.setState({
+ StateIcon: 'exclamation-circle',
+ StateMessage: 'Invalid credentials',
+ StateException: true,
+ })
+ }
+ if (response == '404') {
+ this.setState({
+ StateIcon: 'exclamation-circle',
+ StateMessage: 'Invalid Data',
+ StateException: true,
+ })
+ }
+ if (response == '500') {
+ this.setState({
+ StateIcon: 'cluster',
+ StateMessage: 'Server Error',
+ StateException: true,
+ })
+ }
+ }
+
+ render() {
+ const { visible } = this.props
+ const { getFieldDecorator } = this.props.form
+ const { ShowLoading, StateIcon, StateMessage, StateException } = this.state
+
+ return (
+
+
+
+
+
+
+
+ )
+ }
+}
+
+export default YulioID
diff --git a/src/components/YulioID/index.less b/src/components/YulioID/index.less
new file mode 100644
index 00000000..3aa46d12
--- /dev/null
+++ b/src/components/YulioID/index.less
@@ -0,0 +1,485 @@
+ @import '~themes/index.less';
+
+ .loginWrapper {
+ :global {
+ .ant-drawer-right.ant-drawer-open.no-mask {
+ right: 1px;
+ -ms-transform: translateX(1px);
+ transform: translateX(1px);
+ width: 100%;
+ }
+
+ .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
+ width: 100%;
+ border-radius: 20px 0 0 20px;
+ }
+
+ .ant-drawer-body {
+ height: 100%;
+ }
+
+ .ant-drawer {
+ box-shadow: none;
+ border-radius: 20px 0 0 20px;
+ max-width: 512px;
+ width: 100%;
+ }
+
+ .ant-drawer-content {
+ background: #ffffff9f;
+ border-radius: 20px 0 0 20px;
+ }
+ }
+ }
+
+ .StateIcon {
+ font-size: 24px;
+ margin: 13px;
+ }
+
+ .StateIcon_exception {
+ font-size: 24px;
+ margin: 13px;
+ color: red !important;
+
+ :global {
+ i {
+ color: red !important;
+
+ }
+ }
+ }
+
+ .mainlp {
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ display: flex;
+ width: 100%;
+ word-break: keep-all;
+
+ color: @foregroundColor;
+ text-align: left;
+ }
+
+ .mainlp .sectionlp {
+ border: 1px solid @accentColor;
+ position: relative;
+ padding: 40px 40px 50px;
+ }
+
+ .mainlp .sectionlp>h6 {
+ color: @accentColor;
+ background: @canvasColor;
+ position: absolute;
+ top: -10px;
+ left: 20px;
+ padding: 0 10px;
+ }
+
+ .mainlp .sectionlp .h6lp.subheader {
+ color: @grayColor;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ width: 100%;
+ }
+
+ @media (max-width: 992px) {
+ section:not(:last-child) {
+ border-width: 0 0 1px;
+ }
+
+ section:last-child {
+ border-width: 0;
+ }
+ }
+
+
+
+
+ .buttons {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ }
+
+ .buttons>* {
+ flex: 1 1 calc(50% - 20px);
+ margin-top: 20px;
+ }
+
+ .buttons>*:nth-child(odd) {
+ margin-right: 20px;
+ }
+
+ a.buttonlp,
+ input.buttonlp,
+ .buttonlp {
+ outline: none;
+ width: 100%;
+ text-align: center;
+ display: inline-block;
+ border: none;
+ font: 500 16px/1 "Poppins", sans-serif;
+ padding: 20px;
+ cursor: pointer;
+ border-radius: @borderRadius;
+ background: @primaryColor;
+ color: @backgroundColor;
+ position: relative;
+ top: 0;
+ transition: 0.2s ease;
+ }
+
+ a.buttonlp:hover,
+ a.buttonlp.hover,
+ input.buttonlp:hover,
+ input.buttonlp.hover,
+ .buttonlp:hover,
+ .buttonlp.hover {
+ top: -3px;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
+ }
+
+ a.buttonlp:active,
+ a.buttonlp.active,
+ input.buttonlp:active,
+ .input.buttonlp.active,
+ .buttonlp:active,
+ .buttonlp.active {
+ background: @primaryShade4;
+ outline: none;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ top: 0;
+ }
+
+ a.buttonlp.disabled,
+ input.buttonlp.disabled,
+ .buttonlp.disabled {
+ opacity: 0.4;
+ user-select: none;
+ pointer-events: none;
+ }
+
+ a.buttonlp.medium,
+ input.buttonlp.medium,
+ .buttonlp.medium {
+ padding: 15px 18px;
+ width: auto;
+ }
+
+ a.buttonlp.small,
+ input.buttonlp.small,
+ .buttonlp.small {
+ padding: 10px 12px;
+ width: auto;
+ font-size: 14px;
+ font-weight: 500;
+ }
+
+ a.buttonlp.secondary,
+ input.buttonlp.secondary,
+ .buttonlp.secondary {
+ background: @secondaryColor;
+ }
+
+ a.buttonlp.secondary:active,
+ a.buttonlp.secondary:focus,
+ a.buttonlp.secondary.active,
+ input.buttonlp.secondary:active,
+ input.buttonlp.secondary:focus,
+ input.buttonlp.secondary.active,
+ .buttonlp.secondary:active,
+ .buttonlp.secondary:focus,
+ .buttonlp.secondary.active {
+ background: @secondaryShade4;
+ outline: none;
+ }
+
+ a.buttonlp.accent,
+ input.buttonlp.accent,
+ .buttonlp.accent {
+ background: @accentColor;
+ }
+
+ a.buttonlp.accent:active,
+ a.buttonlp.accent:focus,
+ a.buttonlp.accent.active,
+ input.buttonlp.accent:active,
+ input.buttonlp.accent:focus,
+ input.buttonlp.accent.active,
+ .buttonlp.accent:active,
+ .buttonlp.accent:focus,
+ .buttonlp.accent.active {
+ background: @accentShade4;
+ }
+
+ a.buttonlp.accent2,
+ input.buttonlp.accent2,
+ .buttonlp.accent2 {
+ background: @accent2Color;
+ }
+
+ a.buttonlp.accent2:active,
+ a.buttonlp.accent2:focus,
+ a.buttonlp.accent2.active,
+ input.buttonlp.accent2:active,
+ input.buttonlp.accent2:focus,
+ input.buttonlp.accent2.active,
+ .buttonlp.accent2:active,
+ .buttonlp.accent2:focus,
+ .buttonlp.accent2.active {
+ background: @accent2Shade4;
+ }
+
+ a.buttonlp.accent3,
+ input.buttonlp.accent3,
+ .buttonlp.accent3 {
+ background: @accent3Color;
+ }
+
+ a.buttonlp.accent3:active,
+ a.buttonlp.accent3:focus,
+ a.buttonlp.accent3.active,
+ input.buttonlp.accent3:active,
+ input.buttonlp.accent3:focus,
+ input.buttonlp.accent3.active,
+ .buttonlp.accent3:active,
+ .buttonlp.accent3:focus,
+ .buttonlp.accent3.active {
+ background: @accent3Shade4;
+ }
+
+ /*inputs*/
+ .input__wrapper {
+ margin-bottom: 10px;
+
+ :global {
+ .ant-col {
+ width: 100%;
+ }
+ }
+ }
+
+ .inputRG__wrapper {
+ margin-bottom: 0px;
+ }
+
+ .labelform {
+ font-weight: 500;
+ display: block;
+ margin-bottom: 5px;
+ }
+
+ .inputform,
+ select,
+ textarea {
+ height: 50px;
+ font-size: 16px;
+ border: 2px solid @neutralShade3;
+ width: 100%;
+ padding: 12px;
+ font-family: "Poppins";
+ border-radius: @borderRadius;
+ color: @foregroundColor;
+ background: @backgroundColor;
+ }
+
+ .inputform:focus,
+ .inputform.active,
+ select:focus,
+ select.active,
+ textarea:focus,
+ textarea.active {
+ outline: none;
+ border-color: @primaryColor;
+ }
+
+ .inputform:disabled,
+ select:disabled,
+ textarea:disabled {
+ cursor: not-allowed;
+ background: @neutralShade1;
+ opacity: 0.6;
+ }
+
+ Input .inputPasswordform {
+ height: 50px;
+ font-size: 16px;
+ border: 2px solid @neutralShade3;
+ width: 100%;
+ padding: 12px;
+ font-family: "Poppins";
+ border-radius: @borderRadius;
+ color: @foregroundColor;
+ background: @backgroundColor;
+ }
+
+ Input .inputPasswordform:focus {
+ outline: none;
+ border-color: @primaryColor;
+ }
+
+ .inputform.input {
+ height: 56px;
+ font-size: 18px;
+ padding: 15px;
+ }
+
+
+ /*spinner*/
+ .spinner+.labellp {
+ font-size: 14px;
+ font-weight: 500;
+ margin-top: 8px;
+ display: inline-block;
+ text-transform: uppercase;
+ color: @primaryShade4;
+ }
+
+ .spinner1 .spinner {
+ max-width: 50px;
+ margin: auto;
+ height: 20px;
+ position: relative;
+ }
+
+ .spinner1 .spinner:after {
+ content: "";
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ left: -10%;
+ background: @primaryColor;
+ animation: spinnerLeftRight 1s infinite;
+ }
+
+ .spinner1 .spinner:before {
+ content: "";
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ left: -10%;
+ background: @primaryShade2;
+ opacity: 1;
+ animation: spinnerLeftRight 1s infinite 0.06s;
+ }
+
+ @keyframes spinnerLeftRight {
+ 0% {
+ left: 85%;
+ }
+
+ 50% {
+ left: -10%;
+ }
+
+ 100% {
+ left: 85%;
+ }
+ }
+
+
+
+ .formlogin {
+ width: 95%;
+ height: auto;
+ border-radius: 10px;
+ padding: 30px;
+ box-shadow: 0 3px 15px rgba(51, 51, 51, 0.2);
+ background: #ffffff44;
+ margin: 20px 10px 20px 10px;
+ position: relative;
+ overflow: hidden;
+ vertical-align: middle;
+ }
+
+ .formlogin .checkbox {
+ margin-bottom: 30px;
+ }
+
+ .formlogin .spinner__wrapper {
+ place-items: center;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background: rgba(255, 255, 255, 0.85);
+
+ }
+
+
+ .preheader {
+ position: relative;
+ top: 0;
+
+ h1 {
+ font: 700 48px "Nunito", sans-serif;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+
+ h6 {
+ padding: 3em 0 0 0;
+ line-height: 1px;
+ display: flex;
+ font: 500 16px/1 "Poppins", sans-serif;
+ text-transform: uppercase;
+
+ img {
+ vertical-align: middle;
+ height: 17px;
+ }
+ }
+ }
+
+ .moreActions {
+ display: flex;
+ margin: auto;
+ align-content: center;
+ position: relative;
+ width: 100%;
+
+ :global {
+ .ant-btn {
+ margin: auto;
+ }
+ }
+ }
+
+ @media (max-width: 472px) {
+ .moreActions {
+ display: grid;
+ align-content: center;
+ position: relative;
+ width: 100%;
+
+ :global {
+ .ant-btn {
+ margin: 5px;
+ }
+ }
+ }
+ }
+
+ .resultbox {
+ h6 {
+ font-family: "Poppins", sans-serif;
+ text-align: center;
+ font-size: 16px;
+ margin: auto;
+ vertical-align: middle;
+ }
+
+ .retryBTN {
+ text-align: center;
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ margin: auto;
+ vertical-align: bottom;
+ }
+
+ margin: auto;
+ }
\ No newline at end of file
diff --git a/src/layouts/PrimaryLayout.js b/src/layouts/PrimaryLayout.js
index 84d15a0a..dfbc20d2 100755
--- a/src/layouts/PrimaryLayout.js
+++ b/src/layouts/PrimaryLayout.js
@@ -92,7 +92,7 @@ class PrimaryLayout extends React.Component {
+
+
+
+
+ YulioID™
+
+
-
Raw => {JSON.stringify(this.state.s_token)}
+UID => {UserID}
Session Token => {UserToken}
expiresIn => {expiresIn}
--
ValidSDCP => {JSON.stringify(ValidSDCP)}
-ValidCookiesToken => {JSON.stringify(ValidCookiesToken)}
-Valid? => {JSON.stringify(final)}
-
- ycore.notify.error('Yep, its not empty, jeje funny')}
- >
- {' '}
- Send empty notify.error(){' '}
-
-
- ycore.notify.error(`
- ycore.GetPosts(uid, get, '0', (err, result) => {
- const parsed = JSON.parse(result)['data']
- const isEnd = parsed.length < ycore.AppSettings.limit_post_catch? true : false
- this.setState({ isEnd: isEnd, data: parsed, loading: false })
- })`)
- }
- >
- {' '}
- Send mock notify.error(){' '}
-
-
- ycore.notify.error('Error Mock 1')}>
- {' '}
- notify.error{' '}
-
- ycore.notify.proccess('Proccess Mock 1')}>
- {' '}
- notify.proccess{' '}
-
- this.handleDesktop()}>
- {' '}
- Switch to Desktop_mode{' '}
-
+
ycore.app_modals.report_post()}>
Open report_post modal
@@ -165,27 +110,10 @@ export default class __m extends React.Component {
ycore.sync.emmitPost()}>
Emmit Post feed
-
-
-
-
-
-
-
-
-
-
-
-
-
- {JSON.stringify(arrayOfSDCP)}
-
-
-
+ ycore.SwapMode.openComment('1020')}>
+ Open Comment
+
-
-
@@ -196,12 +124,12 @@ export default class __m extends React.Component {
ycore.FeedHandler.addToRend(AddDummy)}>
- {' '}
- ADD DUMMY{' '}
+
+ ADD DUMMY
ycore.FeedHandler.killByID(3)}>
- {' '}
- KillByID (3){' '}
+
+ KillByID (3)
{
+ const [coordinate, setCoordinate] = React.useState({ y: 0 });
+ return (
+ {
+ const { dy } = event;
+ setCoordinate(prev => ({
+ y: prev.y + dy,
+ }));
+ }}
+ y={coordinate.y}
+ />
+ );
+ };
+
+
+ return(
+ ;
+}
+
+const Demo = (props: DemoProps) => {
+ const { getRef, y, angle, width, height } = props
+ return (
+
+
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/src/pages/debug_test/drag_t.tsx b/src/pages/debug_test/drag_t.tsx
new file mode 100644
index 00000000..df0dfaa1
--- /dev/null
+++ b/src/pages/debug_test/drag_t.tsx
@@ -0,0 +1,44 @@
+import * as React from 'react'
+
+export interface DemoProps {
+ y?: number;
+ width?: number;
+ height?: number;
+ angle?: number;
+ getRef: React.RefDRAG _TEST
+ ++
+ Reactable is a react hight-order component for interactjs.
+
+ )
+}
+
+Demo.defaultProps = {
+ x: 0,
+ y: 0,
+ width: 200,
+ height: 200,
+ angle: 0
+}
+
+export default Demo
\ No newline at end of file
diff --git a/src/pages/debug_test/index.js b/src/pages/debug_test/index.js
new file mode 100644
index 00000000..9c098d20
--- /dev/null
+++ b/src/pages/debug_test/index.js
@@ -0,0 +1,13 @@
+import React from 'react'
+
+export default class _test extends React.PureComponent{
+ render(){
+ return(
+ -
+
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/src/pages/debug_test/upload.js b/src/pages/debug_test/upload.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/pages/settings/components/base.js b/src/pages/settings/components/base.js
index f7374d3a..e9b50d3d 100755
--- a/src/pages/settings/components/base.js
+++ b/src/pages/settings/components/base.js
@@ -96,7 +96,7 @@ class Base extends Component {
description:
'The configuration has been saved, it may for some configuration to make changes you need to reload the application',
})
- setTimeout(ycore.RefreshONCE(), 1000)
+ setTimeout(ycore._app.refresh(), 1000)
ControlBar.close()
}
diff --git a/src/themes/base/index.less b/src/themes/base/index.less
index 09ea46ff..cfbb9be8 100755
--- a/src/themes/base/index.less
+++ b/src/themes/base/index.less
@@ -57,6 +57,12 @@ body {
overflow: hidden;
}
+@media (max-width: @bp-small){
+ ::-webkit-scrollbar{
+ display: none;
+ }
+}
+
@media (min-width: @bp-medium) {
}
diff --git a/src/utils/index.js b/src/utils/index.js
index c07b840b..0f2ebe47 100755
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -2,6 +2,7 @@ import { cloneDeep, isString, flow, curry } from 'lodash'
import umiRouter from 'umi/router'
import pathToRegexp from 'path-to-regexp'
import { i18n } from 'config'
+import * as ycore from 'ycore'
export const { defaultLanguage } = i18n
export const languages = i18n.languages.map(item => item.key)
@@ -243,16 +244,25 @@ export function setLocale(language) {
export const _app = {
setup: () => {
-
+ ycore.notify.success('Authorised, please wait...')
+ const resourceLoad = localStorage.getItem('resource_bundle')
+ if (!resourceLoad) {
+ localStorage.setItem('resource_bundle', 'light_ng')
+ }
+ ycore.router.push('main')
},
query: () => {
-
+ const validBackup = ycore.validate.backup()
+ if (!validBackup) ycore.make_data.backup()
+ },
+ refresh: () => {
+ return window.location = '/'
},
logout: () => {
-
+ return ycore.app_session.logout()
},
- login: (data) => {
-
+ login: (callback, data) => {
+ return ycore.app_session.login(callback, data)
},
}
\ No newline at end of file
__test
+drag
+upload
+