From a90f98d1b9e4283fa7f6a930bb9ccaf943930e59 Mon Sep 17 00:00:00 2001 From: xmcp Date: Thu, 3 Oct 2019 21:44:51 +0800 Subject: [PATCH] ux update --- public/index.html | 2 +- public/static/fonts_5/icomoon.ttf | Bin 3992 -> 0 bytes public/static/fonts_5/icomoon.woff | Bin 4068 -> 0 bytes .../static/{fonts_5 => fonts_6}/icomoon.css | 25 +++++- .../static/{fonts_5 => fonts_6}/icomoon.svg | 6 ++ public/static/fonts_6/icomoon.ttf | Bin 0 -> 5308 bytes public/static/fonts_6/icomoon.woff | Bin 0 -> 5384 bytes src/Common.css | 13 +++ src/Common.js | 2 +- src/Flows.css | 11 +++ src/Flows.js | 76 +++++++++++------- src/Title.js | 16 ++-- src/UserAction.css | 2 + src/UserAction.js | 4 +- src/index.css | 1 + 15 files changed, 120 insertions(+), 38 deletions(-) delete mode 100644 public/static/fonts_5/icomoon.ttf delete mode 100644 public/static/fonts_5/icomoon.woff rename public/static/{fonts_5 => fonts_6}/icomoon.css (74%) rename public/static/{fonts_5 => fonts_6}/icomoon.svg (70%) create mode 100644 public/static/fonts_6/icomoon.ttf create mode 100644 public/static/fonts_6/icomoon.woff diff --git a/public/index.html b/public/index.html index a071bb6..ce420d2 100644 --- a/public/index.html +++ b/public/index.html @@ -6,7 +6,7 @@ - + diff --git a/public/static/fonts_5/icomoon.ttf b/public/static/fonts_5/icomoon.ttf deleted file mode 100644 index 03e2423da8143bc3345a15cddf4b9279ebf32965..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3992 zcma(UZA@F&_1t%#{rrKkjqPV_z}OgUFo}(AY?Bbk16C3eXqpctQzTO;ArKZm3ZzZa zNP9n~{8&~s%Ct#Ur-&b2s%h24R&|-CNqbssLh8cfqFwVl?CJny`B zpBpIzd6oZ?I2H%}*{Jd-a$IKpGMM zU}kb<2}c*=|G?2QbMeagb?Y|rl21{IWp;Yf9~Sq)MWi9Vm;z-BA%F^yu1Vfm_z&{#KQ}d^V6>%vHlNn)K9K2Ev~Gh zo!Fe0wRxcQ6LJ$w0Nm@`2S|C1jpUz@C032Eq7hdGqJt8^_BvHc3P=VRBlinc5xXUk`47Y^xzwE4|Cxc(a|SKNmdqom&L2%%WU`sfZj2Y_yzSnOy?cvYU0vBRLiR+X=~{L#nI8zr$ zMKIh#q=|TSO_3zw?sX?R`&@30>|7_D+tt^Z=q^*})iUM5@14$l9f^EC(Xr3z#QNplkVP3$GPto9T_ znAv)y8h-P%VCd#C+kIX$rwsP)KNAR0PJN}VL6T+pWH8^vXo0|){k@^~o}PB>RMF8v zXOmNXMQLb5){|BnqcL_>(HW7s+BOqBi`6TlC9$#cev&OD@e~ak1V0k+=c%AY6C_GQ zxD7K_EaWW2k$^ve(J;YxKwi^q<9Ke?V$qhiSY{F7DEXJ)B=fMNoBOss z=+v}0gZ8&c!rrJO?LF!r4N#*qp09FJs}TvkhUvvXD_5*&X>a2M^ziG&!j;Qr@)*h{ zUo;mj_~|u{8y~cLZJu+|;I!M_>dB>&!(ME|$y81zurWA3s(w#i+t}dxEpF@JIOX;q zefEIK#5fqYqKpsre)BU$+1SwPgpBzkWB%}9!x(T|i8~%~7u*rNMI<804`hjxsI-HH zPDMs}N0zjLjP<2-59{4qD22B^X|odtp=~DGMubBAAZaFop9l5!?c3^Y0tW~_2MDO} zx5T^mmzM6oo8YopGNAr8dtY65^;COI!TM!=Z>_PF@eQw#H~d)I@TS@om|X#tcZCjfHx2nlulgLymw;2)jZ-Pi;GK!b#Eol*ojdbw z1O{=htaO$GH(O=BUx>H`k8wq_?ZpciTdca4w@4#+E zdW>09rl@Pzs|08;*4*4_uVK4k+qYR;gMqLntlp`jpl~I({>5k1zy>HlAAqT<)|EHL zu94kuQMPA)+)4`Z>dU;+wNE&g&(5kJlhE1UNl!Wqy7r{Q`0H79Q{6oKo}McoV!Xct zQ+Og(G3FQZxdS9_j-`_%9m}UfBrWRqS@{zrkCn90CHmRtTR%>l^%|)cB33Q&E+~{Q zRsG_OmUkHp76+tJkBiI=*2SaoSbIxRF6iNv7S*BIbyd_zY<1Chu;=*W<-h7UCQ zyhDkO&RQRFc}54MVlc>dP2a(>I6il3Y)nq20(_m#nh*O=?P;zTXr@=N)wkG8HIANC zY9#SYgLNcF(-y1MlBT&4Yr`{%BdKIhjl*Q`igu4WY;}Af)%ESMu~T#7Mf|EVYKi8f zFMjY*=kv}3Uw|Ex7Tcfy^49djv2+)|E)~QrT5Z!C%INDtEeG355EMJEORbyoO_?v(Ig$G*XS?!1b>VF-1Hsf z)U5HstS+o)rY>Fis)e5!HWLsG35`>L34=}%&Kod~@FfE_;Xg&60h^J2)PQXegzp0W z8{w@;sl^!va|q8EFh#h}fO&+k8L$aN2pg~&=_d@>2Ho)Hg{j5)#l;1(K%7w*+a5~uqr(qhFVFej*0`;UJ30=EN?Mgf`J#*>egK@aSjF)i(q4co_#V+WFvd23 NHtIE|@=zXy{|{GJ?ymp< diff --git a/public/static/fonts_5/icomoon.woff b/public/static/fonts_5/icomoon.woff deleted file mode 100644 index 991336810165338e1338ad93ef2be9ca34910961..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4068 zcma)9Yit|G5#GH$^7s%%QY4QeB~hd(krHK-;#;;JK1qpe*-{)oU>63cNReg9swFv+ z96w^9_oMKSCP54rEgGaS^rLl9G$_;tsf(gO4^4sQM-db#(AFr5s!SC^wFQW=D>1<(mvopq8n zH9vU~uvy@LPwUawkIFNX%YX?v;HfOFu9*v0&jHqpkR5otWzD+vtJ&$vvj{n!f%gSk zee$>aX8{E4I`FNuT8QYKonN^E*edYP(>gqW)-NnhQMpfmPtaQbv0Ohtc?IUJZ3I5d zY5>hGOwLaO2J_+@w7z-R`oD{d%PX+n-#(NhKoRmWzKKj=&Fr5mB8QjJJNYtXlYoCw~+D7=X_$2Pyd zd3p2d=IfhpZN9(x$IU-)-rKTm)odlVp4nO}KPZ<$14jNzlDNF#7v*2bZ^<|1H{|Q` zqI^i+Cl}$$LiP;nnyGHV$4RIGfLl*wJx0nQ3x ziPU1L7DroR@iwDR;y!G}@g$Dt3Ps$Hvl-b>KCxPaTi7OvRuhp#U4PZ&v=B3~JMh0B z-2TW`gRNF_SG0*{yGVX2dFl9*@5~dIbB*NF^#4<0=z7f>b5;Laq#+J$7(- zCe);>DpoXVANaMbi3sf5^O$wuGiH)m%5x*BnekXY$IKJZTxtB(b||lom*%|f-j2O{ zOI=-E*)fdwM5F0i2YW-*Ncg4E(Nm{JM_&p@h|m!XG?`37L-2G?a!QS@t;dteG=E9$ zf!#%lh{1O;G=`9;+Fvc)fH=1x>*Fr#$C0ll_K##oN1wZ{&fVA1k>oVy4pT1ewYnrr zoiOrr5mc$q=`eS=+Lg3;Yyy6&0OSRvlr;hm7W=#`PW;^eKCkSL z&@Eugk7K_4V&2$~bcBbK?(2)7V!!d^B~B#DK4xkP85%PrvT8(46= z`Z^Q29fVxlK_2|h>Dc_$a0}6?a|M9(oK{ujMd=(){J2-l1eQP z4IOfYUGO_JG_;&bMRvn|%^Rz(d7T~n|yk_wiZf_`2Pf=}jA`%I|74I9=Q0n^B+U^C zmcv*wpy`SyE!rA8z{0Nw5?4N(DL^Qje9?Tg=qJ|&VSLc;wRz4egVSzzt0$jI4tt>t zCsTP9qxHe@QT;V_b$wmvx45l?<3!khStbUFyC+p0nnGUS)?J;--&gO(Tc+U(eYNt=nZ zVW}8DfSa-87mHvxDfXH>wm!FxK4MX|Lg{;mfyKTZ4fx zRo3rRA)s6-P45qWZ)>Ol6;U5Trm9@GvoL;*?0$>#HT&aMT#Q#==9R8}!oGZZM*j$h z&iqDs(q@p=CvC>x&gdKZ#+mooS@{s+{arK#J5m*6ez}nE#c^{ioy6%_AsxbLncZhQ zpCARuq{S}T&p+S#;kB9NNS26rwuHN&xO1tpi!-{j%3!cGpp1H4cy6#R9*xJ^TS~H6 zXYWiT2ED$ulCS*ne_QbG<||J(8`y#b&B;bf;1yiDw(EBYBdxSgn>c$&XkYo=qH1CA(`J zCVN*jH|ns}iGfttH^#GI?mGI2;!t~PQ%JkXri&w)VQ;TC@TM`Yk nxmRHJ85m}PSu}}Opg#-Pi|8t}BWwX + + + + + + \ No newline at end of file diff --git a/public/static/fonts_6/icomoon.ttf b/public/static/fonts_6/icomoon.ttf new file mode 100644 index 0000000000000000000000000000000000000000..74d79a5449ce656804ae5a153d925c0e4e04635b GIT binary patch literal 5308 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 literal 0 HcmV?d00001 diff --git a/src/Common.css b/src/Common.css index 2448f61..9dcc83c 100644 --- a/src/Common.css +++ b/src/Common.css @@ -1,3 +1,7 @@ +.clickable { + cursor: pointer; +} + .bg-img { position: fixed; z-index: -1; @@ -45,4 +49,13 @@ .root-dark-mode .colored-span { background-color: var(--coloredspan-bgcolor-dark); +} + +.icon+label { + font-size: .9em; + vertical-align: .05em; + cursor: inherit; +} +.icon+label::before { + content: ' '; } \ No newline at end of file diff --git a/src/Common.js b/src/Common.js index fe53dac..868fd3c 100644 --- a/src/Common.js +++ b/src/Common.js @@ -17,7 +17,7 @@ export function build_highlight_re(txt,split) { return txt ? new RegExp(`(${txt.split(split).filter((x)=>!!x).map(escape_regex).join('|')})`,'g') : /^$/g; } -function ColoredSpan(props) { +export function ColoredSpan(props) { return (
- #{this.props.info.cid} + {this.props.do_filter_name ? + {this.props.do_filter_name(this.props.info.name);}}> + #{this.props.info.cid} + : + #{this.props.info.cid} + }   {this.props.info.tag!==null && @@ -191,24 +197,14 @@ class FlowSidebar extends PureComponent { replies: props.replies, loading_status: 'done', error_msg: null, - dz_only: false, + filter_name: null, + rev: false, }; this.color_picker=props.color_picker; this.syncState=props.sync_state||(()=>{}); this.reply_ref=React.createRef(); } - /*componentWillReceiveProps(nextProps) { - this.setState({ - attention: nextProps.attention, - info: nextProps.info, - replies: nextProps.replies, - loading_status: 'done', - }); - this.color_picker=nextProps.color_picker; - this.syncState=nextProps.sync_state||(()=>{}); - }*/ // refactored to use key instead - set_variant(cid,variant) { this.setState((prev)=>{ if(cid) @@ -305,14 +301,20 @@ class FlowSidebar extends PureComponent { } } - toggle_dz_only() { + set_filter_name(name) { + this.setState((prevState)=>({ + filter_name: name===prevState.filter_name ? null : name, + })); + } + + toggle_rev() { this.setState((prevState)=>({ - dz_only: !prevState.dz_only, + rev: !prevState.rev, })); } show_reply_bar(name,event) { - if(this.reply_ref.current && !event.target.closest('a')) { + if(this.reply_ref.current && !event.target.closest('a, .clickable')) { let text=this.reply_ref.current.get(); if(/^\s*(?:Re (?:|洞主|(?:[A-Z][a-z]+ )?(?:[A-Z][a-z]+)):)?\s*$/.test(text)) {// text is nearly empty so we can replace it let should_text='Re '+name+': '; @@ -330,29 +332,39 @@ class FlowSidebar extends PureComponent { let show_pid=load_single_meta(this.props.show_sidebar,this.props.token,this.props.parents.concat([this.state.info.pid])); - let replies_to_show=this.state.dz_only ? this.state.replies.filter((r)=>r.islz) : this.state.replies; + let replies_to_show=this.state.filter_name ? this.state.replies.filter((r)=>r.name===this.state.filter_name) : this.state.replies.slice(); + if(this.state.rev) replies_to_show.reverse(); + + // key for lazyload elem + let view_mode_key=(this.state.rev ? 'y-' : 'n-')+(this.state.filter_name||'null'); return (
{!!this.props.token && - 举报 -  /  + + + +    } - 刷新回复 -  /  - {this.state.dz_only ? '查看全部' : '只看洞主'} + + + +    + + + {!!this.props.token && -  /  +    { this.toggle_attention(); }}> {this.state.attention ? -  已关注 : -  未关注 + : + } @@ -375,12 +387,22 @@ class FlowSidebar extends PureComponent { {parseInt(this.state.info.reply)-this.state.replies.length} 条回复被删除
} + {!!this.state.filter_name && +
+

+ {this.set_filter_name(null)}}>还原 +  当前只看  + {this.state.filter_name} +

+
+ } {replies_to_show.map((reply)=>( - + {this.show_reply_bar(reply.name,e);}}> {this.set_variant(reply.cid,variant);}} + do_filter_name={this.set_filter_name.bind(this)} /> diff --git a/src/Title.js b/src/Title.js index 8e6505d..aec7245 100644 --- a/src/Title.js +++ b/src/Title.js @@ -151,11 +151,17 @@ class ControlBar extends PureComponent { {this.props.show_sidebar( '设置', - )}}>网页版树洞设置 -  /  - 树洞规范 -  /  - 意见反馈 + )}}> + + +    + + + +    + + +
{HELP_TEXT}
diff --git a/src/UserAction.css b/src/UserAction.css index 1c75e8b..6e2135d 100644 --- a/src/UserAction.css +++ b/src/UserAction.css @@ -30,6 +30,7 @@ } .reply-form button { flex: 0 0 3em; + margin-right: 0; } .post-form-bar { @@ -51,6 +52,7 @@ } .post-form-bar button { flex: 0 0 8em; + margin-right: 0; } .post-form-img-tip { font-size: small; diff --git a/src/UserAction.js b/src/UserAction.js index 29dc2cc..8e0dfad 100644 --- a/src/UserAction.js +++ b/src/UserAction.js @@ -197,7 +197,9 @@ export class LoginForm extends Component {

您已登录。 - +

diff --git a/src/index.css b/src/index.css index ffdd16c..2e26d85 100644 --- a/src/index.css +++ b/src/index.css @@ -27,6 +27,7 @@ input, textarea { border-radius: 5px; border: 1px solid black; outline: none; + margin: 0; } input { padding: 0 1em;