From 47200a5c3da7613689c992232f03fc8f686f7a5a Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Sun, 19 Feb 2017 14:15:21 +0200 Subject: [PATCH 01/37] create header, footer, bookmarks area and add panel buttons --- css/main.css | 244 ++++++++++------------------------------- icons/add-folder.png | Bin 0 -> 1385 bytes icons/cancel.png | Bin 0 -> 941 bytes icons/check.png | Bin 0 -> 1117 bytes icons/crop.png | Bin 0 -> 2652 bytes icons/delete.png | Bin 0 -> 1922 bytes icons/folder-arrow.png | Bin 0 -> 827 bytes icons/group-button.png | Bin 0 -> 1357 bytes icons/search.png | Bin 0 -> 1318 bytes icons/sort.png | Bin 0 -> 5191 bytes popup.html | 52 ++------- 11 files changed, 71 insertions(+), 225 deletions(-) create mode 100644 icons/add-folder.png create mode 100644 icons/cancel.png create mode 100644 icons/check.png create mode 100644 icons/crop.png create mode 100644 icons/delete.png create mode 100644 icons/folder-arrow.png create mode 100644 icons/group-button.png create mode 100644 icons/search.png create mode 100644 icons/sort.png diff --git a/css/main.css b/css/main.css index a034533..5115c04 100644 --- a/css/main.css +++ b/css/main.css @@ -1,204 +1,78 @@ -body { - overflow-y: scroll; - height: 800px; - width: 410px; +html { + overflow: hidden; + display: block; } -#top { - height: 120; - margin-top: 10; +body { + height: 600px; + width: 291px; + background-color: #009688; } -#head { - text-align: center; - padding: inherit; +.header { + background-color: #009688; + width: 308px; + height: 47px; } -#group { - position: relative; - left: 23; +.bookmarks { + background-color: #ffffff; + height: 503px; + width: 308px; } -#crop { - position: relative; - left: 46; +.footer { + margin-bottom: 0px; + background-color: #009688; + width: 308px; + height: 50px; } -#tools { - position: relative; - bottom: 10; - right: 1; +.sort{ + position: relative; + margin-left: 20px; + margin-top: 8px; + height: 29px; + width: 29px; } -#bookmarks { - height: 505px; - margin-top: 0px; - /* Keeps the scrollbar on jquery animate*/ - overflow-y: auto !important; - overflow-x: hidden; - position: relative; +.group{ + position: relative; + margin-left: 39px; + margin-top: 8px; + height: 34px; + width: 34px; } -#bottom { - padding-bottom: 10; +.cut{ + position: relative; + margin-left: 39px; + margin-top: 8px; + height: 31px; + width: 31px; } - -} -#apply { - height: 30; -} - -/* Expand folder icon */ -a .dropIcon { - padding: 0 3px 0 0; - color: #555; - font-weight: normal; - background-color: transparent; - background-repeat: no-repeat; - border: none; - cursor: pointer; - overflow: hidden; - outline: none; - transition: all .2s ease-in-out; -} -a .dropIcon:hover { - color: #248232; -} -a .linkIcon { - padding: 0 3px 0 0; - font-weight: normal; - background-color: transparent; - background-repeat: no-repeat; - border: none; - overflow: hidden; - outline: none; -} -.container { - background: #f2f2f2; -} -#bookmarkHeading { - width: 315px; - display: inline-block; -} -.panel-body .form-group { - margin: 0; -} -.search { - height: 50px; - width: 350px; - border: none; -} -.search .form-group{ - overflow-x: hidden; -} +.new_folder{ + position: relative; + margin-left: 39px; + margin-top: 8px; + height: 30px; + width: 31px; +} +/* #search { - width: 350px; - padding-right: 20px; - display: inline-block; - overflow: hidden; -} -#resetSearch { - margin-left: 335px; - margin-top: -30px; - width: 15px; - padding: 0; - background-color: #fff; - background-repeat: no-repeat; - color: #AAAFB5; - border: none; - cursor: pointer; - overflow: hidden; - outline: none; - transition: all .15s ease-in-out; + position: relative; + margin-left: 11px; + width: 280px; + color: #ffffff; + font size: 15px; } -#edit, #add-folder, #trash { - margin-top: -20px; - padding: 5 0 0 0; - background-color: transparent; - color: #fff; - border: none; - cursor: pointer; - overflow: hidden; - outline: none; -} -#edit:hover:not(.disabled), #add-folder:hover, #trash:hover, #resetSearch:hover { - color: #000000; -} -#edit.disabled{ - opacity: 0.65; -} -#add-folder, #trash { - display: none; -} -#edit{ - margin-left: 335px; -} -#add-folder { - margin-left: 297px; -} -#trash { - padding-top: 4px; - margin-left: 262px; -} -#bookmarks ul { - margin: 0; - padding: 0; - list-style-type: none; -} -#bookmarks :nth-child(n+1) ul:empty { - min-height: 20px; - color: #555; -} -#bookmarks :nth-child(n+1) ul:empty:after { - padding-left: 40%; - content: "Drag link here"; -} -#bookmarks .bFolder a { - display: inline-block; - color: #000; - width: 100%; - padding: 10px 12px 10px 8px; - text-decoration: none; - font-weight: bold; - border-top: 1px solid #ddd; -} -#bookmarks .bLink a { - display: inline-block; - color: #000; - width: 100%; - padding: 10px 3px 10px 17px; - text-decoration: none; - font-weight: normal; - border-top: 1px solid #ddd; - min-height: 20px; -} -#bookmarks a:hover { - background-color: #369; - color: #FFF; -} -#bookmarks .bLink a:empty{ - height: 40px; -} -#bookmarks .bLink a:empty:after{ - font-style: italic; - content: "No title"; -} -#bookmarks>ul { - border-left: 1px solid #ddd; - border-right: 1px solid #ddd; - border-bottom: 1px solid #ddd; -} -#bookmarks .selectedLink a { - background-color: #369; - color: #FFF; -} -#bookmarks .editSelectedVal { - background-color: rgba(0, 0, 0, 0.1); - width: 100%; - padding: 10px 12px 10px 8px; - border-top: 1px solid #ddd; -} -#bookmarks .ghost a { - opacity: 0.4; + +::-webkit-input-placeholder { + color: pink; } + +.search_icon { + width: 22px; + height: 22px; +}*/ diff --git a/icons/add-folder.png b/icons/add-folder.png new file mode 100644 index 0000000000000000000000000000000000000000..b32be2e74213c2fd79905ca8a318e7ae801a6185 GIT binary patch literal 1385 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H0wgodS2_SGmUKs7M+SzC{oH>NS%G|oWRDy)vIg-2>Wx(>pOP8zc-fP(BLp1!W^51E7+lsFnrvI9+IG52(F45_&FcJA5ikaUq_^NZ(Z zxJ(Z5Y-;kl%n_8uks`)>ls`tId4|XT#w}+Sxq2TAeYvW1qLY_mS)kYM6%URdn#TVuakI_-=5+a&9#uAf=9 z3n%xT+5ccmUV^pu*}BDX<$3?=^D=+72c>+we<{%aTWF|#_fO9N=|XmCTeFI;lmliv z72+$m@`pUU8=BL9^y1wgx2h+fyur4BGsa=@ceB@ztL1DO=CZCz{=p>qrz>XWV!7iR zD{n_Xl0LAIX>0M14Vxn8{5!oZbkzl`xm>YZ+O|Go4*UIyz4vvfLhIL`w+db6ZA^7- zd3V8m;r{>M{oMH8GUlvrb;;8*_&xg)n?2)^cLEorcpiKW*cmUkX{u|Y-G%R8`k9Kq zxktTT;he!gqg?XJ)eJ}ORhsW!U+63E@~QpxM>p{d>jL%*-C-etXY|kb);!Mtz{2o? z?aSlZZReH#wCPnoGG$nMNOa4_TCs=vGGD5HaWmA&MgP8Rp|k%-u3(1H{7toDi2}Js zFLrx2>d zUwqIT`@_sX^?z-9$U1RNPauI|-1M{~-HXHYDd!?E(@v8T( z&7UrwYW?0iwLHSegE7N+)^pKq*~K%R_s(KW zsOFrSD%&t6Ao3dH5jO4y-G*M)17Zh`F(q&(Br|Sc-LR422GflQh8)Hm9foZTX6LT6 zlu8F>9Ngs^7bd^z%d3s9_dfF*S!mYp5}V^6@4C43Mayw%*--T@ih;!twdl5* zuH3fbaOB$cH8aF_*s_-#JekYOeTiXtdEIW_2fpvW%`GpKZg_tG>#rA&%o@69e8{V3 z5>J+HxZ}=sIqt2$vg-F(z84j83eUIlx?dFA^;&KB3sI_-2x}j_i@=oTn7-UEA95Bi5ropMl}FO~Pje?gLl?>QL}Q z(_d22Q{1mT5qCMhv2|_NiMTG91p~4QX?Yp3wL7a?9cenv)t+E}XvRxH#O1 zDTB#8=}W@d7aogaix?Fw-yE0RHtU3C^WRCc=W?7(e(7lL77_2~(v!q;_mXmd;~w_# z4Bbf?sNS%G|oWRDy)vIg-2>Wx(>pOP8zc-fP(BLp1!W^51E9R~)og0~V$U%TrSAJ@7 zq|DTF{fh-2rB1sSxBtg&k5E;{WAheHfBIlTd(I}kR=&v8$?mUD@>h1A*zCs?`BYPB z{W6x_`>uFycZ7L zOWc|?x&N?SX1l=|@}f|9#l&Q_fThR07x?u|J%qk!g@#}1cX96zw+(sy>R?i? z)i1|gPrc|rIpvbPSAciDf}?5eW)_QIYMdLsTor!sa<$rlE8*S^tJhCrh_1I{-1je} zN$S^O&Q~w^RSPb!53zjj_)kpXzkterDV6;KO8Z6B{u{ddE1vPEjpL`T;iuV)o@_sQ zQod(`y_9mjh1b7|IW>(eKZPVexduHs{p5tW*ChR^s_{C$`(ozR9A^1BP4bg(@RQrm zPMG^m%Ac!x-^O=et({E6-~Y-^nnf?#CqB8zzwqSJ_kL6S?@!fQzE3(bu2y{4onOyd zetz}UH2iYbqwtGw#>OvKJ3oF2U1|9B>WRXyp)WRmUC#UA>vEl}7yPrYT$K0uV4u-h zdqwQ;hOJ9=87I^wH?8YzPWZ*kxhu_&>D7Ie7qhImR@F~jko`_)!#~fabtex$_{9#C z^cTPI-{XR5?VgT*(M@K5Z4ZXI*ZXgfeO=FJ_GH`hRNgmhfGJb8#5JNMC9x#cD!C{X zNHG{07@F%E80i{XgculE85>#|8fhCCS{WE*h5WsOq9HdwB{QuOw+3lW*9@QrNstY} s`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TnTLy85}Sb4q9e0Ax#$;Q#;t literal 0 HcmV?d00001 diff --git a/icons/check.png b/icons/check.png new file mode 100644 index 0000000000000000000000000000000000000000..e1103dbb88bbb76e20c501a2c652cdddabb6dbaa GIT binary patch literal 1117 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H0wgodS2_SGmUKs7M+SzC{oH>NS%G|oWRDy)vIg-2>Wx(>pOP8zc-fP(BLp1!W^51E9Rq!^U8Hn=e`Fl&3dIEGZ*dV9w@dy1pP(T|(k zT0|Io85QRWG`qQ#s$D-_hPPTm&t^HG_(qM8t zmqkPS3#|{$k0V($&am%G5jfDuU$P?qePjHKz593MXJ26m-*7sk_llv7R-TJ22SHx87yP~g(>DKSQl~nUs z`u>k&=5;gw(`=h?rvFYxOX025>de^U5*fw2a{TZzva(3?+8Z_Um_c5t{ z5!bgSpkP*WOtjhlp78pg6W_{YeOPebW{Ua#_VZztH)PH~Ii3If^D?gX}+cd?=hJ zbhl%y_4!8$TO` zuk4Im8?5HhDzD+_^@o8o=yA2*1f~1QO(8$$2`xGEeS$*izT_sEAAFoe55;{Z2=8}j zDxdi=+Gm1ty`rP>eXF@=rtmZ5JpLN`L;uF=eW@=vjz|7yuWK{Ev2tI$B&Sv7EdQUi zoVC*y?>XB0YWCVK3IAi}ihfzxRd*%ua73yb?^bA%g;Kh2%*}pm;C~Rcaw9M&sg}4# zl%yn~RsLyHgtBP$~_D+2><14AGwWUO%uMMG|WN@iLmZVkzK z6ViYhBtbR==ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk1ysb~>FVdQ&MBb@0H0IW AC;$Ke literal 0 HcmV?d00001 diff --git a/icons/crop.png b/icons/crop.png new file mode 100644 index 0000000000000000000000000000000000000000..ed0461a36f3d49bd000378ddef76c4d290e5031f GIT binary patch literal 2652 zcmZ`*X*|@87XI7Ip5B)%Nz5pUX0eWSEHPxrk}Nf3&(1K@Fh&Y_5uuE2Y}sCWl!%Z9 zQ?gDfT(4!4C6hGB5O=!2`{jPPAI|gqo^zh(oUbRv4s9VKC?f~}fC$Rc%$~#Xzv~Du z2LrTgj5);XhqOTgKy!xBz9%0?D|lJj+W-JTnd7?)0BlYxei;CwAONuH0RRXx07!)u zc3jry47hJtTbKdB-|0#)jyf7<=@QAg^x=1LnVc=abD9EJl#RK-Jhue5h}7fHx1~5X zRg@Xh5kIwF6cgt3{?GpINK=r4z0l{1$-j;`X5Nn17f>~C>iOfm(*3C$DoWAISXZ~C zQXh6tw7-zz=m7muvgosuIj-031!}H%^H$_o8fPXefMN4a5+(XPv_=x>Hs~vnsk=vs zu`Szqi`Zc>x=pt_xfv{I z>93b4k><|&%6Ti}sKK5H+K!L(XHcJ&;iqGTu-bzf0 z3F38d6qYp*VF)6|+cQ(9H~p8zK9}(j<0n`t(`@?6&I0K^iwixf8Nwe@JtZ)To~EmU zZNAm!;!cMkqL3!I)sTlZmgcJ4Z`OH=ZRe*O`)8i7Ox~d9=GE0kIb#+8ql)%`Fe6pP zFk`-73zgTXRU)bNX=q6LTA1m~2r1`{Z{>W?>`u_&Bl>AVd83&9-*^N0&-fSf=|d>8gT@O63eLmDPabM zE!yl#cRmb=G#&x|9zwHi`IrAG#c8}Yw}WdA)e=X3xGgp^q!!%#yd zXec0c;N=&u{=%L(jP2pzV9XGf&761H{CX49dZfrND?C<-BHX@TH&=ONS=*=m`0fw= zrAB;C#)fN14ZPzVpXfz7&#=E(p%M8~+u6nLyBAOKRb3s?{&6Ll9Ny~MY8NzRK)vx$Mm_WMqDkHYgeYDWX zBI~SB5^0<*BP8+2xZX&8b3KQKftCsc!j=+Dg{w7j@GH9hDrKSGtXg5|q2iyR7v1gp zk30KzCDx0|9Q67rR$_e6qIbyDn}Rx7OT|?Cd=%^1-Kk%8y(8gA)0|FkFbm!JNIf7r zQc1&H`)-qW+tOODpj+gXvhZ0M96Nwdy9Hd26WK3N=$$@sZH~=K}bk%5u`W3VKKQ2n_A$cBPAT2wwT{MbRisLi?rCjXmTLou&}hSnjl$cop<2* zQd~R3(LM8Ri^>?rcKW&QVbW4wO{`G9}V>ypCCnTXo22N+?AI`O88K4g#yN&&77t>jsZR#hX5ZA@~z5 zvpa*`^j>9mQxc`?j^j^ScdI%)|HEn`oSB*s7xT<7trJ7o_Y@$0zGMqVDW}B1b42;h zqU;r*DvXnMDb5a-*)Y&MTXz20BX){#`qb!`WW@pg>j=GvkDq&b_9)g2qn%8AVzu>u zJwiLQE4b$s1{Qs^f8||C6s#=oH|$8>zZv1e(3oI~6Ngwd@m~+`S3Gej%r76_^dCJs zxmT?_B0IEnjOi=)1OIjxndjQfIy=B)nDBU1dZpZh=j2)%vsX*N)c!*5w_)TNsUTFx zY}0E+!UI}mI^PGV5<{(BKPxFkD<~oYiCTw?H&l4Vd@5X3`m;0ZTl%u#$H7IuGg6Kl z=cXwWi`Inqc%N+kDcftOZ4+06IvuaR*Tth_STCdTFUra=nm@2MV%MjfctTf?eY=O6 z4^1ywieu=as3STjZU>SV7>&kfG+~H+KtLp=(Py(cN5%_&PjBKfMV?o8kq+~ zi$V8cU!ky_T4Oc6oaK|XjnR53(G!yW%HFfpERT|I4KMH6SxKKsuB!1pzZRs|v9W1gsctiGL{;njG{NkXsyV8r~UYWHE z-4a{###DFZGr@=Y)Spu(n4{r~A1{;c(}Uh|2M$&i<_f24olo!Kid;~>o_g7^GIuhfrTE&NIRXz~OM}0U?2rUY=n->Y)*S1x$SzjtM}SqsImOJ#GT9_qD)Qu14mqrJn6NgI zkx;28mM3E-;pssvhnG-!6DvLMyr16p!~6Ta&xiZIe)n}>*YCdXPj|ML$6*C|q&xrs z3OH96A1N|6V#_9JCRx=wN?{Yx3GV~|4f$Jtgm0GCT9K|kcmOz~FV$TH0Ev`h%mTn^ z5CG=F002`80BRIwtGAuBArs+#*aZOCxqHl{6^!BD#9B^c;npf<&!??-l-{)zgGSxkcW?hFH;9}HqL3n(2rH0 zF$~s9&(V7dgS7;v0iTb>MXQ$w=n2gCt<4YrVpyr$_SmDGywYj3J4g3tx(4goG&2Oc z63}hXohD*7?n`g;p5Bp_lm5;`U>o#>Y+ayVcRj1+eAE6&1o`p#tl^3h^A03waik#h zMY9EoZ*6RxfXuI&YHDyPPoI`OJE=6-N6UF^G&0luld!=AFS|-W@H^CV<*Upy0b_V6cp<}2hT2VeVM{5+@S)riROU_jqAR&idtH`i~jrds&) z1sy}g1e!ANAY^;dnz`nwp z<;7lCje-v54M1Xb5MH%dKbBs=L1J8cX@!EYLb(-Ee9xj0B7rVdiq3Fuo1-0`Rw%UG z#g3%4_iRq;q8%YcLr=zdPdsUUix>y1u$Eykc?FDk*V_e~*HkMNNm!ZZd!*v`fEB%8 zN9u}O_}QX|I@HQnsmO21s{DP8{o=`}-m4|5+21sduYlv~^}@YlE6Q`??H<=u)nBE+ zX{;xq?E>#<)#vLF&55m*0vZMOt*S~ACZjsJxpG1C{+?3`d%GUdLj(OXSGSV~y^cVE zk~@gkEXxxNYK`Bz6YTcrq{ap6G_lr>-{*htOvX`XTN{F+?=1*a6v#m_WI0<3H4&UV z@Fl8J*fYlo`W-4_>xdnbj-f}Hio6=wIB`_G>Yx3lZb`0xSJ%?a6ZX@qzU#^y$M&ax zy*zyRgFO=>+QgdJR-mt?Kx9}zNY+pm%=I^f7Tyur3y@?)6j|4u1)1iK ztuN!pcSXLezX;hoForHY_tgr$L1jFA0p7ax{{LV4Z`}7EQr++lFUO)IzUL6PTKmi3 zV-~E@ZI^#MqOlh zD*(dGW9*@V(=tIqXxNVL4F*be{Yq&MEC7l{bynZO9{EgB$wef{CH8!*5@2y3y+RhHzM!8^UB$1< z(Kjd$4CA?F`X%nMM4Jk`99eh>Z;&`8+AO?e`WkqX>7)fN>!UBKesp%zQ{gY0FCq-c*6QiU6n1LuOW6;bPWlbNS%G|oWRD45bDP46hOx7_4S6Fo+k-*%fF5lweBoc6VW5Sk<^iQ#HCfU+*xh|HF0{nIEG~0dwXSfp0Fc>+e2gP zWonDgwt91^OmEOwz{&40g~|O^%mkU9Y%ec+wj!M-kw*?2Tn;j)EL_Mq%f*ZF(V_#) z461$YN{5Qx-2Hg&3}5E6{FpZx=a*kRB_IX@Wv7IX+xNcsom=Q^n<@Lle_iaf(642$ zLKk0WH}SH+71E$wxc%n0+3W8L-k#EMF6GXPrk1WZc^f$#jvU(R|Ni?wXSq}RPk+{* zJa5H`PTxn3#&Y?I3iW%=rRe0_JvrDJd@nCih5u>1ZRJ-@VP|z^v2`_nHoUjxciAks zTXXr+8*7eQ-g`BJ{i|DC{qkp)=ATrASnoN7&C5@6b;$KnIkU{hE@<`I-1(K3-(Rd| zkZqj$HQny>-+HI`mcpNQ2lx|f>KFoS6#f6PIQ+KM+dl9234X=}RL5BbvVcOH44YMzvJUEB4^@jDC-wQj00SME2}+Oa#h z2NbS;JncN|1>pm#^Mw~EH+b8bJ2-npzuUujpdn#`ITKLv-e*n|E1encSj($MH6`AY zFlbAdvz;M>L#$HUf$gAHKBtFb#Iv=G&MdF@FefxTm{88-@K-1Mz~g8B)3>*@g23EQ z|Ck;s2|lV@n4$?xC#of`5hW>!C8<`)MX5lF!N|bST-U%z*U%!w$k@ur+{)No+rZGu zz@SSpeIbg5-29Zxv`X9>e%IWW1!|B4*$|wcR#Ki=l*&+EUaps!mtCBkSdglhUz9%k SosASw5re0zpUXO@geCxcI6(;j literal 0 HcmV?d00001 diff --git a/icons/group-button.png b/icons/group-button.png new file mode 100644 index 0000000000000000000000000000000000000000..31670ce264d97308d3385ab6897a6acc6d033235 GIT binary patch literal 1357 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H0wgodS2_SGmUKs7M+SzC{oH>NS%G|oWRDy)vIg-2>Wx(>pOP8zc-fP(BLp1!W^51E9Rcr7c8du{+Nl=gIS45_&FcD8?pXt>1D^S)Ov zTyX6TS-Gt(Y4u89gRoWy){U);oWymN7Om!3*EK73dQ*w!ju)r&y1MhcG)0_RgLGMc zvuARB3fgjY+0p;U)Z8W=+jFE~*MvjW>lc5nDSlT|dG7n|*n4MZex7^g&diA4G^$zYk)=Utb%Xni-@y|`ltC%YEzB9PEhp=AQ zQo(SIZH;CP1NS1$=^r({l-A08McnIabJCkC$N(?6DLGd20A zafHk=5vN7Q3U>}(lsV1bmvKt`P}sb4sm(l|btiYM|H$hmP%+_og?-k`??04(Pg%Eg z_YsDM+=!^~<8?BtGHN^eU;SEr(O~sgZTqQ*MEE`NOWtjQ0T-SVvc(L4d@F&l<# z=4;@v`UrAK@DGMp6+$W2X6`>Y7FC@;F8yY@{6n>U+~!8BKg8ZU`BvBetV;RvtJ6Oj z9TDBpkpATV>_0o&*BSg-!IznQ;I?n9-3OCx_Pd;;7_`@FpYS=w6dT3x>1Wd&&y@%A zoBOZ+o>Fi+OMhF)mVL)1XMS?qBdXodSm5(?l6(m32VV=F;CJ@!uZT_k^k5it#JYM+DtKib{ z&NHXVXMQ*-Q(kDZ`4h`;h63Z~D#ja9*R3|ZsU0-$>1)$duOp^uoZl$^CrZh6()_D8 zWIC4p+38cMP$2TQH|7T?PkU&n+5cmcJWhpgbXsB~~>ztJpSOWpnob4^Ojl%etp5zY)23Pupdor;&LK2j9-sR!<~A)UyRCI%=9B`h9`(OdA}cwTAC6d5WPPvZ#32vcGY`UR zq)Q&phh8 ztPG82D?NY%?PN}v7CMhd8i!PC{xWt~$(69D5&OmP4J literal 0 HcmV?d00001 diff --git a/icons/search.png b/icons/search.png new file mode 100644 index 0000000000000000000000000000000000000000..bbf8902e90e423fdb4c72080f4a909e57ac46210 GIT binary patch literal 1318 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 literal 0 HcmV?d00001 diff --git a/popup.html b/popup.html index 34eb27c..575ef59 100644 --- a/popup.html +++ b/popup.html @@ -1,12 +1,13 @@ + @@ -16,48 +17,19 @@ -
    -
    - -
    +
    +
    +
    -
    -

    - Sort - Group - Shorten -

    -
    -
    -
    -

    Bookmarks

    - - - -
    -
    - -
    -
    -
    -
    -
    -
    - + From b2526e8e97d899895203dc8859c38becacc2f557 Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Sun, 19 Feb 2017 14:43:15 +0200 Subject: [PATCH 02/37] add input line and search button to header --- css/main.css | 94 ++++++++++++++++++++++++++--------------------- js/fontawesome.js | 18 --------- popup.html | 16 ++++---- 3 files changed, 59 insertions(+), 69 deletions(-) delete mode 100644 js/fontawesome.js diff --git a/css/main.css b/css/main.css index 5115c04..3d59ce5 100644 --- a/css/main.css +++ b/css/main.css @@ -9,70 +9,80 @@ body { background-color: #009688; } + +/* Header */ + .header { background-color: #009688; width: 308px; height: 47px; } +#search { + position: relative; + margin-left: 11px; + top: 3px; + width: 270px; + color: #ffffff; + font size: 15px; + display: inline-block; + overflow: hidden; +} + +.search_icon { + margin-left: -21px; + margin-top: 8px; + width: 17px; + height: 17px; +} + + +/* Bookmarks */ + .bookmarks { background-color: #ffffff; height: 503px; width: 308px; } + +/* Footer */ + .footer { - margin-bottom: 0px; + margin-bottom: 0px; background-color: #009688; width: 308px; height: 50px; } -.sort{ - position: relative; - margin-left: 20px; - margin-top: 8px; - height: 29px; - width: 29px; +.sort { + position: relative; + margin-left: 20px; + margin-top: 8px; + height: 29px; + width: 29px; } -.group{ - position: relative; - margin-left: 39px; - margin-top: 8px; - height: 34px; - width: 34px; +.group { + position: relative; + margin-left: 39px; + margin-top: 8px; + height: 34px; + width: 34px; } -.cut{ - position: relative; - margin-left: 39px; - margin-top: 8px; - height: 31px; - width: 31px; +.cut { + position: relative; + margin-left: 39px; + margin-top: 8px; + height: 31px; + width: 31px; } -.new_folder{ - position: relative; - margin-left: 39px; - margin-top: 8px; - height: 30px; - width: 31px; +.new_folder { + position: relative; + margin-left: 39px; + margin-top: 8px; + height: 30px; + width: 31px; } -/* -#search { - position: relative; - margin-left: 11px; - width: 280px; - color: #ffffff; - font size: 15px; -} - -::-webkit-input-placeholder { - color: pink; -} - -.search_icon { - width: 22px; - height: 22px; -}*/ diff --git a/js/fontawesome.js b/js/fontawesome.js deleted file mode 100644 index 12edc09..0000000 --- a/js/fontawesome.js +++ /dev/null @@ -1,18 +0,0 @@ -window.FontAwesomeCdnConfig = { - autoA11y: { - enabled: false - }, - asyncLoading: { - enabled: false - }, - reporting: { - - enabled: true, - domains: "localhost, *.dev" - - }, - useUrl: "use.fontawesome.com", - faCdnUrl: "https://cdn.fontawesome.com:443", - code: "f25384e9ff" -}; -!function(){function a(a){var b,c=[],d=document,e=d.documentElement.doScroll,f="DOMContentLoaded",g=(e?/^loaded|^c/:/^loaded|^i|^c/).test(d.readyState);g||d.addEventListener(f,b=function(){for(d.removeEventListener(f,b),g=1;b=c.shift();)b()}),g?setTimeout(a,0):c.push(a)}function b(a,b){var c=!1;return a.split(",").forEach(function(a){var d=new RegExp(a.trim().replace(".","\\.").replace("*","(.*)"));b.match(d)&&(c=!0)}),c}function c(a){"undefined"!=typeof MutationObserver&&new MutationObserver(a).observe(document,{childList:!0,subtree:!0})}function d(a){var b,c,d,e;a=a||"fa",b=document.querySelectorAll("."+a),Array.prototype.forEach.call(b,function(a){c=a.getAttribute("title"),a.setAttribute("aria-hidden","true"),d=a.nextElementSibling?!a.nextElementSibling.classList.contains("sr-only"):!0,c&&d&&(e=document.createElement("span"),e.innerHTML=c,e.classList.add("sr-only"),a.parentNode.insertBefore(e,a.nextSibling))})}!function(){"use strict";function a(a){l.push(a),1==l.length&&k()}function b(){for(;l.length;)l[0](),l.shift()}function c(a){this.a=m,this.b=void 0,this.f=[];var b=this;try{a(function(a){f(b,a)},function(a){g(b,a)})}catch(c){g(b,c)}}function d(a){return new c(function(b,c){c(a)})}function e(a){return new c(function(b){b(a)})}function f(a,b){if(a.a==m){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d)return void d.call(b,function(b){c||f(a,b),c=!0},function(b){c||g(a,b),c=!0})}catch(e){return void(c||g(a,e))}a.a=0,a.b=b,h(a)}}function g(a,b){if(a.a==m){if(b==a)throw new TypeError;a.a=1,a.b=b,h(a)}}function h(b){a(function(){if(b.a!=m)for(;b.f.length;){var a=b.f.shift(),c=a[0],d=a[1],e=a[2],a=a[3];try{0==b.a?e("function"==typeof c?c.call(void 0,b.b):b.b):1==b.a&&("function"==typeof d?e(d.call(void 0,b.b)):a(b.b))}catch(f){a(f)}}})}function i(a){return new c(function(b,c){function d(c){return function(d){g[c]=d,f+=1,f==a.length&&b(g)}}var f=0,g=[];0==a.length&&b(g);for(var h=0;h=i?b():document.fonts.load(j(f,f.family),h).then(function(b){1<=b.length?a():setTimeout(c,25)},function(){b()})}c()}),o=new Promise(function(a,b){setTimeout(b,i)});Promise.race([o,n]).then(function(){a(f)},function(){e(f)})}else b(function(){function b(){var b;(b=-1!=q&&-1!=r||-1!=q&&-1!=s||-1!=r&&-1!=s)&&((b=q!=r&&q!=s&&r!=s)||(null===k&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),k=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=k&&(q==t&&r==t&&s==t||q==u&&r==u&&s==u||q==v&&r==v&&s==v)),b=!b),b&&(w.parentNode&&w.parentNode.removeChild(w),clearTimeout(x),a(f))}function m(){if((new Date).getTime()-l>=i)w.parentNode&&w.parentNode.removeChild(w),e(f);else{var a=document.hidden;!0!==a&&void 0!==a||(q=n.a.offsetWidth,r=o.a.offsetWidth,s=p.a.offsetWidth,b()),x=setTimeout(m,50)}}var n=new c(h),o=new c(h),p=new c(h),q=-1,r=-1,s=-1,t=-1,u=-1,v=-1,w=document.createElement("div"),x=0;w.dir="ltr",d(n,j(f,"sans-serif")),d(o,j(f,"serif")),d(p,j(f,"monospace")),w.appendChild(n.a),w.appendChild(o.a),w.appendChild(p.a),document.body.appendChild(w),t=n.a.offsetWidth,u=o.a.offsetWidth,v=p.a.offsetWidth,m(),g(n,function(a){q=a,b()}),d(n,j(f,'"'+f.family+'",sans-serif')),g(o,function(a){r=a,b()}),d(o,j(f,'"'+f.family+'",serif')),g(p,function(a){s=a,b()}),d(p,j(f,'"'+f.family+'",monospace'))})})},f=h}();var g={observe:function(a,b){for(var c=b.prefix,d=function(a){var b=a.weight?"-"+a.weight:"",d=a.style?"-"+a.style:"",e=a.className?"-"+a.className:"",g=a.className?"-"+a.className+b+d:"",h=document.getElementsByTagName("html")[0].classList,i=function(a){h.add(c+e+"-"+a),h.add(c+g+"-"+a)},j=function(a){h.remove(c+e+"-"+a),h.remove(c+g+"-"+a)};i("loading"),new f(a.familyName).load(a.testString).then(function(){i("ready"),j("loading")},function(){i("failed"),j("loading")})},e=0;e - @@ -18,18 +17,17 @@
    - +
    From 134efd4c408c7feb53d58fc6ccaef01eaec1370d Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Sun, 19 Feb 2017 16:02:07 +0200 Subject: [PATCH 03/37] change window size and search line --- css/main.css | 14 ++++++++++---- popup.html | 4 ++-- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/css/main.css b/css/main.css index 3d59ce5..5ac6d7c 100644 --- a/css/main.css +++ b/css/main.css @@ -5,7 +5,7 @@ html { body { height: 600px; - width: 291px; + width: 308px; background-color: #009688; } @@ -20,15 +20,19 @@ body { #search { position: relative; - margin-left: 11px; + margin-left: 14px; top: 3px; - width: 270px; + width: 280px; color: #ffffff; font size: 15px; display: inline-block; overflow: hidden; } +#search::-webkit-input-placeholder { + color: #ffffff; +} + .search_icon { margin-left: -21px; margin-top: 8px; @@ -43,6 +47,8 @@ body { background-color: #ffffff; height: 503px; width: 308px; + border-left: 1px double #fafbfb; + border-right: 1px double #fafbfb; } @@ -57,7 +63,7 @@ body { .sort { position: relative; - margin-left: 20px; + margin-left: 28px; margin-top: 8px; height: 29px; width: 29px; diff --git a/popup.html b/popup.html index 9a1ab6e..36c93d5 100644 --- a/popup.html +++ b/popup.html @@ -17,8 +17,8 @@
    - - + +
    From f0a8ea6b99d0986a650f0e8fe7b6eca2d41d35c9 Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Mon, 20 Feb 2017 22:23:43 +0200 Subject: [PATCH 04/37] add and redesign bookmakrs panel, change search line --- css/main.css | 96 ++++++++++++++++++++++++++++++++++++++++++++++++++-- js/popup.js | 5 +-- js/print.js | 35 ++++++++++--------- popup.html | 24 ++++++++----- 4 files changed, 129 insertions(+), 31 deletions(-) diff --git a/css/main.css b/css/main.css index 5ac6d7c..fcc65c6 100644 --- a/css/main.css +++ b/css/main.css @@ -29,10 +29,20 @@ body { overflow: hidden; } +#search:focus { + border-color: inherit; + -webkit-box-shadow: none; + box-shadow: none; +} + #search::-webkit-input-placeholder { color: #ffffff; } +#search:focus::-webkit-input-placeholder { + color: transparent +} + .search_icon { margin-left: -21px; margin-top: 8px; @@ -43,12 +53,92 @@ body { /* Bookmarks */ -.bookmarks { +#bookmarks { background-color: #ffffff; + overflow-y: auto !important; + overflow-x: hidden; height: 503px; width: 308px; - border-left: 1px double #fafbfb; - border-right: 1px double #fafbfb; + font size: 19px; +} + +#bookmarks ul { + margin: 0; + padding: 0; + list-style-type: none; +} + +#bookmarks :nth-child(n+1) ul:empty:after { + border-bottom: 1px solid #ddd; +} + +#bookmarks .bFolder a { + display: inline-block; + color: #000; + width: 308px; + padding: 17px 12px 13px 8px; + text-decoration: none; + font-weight: normal; + border-top: 1px solid #ddd; + font size: 19px; +} + +#bookmarks .bLink a { + display: inline-block; + color: #000; + width: 308px; + padding: 17px 3px 13px 17px; + text-decoration: none; + font-weight: normal; + border-top: 1px solid #ddd; + min-height: 20px; + font size: 19px; +} + +#bookmarks .bLink a:empty { + height: 40px; +} + +#bookmarks .bLink a:empty:after { + font-style: italic; + content: "No title"; +} + +#bookmarks>ul { + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; + border-bottom: 1px solid #ddd; +} + +#bookmarks .selectedLink a { + background-color: #F0F5FF; +} + +#bookmarks .editSelectedVal { + background-color: rgba(0, 0, 0, 0.1); + width: 308px; + padding: 10px 12px 10px 8px; + border-top: 1px solid #ddd; +} + +#bookmarks .ghost a { + opacity: 0.4; +} + +.dropIcon { + position: relative; + margin-top: -2px; + /*margin-left: 13px; только для для bookmarks bar, other bookmarks*/ + width: 17px; + height: 17px; + transform: rotate(270deg); +} + +.linkIcon { + position: relative; + margin-top: -2px; + width: 17px; + height: 17px; } diff --git a/js/popup.js b/js/popup.js index 00bd6d5..f93f489 100644 --- a/js/popup.js +++ b/js/popup.js @@ -11,7 +11,7 @@ $().ready(function() { printBookmarks(); //deleteEmptyFolder(); - $("#sort, #group, #crop").click(function(e) { + $(".sort, .group, .crop").click(function(e) { e.preventDefault(); toggleAllButtons(); }); @@ -30,9 +30,6 @@ $().ready(function() { $("#learn").click(function(e) { window.open("https://github.com/koolzz/bookmark-beautifier", "_blank"); }); - $("#backup").click(function(e) { - window.open("https://support.google.com/chrome/answer/96816?hl=en", "_blank"); - }); $("#search").click(function(e) { $("#search").select(); diff --git a/js/print.js b/js/print.js index 4b6c52e..cdcc2ee 100644 --- a/js/print.js +++ b/js/print.js @@ -1,4 +1,4 @@ -function printBookmarks(callbackList,showChildren) { +function printBookmarks(callbackList, showChildren) { chrome.bookmarks.getTree(function(root) { //console.log(root); $('#bookmarks').empty(); @@ -26,7 +26,7 @@ function printBookmarkFolder(bookmarkFolder, notShowChildren) { list.append(printNode(bookmark)); } else { var folder = printNodeFolder(bookmark); - var r = $(""); + var r = $(""); $(folder).find("a").prepend(r); folder.append(printBookmarkFolder(bookmark, notShowChildren)); if (EDIT_MODE && bookmark.children.length === 0) @@ -36,12 +36,14 @@ function printBookmarkFolder(bookmarkFolder, notShowChildren) { if ($(folder).find('li').is(':visible')) { $('.fa', this).removeClass("fa-chevron-down"); $('.fa', this).addClass("fa-chevron-right"); + //$('.dropIcon', this).css('transform', 'rotate(270deg)'); $(folder).children().hide(); $(folder).find('.dropIcon').show(); $(folder).find('a').css('display', 'inline-block'); } else { $('.fa', this).removeClass("fa-chevron-right"); $('.fa', this).addClass("fa-chevron-down"); + //$('.dropIcon', this).css('transform', 'rotate(0deg)'); $(folder).children().show(); } @@ -71,9 +73,9 @@ function printNode(bookmark) { }); li.append(link); - var hostname = $('').prop('href', bookmark.url).prop('hostname'); - li.find("a").prepend("") - + var hostname = $('').prop('href', bookmark.url).prop('hostname'); + li.find("a").prepend("") + return li; } @@ -166,21 +168,22 @@ function updateBookmarkListBuffer(keys) { function showFolderChildren() { $("#bookmarks ul").each(function(key, e) { - var parentTitle = $(e).siblings('a').text(); - if (parentTitle === "Bookmarks bar" || parentTitle === "Other bookmarks" || parentTitle === "Mobile bookmarks") - return; - if (!$(e).is(":visible")) { - $(e).slideDown(300, function() { - $(e).siblings('a').find('.fa').removeClass("fa-chevron-right"); - $(e).siblings('a').find('.fa').addClass("fa-chevron-down"); - }); - } + var parentTitle = $(e).siblings('a').text(); + if (parentTitle === "Bookmarks bar" || parentTitle === "Other bookmarks" || parentTitle === "Mobile bookmarks") + return; + if (!$(e).is(":visible")) { + $(e).slideDown(300, function() { + $(e).siblings('a').find('.fa').removeClass("fa-chevron-right"); + $(e).siblings('a').find('.fa').addClass("fa-chevron-down"); + }); + } }); } -function hideFolderChildren(){ + +function hideFolderChildren() { $("#bookmarks ul").each(function(key, e) { if (key > 0) { - var parentTitle = $(e).siblings('a').text(); + var parentTitle = $(e).siblings('a').text(); if (parentTitle === "Bookmarks bar" || parentTitle === "Other bookmarks" || parentTitle === "Mobile bookmarks") return; $(e).slideUp(300, function() { diff --git a/popup.html b/popup.html index 36c93d5..106f16a 100644 --- a/popup.html +++ b/popup.html @@ -2,11 +2,11 @@ - + @@ -17,18 +17,26 @@
    - - + +
    -
    +
    + From 3b49d092c850e45f3e4e2067a3226793a99806ed Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Tue, 21 Feb 2017 13:25:14 +0200 Subject: [PATCH 05/37] add reset search button, add function to change arrows and fix bookmarks position --- css/main.css | 28 ++++++++++ icons/down.png | Bin 0 -> 719 bytes icons/folder-arrow.png | Bin 827 -> 0 bytes icons/right.png | Bin 0 -> 665 bytes js/fontawesome.js | 18 ++++++ js/popup.js | 121 +++++++++-------------------------------- js/print.js | 37 +++++++------ js/tools.js | 1 + popup.html | 2 + 9 files changed, 96 insertions(+), 111 deletions(-) create mode 100644 icons/down.png delete mode 100644 icons/folder-arrow.png create mode 100644 icons/right.png create mode 100644 js/fontawesome.js diff --git a/css/main.css b/css/main.css index fcc65c6..3a16394 100644 --- a/css/main.css +++ b/css/main.css @@ -50,6 +50,21 @@ body { height: 17px; } +#resetSearch { + width: 15px; + position: relative; + left: 276px; + top: -27px; + padding: 0; + background-color: #009688; + background-repeat: no-repeat; + color: #ffffff; + border: none; + cursor: pointer; + overflow: hidden; + outline: none; + transition: all .15s ease-in-out; +} /* Bookmarks */ @@ -95,6 +110,7 @@ body { font size: 19px; } + #bookmarks .bLink a:empty { height: 40px; } @@ -131,9 +147,21 @@ body { /*margin-left: 13px; только для для bookmarks bar, other bookmarks*/ width: 17px; height: 17px; +} + +#root{ + margin-left: 13px; +} + + +.right { transform: rotate(270deg); } +.down { + transform: rotate(90deg); +} + .linkIcon { position: relative; margin-top: -2px; diff --git a/icons/down.png b/icons/down.png new file mode 100644 index 0000000000000000000000000000000000000000..9256600e0bab60214d374edf1fa4f71351a513aa GIT binary patch literal 719 zcmV;=0x(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd zMgRZ;RY^oaRCwC#+Ph90K@BKQqUBW-SO0V>qx- z3$;)SwNMMS(8mlFotJ{soEB5`uJnWdE0 zHL<1*-8`oxesWU%nXXr?2P*j4VNu1nD!7ZsAV;ki|N}l`BD=qDj!qP z+^MMfRNPEu7wS)?%3UfivroIc+dvY(b*S9TzI}bMF1-F!ex|gJ_Ky5Bs^W#@LW?q` zgQ!e02USynXlWXSs;EG;NjD5tP!Vlyl9|n4jYQa!?`StfBnftBY@RY?t; zrtzuojO|+6!&$tO9tx_YGBQJ*IQvjpnIVtHB~)f+=rjBtDmyd6!-g(u49vjgsi&?E zU>U$p@lW{A(5|EQuNoF=p%!YP7HXju`ag`z0RX_aE&nEhQ#Jqq002ovPDHLkV1g$_ BK2HDu literal 0 HcmV?d00001 diff --git a/icons/folder-arrow.png b/icons/folder-arrow.png deleted file mode 100644 index 23207f39302b418aba2fd34aba059163e8c4306f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 827 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I0wfs{c7_5;mUKs7M+SzC{oH>NS%G|oWRD45bDP46hOx7_4S6Fo+k-*%fF5lweBoc6VW5Sk<^iQ#HCfU+*xh|HF0{nIEG~0dwXSfp0Fc>+e2gP zWonDgwt91^OmEOwz{&40g~|O^%mkU9Y%ec+wj!M-kw*?2Tn;j)EL_Mq%f*ZF(V_#) z461$YN{5Qx-2Hg&3}5E6{FpZx=a*kRB_IX@Wv7IX+xNcsom=Q^n<@Lle_iaf(642$ zLKk0WH}SH+71E$wxc%n0+3W8L-k#EMF6GXPrk1WZc^f$#jvU(R|Ni?wXSq}RPk+{* zJa5H`PTxn3#&Y?I3iW%=rRe0_JvrDJd@nCih5u>1ZRJ-@VP|z^v2`_nHoUjxciAks zTXXr+8*7eQ-g`BJ{i|DC{qkp)=ATrASnoN7&C5@6b;$KnIkU{hE@<`I-1(K3-(Rd| zkZqj$HQny>-+HI`mcpNQ2lx|f>KFoS6#f6PIQ+KM+dl9234X=}RL5BbvVcOH44YMzvJUEB4^@jDC-wQj00SME2}+Oa#h z2NbS;JncN|1>pm#^Mw~EH+b8bJ2-npzuUujpdn#`ITKLv-e*n|E1encSj($MH6`AY zFlbAdvz;M>L#$HUf$gAHKBtFb#Iv=G&MdF@FefxTm{88-@K-1Mz~g8B)3>*@g23EQ z|Ck;s2|lV@n4$?xC#of`5hW>!C8<`)MX5lF!N|bST-U%z*U%!w$k@ur+{)No+rZGu zz@SSpeIbg5-29Zxv`X9>e%IWW1!|B4*$|wcR#Ki=l*&+EUaps!mtCBkSdglhUz9%k SosASw5re0zpUXO@geCxcI6(;j diff --git a/icons/right.png b/icons/right.png new file mode 100644 index 0000000000000000000000000000000000000000..92dec51717a6687bee3fb838855599335cf81aad GIT binary patch literal 665 zcmV;K0%rY*P)(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd zMgRZ;A4x<(RCwCV+P!WQK@bP<|Bn3t^dOOzikj~70O{=bLqbB~&f*!I#=Hesv5jKv zC<!DI!f)*;}r|6)PPm%^I`K8HI z$v07&O8%*`R4S4zNu^@xa#Si>AVsC(B{EbBDUzU4SQ$T+LJPU66kf_pr832wR4P}_ zN2Rh8a8arJ6g*U_ViFE2RWnWfRFij_=O1y)oS~UAurklzZxm?fcnOr*ZXpSeUM zW#G4oCfBGqf;$>_vYF$`nZeMwV-}puKqx;m2%2>HnE}wGi;w)w!cZw@L1-4!{HmK- z=sz0wFi&Uxjb=A$HqLR+2r|8)(o9dNJktw0=*u%bpo6|Wm1pKcvzYkF%gljhGjI2K zna(4fFrlNOegfoB`&luozT(U0Z6nlBLo7rQ?%F~kZV8iL&ffPVu3T)|j*#weaQ00000NkvXXu0mjf$wDli literal 0 HcmV?d00001 diff --git a/js/fontawesome.js b/js/fontawesome.js new file mode 100644 index 0000000..12edc09 --- /dev/null +++ b/js/fontawesome.js @@ -0,0 +1,18 @@ +window.FontAwesomeCdnConfig = { + autoA11y: { + enabled: false + }, + asyncLoading: { + enabled: false + }, + reporting: { + + enabled: true, + domains: "localhost, *.dev" + + }, + useUrl: "use.fontawesome.com", + faCdnUrl: "https://cdn.fontawesome.com:443", + code: "f25384e9ff" +}; +!function(){function a(a){var b,c=[],d=document,e=d.documentElement.doScroll,f="DOMContentLoaded",g=(e?/^loaded|^c/:/^loaded|^i|^c/).test(d.readyState);g||d.addEventListener(f,b=function(){for(d.removeEventListener(f,b),g=1;b=c.shift();)b()}),g?setTimeout(a,0):c.push(a)}function b(a,b){var c=!1;return a.split(",").forEach(function(a){var d=new RegExp(a.trim().replace(".","\\.").replace("*","(.*)"));b.match(d)&&(c=!0)}),c}function c(a){"undefined"!=typeof MutationObserver&&new MutationObserver(a).observe(document,{childList:!0,subtree:!0})}function d(a){var b,c,d,e;a=a||"fa",b=document.querySelectorAll("."+a),Array.prototype.forEach.call(b,function(a){c=a.getAttribute("title"),a.setAttribute("aria-hidden","true"),d=a.nextElementSibling?!a.nextElementSibling.classList.contains("sr-only"):!0,c&&d&&(e=document.createElement("span"),e.innerHTML=c,e.classList.add("sr-only"),a.parentNode.insertBefore(e,a.nextSibling))})}!function(){"use strict";function a(a){l.push(a),1==l.length&&k()}function b(){for(;l.length;)l[0](),l.shift()}function c(a){this.a=m,this.b=void 0,this.f=[];var b=this;try{a(function(a){f(b,a)},function(a){g(b,a)})}catch(c){g(b,c)}}function d(a){return new c(function(b,c){c(a)})}function e(a){return new c(function(b){b(a)})}function f(a,b){if(a.a==m){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d)return void d.call(b,function(b){c||f(a,b),c=!0},function(b){c||g(a,b),c=!0})}catch(e){return void(c||g(a,e))}a.a=0,a.b=b,h(a)}}function g(a,b){if(a.a==m){if(b==a)throw new TypeError;a.a=1,a.b=b,h(a)}}function h(b){a(function(){if(b.a!=m)for(;b.f.length;){var a=b.f.shift(),c=a[0],d=a[1],e=a[2],a=a[3];try{0==b.a?e("function"==typeof c?c.call(void 0,b.b):b.b):1==b.a&&("function"==typeof d?e(d.call(void 0,b.b)):a(b.b))}catch(f){a(f)}}})}function i(a){return new c(function(b,c){function d(c){return function(d){g[c]=d,f+=1,f==a.length&&b(g)}}var f=0,g=[];0==a.length&&b(g);for(var h=0;h=i?b():document.fonts.load(j(f,f.family),h).then(function(b){1<=b.length?a():setTimeout(c,25)},function(){b()})}c()}),o=new Promise(function(a,b){setTimeout(b,i)});Promise.race([o,n]).then(function(){a(f)},function(){e(f)})}else b(function(){function b(){var b;(b=-1!=q&&-1!=r||-1!=q&&-1!=s||-1!=r&&-1!=s)&&((b=q!=r&&q!=s&&r!=s)||(null===k&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),k=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=k&&(q==t&&r==t&&s==t||q==u&&r==u&&s==u||q==v&&r==v&&s==v)),b=!b),b&&(w.parentNode&&w.parentNode.removeChild(w),clearTimeout(x),a(f))}function m(){if((new Date).getTime()-l>=i)w.parentNode&&w.parentNode.removeChild(w),e(f);else{var a=document.hidden;!0!==a&&void 0!==a||(q=n.a.offsetWidth,r=o.a.offsetWidth,s=p.a.offsetWidth,b()),x=setTimeout(m,50)}}var n=new c(h),o=new c(h),p=new c(h),q=-1,r=-1,s=-1,t=-1,u=-1,v=-1,w=document.createElement("div"),x=0;w.dir="ltr",d(n,j(f,"sans-serif")),d(o,j(f,"serif")),d(p,j(f,"monospace")),w.appendChild(n.a),w.appendChild(o.a),w.appendChild(p.a),document.body.appendChild(w),t=n.a.offsetWidth,u=o.a.offsetWidth,v=p.a.offsetWidth,m(),g(n,function(a){q=a,b()}),d(n,j(f,'"'+f.family+'",sans-serif')),g(o,function(a){r=a,b()}),d(o,j(f,'"'+f.family+'",serif')),g(p,function(a){s=a,b()}),d(p,j(f,'"'+f.family+'",monospace'))})})},f=h}();var g={observe:function(a,b){for(var c=b.prefix,d=function(a){var b=a.weight?"-"+a.weight:"",d=a.style?"-"+a.style:"",e=a.className?"-"+a.className:"",g=a.className?"-"+a.className+b+d:"",h=document.getElementsByTagName("html")[0].classList,i=function(a){h.add(c+e+"-"+a),h.add(c+g+"-"+a)},j=function(a){h.remove(c+e+"-"+a),h.remove(c+g+"-"+a)};i("loading"),new f(a.familyName).load(a.testString).then(function(){i("ready"),j("loading")},function(){i("failed"),j("loading")})},e=0;e bName) ? 1 : 0)); } @@ -361,44 +343,6 @@ function updateVal(currentLi, oldVal, url) { } -function toggleAllButtons() { - if ($("#sort").hasClass("disabled")) { - $('#bookmarks').animate({ - height: 505 - }, 600); - $(".search").slideDown(600); - $("#decision").slideUp(500, function() { - $("#decision").css('display', 'none'); - }); - $('body').animate({ - scrollTop: 1 - }, 700); - } else { - $(".search").slideUp(600); - $('#bookmarks').animate({ - height: 475 - }, 600); - $("#decision").slideDown(500); - $('body').animate({ - scrollTop: 300 - }, 700); - } - toggleButtons(["#reject", "#apply"]); - toggleButtons(["#sort", "#group", "#crop","#edit"]); -} - -function toggleButtons(idList) { - idList.forEach(function(id) { - var button = $(id); - if (button.hasClass("disabled")) { - button.removeClass("disabled"); - button.addClass("active"); - } else { - button.removeClass("active"); - button.addClass("disabled"); - } - }); -} function searchBookmark(text) { var keys = { @@ -415,31 +359,6 @@ function searchBookmark(text) { }); } -function showEditButtons() { - $(".search").slideUp(400, function print() { - printBookmarks([sortableList, showFolderChildren]); - }); - $("#add-folder").fadeIn(400); - $("#trash").fadeIn(400); - $("#search").val(''); -} - -function hideEditButtons() { - hideFolderChildren(); - $(".search").slideDown(400, function print() { - printBookmarks(); - }); - $("#add-folder").fadeOut(400); - $("#trash").fadeOut(400); - $("#search").val(''); - $('#search').attr("placeholder", "Type bookmark name"); -} - -function showSearchLine() { - $(".search").slideDown(400); - $('#search').attr("placeholder", "New folder name"); -} - function addNewFolder(name) { chrome.bookmarks.create({ 'parentId': '1', @@ -450,6 +369,20 @@ function addNewFolder(name) { $('#bookmarks').animate({ scrollTop: length }, 700); - }],true); + }], true); }); } + +function showSearchLine(){ + +} + +function showReserSearch(){ + $("#resetSearch").show(); + $(".search_icon").hide(); +} + +function showSearchIcon(){ + $("#resetSearch").hide(); + $(".search_icon").show(); +} diff --git a/js/print.js b/js/print.js index cdcc2ee..4fd80b1 100644 --- a/js/print.js +++ b/js/print.js @@ -3,12 +3,18 @@ function printBookmarks(callbackList, showChildren) { //console.log(root); $('#bookmarks').empty(); ROOT_TABS = root[0].children.length; + FIRST_TABS = root[0].children[0].children.length; root.forEach(function(folder) { $('#bookmarks').append(printBookmarkFolder(folder, showChildren)); $('#bookmarks .bFolder').each(function(index, val) { var depth = $(val).parents("ul").length, padding = 20; - $(val).children().find('a').css('padding-left', depth * padding); + if (root.id > FIRST_TABS){ + $(val).children().find('a').css('padding-left', depth * padding); + } else{ + $(val).children().find('a').css('padding-left', depth * padding + 13); + } + }); if (callbackList) { for (var i = 0, len = callbackList.length; i < len; i++) { @@ -26,24 +32,26 @@ function printBookmarkFolder(bookmarkFolder, notShowChildren) { list.append(printNode(bookmark)); } else { var folder = printNodeFolder(bookmark); - var r = $(""); - $(folder).find("a").prepend(r); + + if (bookmark.id > ROOT_TABS) { + var r = $(""); + $(folder).find("a").prepend(r); + } else { + var r = $(""); + $(folder).find("a").prepend(r); + } folder.append(printBookmarkFolder(bookmark, notShowChildren)); if (EDIT_MODE && bookmark.children.length === 0) folder.addClass("is-empty"); list.append(folder); $(r).click(function(e) { if ($(folder).find('li').is(':visible')) { - $('.fa', this).removeClass("fa-chevron-down"); - $('.fa', this).addClass("fa-chevron-right"); - //$('.dropIcon', this).css('transform', 'rotate(270deg)'); + $('.dropIcon', this).attr('src', 'icons/right.png'); $(folder).children().hide(); $(folder).find('.dropIcon').show(); $(folder).find('a').css('display', 'inline-block'); } else { - $('.fa', this).removeClass("fa-chevron-right"); - $('.fa', this).addClass("fa-chevron-down"); - //$('.dropIcon', this).css('transform', 'rotate(0deg)'); + $('.dropIcon', this).attr('src', 'icons/down.png'); $(folder).children().show(); } @@ -55,8 +63,7 @@ function printBookmarkFolder(bookmarkFolder, notShowChildren) { $(folder).find('.dropIcon').show(); $(folder).find('a').css('display', 'inline-block'); } else { - $(folder).children('a').find('.fa').removeClass("fa-chevron-right"); - $(folder).children('a').find('.fa').addClass("fa-chevron-down"); + $(folder).children('a').find('.dropIcon').attr('src', 'icons/down.png'); } } @@ -156,13 +163,11 @@ function updateBookmarkListBuffer(keys) { e.preventDefault(); $('#apply').unbind("click"); printBookmarks(); - toggleAllButtons(); }); $('#apply').one("click", function(e) { e.preventDefault(); $('#reject').unbind("click"); updateBookmarks(keys, true); - toggleAllButtons(); }); } @@ -173,8 +178,7 @@ function showFolderChildren() { return; if (!$(e).is(":visible")) { $(e).slideDown(300, function() { - $(e).siblings('a').find('.fa').removeClass("fa-chevron-right"); - $(e).siblings('a').find('.fa').addClass("fa-chevron-down"); + $(e).siblings('a').find('.dropIcon').attr('src', 'icons/down.png'); }); } }); @@ -187,8 +191,7 @@ function hideFolderChildren() { if (parentTitle === "Bookmarks bar" || parentTitle === "Other bookmarks" || parentTitle === "Mobile bookmarks") return; $(e).slideUp(300, function() { - $(e).siblings('a').find('.fa').removeClass("fa-chevron-down"); - $(e).siblings('a').find('.fa').addClass("fa-chevron-right"); + $(e).siblings('a').find('.dropIcon').attr('src', 'icons/right.png'); }); } }); diff --git a/js/tools.js b/js/tools.js index dbac785..23a50f0 100644 --- a/js/tools.js +++ b/js/tools.js @@ -1,3 +1,4 @@ + function sort(list) { list.children.sort(sortByName); list.children.forEach(function(folder) { diff --git a/popup.html b/popup.html index 106f16a..56c082e 100644 --- a/popup.html +++ b/popup.html @@ -6,6 +6,7 @@ + @@ -19,6 +20,7 @@
    +
    From 0065eb56e04b83e4c0d9a91f1fe577f413f7e3c6 Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Tue, 21 Feb 2017 17:21:09 +0200 Subject: [PATCH 06/37] change window size --- css/main.css | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/css/main.css b/css/main.css index 3a16394..10498cd 100644 --- a/css/main.css +++ b/css/main.css @@ -5,7 +5,7 @@ html { body { height: 600px; - width: 308px; + width: 358px; background-color: #009688; } @@ -14,7 +14,7 @@ body { .header { background-color: #009688; - width: 308px; + width: 358px; height: 47px; } @@ -22,7 +22,7 @@ body { position: relative; margin-left: 14px; top: 3px; - width: 280px; + width: 330px; color: #ffffff; font size: 15px; display: inline-block; @@ -53,7 +53,7 @@ body { #resetSearch { width: 15px; position: relative; - left: 276px; + left: 326px; top: -27px; padding: 0; background-color: #009688; @@ -73,7 +73,7 @@ body { overflow-y: auto !important; overflow-x: hidden; height: 503px; - width: 308px; + width: 358px; font size: 19px; } @@ -90,7 +90,7 @@ body { #bookmarks .bFolder a { display: inline-block; color: #000; - width: 308px; + width: 358px; padding: 17px 12px 13px 8px; text-decoration: none; font-weight: normal; @@ -101,7 +101,7 @@ body { #bookmarks .bLink a { display: inline-block; color: #000; - width: 308px; + width: 358px; padding: 17px 3px 13px 17px; text-decoration: none; font-weight: normal; @@ -132,7 +132,7 @@ body { #bookmarks .editSelectedVal { background-color: rgba(0, 0, 0, 0.1); - width: 308px; + width: 358px; padding: 10px 12px 10px 8px; border-top: 1px solid #ddd; } @@ -175,7 +175,7 @@ body { .footer { margin-bottom: 0px; background-color: #009688; - width: 308px; + width: 358px; height: 50px; } @@ -189,7 +189,7 @@ body { .group { position: relative; - margin-left: 39px; + margin-left: 55px; margin-top: 8px; height: 34px; width: 34px; @@ -197,7 +197,7 @@ body { .cut { position: relative; - margin-left: 39px; + margin-left: 55px; margin-top: 8px; height: 31px; width: 31px; @@ -205,7 +205,7 @@ body { .new_folder { position: relative; - margin-left: 39px; + margin-left: 55px; margin-top: 8px; height: 30px; width: 31px; From cc76bdbe70e612b910df3195e42a1eb38f434ca3 Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Tue, 21 Feb 2017 21:11:56 +0200 Subject: [PATCH 07/37] fix bug with root folders and slightly changed design --- css/main.css | 20 +++++--------------- js/popup.js | 14 +++++++------- js/print.js | 10 +++++----- js/tools.js | 1 - 4 files changed, 17 insertions(+), 28 deletions(-) diff --git a/css/main.css b/css/main.css index 10498cd..1bdb4b3 100644 --- a/css/main.css +++ b/css/main.css @@ -66,6 +66,7 @@ body { transition: all .15s ease-in-out; } + /* Bookmarks */ #bookmarks { @@ -95,7 +96,7 @@ body { text-decoration: none; font-weight: normal; border-top: 1px solid #ddd; - font size: 19px; + font size: 15px; } #bookmarks .bLink a { @@ -110,7 +111,6 @@ body { font size: 19px; } - #bookmarks .bLink a:empty { height: 40px; } @@ -144,22 +144,12 @@ body { .dropIcon { position: relative; margin-top: -2px; - /*margin-left: 13px; только для для bookmarks bar, other bookmarks*/ - width: 17px; + width: 22px; height: 17px; } -#root{ - margin-left: 13px; -} - - -.right { - transform: rotate(270deg); -} - -.down { - transform: rotate(90deg); +#root { + margin-left: 13px; } .linkIcon { diff --git a/js/popup.js b/js/popup.js index e23c4a6..2b601d7 100644 --- a/js/popup.js +++ b/js/popup.js @@ -373,16 +373,16 @@ function addNewFolder(name) { }); } -function showSearchLine(){ +function showSearchLine() { } -function showReserSearch(){ - $("#resetSearch").show(); - $(".search_icon").hide(); +function showReserSearch() { + $("#resetSearch").show(); + $(".search_icon").hide(); } -function showSearchIcon(){ - $("#resetSearch").hide(); - $(".search_icon").show(); +function showSearchIcon() { + $("#resetSearch").hide(); + $(".search_icon").show(); } diff --git a/js/print.js b/js/print.js index 4fd80b1..787ac45 100644 --- a/js/print.js +++ b/js/print.js @@ -9,10 +9,10 @@ function printBookmarks(callbackList, showChildren) { $('#bookmarks .bFolder').each(function(index, val) { var depth = $(val).parents("ul").length, padding = 20; - if (root.id > FIRST_TABS){ - $(val).children().find('a').css('padding-left', depth * padding); - } else{ - $(val).children().find('a').css('padding-left', depth * padding + 13); + if (root.id > FIRST_TABS) { + $(val).children().find('a').css('padding-left', depth * padding); + } else { + $(val).children().find('a').css('padding-left', depth * padding + 13); } }); @@ -37,7 +37,7 @@ function printBookmarkFolder(bookmarkFolder, notShowChildren) { var r = $(""); $(folder).find("a").prepend(r); } else { - var r = $(""); + var r = $(" "); $(folder).find("a").prepend(r); } folder.append(printBookmarkFolder(bookmark, notShowChildren)); diff --git a/js/tools.js b/js/tools.js index 23a50f0..dbac785 100644 --- a/js/tools.js +++ b/js/tools.js @@ -1,4 +1,3 @@ - function sort(list) { list.children.sort(sortByName); list.children.forEach(function(folder) { From e0293f52a4a7977379022e75cfa574dcde080a36 Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Tue, 21 Feb 2017 21:57:08 +0200 Subject: [PATCH 08/37] add func to sort, crop and group bookmarks with decisions bar --- css/main.css | 28 ++++++++++++++++++++++++---- js/popup.js | 18 ++++++++++++------ js/print.js | 10 ++++++++-- popup.html | 17 ++++++++++------- 4 files changed, 54 insertions(+), 19 deletions(-) diff --git a/css/main.css b/css/main.css index 1bdb4b3..d9bb492 100644 --- a/css/main.css +++ b/css/main.css @@ -169,7 +169,7 @@ body { height: 50px; } -.sort { +#sort { position: relative; margin-left: 28px; margin-top: 8px; @@ -177,7 +177,7 @@ body { width: 29px; } -.group { +#group { position: relative; margin-left: 55px; margin-top: 8px; @@ -185,7 +185,7 @@ body { width: 34px; } -.cut { +#crop { position: relative; margin-left: 55px; margin-top: 8px; @@ -193,10 +193,30 @@ body { width: 31px; } -.new_folder { +#new_folder { position: relative; margin-left: 55px; margin-top: 8px; height: 30px; width: 31px; } + +.decision { + width: 358px; +} + +#apply { + position: absolute; + width: 27px; + height: 27px; + margin-left: 124px; + margin-top: 11px; +} + +#reject { + position: absolute; + width: 25px; + height: 25px; + margin-left: 209px; + margin-top: 11px; +} diff --git a/js/popup.js b/js/popup.js index 2b601d7..2b6dd94 100644 --- a/js/popup.js +++ b/js/popup.js @@ -4,18 +4,14 @@ var EDIT_MODE = false; $().ready(function() { 'use strict'; - $("#resetSearch").hide(); + showSearchIcon(); + showToolsBar(); $(window).blur(function() { window.close; }); printBookmarks(); - //deleteEmptyFolder(); - - $(".sort, .group, .crop").click(function(e) { - e.preventDefault(); - }); $("#sort").click(function(e) { previewFunction(sort); @@ -386,3 +382,13 @@ function showSearchIcon() { $("#resetSearch").hide(); $(".search_icon").show(); } + +function showDecisionBar(){ + $('#tools').hide(); + $('.decision').show(); +} + +function showToolsBar(){ + $('.decision').hide(); + $('#tools').show(); +} diff --git a/js/print.js b/js/print.js index 787ac45..15c072f 100644 --- a/js/print.js +++ b/js/print.js @@ -104,7 +104,7 @@ function previewFunction(callbackFunction) { root[0].children.forEach(function(folder) { keys.children.push(folder); }); - + showDecisionBar(); callbackFunction(keys); updateBookmarkListBuffer(keys); }); @@ -157,17 +157,23 @@ function updateBookmarkListBuffer(keys) { $('#bookmarks .bFolder').each(function(index, val) { var depth = $(val).parents("ul").length, padding = 20; - $(val).children().find('a').css('padding-left', depth * padding); + if (root.id > FIRST_TABS) { + $(val).children().find('a').css('padding-left', depth * padding); + } else { + $(val).children().find('a').css('padding-left', depth * padding + 13); + } }); $('#reject').one("click", function(e) { e.preventDefault(); $('#apply').unbind("click"); printBookmarks(); + showToolsBar(); }); $('#apply').one("click", function(e) { e.preventDefault(); $('#reject').unbind("click"); updateBookmarks(keys, true); + showToolsBar(); }); } diff --git a/popup.html b/popup.html index 56c082e..44004b3 100644 --- a/popup.html +++ b/popup.html @@ -26,15 +26,18 @@
    From eed9b2f431f7dce1a7465f2d62167eec7e8686a5 Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Mon, 13 Mar 2017 00:53:17 +0200 Subject: [PATCH 13/37] fix bug with reject in new_folder section --- js/popup.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/js/popup.js b/js/popup.js index 8f3e108..d68857e 100644 --- a/js/popup.js +++ b/js/popup.js @@ -36,6 +36,11 @@ $().ready(function() { showNewFolderBar(); }); + $("#reject_folder").click(function() { + $("#create_new_folder").val(''); + showToolsBar(); + }); + $('#trash').click(function(e) { var list = $(".selectedLink"); var r = confirm("Delete " + list.length + " selected bookmarks?"); @@ -58,11 +63,6 @@ $().ready(function() { showToolsBar(); } - $("#reject_folder").click(function() { - $("#create_new_folder").val(''); - showToolsBar(); - }); - $("#apply_folder").click(function() { if ($("#create_new_folder").val().trim().length != 0) { addNewFolder($("#create_new_folder").val().trim()); From 5c0a19d81a8b175e8c0705f6743a5dcd025e80cb Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Mon, 13 Mar 2017 01:02:52 +0200 Subject: [PATCH 14/37] fix bug with trash icon in sort, crop, group mode --- js/popup.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/js/popup.js b/js/popup.js index d68857e..b9fe6af 100644 --- a/js/popup.js +++ b/js/popup.js @@ -460,6 +460,7 @@ function showDecisionBar() { function showToolsBar() { $('.decision').hide(); $('.add_new_folder').hide(); + $('#trash').hide(); $('#tools').show(); } @@ -471,9 +472,11 @@ function showNewFolderBar(){ // trash icon function showTrashIcon() { + $("#trash").show(); $("#trash").animate({top: 500, opacity:'1'},500); } function hideTrashIcon(){ $("#trash").animate({top: 560, opacity:'0'},500); + $("#trash").hide(); } From e84a623bdebd9c64f4e76b662b8b4610fb5c9c0b Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Mon, 13 Mar 2017 01:19:00 +0200 Subject: [PATCH 15/37] change trash button location and animation --- css/main.css | 2 +- js/popup.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/css/main.css b/css/main.css index 5ead3e5..99f606b 100644 --- a/css/main.css +++ b/css/main.css @@ -228,7 +228,7 @@ body { top: 560px; width: 4rem; height: 4rem; - left: 160; + left: 292; } .add_new_folder{ diff --git a/js/popup.js b/js/popup.js index b9fe6af..7d5ed8b 100644 --- a/js/popup.js +++ b/js/popup.js @@ -52,6 +52,7 @@ $().ready(function() { }); } hideTrashIcon(); + showToolsBar(); }); $("#create_new_folder").keyup(function(e) { @@ -478,5 +479,4 @@ function showTrashIcon() { function hideTrashIcon(){ $("#trash").animate({top: 560, opacity:'0'},500); - $("#trash").hide(); } From 1e4f420d43221e0b4f8d55e0052e2f45dc95f538 Mon Sep 17 00:00:00 2001 From: Kolya Yurchenko Date: Sun, 12 Mar 2017 21:26:57 -0400 Subject: [PATCH 16/37] Fixed edit opnening link bug --- js/popup.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/js/popup.js b/js/popup.js index 7d5ed8b..5b33858 100644 --- a/js/popup.js +++ b/js/popup.js @@ -101,8 +101,13 @@ $().ready(function() { editLinkdelay = 300; $("#bookmarks").on('click', '.bLink', '.selectedLink', function selectFunction(e) { e.preventDefault(); - clicks++; var li = $(e.currentTarget); + + if (li.find(".editSelectedVal").length>0) { + return; + } + + clicks++; if (clicks === 1) { showTrashIcon(); if (li.hasClass("selectedLink")) { From dae778a50bb8a472e0e667743f39a054a8ffb3ed Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Mon, 13 Mar 2017 18:57:31 +0200 Subject: [PATCH 17/37] fix bug with trash icons in sort, group, crop mode --- js/popup.js | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/js/popup.js b/js/popup.js index 5b33858..d6dcdea 100644 --- a/js/popup.js +++ b/js/popup.js @@ -15,14 +15,17 @@ $().ready(function() { $("#sort").click(function(e) { previewFunction(sort); + hideTrashIcon(); }); $("#group").click(function(e) { previewFunction(group); + hideTrashIcon(); }); $("#crop").click(function(e) { previewFunction(crop); + hideTrashIcon(); }); $("#learn").click(function(e) { window.open("https://github.com/koolzz/bookmark-beautifier", "_blank"); @@ -52,7 +55,6 @@ $().ready(function() { }); } hideTrashIcon(); - showToolsBar(); }); $("#create_new_folder").keyup(function(e) { @@ -102,11 +104,11 @@ $().ready(function() { $("#bookmarks").on('click', '.bLink', '.selectedLink', function selectFunction(e) { e.preventDefault(); var li = $(e.currentTarget); - + if (li.find(".editSelectedVal").length>0) { return; } - + clicks++; if (clicks === 1) { showTrashIcon(); @@ -484,4 +486,5 @@ function showTrashIcon() { function hideTrashIcon(){ $("#trash").animate({top: 560, opacity:'0'},500); + showToolsBar(); } From eb16f3e2b90cad62137d8d9bba75b0c03a01c447 Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Mon, 13 Mar 2017 21:57:02 +0200 Subject: [PATCH 18/37] add learn more button --- css/main.css | 8 ++++++++ icons/question-mark.svg | 44 +++++++++++++++++++++++++++++++++++++++++ js/popup.js | 1 + popup.html | 1 + 4 files changed, 54 insertions(+) create mode 100644 icons/question-mark.svg diff --git a/css/main.css b/css/main.css index 99f606b..342c8bc 100644 --- a/css/main.css +++ b/css/main.css @@ -69,6 +69,14 @@ body { /* Bookmarks */ +#learn { + position: absolute; + width: 1.5rem; + height: 1.5rem; + top: 60px; + right: 30px; +} + #bookmarks { background-color: #ffffff; overflow-y: auto !important; diff --git a/icons/question-mark.svg b/icons/question-mark.svg new file mode 100644 index 0000000..a26d093 --- /dev/null +++ b/icons/question-mark.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/js/popup.js b/js/popup.js index d6dcdea..d3f1aa8 100644 --- a/js/popup.js +++ b/js/popup.js @@ -27,6 +27,7 @@ $().ready(function() { previewFunction(crop); hideTrashIcon(); }); + $("#learn").click(function(e) { window.open("https://github.com/koolzz/bookmark-beautifier", "_blank"); }); diff --git a/popup.html b/popup.html index faa6ffe..dfa5753 100644 --- a/popup.html +++ b/popup.html @@ -22,6 +22,7 @@
    +
    From 0af9b08858e562860852ea74e3db37c8a533939b Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Tue, 14 Mar 2017 00:38:47 +0200 Subject: [PATCH 19/37] add animation to decision bar --- js/popup.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/js/popup.js b/js/popup.js index d3f1aa8..723d965 100644 --- a/js/popup.js +++ b/js/popup.js @@ -27,7 +27,7 @@ $().ready(function() { previewFunction(crop); hideTrashIcon(); }); - + $("#learn").click(function(e) { window.open("https://github.com/koolzz/bookmark-beautifier", "_blank"); }); @@ -463,11 +463,11 @@ function showSearchIcon() { function showDecisionBar() { $('#tools').hide(); - $('.decision').show(); + $('.decision').animate({opacity:1},200); } function showToolsBar() { - $('.decision').hide(); + $('.decision').animate({opacity:0},200); $('.add_new_folder').hide(); $('#trash').hide(); $('#tools').show(); @@ -482,10 +482,10 @@ function showNewFolderBar(){ // trash icon function showTrashIcon() { $("#trash").show(); - $("#trash").animate({top: 500, opacity:'1'},500); + $("#trash").animate({top: 500, opacity:1},500); } function hideTrashIcon(){ - $("#trash").animate({top: 560, opacity:'0'},500); + $("#trash").animate({top: 560, opacity:0},500); showToolsBar(); } From 678b571774d5c0fb54d7a9e136dd0e094c9c4e3b Mon Sep 17 00:00:00 2001 From: SerhiiStets Date: Tue, 14 Mar 2017 00:59:19 +0200 Subject: [PATCH 20/37] change animation a little bit --- js/popup.js | 47 ++++++++++++++++++++++++++++------------------- popup.html | 10 +++++----- 2 files changed, 33 insertions(+), 24 deletions(-) diff --git a/js/popup.js b/js/popup.js index 723d965..7028ad4 100644 --- a/js/popup.js +++ b/js/popup.js @@ -68,14 +68,14 @@ $().ready(function() { } $("#apply_folder").click(function() { - if ($("#create_new_folder").val().trim().length != 0) { - addNewFolder($("#create_new_folder").val().trim()); - $("#create_new_folder").val(''); - } - showToolsBar(); + if ($("#create_new_folder").val().trim().length != 0) { + addNewFolder($("#create_new_folder").val().trim()); + $("#create_new_folder").val(''); + } + showToolsBar(); }); - }); + }); $("#search").keyup(function() { if ($("#sort").hasClass("disabled")) @@ -106,7 +106,7 @@ $().ready(function() { e.preventDefault(); var li = $(e.currentTarget); - if (li.find(".editSelectedVal").length>0) { + if (li.find(".editSelectedVal").length > 0) { return; } @@ -462,30 +462,39 @@ function showSearchIcon() { } function showDecisionBar() { - $('#tools').hide(); - $('.decision').animate({opacity:1},200); + $('#tools').hide(200, function() { + $('.decision').show(200); + }); + } function showToolsBar() { - $('.decision').animate({opacity:0},200); + $('.decision').hide(); $('.add_new_folder').hide(); $('#trash').hide(); - $('#tools').show(); + $('#tools').show(400); } // New Folder section -function showNewFolderBar(){ - $('#tools').hide(); - $('.add_new_folder').show(); +function showNewFolderBar() { + $('#tools').hide(200, function() { + $('.add_new_folder').show(300); + }); } // trash icon function showTrashIcon() { - $("#trash").show(); - $("#trash").animate({top: 500, opacity:1},500); + $("#trash").show(); + $("#trash").animate({ + top: 500, + opacity: 1 + }, 500); } -function hideTrashIcon(){ - $("#trash").animate({top: 560, opacity:0},500); - showToolsBar(); +function hideTrashIcon() { + $("#trash").animate({ + top: 560, + opacity: 0 + }, 500); + showToolsBar(); } diff --git a/popup.html b/popup.html index dfa5753..5e0bba5 100644 --- a/popup.html +++ b/popup.html @@ -22,7 +22,7 @@
    - +
    @@ -37,11 +37,11 @@
    - +
    - - - + + +
    From 4c15a5fdb872158017bf2beeec005176552e540d Mon Sep 17 00:00:00 2001 From: Kolya Yurchenko Date: Mon, 13 Mar 2017 19:53:05 -0400 Subject: [PATCH 21/37] Small animation fixes --- js/popup.js | 9 ++++----- js/print.js | 1 + 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/js/popup.js b/js/popup.js index 7028ad4..dd1d1f5 100644 --- a/js/popup.js +++ b/js/popup.js @@ -15,17 +15,14 @@ $().ready(function() { $("#sort").click(function(e) { previewFunction(sort); - hideTrashIcon(); }); $("#group").click(function(e) { previewFunction(group); - hideTrashIcon(); }); $("#crop").click(function(e) { previewFunction(crop); - hideTrashIcon(); }); $("#learn").click(function(e) { @@ -126,6 +123,9 @@ $().ready(function() { if (window.event.ctrlKey) { li.removeClass("selectedLink"); + if ($(".selectedLink").length ==0) { + hideTrashIcon(); + } clicks = 0; } else { if ($(".selectedLink").length > 1) { @@ -495,6 +495,5 @@ function hideTrashIcon() { $("#trash").animate({ top: 560, opacity: 0 - }, 500); - showToolsBar(); + }, 250); } diff --git a/js/print.js b/js/print.js index 15c072f..e646569 100644 --- a/js/print.js +++ b/js/print.js @@ -97,6 +97,7 @@ function printNodeFolder(bookmark) { } function previewFunction(callbackFunction) { + hideTrashIcon(); var keys = { children: [] }; From ac78047b0daf2739008f9428268e61c73064bffb Mon Sep 17 00:00:00 2001 From: Kolya Yurchenko Date: Mon, 13 Mar 2017 20:02:28 -0400 Subject: [PATCH 22/37] Fade animation for main buttons --- js/popup.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/js/popup.js b/js/popup.js index dd1d1f5..b49657b 100644 --- a/js/popup.js +++ b/js/popup.js @@ -462,8 +462,8 @@ function showSearchIcon() { } function showDecisionBar() { - $('#tools').hide(200, function() { - $('.decision').show(200); + $('#tools').fadeOut(300, function() { + $('.decision').fadeIn(300); }); } @@ -472,13 +472,13 @@ function showToolsBar() { $('.decision').hide(); $('.add_new_folder').hide(); $('#trash').hide(); - $('#tools').show(400); + $('#tools').fadeIn(400); } // New Folder section function showNewFolderBar() { - $('#tools').hide(200, function() { - $('.add_new_folder').show(300); + $('#tools').hide(300, function() { + $('.add_new_folder').fadeIn(300); }); } From d9f3b31788db6112ca7d81a21df3ee6dfd2c7e50 Mon Sep 17 00:00:00 2001 From: Kolya Yurchenko Date: Mon, 13 Mar 2017 21:02:28 -0400 Subject: [PATCH 23/37] Added tooltips for main buttons --- css/main.css | 13 +++++++++++++ js/popup.js | 13 +++++++++++++ popup.html | 1 + 3 files changed, 27 insertions(+) diff --git a/css/main.css b/css/main.css index 342c8bc..b2fda57 100644 --- a/css/main.css +++ b/css/main.css @@ -269,3 +269,16 @@ body { margin-left: 310px; margin-top: 13px; } + +#tooltiptext{ + position: absolute; + top:528px; + display: none; + + width: 358px; + background-color: #555; + color: #fff; + text-align: center; + + font-size: 16px; +} \ No newline at end of file diff --git a/js/popup.js b/js/popup.js index b49657b..e8132be 100644 --- a/js/popup.js +++ b/js/popup.js @@ -17,6 +17,19 @@ $().ready(function() { previewFunction(sort); }); + var text ={ + "sort":"Sort bookmarks", + "group":"Group by domain name", + "crop":"Shorten long link titles", + "new_folder":"Add a new folder", + } + $("#sort, #group, #crop, #new_folder").hover(function(e) { + $("#tooltiptext").text(text[e.currentTarget.id]); + $("#tooltiptext").fadeIn(150); + },function(e) { + $("#tooltiptext").fadeOut(150); + }); + $("#group").click(function(e) { previewFunction(group); }); diff --git a/popup.html b/popup.html index 5e0bba5..aff1778 100644 --- a/popup.html +++ b/popup.html @@ -26,6 +26,7 @@
    + Tooltip text