From f8c6aee7a24b46fabe3f89172824b54562d9c203 Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 29 Jun 2012 15:58:52 +0200 Subject: [PATCH] fixed selectionner widget --- .../Selectionner.wgt/css/basic.css | 420 +++++++++++++++ .../Selectionner.wgt/img/add_block.png | Bin 0 -> 1626 bytes .../Selectionner.wgt/img/circle.png | Bin 0 -> 1026 bytes .../Selectionner.wgt/img/close_cont.png | Bin 0 -> 772 bytes .../Selectionner.wgt/img/green_point.png | Bin 0 -> 721 bytes .../Selectionner.wgt/img/play.png | Bin 0 -> 1960 bytes .../Selectionner.wgt/img/red_point.png | Bin 0 -> 740 bytes .../Selectionner.wgt/img/replay.png | Bin 0 -> 2143 bytes .../Selectionner.wgt/img/stop.png | Bin 0 -> 1856 bytes .../Selectionner.wgt/js/script.js | 492 ++++++++++++++++++ .../Selectionner.wgt/locales/fr/js/script.js | 480 +++++++++++++++++ .../Selectionner.wgt/locales/ru/js/script.js | 478 +++++++++++++++++ 12 files changed, 1870 insertions(+) create mode 100644 resources/library/interactivities/Selectionner.wgt/css/basic.css create mode 100644 resources/library/interactivities/Selectionner.wgt/img/add_block.png create mode 100644 resources/library/interactivities/Selectionner.wgt/img/circle.png create mode 100644 resources/library/interactivities/Selectionner.wgt/img/close_cont.png create mode 100644 resources/library/interactivities/Selectionner.wgt/img/green_point.png create mode 100644 resources/library/interactivities/Selectionner.wgt/img/play.png create mode 100644 resources/library/interactivities/Selectionner.wgt/img/red_point.png create mode 100644 resources/library/interactivities/Selectionner.wgt/img/replay.png create mode 100644 resources/library/interactivities/Selectionner.wgt/img/stop.png create mode 100644 resources/library/interactivities/Selectionner.wgt/js/script.js create mode 100644 resources/library/interactivities/Selectionner.wgt/locales/fr/js/script.js create mode 100644 resources/library/interactivities/Selectionner.wgt/locales/ru/js/script.js diff --git a/resources/library/interactivities/Selectionner.wgt/css/basic.css b/resources/library/interactivities/Selectionner.wgt/css/basic.css new file mode 100644 index 00000000..6ae31837 --- /dev/null +++ b/resources/library/interactivities/Selectionner.wgt/css/basic.css @@ -0,0 +1,420 @@ +html, body{ + width: 100%; + height: 100%; + margin: 0; + padding: 0; + border-radius: 50px; +} + +body{ + background-image: url(../img/bg.png); +} + +.toggle_mode{ + width: 100%; + height: 25px; + border-bottom: 1px solid black; + background-color: #ccc; + position: fixed; + top: 0; + left: 0; + z-index: 2; +} + +#display_img, #edit_img{ + width: 15px; + height: 15px; + margin: 5px 10px; +} + +.green_point{ + background-image: url(../img/green_point.png); +} + +.red_point{ + background-image: url(../img/red_point.png); +} + +#display_text, #edit_text{ + height: 19px; + padding: 3px 0 0 0; +} + +.selected{ + +} + +#display:hover, #edit:hover{ + background-color: #999; +} + +.cont{ + width: 100%; + border-bottom: 1px solid black; + margin: 0; + padding: 0; + position: relative; +} + +.sub_cont{ + width: 100%; + padding: 0; + margin: 20px 0 0 0; + min-height: 60px; +} + +.imgs_cont{ + width: 100%; + margin: 0; +} + +.number_cont{ + width: 40px; + height: 33px; + margin-left: 40px; + margin-right: 10px; + background-image: url(../img/circle.png); + background-repeat: no-repeat; + text-align: center; + float: left; + font-size: 130%; + padding-top: 7px; + font-weight: bold; +} + +.text_cont{ + width: 80%; + min-height: 40px; + float: right; + background-color: #ccc; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + padding-left: 10px; +} + +.close_cont{ + width: 20px; + height: 20px; + background-image: url(../img/close_cont.png); + cursor: pointer; + position: absolute; + top: -15px; + left: 5px; +} + +.add_img{ + width: 120px; + height: 120px; + margin: 10px 20px; + background-image: url(../img/add_text.png); + background-position: center; + background-repeat: no-repeat; + cursor: pointer; + float: left; + display: inline-block; +} + +.img_block{ + display: inline-block; +} + +.img_block, .text_block{ + width: 120px; + height: 120px; + margin: 10px 20px; + cursor: pointer; + float: left; + position: relative; + border: 1px solid #ccc; + -moz-box-shadow: #ccc -1px 0 4px; + -webkit-box-shadow: #ccc -1px 0 4px; + box-shadow: #ccc -1px 0 4px; + background-color: white; +} + +.text_block{ + display: table; + text-align: center; +} + +.audio_block{ + width: 120px; + height: 30px; + margin: 44px 5px; + position: relative; + float: left; + display: inline-block; +} + +.text_subblock{ + display: table-cell; + vertical-align: middle; + font-size: 120%; +} + +.close_img, .clear_img, .numb_img { + width: 30px; + height: 30px; + background-repeat: no-repeat; + position: absolute; + right: -15px; + cursor: pointer; +} + +.close_img{ + background-image: url(../img/close_img.png); + top: -15px; +} + +.clear_img{ + background-image: url(../img/clear_img.png); + top: 15px; +} + +.numb_img{ + background-image: url(../img/numb_img.png); + left: -15px; + top: -15px; + color: white; + font-weight: bold; + font-size: 130%; +} + +.add_block{ + margin: 20px 0 0 20px; + width: 110px; + height: 25px; + background-image: url(../img/add_block.png); + background-repeat: no-repeat; + padding-left: 40px; + padding-top: 5px; + cursor: pointer; + background-color: #ccc; + -webkit-border-radius: 15px; + border-radius: 15px; +} + +.ch_box{ + margin: 0; + padding: 0; + position: absolute; + bottom: 0; + right: 0; +} + +.right{ + background-color: #9f9; +} + +.clear{ + clear: both; +} + +.over{ + background-color: #ccc; +} + +.play, .stop{ + height: 30px; + width: 70px; + float: left; + cursor: pointer; +} + +.play{ + background-image: url(../img/play.png); +} + +.stop{ + background-image: url(../img/stop.png); +} + +.replay{ + height: 30px; + width: 32px; + margin-left: 10px; + float: left; + background-image: url(../img/replay.png); + background-repeat: no-repeat; + cursor: pointer; +} + +/*new design*/ + +.body_table{ + width: 100%; + height: 100%; + border-spacing: 0; +} + +/*top*/ + +.b_top_left{ + width: 54px; + background-image: url(../img/top_left.png); + background-repeat: no-repeat; +} + +.b_top_right{ + width: 54px; + background-image: url(../img/top_right.png); + background-repeat: no-repeat; +} + +.b_top_center{ + height: 54px; + background-image: url(../img/top.png); + background-repeat: repeat-x; +} + +/*bottom*/ + +.b_bottom_left{ + width: 54px; + background-image: url(../img/bottom_left.png); + background-repeat: no-repeat; +} + +.b_bottom_right{ + width: 54px; + background-image: url(../img/bottom_right.png); + background-repeat: no-repeat; +} + +.b_bottom_center{ + background-image: url(../img/bottom.png); + background-repeat: repeat-x; +} + +/*center*/ + +.b_center_left{ + width: 54px; + background-image: url(../img/left.png); + background-repeat: repeat-y; +} + +.b_center_right{ + width: 54px; + background-image: url(../img/right.png); + background-repeat: repeat-y; +} + +#data{ + width: 100%; + height: 100%; + min-height: 250px; + overflow: auto; +} + +#wgt_name{ + height: 44px; + width: 200px; + margin: 10px 10px 0 10px; + padding: 0; + float: left; + /*font-family: "Lobster13Regular";*/ + font-size: 24px; + color: #8c5730; +} + +#wgt_reload, #wgt_edit, #wgt_display{ + cursor: pointer; + width: 80px; + height: 44px; + margin: 10px 10px 0 0; + float: right; + /*font-family: "Lobster13Regular";*/ + font-size: 24px; + color: #8c5730; +} + +#wgt_display{ + width: 100px; + padding-left: 40px; + background-image: url(../img/slate-edit.png); + background-repeat: no-repeat; + background-position: top 0; + display: none; +} + +#wgt_edit{ + width: 100px; + padding-left: 40px; + background-image: url(../img/slate-edit.png); + background-repeat: no-repeat; + background-position: top 0; +} + +#wgt_reload{ + padding-left: 40px; + background-image: url(../img/slate-toolbar-reload.png); + background-repeat: no-repeat; + background-position: top 0; +} + +.style_select{ + width: 120px; + /*font-family: "Lobster13Regular";*/ + font-size: 24px; + float: right; + margin: 10px 20px 0 0; + border-radius: 10px; + background-image: url(../img/ar_down.png); + background-color: #d4aa79; + color: #8c5730; + background-position: 105px 11px; + background-repeat: no-repeat; + -webkit-appearance: menulist-text; + display: none; +} + +.btl_pad{ + background-image: url(../img/pad-top-left.png) !important; +} + +.btc_pad{ + background-image: url(../img/pad-top.png) !important; +} + +.btr_pad{ + background-image: url(../img/pad-top-right.png) !important; +} + +.bcl_pad{ + background-image: url(../img/pad-left.png) !important; +} + +.bcr_pad{ + background-image: url(../img/pad-right.png) !important; +} + +.bbl_pad{ + background-image: url(../img/pad-bottom-left.png) !important; +} + +.bbc_pad{ + background-image: url(../img/pad-bottom.png) !important; +} + +.bbr_pad{ + background-image: url(../img/pad-bottom-right.png) !important; +} + +.pad_color{ + color: white !important; +} + +.pad_reload{ + background-image: url(../img/slate-toolbar-reload-white.png) !important; +} + +.pad_edit{ + background-image: url(../img/slate-display.png) !important; +} + +.pad_select{ + background-color: black !important; + color: white !important; + background-image: url(../img/ar_down_white.png) !important; +} diff --git a/resources/library/interactivities/Selectionner.wgt/img/add_block.png b/resources/library/interactivities/Selectionner.wgt/img/add_block.png new file mode 100644 index 0000000000000000000000000000000000000000..50f954080b88608e04a1562f95aee2f497ac1c16 GIT binary patch literal 1626 zcmV-g2BrClP)ht7!nc}5`$r5FlZts6c;YgkQf$f+>p3&hoCVjh;d^KTQ_QqrL2ev zl}B4k8v>QG=(IC)-}n0cXYRe789Jp#PkY;Q&pqdVe*gC$#WW0R9)1vzW7|Xu|0)#t z0V$f=rz*;j@B4f3?4*GD0t$+}AA1(@=f0|`H!vRyf?yQy_k0iMl!i=^NRXzgqzMu0 zQJ$c9v*&rouzc7L{6Pq99Ev1H1M5M<2vSvbTv3%Pm|w!ut$(c;ir(@){|x?b3#G1Y z1fgI>ofbkptElP)A=aiiW0~e>j^mu7|2Wu&WI~)vCR3+1O{+F57HxZTFysr;=> z^nVP)v`%_{P|D?UClR!TU|De^hQ99+JpI@(jN`}=hk8X9*q~%Gxx9vab80-C?=&Fy z4S;hYzi!>hrcj#_EVgYOtt?h9D-BewICvj&M-z8$)8Zn)3-6o#5mGfx8sfM%9eVXO zdilTsvMjT6zHwft+Dx&l^a}EQTV?Oedi`yLV>^FDopyXUtaEb@$g(YjI{_~R`JRWh zISBSwJkbh$aS9cS{#)p3@F`#v-<^5JcJyJ_T2KjuItN+AvBG5 zRRYnL-bRXf=qa5dW{dbHGOC3qd|$!(kYI1w(&oD5IWx_#KmS5Avv(;e8s(EpC24y4 zE@_$y#TGLq_9}E6D8Do^LYzD4mFrNsyPNjzeTkAd(;5ln8ajpRI(-qSB6BmD3{6c; z($`;|mtG_^A-#}ufGU+r!5b%z%*RIBi+OO;9`&VNf9DaeQj>a8FOxVEK&RMLq( zY2MS0hxT{IfDgl$5#1bY)HD_=On32N?BUwXX0uFn2$Mk~BzLaW6hOqF3qqDsLa-Sj z14cmPe5bP+YDr^gG%!>LnW*<|$9_Ro)F=)J^Ac^`w24j(zekf(Qxa5cG%KB)xI;Jp z9G9SJAlIS(fqr^!$1ZZc5L}i`PxbWBuEFP}L0tFC-Oq<3i3jM>iE$+VkfJSn?E0?U zaNyuU`9y%(P%hJVK<~A&Q7V;6a=ltxqAi=Z(7Pvw5uI8~xY6a{xzieE;0X~N7wL5R zYNfK^0t79!%%G^%YH@y8v7SzoVOc<>6Qi1m#4;_aR+n1Py9(zApxdiZoVk`rq{a=S zJ_zz&mAPd8kvmrEh6Lhb?!ZX-xecW4gF}v%I*D@p4Jp><(rNvN2;ChYzwzI&3^ez; ztW)kxCf?ao2HTUknn9e;=YNFqS-}U2h2luHT747rxxJIue30|i|MUR)jz^E?=Vd?U zF!usT?dWYEoVrvpHB%@SzF`7VkY8eD3kwTJXJ=3M(Ik9Y+&%vygH>`i(Gz|oza!NLSRcQzh?@i4ijD)wWMVA5wBYxI*tv^>T zmrrxaHzQrNhXso2$kzvjLg5cE*co`YjRkOiV@hmT5i?zEM66J@(CI?Ha27zi!0Bl( zFY$OzLbA~Hi<;1W$NU%w|1j=ZgS^g4qyb9P4KiqW$FvKh$3aS0(A6%Xh2Cm!LLC*i zbSdAT5()7MjJS}e{7|)4-2X#69< Y0H|PDf!Y4H@c;k-07*qoM6N<$g7eP`cK`qY literal 0 HcmV?d00001 diff --git a/resources/library/interactivities/Selectionner.wgt/img/circle.png b/resources/library/interactivities/Selectionner.wgt/img/circle.png new file mode 100644 index 0000000000000000000000000000000000000000..4de395a37694609f06c158b5bfc3cabb319adc61 GIT binary patch literal 1026 zcmV+d1pWJoP)fWJK{)l$Jv9B9@k(#IK$TQbh^kpJ0eu5ld5p1gZzk$&Z^T z9!iqF&vdqoVU4>carc2InO)s|f0>!g&ilqi50{7ilI>?dWxLrv`L`H5#s0;PvLo!I z(M>X$3>8up?2rtavFND0wjvuamt7X%KC=7S)i@|GFQ=B47V`OgR99C=nx;{GeZBa{ z!^1;Lr_*$FbVRXOjCOZ->GJYYzt1UqF%pT4Z0c6 zW=mbax3@>@>+2MaM)gxa*dMr;!ubF$um{obdc8C{I!X-<4SCIxgM$N_o}Q*eBB7u9 z!jM6$fEtE@{R%@jGBQGeK%k(LIUEkt%*>3K3NqFJgQm>_egj--X(>%iOo+Kw3}J4D zLLs`jxxwKQ1HLu`D25eqv$L~QTU$%T)ba5#4G#~~_4T#kaBBu%h(Qc1dal@T5Mm$} zVj{N7XM6_!l^#@XM`&dx-}Ww*cp7BKPlKdvt`n|N7XUbY=jVc1l+Tc42e zBdLzZ(8$ za`vF|o2p*+dzt-FXJ;q%^z>NH0I|lcuCCI?#)f_hgp&-nlIuDvCE(BWuLLYIex!zN zZEd3b3%lKJ@eZN%n@Xj`JG`~Er9Zy(H5Vn|H#oSj1Z-8v_))9gChJA?ZFz0Adc#5% w(X-`~IrTHj{WHW*`CK*J&)xSk#9sjh0O|y((21~E;{X5v07*qoM6N<$g5_4*djJ3c literal 0 HcmV?d00001 diff --git a/resources/library/interactivities/Selectionner.wgt/img/close_cont.png b/resources/library/interactivities/Selectionner.wgt/img/close_cont.png new file mode 100644 index 0000000000000000000000000000000000000000..210b4d6dc089ad9277ab8a8c684438c2c4f6db69 GIT binary patch literal 772 zcmV+f1N;1mP)hQr~YTCF;a0Zr5Jo3UQ6F`LbBbaXVclPnsIIt~sFFr7|+OiHrt z?QL|sT^L-jb3w9RuZNeH7ufCg9}zAV3mhIE3WxYp$;`MQxzp){%jJS`6dN;E8F@S& zjK^bqe0+%S{{Ft$ZTz7VGb358R>Q@`g=}GWcUK6kWYp0{46*c~uL^9lMklyjF5~?C z9ECywudlC?Er}?cQ%4&y#L~w)OhQI@dwWAJmqR=r$K&H8^7*`Mi(8~{P91H;5KABH zv6zH5n@vg|4u^4leT`TwhUe#JoSvSVV9u$djTmC-Ltiz_lIprHG8&Drx3`C4v50Io zi)OQlR4OHycDs#8BqBDq+bvk0-*UP9O30KMMMauSCUV$!cXvo8lW4VCqGv|b5l;*g zP{mT){+6K`$%wpKuDQ zzO{|cUNQiFe*o|A?>IR*L8IA_0#qs$5zZTphS&xM#_#w4O~$gbFOALa=fR(youOW@ zBauj;R4QR>YfFT4>S!Z|So(ZvY;_YDB@hVU>gozlPfs{LKE}<>4SYVI+*bnynM@`l7oGpXU{JQN9t>8Ny35N;+}_^uxe^~;w?Xx`c7K0AH6l8AKY7UP zFUnvr5Q0sQ!_LkQyk4(CHa294)oLwCJUslF+0`xKYoSOeO8@U*0N##%zt5Fmd_J#q zhqN1wolXa#P)H*G=7A+CImo41KLP(U)Ft|)b8>35cdc>t?ftpS zuS$LgQr8A$HQVt)xCXQbrS8`6A1kME>z$;6DIMRmF?fA)e&fNF>T+LiK_^PUIASN9 zR69^+pDosEx2NaVcbd*`C#P$K1e95AjMbkn&f;=M?J~`B?H(8-KxyuVIQr0z2hfan zVXjtR^(nYvtwUl93o{qQ>lBVyByyTIz#_*~%N-!e=$c@V8aNpq1_AmnJ@RhJz=MY< z1~*#~6ItXea(8(WWeVGgauBBgQ3Me4zzVa(b^Mf)+(kqiD8&o2&NR(5r7~I;&+6u= z^ZFU!Oal>TBoq2P;m83hp47Z3i|M~24SCXROoTCi?H+L%JHvzyGE&0Ul98CEnVTX} zF6Mo34ncTwmn42CezDz+#3!vh7MWZyDlEu+fS71lT=GL8&uut#UkK5qog`W9C*d!& zC5W;Fi7RS8D?#!0Tj!t}jDuIEO#^0=E%d24tM<4#>^#w~x?iR#ehgTEIT0*DD6248 zo(5UQ&oK^Ou!g?{7H2z4;K1%2C#|K5sIG+J#M98D+3W!Et{O{vFT(Eo6rwc*(*OM! zMFMx!Go3dP4mTzFcadj0h*#r`ZK_-v@sXTHJAw?+Uu?aD3c1acz6sV?X zdgx%O=6I>VVAXQPLbXMxCt@1`6$KTe)dSz49)iZ=;a%I?Sh4-%xSiSkJ?8WId|#iL z{fjsyVG-#a5`jQiBuW&d;cGnp`n$Q}-)cv`Kfd^3LMfJxs4$~U4-xoEL=FKWSf+;3 zAepkHZ~)>F2yXxyi4>D2Cvg=BOp`e=G!u;CYyyE7V?t#LErbDbNUhODQ>MP_p#U0X zG$k`4nURdfLHU}*je013V~RwvQLBhjQexHsJQEiefFVoYTGXBEI?fDAf=Ne7u>AcxChav2QZ z)kDFf>6I#OnjrpFEc_Hr$;U91OQ#!+Mw*dDL-cAo7!?)e)L=5ha737)M2E>tVLHQ# zIRyb^Q0O%%ra^RoQ&A>Iim+%3p6PET!02mPo#9oR@P^S%GL#O|7|xRBfXT`K9}2^- z(FQCH`aR$ODQu9Gpb$L`G9X2I1wJ^{3TG&k8>fe47^0UTNWoke#rX(^81fMmh)a(E zGBr9SVl=!&Cns}7Is+!tDIk#`nu7Cb8jX_6<_iU};S3=gj9`JF5R7C;M(|l|PJDQ* zfX#|v&T$2Zq6mg`*c?~+J2!q_uG0uGibobedQCB;jMpPD@Umd8X8v5_=GA+}RnDJ_ zU|udAPloOs>mSBEcZGY$xqWR~{P5cLkPi2{9yj&kde0dGf#@$1@Fk`nZ`6&gO_%xh zHU2!*Wh-|(Otb+NM|C9Vn$?qdQTQqGh0kvOu#ouIo(C2)Rlu(q-W$7=$oC}vW4||% z)xE3YeXruc^r6X#Z%>TfDd`)iT5CRkZRV75srWZ$)(L+u?-3VRt=6;!gDsjYkDdY; zwl$4PLaiq+fD<8{DWg1);nUoA3q2O-ORns@Q=LsaxE)rj6W%xPP}>hhZ4*<2>XL%H zJ37GXq+mquSTym?NXg-{Y)!bQ+q0+gHI1p3>Oqx5EXfTWyr;jnsq=c<^9NWKA(74D z^xaG`E?%G_DZk4L>2V2(@ZAd3x%BFlWo2dWpxqu_7t5rg%pkAkfd`>JK9ox^ zmh4pSRDM2nsp(v4W6=*AB8%A{+e(&`4R1Zh7Le{ez5SElOyYes#;)in8r4iFLaah})kM2;+|S9ZJjHq?~gz zoZaV%0W#}!qzcSH^P=K%0eYe8cKe>}_QK3yNs5~WigQx=P;J0HQZQBgN z%)nY>{ehLWPpa#^)6IL_&*U9S?OeKgia(;h+HX#Bi~l(I(t~HzN5_bYP1n50rK{KY zxs6%xw+3GiAdicdHcgKQsqL*|A;aErB>Y>&oS08}`3z64saY!8;3=ef4y=B-Hlx z_boA`b+sFN_Kyt7C$zTD?EgunuHrDRfBsG0x!G82*U?$hYX6gCFHDTVu06LrNm~w4 z-U>g^BpoUJH~;XGvKmm`f1&xz7ry6B@@-}?bt)&MJuCC!=`Cjo!)HCHcBXwpWylg< z{_O*!JQAs4Anh0Fnrle!ZCOYqH%MOfH}L#?WG(%O}z%FmX>`Q;-nXO50^ZOx$M z`VNd0O|VZ2+!Jg8j*7q4_D=I#N83y9huj(Rp6y$i1*Y5;o-XVy?mvELER7TjyfMHyD+>_8YCl$KHO|ROy1&ReE50aRaw+q;*#Kl5Y_|(& zG)U+l=sk!ifm*wLK514jHiidJ3Mpz@>CMistuxuT?@Qjfw@mU~qz{uCa@HI=did_d z^u+bpby}GJ2DBD@8pF`B!I_<@_Kl7AU+$?+_FxYVAn;`D#F2%`srsB>djkd8^5n$R z1nU4i0`S_v_{h}3`#)D9DvEp|NOB~&+1_{cz$jdE>z}|D3cQG@VsMP|U=bLUkp0;L zz4n>xRqqHHpAMW9X?&{HfXnRf4`G88=inWMMsm&tWg0E1GYLA^pw-3*i=#QNqjgD3 zx+HaXI`0yIjFv!l1L%8p4Z((BWf2O)ps)%AxEUFVSt&RkBBmZx!-N1?8V!+#URZiy z$bqJEt}o#I0A+q$dIuTVGDbjYH8jywp^2iyFAT(F+mR~vY?4H%5ST$MEr*1Yq-qIXq?^}a zyW}cU4-21u@Noqcc~-PQYkfbgVBJyL07ru>La621-8s~I=9KW+S{Jte*k!8wzg+kCB2o_nrCH|O?vbRXS~Bb zuCOdyhMnz42<%@81h^cCM2eDX6^mk?rO6eUq!&=gL1y$is(cBpdsfb6J*9B`7hnKZ WDw06KPZvZ00000Lj-r6Tv4bn_{c+qp&&;pA@B4k{Hofqr|1;Zky06^KWp&$V5$YX{8t^kuA72W|@ zqEKI>x$a)D7yU4a1@W-VH4IkF<0EVo%FbE8gn#(3*j+oN% zbiOUX;W|VM0JmsocUE*Li^#@UTcIt*Bt(D*z)ZB57X}JRVlw8FE(w{hZR0TLPY^hi zjQJxeFFFHl3kd+UDHdo2{9CjUo`A>Ujc^1bLxMTU*ocJ3qdz|w zB$|L7Omd~tKF2~GR?<3}xsK&MwQ)4sQ zK^vN>xy?G43b7)100^&h*?)5FHsr1ufyYN8Qvm@t5@6E=5D)#SU=nxZTqqmrede+^ z&IPGugF0|XGPt$2{#TpVw-E2FO~05HS$wfQ03u!&Af`6^3fzK1$vknS+PI5f{&IwO z*caG-{AF)H#bA4}?1(}5zHnM`SMY-V3rvUE4^AdG0M^2E7nL@Agl6KM8s!q)p{IV%j^ytIV$_R;0*GU=*q>UxEfw9AHNV|8^gHv)fZ;#1KaaYZ1?-Ay!@SS2IW~?yHFNVR2dr?IVlhdZTRE2 zE^bS0dwp+DTC39io*w7Urn2v)ty#~HwO`s*DVun^v%cPvb0G;P@#1Z}lT^qJzw&=`#T?T083?7;^G2N!!NalBO) z^Ol#Fqo>82O4OK7`4_e^Xbv)4Q>diY_y$j64eu3Uy1G#!X-3m^a%c)=a^K3I86%aC zi6#pB6A}_wFWUd5{diyUvwN5-{(-B`G(G>vhgO2VD=5e>>D{RylWrGk6J{PiP;$vK zC>}fj};9z`mHqpYX9L zA6V3?3DIG^#Zf$lUW?zS(89cGm>t?9;ecvJX68+mGcjIOUf=0Svb(GrSLfwV9#`Hk zk$qq_v%_^!zc%&N12U;N`_Xuse@jtg7sqcPKG9cmFtTpf8-~j1{8-oIW6FYyK(>$c zMg(UIcRUqNi{Oe6Mbrm8jK9!w&1J}-t-Fq}yr(f8XWu*BTIO~>eI-#;IuJP*5T5n7 zcG1JTlY29D)j-|a6;PaN`9KD8Z%kTgU1F4<(~vs7KQ-+%4pfpq=*QX-5AGsnme%|V zJh9t5bNbxKZVkn%fliV^^OYervERZ+sfyBoMu7HBtFdh+JGJ6HB||?x1ntRA){9C3 zi)!xsJA!#STy4`3OG5pLB3ZS0on0N1`hCjD2~FMpM~!B?x6S>;t{{8iv0=p3RqGvp znSVe!pLHu1)6enrpYtJ7XDSquJbju9XeN8@Vy!Y_$+%K%S`ITQ?tBb0j?*@M)T*WD zozGnVLS#pfApEWFi`{|3ccTYtq$9g^7PppWKKZM~#aET`{Q{hGrf3jXccp;6u=M7- zO5$?eAZV`v#CMoeXQotBsH0YqH)?;DC{`6o(VpseF5eD@2gYw-&Ew}wRW9ARY|x!7 z_b#aIYt!esO@^goBm4J7c?WoptmgXaQqvZixlP$`w0jOmT#mUSpYle=Rn(e8)x`eV z*SpEQlA?@D3TVD9zr~>?W>1$vsD-q)Z!&MDQ||3mSWEZ$xsn*M%h??1eiFQo8@44mM_Ov-itnZ~8v%-1md@7;Doh)-0>L>Au58g zjUt``YKRRR_JY`TjM(q2qbLez0a4^E;N3<=@5gaFv-_2Kp67ku_j|wD#iFDMp8bC6 zM<5V91qoa+KJxLG;R6xlrC}*Z7N(b?Fd<%!WWskPRvg&L$9|V+|UqECN2A1|}|`f-xyzQ01z%Oalx2qRYhR_H7CXe1Tv&EbyzT zG@%IKASevb$<%Nel|cm<5E+UX8yOiH2GFPwl|rRaAX+#S$&8>esZ`+G1LDz8c@|U5 z<$sHXuUKFm$ers-QqoQBigc8Z8`0glqHFnA8xi)&}(|aABB-y_dkWT zsree1B8Ihy4wc~tmlb3WrD1YVSc)NNDuU$pR#B9VV2Cyw(EywjIv`Q1<%nMU1uYaZ z1!^rORm)%jmj&W{vQjB$G8kiNys=y=1ENPj5D$uqi05-?ksOG@j_1>9oL(*$k?B;h z8tdiCe{i8bx%Ng-Y4FHg7**!Maz2WvfG-I%m3?~Q@cPvI#+CQ!g~RWYOTo=h?8o}A zWA5F;d&fTg-n97Qd)vcmyw_2@sSoYnjo^3XfPfpHYPj3H_R6GT@xJF3bsZBND-5?Y z_ZULDGDJ?Vcp<*ges?Ez4=E~PhjO3qvCI!)dwllrD`8iQLVS&(Tih~Sl*yJt|La2& zF#4W{?MEo3jK$FIOX@kVX`>o#jh}1Eo%PdP(??%r9qe}P zaqQVCNwA1@!}z;e$GNUIWf=-g)_PB-E zYBjzpb*=7Xkj#qP>B-4vr%h99f3Hd)4u<+~n!*RYt zh#tO=bYnv_x$c(qB9Ujm2QO>f0)A!O$fGsPw;jASh-GT8i(Rl_!QjI8-t5?C&r+p| z3B=m|{uM(5C0-H<%PW+8;ZE-A{Kf#IZN$pRV4<^b?6HvtPV7<##g8r9el3+M_+|3L zOBYwvyPLw6ImhHRP$k0$vLqei73J%vEqamQq1)b)UeWSo(5H)zGe@~+ty*F(S{69d z#(4e-BGUkmh3+x@R`&E?-`9nUZ?>B?zI zEO35H{8XeI!T6kS(^WR5l;6lXqyT;9f0%VIZz(ZwtBX$Z>S=lN920x6{1n2#ii4-_ z{drmO?J@N8=XS1nR9(O3N%iG@0iySZ{MvR>{Kubp(lLCBym;N-)1!PzFK^^bv^-SBb)>^S2~Zkm!ti)e_XG zC-#ROn)#xd2P}@t>y}_))AVF4WOshg8)5wM0!wIWx643cUc=QvnRn)39H^2RqGyb=V2>Pv|L?7 zka;iN5&O|J=EBTz%f&}FT#1I=KW6OD=WV}ldMS4gNQ!$msps0VurWusU9`*#`Vibe XSm?Ef?YFNwR8J#+p)vt!Yw literal 0 HcmV?d00001 diff --git a/resources/library/interactivities/Selectionner.wgt/js/script.js b/resources/library/interactivities/Selectionner.wgt/js/script.js new file mode 100644 index 00000000..a625e979 --- /dev/null +++ b/resources/library/interactivities/Selectionner.wgt/js/script.js @@ -0,0 +1,492 @@ +var sankoreLang = { + display: "Display", + edit: "Edit", + short_desc: "Select animals from the following list:", + add: "Add new block", + enter: "Enter your instruction here ...", + cat: "cat", + ball: "ball", + shovel: "shovel", + dog: "dog", + tree: "tree", + wgt_name: "Select the desired", + reload: "Reload", + slate: "Wood", + pad: "Pad" +}; + +//main function +function start(){ + + $("#wgt_display").text(sankoreLang.display); + $("#wgt_edit").text(sankoreLang.edit); + $("#wgt_name").text(sankoreLang.wgt_name); + $("#wgt_reload").text(sankoreLang.reload); + $(".style_select option[value='1']").text(sankoreLang.slate); + $(".style_select option[value='2']").text(sankoreLang.pad); + + if(window.sankore){ + if(sankore.preference("selectionner","")){ + var data = jQuery.parseJSON(sankore.preference("selectionner","")); + importData(data); + } else + showExample(); + if(sankore.preference("sel_style","")){ + changeStyle(sankore.preference("sel_style","")); + $(".style_select").val(sankore.preference("sel_style","")); + } else + changeStyle(1) + } + else + showExample(); + + //events + if (window.widget) { + window.widget.onleave = function(){ + exportData(); + sankore.setPreference("sel_style", $(".style_select").find("option:selected").val()); + } + } + + $("#wgt_reload").click(function(){ + if($("#wgt_display").hasClass("selected")){ + $(".cont").each(function(){ + var container = $(this); + container.find(".img_block, .text_block").each(function(){ + $(this).find("input:checkbox").removeAttr("checked"); + $(this).find("input:checkbox").parent().parent().removeClass("right"); + }); + }); + } + else + $("#wgt_display").trigger("click"); + }); + + $(".style_select").change(function (event){ + changeStyle($(this).find("option:selected").val()); + }) + + $("#wgt_display, #wgt_edit").click(function(event){ + if(this.id == "wgt_display"){ + if(!$(this).hasClass("selected")){ + if(window.sankore) + sankore.enableDropOnWidget(false); + $(this).addClass("selected"); + $("#wgt_edit").removeClass("selected"); + $(".style_select").css("display","none"); + $(".add_block").remove(); + $(".cont").each(function(){ + var container = $(this); + + container.find(".text_cont").removeAttr("contenteditable"); + container.find(".add_img").remove(); + container.find(".close_cont").remove(); + container.find(".imgs_cont").removeAttr("ondragenter") + .removeAttr("ondragleave") + .removeAttr("ondragover") + .removeAttr("ondrop"); + container.find(".img_block, .text_block").each(function(){ + $(this).find(".close_img").remove(); + $(this).find(".text_subblock").removeAttr("contenteditable"); + $(this).find("input:checkbox").removeAttr("checked") + }); + + }); + $(this).css("display", "none"); + $("#wgt_edit").css("display", "block"); + } + } else { + if(!$(this).hasClass("selected")){ + if(window.sankore) + sankore.enableDropOnWidget(true); + $(this).addClass("selected"); + $("#wgt_display").removeClass("selected"); + $(".style_select").css("display","block"); + + $(".cont").each(function(){ + var container = $(this); + + $("
").appendTo(container); + container.find(".text_cont").attr("contenteditable","true"); + container.find(".imgs_cont").removeClass("right") + .attr("ondragenter", "return false;") + .attr("ondragleave", "$(this).removeClass('over'); return false;") + .attr("ondragover", "$(this).addClass('over'); return false;") + .attr("ondrop", "$(this).removeClass('over'); return onDropTarget(this,event);"); + + var add_img = $("
"); + container.find(".img_block, .text_block").each(function(){ + $("
").appendTo($(this)); + if($(this).find("input:hidden").val() == 0) + $(this).find("input:checkbox").attr('checked', false); + else + $(this).find("input:checkbox").attr('checked', true); + $(this).find(".text_subblock").attr("contenteditable","true"); + }); + add_img.insertBefore(container.find(".clear")); + }); + + $("
" + sankoreLang.add + "
").appendTo("#data"); + $(this).css("display", "none"); + $("#wgt_display").css("display", "block"); + } + } + }); + + //add new block + $(".add_block").live("click", function(){ + addContainer(); + }); + + //checkbox events + $("input:checkbox").live("click", function(){ + if($("#wgt_display").hasClass("selected")){ + var flag = true; + var block = $(this).parent().parent(); + block.find(".text_block, .img_block, .audio_block").each(function(){ + if($(this).find("input:checkbox").is(':checked') && $(this).find("input:hidden").val() == 0) + flag = false; + else if(!$(this).find("input:checkbox").is(':checked') && $(this).find("input:hidden").val() == 1) + flag = false; + }); + if(flag) + block.addClass("right"); + else + block.removeClass("right"); + } else { + if($(this).is(":checked")) + $(this).parent().find("input:hidden").val(1); + else + $(this).parent().find("input:hidden").val(0); + } + }); + + //play/pause event + $(".play, .stop").live("click", function(){ + var tmp_audio = $(this); + var audio = tmp_audio.parent().find("audio").get(0); + if($(this).hasClass("play")){ + if(tmp_audio.parent().find("source").attr("src")){ + tmp_audio.removeClass("play").addClass("stop"); + var id = setInterval(function(){ + if(audio.currentTime == audio.duration){ + clearInterval(id); + tmp_audio.removeClass("stop").addClass("play"); + } + }, 10); + tmp_audio.parent().find("input").val(id); + audio.play(); + } + } else { + $(this).removeClass("stop").addClass("play"); + clearInterval( tmp_audio.parent().find("input").val()) + audio.pause(); + } + }); + + $(".replay").live("click", function(){ + var tmp_audio = $(this).prev(); + var audio = $(this).parent().find("audio").get(0); + if(tmp_audio.parent().find("source").attr("src")){ + $(this).prev().removeClass("play").addClass("stop"); + clearInterval($(this).parent().find("input").val()); + var id = setInterval(function(){ + if(audio.currentTime == audio.duration){ + clearInterval(id); + tmp_audio.removeClass("stop").addClass("play"); + } + }, 10); + tmp_audio.parent().find("input").val(id); + audio.currentTime = 0; + audio.play(); + } + }); + + //adding new img + $(".add_img").live("click", function(){ + addTextBlock($(this)); + }); + + //deleting a block + $(".close_cont").live("click",function(){ + $(this).parent().remove(); + refreshBlockNumbers(); + }); + + //deleting the img block + $(".close_img").live("click", function(){ + $(this).parent().remove(); + }); + + $("#wgt_reload, #wgt_display, #wgt_edit").live("mouseover",function(){ + exportData(); + }) +} + +//export +function exportData(){ + var array_to_export = []; + $(".cont").each(function(){ + var cont_obj = new Object(); + cont_obj.text = $(this).find(".text_cont").text(); + cont_obj.blocks = []; + $(this).find(".img_block, .audio_block, .text_block").each(function(){ + var tmp_block = new Object(); + if($("#wgt_display").hasClass("selected")) + tmp_block.state = "display"; + else + tmp_block.state = "edit"; + if($(this).hasClass("img_block")){ + if($(this).find(".audio_block").size() == 0){ + tmp_block.src = $(this).find("img").attr("src"); + tmp_block.hidden = $(this).find("input:hidden").val(); + tmp_block.h = $(this).find("img").height(); + tmp_block.w = $(this).find("img").width(); + tmp_block.type = "img"; + tmp_block.checked = $(this).find("input:checkbox").attr("checked"); + } + } + if($(this).hasClass("audio_block")){ + tmp_block.src = $(this).find("source").attr("src"); + tmp_block.hidden = $(this).parent().find("input:hidden").val(); + tmp_block.type = "audio"; + tmp_block.checked = $(this).find("input:checkbox").attr("checked"); + } + if($(this).hasClass("text_block")){ + tmp_block.text = $(this).find(".text_subblock").text(); + tmp_block.hidden = $(this).find("input:hidden").val(); + tmp_block.type = "text"; + tmp_block.checked = $(this).find("input:checkbox").attr("checked"); + } + cont_obj.blocks.push(tmp_block); + }); + array_to_export.push(cont_obj); + }); + + sankore.setPreference("selectionner", JSON.stringify(array_to_export)); +} + +//import +function importData(data){ + + var tmp = 0; + for(var i in data){ + + var container = $("
").appendTo("#data"); + var sub_container = $("
").appendTo(container); + var imgs_container = $("
").appendTo(container); + $("
").appendTo(imgs_container); + + $("
" + (++tmp) + "
").appendTo(sub_container); + $("
" + data[i].text + "
").appendTo(sub_container); + + for(var j in data[i].blocks){ + switch(data[i].blocks[j].type){ + case "text": + var text_block = $("
").insertBefore(imgs_container.find(".clear")); + $("
" + data[i].blocks[j].text + "
").appendTo(text_block); + $("").appendTo(text_block); + $("").attr("checked",(data[i].blocks[j].state == "display")?((data[i].blocks[j].checked == "checked")?true:false):false).appendTo(text_block); + break; + case "img": + var img_block = $("
").insertBefore(imgs_container.find(".clear")); + $("").appendTo(img_block); + $("").attr("checked",(data[i].blocks[j].state == "display")?((data[i].blocks[j].checked == "checked")?true:false):false).appendTo(img_block) + $("").appendTo(img_block); + break; + case "audio": + var img_tmp = $("
").insertBefore(imgs_container.find(".clear")); + var audio_block = $("
").appendTo(img_tmp); + $("
").appendTo(audio_block); + $("
").appendTo(audio_block); + var source = $("").attr("src", data[i].blocks[j].src); + var audio = $("