From 808492154dbfde628c1267972855f48e7eb56ae8 Mon Sep 17 00:00:00 2001
From: Jonathan Bernard <jdbernard@gmail.com>
Date: Mon, 9 May 2011 10:52:21 -0500
Subject: [PATCH] Adding hover-able icons to timeline entries.

- Added notes and delete icons right and left entry marks respectively.
- Notes icon slide toggles the notes display (hidden by default).
---
 www/css/ts-screen.css            |  18 ++++++++++++-
 www/css/ts-screen.scss           |  26 ++++++++++++++++++-
 www/img/notepad_2_icon&16.png    | Bin 0 -> 3275 bytes
 www/img/notepad_2_icon&24.png    | Bin 0 -> 3417 bytes
 www/img/notepad_2_icon&32.png    | Bin 0 -> 3528 bytes
 www/img/notepad_2_icon&48.png    | Bin 0 -> 3794 bytes
 www/img/pencil_icon&16.png       | Bin 0 -> 3308 bytes
 www/img/pencil_icon&24.png       | Bin 0 -> 3479 bytes
 www/img/pencil_icon&32.png       | Bin 0 -> 3685 bytes
 www/img/pencil_icon&48.png       | Bin 0 -> 3952 bytes
 www/img/round_delete_icon&16.png | Bin 0 -> 3276 bytes
 www/img/round_delete_icon&24.png | Bin 0 -> 3544 bytes
 www/img/round_delete_icon&32.png | Bin 0 -> 3674 bytes
 www/img/round_delete_icon&48.png | Bin 0 -> 4085 bytes
 www/index.yaws                   |  10 +++++---
 www/js/ts.js                     |   9 +++++--
 www/prototype.html               |  42 +++++++++++++++----------------
 yaws.dev.conf                    |   4 +--
 18 files changed, 79 insertions(+), 30 deletions(-)
 create mode 100644 www/img/notepad_2_icon&16.png
 create mode 100644 www/img/notepad_2_icon&24.png
 create mode 100644 www/img/notepad_2_icon&32.png
 create mode 100644 www/img/notepad_2_icon&48.png
 create mode 100644 www/img/pencil_icon&16.png
 create mode 100644 www/img/pencil_icon&24.png
 create mode 100644 www/img/pencil_icon&32.png
 create mode 100644 www/img/pencil_icon&48.png
 create mode 100644 www/img/round_delete_icon&16.png
 create mode 100644 www/img/round_delete_icon&24.png
 create mode 100644 www/img/round_delete_icon&32.png
 create mode 100644 www/img/round_delete_icon&48.png

diff --git a/www/css/ts-screen.css b/www/css/ts-screen.css
index 4bfe532..398ddf5 100644
--- a/www/css/ts-screen.css
+++ b/www/css/ts-screen.css
@@ -171,10 +171,26 @@ input {
     padding: 0 2rem; }
     #entry-list .entry div {
       display: inline-block; }
+    #entry-list .entry .mark {
+      position: relative; }
+      #entry-list .entry .mark img.delete-icon {
+        display: none;
+        left: -20px;
+        position: absolute;
+        top: 6px; }
+      #entry-list .entry .mark img.notes-icon {
+        display: none;
+        margin-top: 6px;
+        float: right; }
+    #entry-list .entry:hover .mark img {
+      display: inline; }
     #entry-list .entry .mark-input, #entry-list .entry .timestamp-input {
       display: none; }
     #entry-list .entry .notes, #entry-list .entry .notes-input {
-      display: none; }
+      display: none;
+      font-family: Cantarell;
+      font-size: small;
+      padding-left: 1em; }
     #entry-list .entry.edit-mark .mark-input {
       display: inline-block; }
     #entry-list .entry.edit-mark .mark {
diff --git a/www/css/ts-screen.scss b/www/css/ts-screen.scss
index 009f712..8a6fa2c 100644
--- a/www/css/ts-screen.scss
+++ b/www/css/ts-screen.scss
@@ -241,9 +241,33 @@ input {
 
         div { display: inline-block; }
 
+        .mark {
+            position: relative;
+
+            img.delete-icon {
+                display: none;
+                left: -20px;
+                position: absolute;
+                top: 6px;
+            }
+
+            img.notes-icon {
+                display: none;
+                margin-top: 6px;
+                float: right;
+            }
+        }
+
+        &:hover .mark img { display: inline; }
+
         .mark-input, .timestamp-input { display: none; }
 
-        .notes, .notes-input { display: none; }
+        .notes, .notes-input {
+            display: none;
+            font-family: Cantarell;
+            font-size: small;
+            padding-left: 1em;
+        }
            
         &.edit-mark {
             .mark-input { display: inline-block; }
diff --git a/www/img/notepad_2_icon&16.png b/www/img/notepad_2_icon&16.png
new file mode 100644
index 0000000000000000000000000000000000000000..87adc8ce30baff7ccd39224e2a76101b4b1a107e
GIT binary patch
literal 3275
zcmb_eUu+ab7(b<;Tr7g+p%5*TZ4*#>x4T!af7ZLgad)(*+yU1k)DSG&-RX7d{<-eV
z_O1|vwhu-hAQ&Qoiq!`mh#@=}V$?(fBt(g^FA8Xo$cxoPg%ChRgEPB#$6h(AG&a}v
zX6E~T-*0~3H{Z-F8&h4i-lblT$5Wf=j-|=}h4lB~dF1c1Yqv#@$2(8S^y1#+dO<QY
zzbG61&|lDUWZmNltuEw5X$WG_53`CMW`6tlQwAt<nAs9ca>-m24l3O{P1v(Dm63K1
zNgXn?y3-pf2n0ZbSOf)4)savLGd8Y3zSC)z0k#Pq3NsNJ5cDQDf~a9a5cG3CiEHIR
zEAQu9R<*UYHG=@hb1WBN`GAja6IucS$ARJx)9D2vQyvh~v312@WE5rwG0q7ro6qO{
z`4+!nW?8<Yql1D30zP8lL!&wt3qBn+QV0hl29abcIjk5upqOI6Vc{^tkabYniIz(%
z*+GoTA#_yKjHt&J#2m}}Io7moShuGvm0fa{soI=miG?cEppFr7<16eFIV`OrGE!B_
zo`jradm=2eZVNlAEp`P+PPI@U-&gi0WGw{gtc{||11t$)JG;4(Ik$^b6Yl*@GfpOF
zHrKQYRtU#Oh_1yPRTU6rMstu&Lu6Q{1mhz_qDDI?q2?q&NQ&kVB$b#kEm&F-lBBw1
z5sNVq6V*uJ@IH?B1%esAMF<83o?FTBq<l*D$)u3b5f*g`CSqZRfcq6i7J{wOXl!k;
ztvwKEj}wfJ_Ks+ji|~;c7g!sN23+njL$YWBOYZXhxo;qqqUfSJD;Qe1AaqBO%}C6`
z3^X-luQ){=QL!^}hN?m<Sx`kiOZMxN;ecqVnCXm~P{hgzB&Sf*3>|?8#-`G5(Zk?N
z89JSYrlg1}P!$R42!>dCMpUI3%N~`2g=kq7^E8cBNR|YN1~W_-%N{sf$+EMHh^i8H
z5(JWku%Q8L7;3+00!5<yWQdfkUX4TvE5uF<MMD#}(iwM!FYzumf_sUyMKR%kDQXZ9
ziHu4@)tHoEZ6?zrQ#Q!z-vOm!g6uxFR?JQlqPTmy>#CbB<+ZaypGrDq8y6V5hl!$N
zXxh40lemmzDKoRl{+j_7(NH;^m0X-rNeWv%w^CF&r^DWV3jgmqucQ)k_hiA2WtdTe
zTs0C-=mUm*lT_L$n@x3#VUnBBb!TPE#qTF=mtpOFhKk)>NND7o7r|W$l<K}*#C9|Q
zs=1{|5r>(oVSuB42`$7{^RFZnHFBeNLN?@eIODONMyb+qHl!*M99pFJkjCDvkgj2l
z{s)2V`$!-uBE2rmAaMlBc84e3)mc(zdq<QJ@`I2-&wL-1jio`-o$1xa(#I0L&WaUq
zS8DFssgt`{MU!*p$ODPI%-HhNj10<;JE)UjCV9Hez0%%7o_$MjychQv12`|5(Br(&
z?4nCUQ63%s9ERxIkQznSXEI{elNnSHARjyk?e+`?OwzFLv~XI*WDYv32q1|4;QY|k
zX@V1@IOQ~YW;&pNTtq(CO_VY~44TS_eRH8*7mrU6yf}T%x)dN&p4k!nWYO<SiElRr
zyhD(}&7NfM*x9)r&jSsKSR_;Uc7M;8ua0vIQ%wyuj~<)o@*Q5h=<2>3i5>4u>^=Tf
zlh@nu(czl#`SGsc({-7V3nyCVoRR~#FE#Cde}7ZrnJ2?_^Dn>Ex1!;_6@kU^CEwh7
z_I3EvrrhIarqB_we!<2I=O2l0n#>=SHcf5cek~+jS<Zd2a_Kl|f9dLt<`0iPb?C=G
zF5Y}$Z2qsgo7ca4xB0BG@a4DHG>g`@-4mBb8<xM;^jQ0zMs5vkJZEhHhxbgbs=Zj(
ze3s!}JXqU}w>|OwvL6=BOE-R?t>lh351sk!#4iW7PThJQw<YVuBg*ADe~w4aS?R{V
zc0H7C44qta?)rhP^=F1JolG4%GAtilFxhuuaZSy0o4-D__jG;B<fDJ*$1c6`AWEcm
a*VKCstb23aKCkjK)jAPR#g47rKK2hp+#zcK

literal 0
HcmV?d00001

diff --git a/www/img/notepad_2_icon&24.png b/www/img/notepad_2_icon&24.png
new file mode 100644
index 0000000000000000000000000000000000000000..623edeb6fcaaf914dc9200cb854483977df4b831
GIT binary patch
literal 3417
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

literal 0
HcmV?d00001

diff --git a/www/img/notepad_2_icon&32.png b/www/img/notepad_2_icon&32.png
new file mode 100644
index 0000000000000000000000000000000000000000..69ac4ca759b39a48dd5b560eeb0be8b0fa047879
GIT binary patch
literal 3528
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
AHvj+t

literal 0
HcmV?d00001

diff --git a/www/img/notepad_2_icon&48.png b/www/img/notepad_2_icon&48.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fd4874065eb0d73a74a7bee66fa19829c258155
GIT binary patch
literal 3794
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

literal 0
HcmV?d00001

diff --git a/www/img/pencil_icon&16.png b/www/img/pencil_icon&16.png
new file mode 100644
index 0000000000000000000000000000000000000000..c48e5e650fbb55de6f411e3d7ab1292d4e8e3c50
GIT binary patch
literal 3308
zcmb_eeQXp(6hA}xumLO)4J9h$)&Pmz?e4Wld&^zR^{&vvULoz(78PN;J9oEqKd!rT
z?UfpZLR2t<LE}e7LLeq!loU-!14J7o5u!xIKOi9BClHj7P=XqyIJ5V`UOB2XHrMuM
z=Dpwh&F{T=GwYYsFPv03z0hW}O$ycq8u0%j@;hN1{ySsvCU3J9j+4SIs3la#37X>I
zMXeP&l1dz}+iaeyWSke;AOfv0Dyd%T^8U{#Ac<b8*%e|!aX*YnwX1a4xT-!ZtZEb7
zB2`sc=t*)IK!Jz{Nkvu-F6pIATn>LH(=-K46V&FVd?X-f2`vGBO^3kcVC(`jmjQEG
z2U}WJUS2*2I2o3q87Iv;?QA($>f{&(q<^T&Lg3NG2-gr;kPe1NUMhxAoTKT^&Q3>X
zsYBDFH0yS|35e5a#};;@OGSLrt{No-B83rvhM-GvBxx!jn0%|2KwgT%>maieCEg%K
zW5~#cP>r-^SUoz)$7$BV(7I_uTRlY~>k?1svdKvlXedJks>r}@Y>s^}j)XESBT*&m
ziOC73r-4M;YGFn-#m)hV%L!vSyFBZU$tDa)W=#}XjL<lQ>1^eS=d3QNny~I~m~kjH
zvbmz<urg3h2i7&6qr3td;jTEO8=#>jbOF|MV2Mi1pqN@J0bGdJ+aRvQu%3XKB`$=k
zOXLwB;1O007Y=J@Si92|W=lDji({F`85WmM#y%9{f~tXdRe-^Om%`u<NfJ4ytERe|
zag|p%ofS10!(HL_`xzhW3oy=Vm)~h|4`@PyBrxMH-ktkmTq%;u%cFuJg$q2l6lpT}
zC=5egG0c@zQTt?+8l{G^L@Jq+c{PgnYZqaJPsoU>^y`pEQU}DRP*F7106v6tsWm|k
zgS}o;$u!gjiI;&a2~ahlhbCu4meR4zQ6`v&lvO%U!&rGlffGnDO}DUYgzdR3D;Hu>
zWz0^1Ku8!!QvlL5xs}&}BoKZgG^D7Sk3<H`Lk|l@LSwhg8MlPb@J=^^JBidR=`f=6
z3ItdpEtgO}CK*_h$?(X8jge?w359fm%sy7lM~4ZK-aXlM-c4unTA8CyE}g861<bgE
ziKHT^o4V(dIE$2!MrITJHv_~QZP|3@a!HLcQkd#ll_JWeI_%x2@c*v!Tq+)GPv*>6
zn(o)|RU@FF8qv&~B-ci2(&c7N$2Xzn&WdJ>-+|jMMVtHdq`Ns6RPZ@ZgIg5H)P1&y
z&1eARbF0Ti?4|OC0V(w}XdXJBe=Z@v7Vk0>vba-)BOdEvlyV(MLn;>`MGN;H+}LX+
z+%@#B{~(ZgA8|NExYv0pgYST%+2L__O)W{Iy(6*+oiT`^N4}4;#zG8tXL7aC<grAq
zvvdXAmYUmkn#x@ur^%(}@B<0I%;@aX3=gu8JE-DdI)1v{nDN9h{Ol`6H7%%7i=a+k
zhqlxU%`CbG$ctU=hoOhO4T+JjE*$2gws1@`0REsDG}|+X=(u6uYT=}c@f=L88o+?a
z0Zz1CIEZlq1SgwD+eil#;ETv^xrypE5P-VWVcuLu_vyZE7_WvrXDtfgDck4>9+>jy
zbnIJ80B;c_aHA*L((~0=o9&*eV89nno_wP*v~unIsU06KdXiELd@q9uJ=<o*y4O1P
zzqjLRfxFsMt-f}(pm6uTMGyA;@cDwGXLj9~xieJP`t{mx{y2B!xwGAaB|k>qzI?s#
zQSp_dW47;Aq-ifsdADTKq20f2J+%7xc@Qr+^K-?<nPVUNviSA;2CmetJM%!Fa{a)i
z`-_DcLt_pm-kSI6_tevGzCWPsIXb3)@}lp`suIhzq8C19`}!{qlpSgRb<d<zt1meU
zCVtV+_1$}F#p#>H7xoQJbk}ZPH~IKZ>15+CWg)4m=*0M!KIuI%xMFsZxO4%n|Gwjc
zi}aQ&JN2#S(Uz&=(r15KInCXBfttOc=S*+W{OA2`bA~SNYuR)dE<M(*uxpxU9`*K4
zV7uFIc*i$2eS7%T_1pW$pPX`S^J5>K`+L{A^MCE_UN$d06nSLX!~O4En>AotGi~GG
TmW5}ZBFPBW)CYD~uju&)kexr>

literal 0
HcmV?d00001

diff --git a/www/img/pencil_icon&24.png b/www/img/pencil_icon&24.png
new file mode 100644
index 0000000000000000000000000000000000000000..41e55b31cdf668f2ecacf9847cbe64bacde60148
GIT binary patch
literal 3479
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

literal 0
HcmV?d00001

diff --git a/www/img/pencil_icon&32.png b/www/img/pencil_icon&32.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ec171ab1721154ac2073e8af97e6835b8f9b012
GIT binary patch
literal 3685
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
V2eP^I{T0$Fu$aqCJBn8M{|gAZ^+Esu

literal 0
HcmV?d00001

diff --git a/www/img/pencil_icon&48.png b/www/img/pencil_icon&48.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a7ada80f25ff9f98a1bc8eaf6807524d696b3e9
GIT binary patch
literal 3952
zcmb_e3se(V8je^IImM!4U6r+C@Ca7(<RwD@AwfV1D2A%l6^6+r3?!L2Gl2+H9>pR)
zPFGu7_4vSQjn)VFWEHot=suKfkEp9sEdnA|sS4P&ut?cElZOeVcI#PAfZTik|NFoD
z{r~;%EnAQf<KaHZoyX&O#KkI-;D0gu>*fmoE_UfH<?-BI3Dpv2i83C=Nu3Z=lW9O`
z(iz}7k0*;T88AExFi0BE5c)9wlj<5iLa4*|ivyKnr9lodh}c{TEXqw#;kj9Oh?*Y}
z?k+Q-5I_eQ3^D1ndKxu_@i|-+erKmee1tP$vcmY0Y(Qj*aseVIDS!kD#R6O$Bu0WH
zLWzGsaB%P}L@JhuMPjK)A{9u2QGY2a79-Xlez-d#qtxkWl47nk7#xN1GZ@BzibOd%
zIl>%&AxUXOl8}%P7DOr)KnnrAO3z>>fu8nZAuJdQK;sl)U<gu=u$WjHX=K9qe7KI-
zcA_&R5t<B!wujKuR?VP#A`@m1NrYk%#o34)J=M6~#bBhg949p{0$QL0dWME>5-0mO
z1A_-Z8Cg~Ao{${QdD4tp<Y>V~<-~RZF=&l+iX_GE56K#7z|L|gT6MYzhTxnXxxzU|
z7fVez?r)H>Qu%Uooz96B%|vHIU9CA9Qb1a@$^b-3fF_L;4x+Q6L_S<lNX?P}REbep
z09K-kG6LHYs)W_0#u!Y2F;F#FI1+(aB9I2EB>re%ASw~h6iZ<F*zA=`G)_-5m>vgl
ziZDI|7ZQXTl}e+dqQrs0v!&A6(GVkKc8FXqj+8_y#L}ohxzxd3LE=U>fi`#bZ*xzC
zl|tw-?JL2sg^S2uD3VNL8lVD{j^<V@MIEVSEF;TMOR$xUYB9YA?pL4&>6lT=@WbU4
zz!)MMz*DHxk$M`5WEhG_GqQ(4kU;9$X+YrwrbV;_4)ipTiP$ruC9JWyku8{vEh}rD
z2C<T<aTI5Rk(2|=MPQ{f%kUT|sur@t0fHN8hSVVpNovzD3L$WopBm7FMn4n@8<tEo
zC=?qSy4lXSLwFl+Ya{q2kropaNT)CzK%hjVGohiF*kCy(gCnzSXk%I?z^w`5`dAdE
z86<>t_w25R+_WvP;ZFKE)3Mt)fYHBTLg*Plak>vBu^q`syqt~Z*9;hp&a$V|nTus)
zlY&#vQ7KkAONagKDg1xexib}+V^2o8SR^GU;Z=h(ar$(UyGfjFh-6B;n55uM=x}Fg
z?8PsHZI>_N_9?S=b2Lr|&$$)cK>=Ic+l!csh9E<^CBPyM;}01Iv8ZoDlZl4%cP1n!
z4Xe0>B<ASBOON#+O3se2LdqGzLJRgD*w|wU*fpqC|ARo>eT2dk!Cn`}r?G6H<~ls=
zu9hX@RqqHpLQV#N&@aD_?8bNo?9S}fCSo5;>~&_XfS;x2XFIjzPT|z#EOYRI1Yc$%
z`_l{#?2kL3hruZLbTfVt@gscpO=O~%FpJ1^CI_Pc&+<a!iY^IY>QyT*0vY=@WQ`)@
zRVqxwQ)Lh|0zXU!;My~iPQix#qJ^_n4CjDll}2d52$7pv-(7$>3KqwnM&8Q~C;~4c
zfx}IdKq3l25!u|$Mdy86Sq|}{+2^c-0&t4=Y6Q=X>6rw5V_Co#1X;LOC%L4!eguy<
z{Cu1uQf2z)pIaLf_>o>86iuCXJL+0&b=9)lr@BTI2B$U^=8pZluOZ(hcUS5UnL_Zm
zectarJrF$lg2(b(fh%{@sK+pE`GKSR5A3^gIobH1zN|3wj?qN~hE09_!)Wu>gX%l)
z<>y~$K6dihu`zp(wRnwq@?)P5Z;Bv!bX2Tt%Ho-gy?mDy3qL;IIoEyu=4s}u4^EvO
zD~^ar9KQSN!>7G%@zYPdGhtDNUN3a{&`*B#wYJOc?fa+4*M9%~teN>mYmXce9BFq+
zPftHwrx{mQdb+A=T;l{`b&J_-_Nm;fm>TLw9gaFPp&Pxa%H*eJX0DqwWo%<(<EWO8
zq7>e`Tj-kUzP^OnBVm0-b#=AmgVU>*oo*;AE6Z$_=jG)Ubf>IXzI+-Q8oJ2zrYb|U
z@~xt-u9eTfOT6^(Sbu;2f{Dw<hZc9ZZP>VRhU>Y~<7KxS8aAChcP@VG_|`nXH`4x`
z<oYK;YeU1rl9b>#x9wf$J)&h(QqZ2|Gj8mvciXUGgJ1KM!{-x4d&>+k*29Mn-`=G0
zcMB>=uH1HVR;tN#^KH1lj*gDkYGeG&t?NFImIVatOPuW4d@pc(mw0$y<fI#|&CRt>
z()<57tA2K{(R3GS-BRrJjHy}Mi%j<RZfkn_FVuKZorHfgcciPUqOPL#;LdrU2TUhV
z*3_hw-mgqux;fWmirsp*=*us|_jJa@#FT{aJ03k6?_Q9fAHP+8Y1ghPB|rJP|J2r2
z^6{Ys*^?hVetdnn+rmyLZb|Qo*v-=_Bs#A#oe!ApmsJ7do1gZU)M=y>qn7o4RCx5L
za8IX3quICJRX;98z0~V@Z*R!K)0?&xR=Szod`8Vb?=sA@zx@4oI({Fs<{#@TgR&?5
zdv)dCI_G;{$Ul)*KBu;?FORq5<hy?v=e9z1Xs%)-uOUEr5A*XaKXSywXP~vYEmVDO
z_tN%J1vI_4TiSl~a^K9Vs;W3ob4btfug6xJyS*>v4=ehtDY5C!9pA2zt52Rfm0aV3
z^?M!`P&ql~?p^Ee%|$*L7#Y!Y<x1VOI$_U_!u|WFPpobG?0C&zw_u8E?d|PfC=l7{
z6IsCqkawr;di@V)pR}|@u90qecFDWr)|s7Wy6+b(ToI7f++`{bxKZjh(9@GKGym(!
zI<5A?+WA4D?NbNDJF0n2jSF0Z+a5f)m~HyQ9J%~`ZOMk)&wB6QzrVe<WBt~<57t*-
zzf@mepDEZm!^^Xh_k8m1ii!$JX}Rhvx3<DNO-&`k3f>(q{PfT@WhVcvNwVax7M6~R
nnd6`RiA(C;_r5g`xV+Bm8CZwDk=Yl?HiWq71jW&))Z+gF4BCqh

literal 0
HcmV?d00001

diff --git a/www/img/round_delete_icon&16.png b/www/img/round_delete_icon&16.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f5d665c4ddbe2f5b8ed7d62fd4a088a28e0047b
GIT binary patch
literal 3276
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
F?>`qIFrNSb

literal 0
HcmV?d00001

diff --git a/www/img/round_delete_icon&24.png b/www/img/round_delete_icon&24.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a6bf9ae778a0775740cc11b96d06371a6c2bbf0
GIT binary patch
literal 3544
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
CG_*kg

literal 0
HcmV?d00001

diff --git a/www/img/round_delete_icon&32.png b/www/img/round_delete_icon&32.png
new file mode 100644
index 0000000000000000000000000000000000000000..c92514f02cbf004ebf1dc970c9e9e158d99978ab
GIT binary patch
literal 3674
zcmb_f4^&gv84oCwqM#1zDxLcFtkrHLFA4G|uL(9JL1IZ@F%+DNK3;CZgO~T>doK`>
ztt+CZ9{<(qYL7xeq20R9GO=}Akt!V){M+N1UAOfh-NcGVD6Pe6rN{2Rmp>+yy45od
z1n#}x_xpbL_kH)fm(2y%r3vxL@iLh#!JKQf!QY7Z6Bi3V`I?$hnJhk*vKI@*mOPwf
z-3r3NmI8&(?SbnunRbcKLy#3fKuUp&Vsz+8$1xP496Gcp&7!n;44{n4t>M7(8mpbG
zsUS5DbV*jc)`vp?HxLNK=cXAR_vugx7l(g~(-?|KCPIY{)r$d<VoL#HU^#%KDU@<j
znXW|ARSH$=;*5-p6hy65DKVuQQ>o>u3_MkhE0sv#3(bm0w4B3<+l)DZU~r^E%LKuL
zV^~#Hm7*$D!E!E4rO{|a5VcwkE#!PPBM?40!_OBX{1`^SlN{v{D3(D)Orn(a3OW>p
z>qu}XZjX&}l?i+(1j7e3gX&>E!h@+4N{o|iuy9WY8FKM>Ia=c6ATdA#H(&%Fx~U@U
z%^rbV3}qBm33)<tq~ys94lLY4iYkd60pg*({2JAokUu2r<$*XWq0kN|217{B;auTd
zxQo9g!uL1M*kZZ2x!WDViWf|kP}e|?CKQmjS9<_v13c^HNMNdj63v%_LTdg5;1+_b
z0I(A6oEHR_a0{$12O$tfLV&8l!cobUD!Dq%u1dwz(r~5br%DwppP;?Pf}0s$AQ%#u
zjXD&9D=5l=8}*s#CPP|!rdpk8f*6`ijlrPQtMo>tIy=pv4s$oMq*qK}(B1L<-1A|j
zPz*ue7mQfAi1w}`g*@Q`cEGuLX~kdEdRp+0{6m@&D;cK=#s&8)cK|2hr3Ez0zyU&_
zDgiu&Za2&Dh+Ysls?;kU2Dz1G#A(2h6hR|2MFNHgT1-46G!=*?je^0nVp#?9G>(<l
zLE@wsjOD^uE(hx(S!OMTqSBBZ2@ulD3#=OvSe7m&ID{faeh$D>E@mPUK`bpcE|eG=
zx&_a8Sok3CKqL4rk%}k|I61-%5GWBFNoXP_L0E~&_{bs~-dkD@$UuUmK9)_m#t9MF
zy}0WMHyzAtR)jv0bV4>^VElKOP>cXLN%x5)4k3A|d$V!<Hv@s-D?;gv<l-L%rI6GM
zS4vdQ-(kOh3jg1A9!W(T-ji`D7Rwn}c-4@CnQ^kxO%iEC6>@YD%fXv4?9Ot9ieCZS
zE{aL})CRgaZg#_S9smzhAXxXIB9@{d$V6^dSj0MX!Z3(m{UDkao5(+skb(77O9{!Z
zV!%C*^*BnAj`u?<62VUk_8!>Sb1B$0xa$8wAn88BVTxd{)1f?32^>;~huzh`MBVQl
z5kjac0}%S&_fg20EQ8%yyxK7Fu_Rt+feQFmYQD8of9{MCP0l|DA4u?JhJ~JHa1eUj
z0R{%+;M1+)ougmFXWwkWR4goKokA7C0h#}WCKa6x5RU3~CxKRc8;VByJiDE6$?Rnm
zkHBxC3`p%6adNO>-)-Sy6~j5;U*!=V2nyuy6@%RnXP$@?N~6q{zXF1;Kyqv*6Ov~(
zn5@f9$i;tbp`fWre5r<Q4o=DLFZR(Hx00dnd=c<&Y!Pn4_zPFZFO$ilZ<>vIyYHU^
zPv=+syI}gw{I1fj_e$z*txvi2Mzd~sZs+j98;`v7(Zx5Lnuit+-hS|mH~(Od?$1rf
zA9`i9`K=E0PhU3wtRUsUr)>6a<1aAtzL&r3dfw%{cm_L`k-Gi#jbqp!=Uj5AtGD(n
z7>GvS?ql?AYf@&#&wVI&23Mrm^UM>`Pj<h1DLD!omc=$V`BoMFp(F;`nHv{Zv(5eK
zw!CL1z0~$WdEud{$lM)CoeR+8`>#DV%l6jKEvlI5TTWc~_*TvNll7CP{N%Z@vGp4t
zM3T4tVA%T0uVRyAFVy&a1^OXcU!5?c|Iqad^{)=J&YRo$$<R=q@v|RwpO_xQCGOOu
zw>w)rG&i$iL)0Rs_g9CWYqxin{AT@bYkvOK)y}gyn@SEOj6N>k9J6Uj>5n^4J-cgH
zQn@<+_aFCevA3L8UPwJRQ$PlKdX}2ob{Ns_Mbo+;7~vMiMQd)KQGPx7$|Gl6`$vAb
zp$my>TfEOgt?s{e<4*QBlRm<>{_fV{ma%nR2j-0&HjbtD9XWnGZQt4UwL4yUr<i*8
zU!Eqzua~WR{eu^VTA!$$b!1@k=jD4kT3T8*#x!vqeMcro-#Js)F%|SaKD*PAIBnV#
zr}g9}`rxfqmyg$GRkdG!JM%JKTp88d$9y;%k2h|g8NYE=W!sag{iki8T}D^#+Wy*m
zqk|9scKVd5JDZxC7IYNpU4tn-tZ7<vui7ZTvO=Gjm>B<PL)P<GWQ*Q7RdB5=e`~Al
zn+Il^RDwZxKYDLo&f%T=_xx@2KzfmK<)Qti;gOO4a>K%;ZcnCNKRNo@LQmtishzD?
z&(`%P#BO*qN;ao%*P5f}On;f&;MB~vZr=0ZrevpU<DG^qXN!4cc(^Z9S-&^&wU+aP
z<=1jQxjEK2Hzy;f{c~UKxjD<=KRf+X>hayy$C6G6DL22WtxM0#On>pO1z%jhUi$Fq
z&W78KKJCjR#<+n?D@SVa##c{XdEL6cvt)*?E`>fNZ}bjDclD|sUAiFls$o_|_Q*1a
g;mFgqcaql1_QtO0d*AUzxp+RzCadv{?6r0O0kDts(*OVf

literal 0
HcmV?d00001

diff --git a/www/img/round_delete_icon&48.png b/www/img/round_delete_icon&48.png
new file mode 100644
index 0000000000000000000000000000000000000000..eae548f601d94030e16e800c385f29ae254c6e4d
GIT binary patch
literal 4085
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

literal 0
HcmV?d00001

diff --git a/www/index.yaws b/www/index.yaws
index 47322d8..afb2c88 100644
--- a/www/index.yaws
+++ b/www/index.yaws
@@ -59,8 +59,8 @@ out(YArg) ->
         </script>
         <script type="text/html" id="userTemplate">
                 <div class="fullname">{{name}}</div>
-                <input class='fullname-input' type='text' value='{{name}}'/></div>
-                <div class='drop-menu'>
+                <input class="fullname-input" type="text" value="{{name}}"/></div>
+                <div class="drop-menu">
                     <div class="username"> - {{id}}</div>
                     <ul class="drop-menu-items">
                         <li><a href="#">logout</a></li>
@@ -82,7 +82,11 @@ out(YArg) ->
                         <li class="timeline-link"><a href="#">{{id}}</a></li>
         </script>
         <script type="text/html" id="entryTemplate">
-                    <div class="mark">{{mark}}</div>
+                    <div class="mark">
+                        <img class="delete-icon" src="/img/round_delete_icon&16.png"/>
+                        <span>{{mark}}</span>
+                        <img class="notes-icon" src="/img/notepad_2_icon&16.png"/>
+                    </div>
                     <input class="mark-input" type="text" value="{{mark}}"/>
                     <div class="timestamp">{{start}}</div>
                     <input class="timestamp-input" type="text" value="{{timestamp}}"/>
diff --git a/www/js/ts.js b/www/js/ts.js
index b9beda5..71de624 100644
--- a/www/js/ts.js
+++ b/www/js/ts.js
@@ -92,6 +92,7 @@ $(document).ready(function(){
         className: 'entry',
 
         events: {
+            "click img.notes-icon"      : "toggleNotes",
             "dblclick div.mark"         : "editMark",
             "dblclick div.timestamp"    : "editTimestamp",
             "keypress .mark-input"      : "updateOnEnter",
@@ -100,7 +101,7 @@ $(document).ready(function(){
 
         initialize: function(options) {
             _.bindAll(this, 'render', 'close', 'editTImestamp',
-                'editMark', 'updateOnEnter', 'getViewModel');
+                'editMark', 'updateOnEnter', 'getViewModel', 'toggleNotes');
             this.model.bind('change', this.render);
             this.model.view = this;
 
@@ -124,7 +125,7 @@ $(document).ready(function(){
          */
         update: function() {
             var data = this.getViewModel();
-            this.$('.mark').text(data.mark);
+            this.$('.mark span').text(data.mark);
             this.$('.mark-input').val(data.mark);
             this.$('.timestamp').text(data.start);
             this.$('.timestamp-input').val(data.timestamp);
@@ -226,6 +227,10 @@ $(document).ready(function(){
             return (day > 0 ? day + "d " : "") +
                    (hr  > 0 ? hr + "hr " : "") +
                    min + "m ";
+        },
+
+        toggleNotes: function() {
+            this.$('.notes').slideToggle();
         }
     });
 
diff --git a/www/prototype.html b/www/prototype.html
index e2472d5..70be8ef 100644
--- a/www/prototype.html
+++ b/www/prototype.html
@@ -53,7 +53,7 @@
 
             <div id="entries">
                 <div class="entry">
-                    <div class="mark">ITHelp: Entering tickets.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Entering tickets.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">12:32</div>
                     <input class="timestamp-input" type="text"/>
@@ -61,7 +61,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp: Helping Steve wth WR Updates.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Helping Steve wth WR Updates.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">9:56</div>
                     <input class="timestamp-input" type="text"/>
@@ -69,7 +69,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">Email</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>Email</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">9:10</div>
                     <input class="timestamp-input" type="text"/>
@@ -82,7 +82,7 @@
                     <h5 class='duration'>duration</h5>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp: Working #7801.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Working #7801.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">3:12 pm</div>
                     <input class="timestamp-input" type="text"/>
@@ -90,7 +90,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">Lunch.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>Lunch.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">11:47 am</div>
                     <input class="timestamp-input" type="text"/>
@@ -98,7 +98,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp: Entering tickets.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Entering tickets.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">9:20 am</div>
                     <input class="timestamp-input" type="text"/>
@@ -106,7 +106,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp: Reproducing #7796.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Reproducing #7796.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">9:11 am</div>
                     <input class="timestamp-input" type="text"/>
@@ -119,7 +119,7 @@
                     <h5 class='duration'>duration</h5>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp: Working #7733.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Working #7733.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">16:41</div>
                     <input class="timestamp-input" type="text"/>
@@ -127,7 +127,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">Zend Training: Building Security Into Your PHP Applications</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>Zend Training: Building Security Into Your PHP Applications</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">10:30</div>
                     <input class="timestamp-input" type="text"/>
@@ -135,7 +135,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">8:40</div>
                     <input class="timestamp-input" type="text"/>
@@ -148,7 +148,7 @@
                     <h5 class='duration'>duration</h5>
                 </div>
                 <div class="entry">
-                    <div class="mark">Training Steve: Databases and SQL</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>Training Steve: Databases and SQL</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">16:09</div>
                     <input class="timestamp-input" type="text"/>
@@ -156,7 +156,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">Preparing Instructional Material: Database Basics</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>Preparing Instructional Material: Database Basics</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">15:12</div>
                     <input class="timestamp-input" type="text"/>
@@ -164,7 +164,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp: Working #7729.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Working #7729.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">15:09</div>
                     <input class="timestamp-input" type="text"/>
@@ -172,7 +172,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">14:44</div>
                     <input class="timestamp-input" type="text"/>
@@ -180,7 +180,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp: Working #7728.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Working #7728.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">14:41</div>
                     <input class="timestamp-input" type="text"/>
@@ -188,7 +188,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">14:00</div>
                     <input class="timestamp-input" type="text"/>
@@ -196,7 +196,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">Lunch.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>Lunch.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">13:05</div>
                     <input class="timestamp-input" type="text"/>
@@ -204,7 +204,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp: Working #7725.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Working #7725.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">12:40</div>
                     <input class="timestamp-input" type="text"/>
@@ -212,7 +212,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">Zend Training: Building Security Into You PHP Applications.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>Zend Training: Building Security Into You PHP Applications.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">10:30</div>
                     <input class="timestamp-input" type="text"/>
@@ -220,7 +220,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">Zend Training: Preparing for security training.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>Zend Training: Preparing for security training.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">09:25</div>
                     <input class="timestamp-input" type="text"/>
@@ -228,7 +228,7 @@
                     <div class="notes">Some notes should go here, but they should be hidden by default</div>
                 </div>
                 <div class="entry">
-                    <div class="mark">ITHelp: Working #7700.</div>
+                    <div class="mark"><img src="img/round_delete_icon&16.png" class="delete-icon"/><span>ITHelp: Working #7700.</span><img src="img/notepad_2_icon&16.png" class="notes-icon"/></div>
                     <input class="mark-input" type="text"/>
                     <div class="timestamp">09:17</div>
                     <input class="timestamp-input" type="text"/>
diff --git a/yaws.dev.conf b/yaws.dev.conf
index 13843f3..3ccb8d5 100644
--- a/yaws.dev.conf
+++ b/yaws.dev.conf
@@ -1,4 +1,4 @@
-ebin_dir = T:/projects/jdb-labs/timestamper/web-app/ebin
+ebin_dir = /home/jdbernard/projects/jdb-labs/timestamper/web-app/ebin
 #include_dir = /home/jdbernard/projects/timestamper/web-app/src
 
 runmod = timestamper_dev
@@ -6,6 +6,6 @@ runmod = timestamper_dev
 <server timestamper-local>
     port = 8000
     listen = 127.0.0.1
-    docroot = T:/projects/jdb-labs/timestamper/web-app/www
+    docroot = /home/jdbernard/projects/jdb-labs/timestamper/web-app/www
     appmods = ts_api
 </server>