From 47ed8971e3ee05cec1b0d6206209c0eb00b783c8 Mon Sep 17 00:00:00 2001 From: Matthew Hodgson Date: Sun, 11 Oct 2015 02:09:14 +0100 Subject: [PATCH] implement collapsible leftpanel at last --- src/controllers/organisms/RoomList.js | 1 + src/skins/vector/css/hide.css | 1 - src/skins/vector/css/molecules/RoomTile.css | 33 +++++++++++++++--- src/skins/vector/css/organisms/LeftPanel.css | 12 +++++-- src/skins/vector/css/organisms/RoomList.css | 1 + src/skins/vector/css/pages/MatrixChat.css | 5 +++ src/skins/vector/img/create-big.png | Bin 999 -> 15407 bytes src/skins/vector/img/directory-big.png | Bin 331 -> 14741 bytes src/skins/vector/img/hide.png | Bin 415 -> 1235 bytes src/skins/vector/img/menu.png | Bin 200 -> 122 bytes src/skins/vector/img/settings-big.png | Bin 1206 -> 15641 bytes .../vector/views/molecules/BottomLeftMenu.js | 6 ++-- .../vector/views/molecules/RoomHeader.js | 2 +- src/skins/vector/views/molecules/RoomTile.js | 29 +++++++++++++-- src/skins/vector/views/organisms/LeftPanel.js | 30 ++++++++++++++-- src/skins/vector/views/organisms/RoomList.js | 4 ++- 16 files changed, 107 insertions(+), 17 deletions(-) mode change 100644 => 100755 src/skins/vector/img/menu.png diff --git a/src/controllers/organisms/RoomList.js b/src/controllers/organisms/RoomList.js index 2602315ac5..b178fce7a6 100644 --- a/src/controllers/organisms/RoomList.js +++ b/src/controllers/organisms/RoomList.js @@ -159,6 +159,7 @@ module.exports = { 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 diff --git a/src/skins/vector/img/hide.png b/src/skins/vector/img/hide.png index 3e64618b09fc75d54a6a00f4ed237ac745c9598c..31604589afb230f0035d9b405768a5f345031a4a 100644 GIT binary patch literal 1235 zcmeAS@N?(olHy`uVBq!ia0vp^JU}eM!2~4DCV9I7DajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_cg49pstArU1JzCKpT`MG+DAT@dwxdlMo3=B5*6$OdO*{LN8 zNvY|XdA3ULckfqH$V{%1*XSQL?vFu&J;D8jzb> zlBiITo0C^;Rbi_HHrEQs1_|pcDS(xfWZNo192Makpx~Tel&WB=XQrEMU}mmhZmDNz zYHn^~uA^XNU}&muV61O!plf7oWny4uVx#~CNh+i#(Mch>H3D2mX`VkM*2oZxQ#zd*s+860W~8or6i znRy^VO|ULsUn|eN;*!L?|M!9x%-p0TZ`abWJ(~1EZs- zi(^Q|t)yT6ED1>pObV9&c*dUZ#JS8PL zCB>!i^8Ww-x7+@zeE2ti!G?C8-5WWiH>FKjG{64;`kntD|C?^VriaIoYtE`aFY*$8 z{`r0X({B5?zduf&JtMI2jOxjwK28=3H6Ep=c7;C;d6M|^*Yw1TZ}Yd?|2vo`WNnzwc(cQD(sNSqix!Jg| z;LX+bz5Mlm{(hI=eVDi9rqUFPn-Y@iYJO~f^X|KR{r}|ebB*M^=V*!Z8$Uk0zFvR- zZ(gB8Q!m*4`BVMiCO^k)!JCaL>Q*TX0tpOC4|eU^V|4unsF?9|^>bP0l+XkK$J4_` delta 387 zcmV-}0et?`37-QYiBL{Q4GJ0x0000DNk~Le0000W0000W2m$~A0Q?y3qmdyee*r;B zL_t(|+U%7*O9Md=hIj66FP9knKruv!34Ww9*a#LW1UqeP6v56PmnL?`AK?80jkV{= zHHm>7m@`uhy=0o3)(pS* z-(<^+$M2XoVSkkq1H6%F`yx?Te=EZ7vPG=H-B5G_-5J#ok-tlw%r8Z2R$3B)P#(t9E^nQ~Dqh*zzWW2^LJe*vzdJ zEP5Yk{%_1UZHxR!ng%mYszB``RuaAJ|aOJ{@I7n;#5Sy{wm`qOAP zflv$^pGI?tjrLWKBXQ*?LP50%=Noy)q)yYVd49R=%vtPtth%8{Yai&iz8}hiGEWPT h?c@ybuK*tc3;@;c${SSUJ8}R3002ovPDHLkV1i|vsM7!d diff --git a/src/skins/vector/img/menu.png b/src/skins/vector/img/menu.png old mode 100644 new mode 100755 index 3550878bf2b40f98f5eff0816b1b259857e2ac9e..b45f88950f03368dcae0c812c3e3a318b4540650 GIT binary patch literal 122 zcmeAS@N?(olHy`uVBq!ia0vp^(m*W2!3HF2n%o+I6k~CayA#8@b22Z191~9$#}E(R z<*2oYoLAxPgg&ebxsLQ0F0g{u>b%7 literal 200 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 B&Vc{` literal 1206 zcmV;n1WEgeP)}ZsQ4k{mh2Ek+nWJ6=~7kgFDx$ zu1uTVar$hMAO6|fj$jka@J(B%KJ;E)7QepJE~5?`_$iPnX^q zFnZ&3%W{5MvJ6H>S~>C@7{63df2~UF;zCAGaFQ#iYxCm$laa=U5)5xE=i{luTm44Q zZdD_U5VCJFtHTzz?Xj%&;d3!Y$-&Ovax|&5Olj&u%QdOFcK(F*dh zBn8t^pqv~W9_c#Qso%_r(0+)CKjj1#X^{Cwyk``9CxJO%G1c6rybzML_Itqr$w{NR^w=grBy<&PX`(>39IGjE=4=k@641^9JId_8MIV%~n* z@aO!G6?yqoG-cGx!k>6}Ygr<|GX(;bj#4ZLo7n&B;bUVt%Oh%)f%86nf~SIB;o%D% z908spz&dBz=`%_C)vP(t!u;M?6TPslhEK3SYz)*|Pol0z^d?xj82tkV0egf&?~{C# zInn;F5m3+mGbmYc9e3qzCal#SaV+Z={Vq z-=TZrznCd?MJb-2OtNNqKa>JZ*(X!QrK0MN)uhK2QKEhNPZ1O-mm!V=DLLQ8{n)Tz zh{2`7NCUg7>-P|VY*D@5YlIVBj2{<7Z-Ty*Ho|B=`W6!%Q;^LAED+Bl+i1C@3Z?nL z9e-%Ok};aJ`9R~pm@y{u7CM&$!(-QAUyMH%(c|1*Buu*jzbW@?)yZtq=JzDLsCejh z#&;U+q(R>3i`1igvzIK?AW8=xz;07*qoM6N<$f}Ws7WB>pF diff --git a/src/skins/vector/views/molecules/BottomLeftMenu.js b/src/skins/vector/views/molecules/BottomLeftMenu.js index 809da0ee28..2af3bfc723 100644 --- a/src/skins/vector/views/molecules/BottomLeftMenu.js +++ b/src/skins/vector/views/molecules/BottomLeftMenu.js @@ -41,19 +41,19 @@ module.exports = React.createClass({
- Create new room + Create new room
Create new room
- Directory + Directory
Directory
- Settings + Settings
Settings
diff --git a/src/skins/vector/views/molecules/RoomHeader.js b/src/skins/vector/views/molecules/RoomHeader.js index fc097d399b..3518d1dd58 100644 --- a/src/skins/vector/views/molecules/RoomHeader.js +++ b/src/skins/vector/views/molecules/RoomHeader.js @@ -92,7 +92,7 @@ module.exports = React.createClass({ var roomAvatar = null; if (this.props.room) { roomAvatar = ( - + ); } diff --git a/src/skins/vector/views/molecules/RoomTile.js b/src/skins/vector/views/molecules/RoomTile.js index 61fa0021b7..f43b00236a 100644 --- a/src/skins/vector/views/molecules/RoomTile.js +++ b/src/skins/vector/views/molecules/RoomTile.js @@ -28,6 +28,19 @@ var sdk = require('matrix-react-sdk') module.exports = React.createClass({ displayName: 'RoomTile', mixins: [RoomTileController], + + getInitialState: function() { + return( { hover : false }); + }, + + onMouseEnter: function() { + this.setState( { hover : true }); + }, + + onMouseLeave: function() { + this.setState( { hover : false }); + }, + render: function() { var myUserId = MatrixClientPeg.get().credentials.userId; var classes = classNames({ @@ -57,14 +70,26 @@ module.exports = React.createClass({ nameCell =
{name}
; } */ + + var nameElement; + if (!this.props.collapsed) { + nameElement =
{name}
; + } + else if (this.state.hover) { + nameElement =
+ + { name } +
; + } + var RoomAvatar = sdk.getComponent('atoms.RoomAvatar'); return ( -
+
{ badge }
-
{name}
+ { nameElement }
); } diff --git a/src/skins/vector/views/organisms/LeftPanel.js b/src/skins/vector/views/organisms/LeftPanel.js index 15612704a5..fbd5d3c1d1 100644 --- a/src/skins/vector/views/organisms/LeftPanel.js +++ b/src/skins/vector/views/organisms/LeftPanel.js @@ -22,16 +22,40 @@ var sdk = require('matrix-react-sdk') module.exports = React.createClass({ displayName: 'LeftPanel', + getInitialState: function() { + return { + collapsed: false, + }; + }, + + onShowClick: function() { + this.setState({ collapsed : false }); + }, + + onHideClick: function() { + this.setState({ collapsed : true }); + }, + render: function() { var RoomList = sdk.getComponent('organisms.RoomList'); var BottomLeftMenu = sdk.getComponent('molecules.BottomLeftMenu'); var IncomingCallBox = sdk.getComponent('molecules.voip.IncomingCallBox'); + var collapseButton; + var classes = "mx_LeftPanel"; + if (this.state.collapsed) { + classes += " collapsed"; + collapseButton = > + } + else { + collapseButton = < + } + return ( -