À.¸ï&1|?"{}:+dq8mQk?Æy@&*[3©ÿÜáÿ)ZØµŠ>Y=<4„‹ÜÌ²â¦GÐh°Åü<"_ÌpÇ÷àŸ˜@~–÷Å`L—£¹ƒ5ê0ü÷LðáÕý¸N-<—|ËøÈÓsù5	·rÍ ­”Ónƒ„W¯Oy:3Š÷“h’„0Ä½-^}z™‚üœÚäÜÎÓþIW×s	àTšLãÒˆ¨ ‰yµñZþÜ¼²9´Zšo¥àEÌß%Ã»»Sgé:hpõ¸ýLÈØëº!œ¢¸Ü°CÀƒ liu²‰|ìófÓLˆ0òØG+ ˜éò>.$³’Ï>PÌ~$i<GJ]šv…™‚ã!™çùU»>%ƒmXYâ®ƒŸ¡êûbÖ÷º5$Y¸Ï´Y[9éÜŽàï¨o`s‚É…å1pf¢&`˜Ì¬C{63ÐË‘øx§Úd4ò ½›Öëõšá"é¿Æú¹éÝ†[Ä@Tè™Gþ>pwSÌâ·Ç¼´ðªÔœó÷{ÈŽþZTEü°Ú»úhä4âÔ¹Å‚;"ç2Á€@rðÝÔByîÌÇ;l”wf¼1ºzc	Ò{ž!
õ’OÇy°TZÓ)©³ŽÛÊ|_ãt1ÆÀ‰¶Î@/LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn FèR‡Åé!h¯>Réð^Å%ÄXÄøù)á¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚ#ôz;@ßfRƒNü¨MÃ`}–@³QeA“L‡7|3ˆ)	æ7=Éæø`ç&LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn á#•—£{–wc,™ÝCßˆÖh.Ì@KVª¹†ÃgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠð:6ü"ñ…£YÈêå[ý8!eâÎ˜kbAFf)èÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇmXYâ®ƒŸ¡êûbÖ÷pLee¦ÿë=€5sÔ=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ –«¯³<›ùŠ.°KÛ'{vúÏL¹®Q0[Gòv.tÕ&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òV»»Sgé:hpõ¸ýLëC¡zÃRGðÁ¿¡”1\gÙî,D7 5¿?ïº
Ö¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þºx¬H©ÍÇ‰žj:ìÞÑ8áöÉ¶Ÿ4Ûa)¨ƒ¦vÞû ÕIšªK3Çuð9gçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠð:6ü"ñ…£YÈêå[ýms­ÑJŒÆÏRâ/6þxB"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›æXìƒ?ˆã4}¨¤@»ásðc_#Yû¬)bÌÍ¨
¦ŒO!
cùzöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¼“\A*Q_0ÛŸ‹_Köò )ð'kœ¨Â#ãèž÷wGºÈN™[Q L$e¯ª¤%ZÎÈg´Ï#Ø˜KŸç!d‹pƒ£Z4´3Œ†›8½¦:G‚ÏÓ×ìÖ‚3GWö=¾•½Šþ¬*í^Û8nnà&,ô‚`\Íf‘v$8qßìËòY%«hz69ˆ@lõ¯æ@(_ä(	h&6E“·û±¢2Àé8/ÄcrQŠ|Û¼Rý£ÊW2ßí^9Õý¯ 4SÓñßGÆ/~¸…qÒ¾¦’gåY”˜†u5¬½NÛ8nnà&,ô‚`\ÍfdôJiÑYáWèç²sïÛŸ0ÁÍ!tbpõmEŸ“ÆëÕîêŽäÍSX0´qÐBjšD8DBP	Š²Ø„³ß"gúâôàÃl-ó/.™ßÝ»ö—0dúU(¨J}Yq÷¹|‘ö…ôt˜Èÿš5$·¥ýØÆ°~>ÞRahª4ïæ°"™Ãï7‹#C„¤	Ž˜WÅ¿›,êxA@÷(ißÒpSþÇË×0¯ÍÃ‘Ý	ªµqêjm^ºÍÕW‘™–û”9ÙF+¸šÿpLßê„…åJE lø\ÏÝfM'˜Õ­Ü„YPeíH/E¦­Û8nnà&,ô‚`\Íf=ëŸÏ{ßé¶úÎnÍŸ†Ua6o|"ª]çì6 ±¬F…LÝÔ$ ë=‚@Ë<òlÁþh``n;VPàõ¿ž¼<ŒÍÆn¬uúÚÅO±ÒérfÈé&¿!uˆfÕNWÃ½ÁØ/Ø)ËVª[—8Nïy¤Z”:5B&°ZlìäPÈµÉÏ#þtLaZR^7We,ÞCÖ%ì Ð¢Í-l÷š0RÜÜ·3ïa®oe“ gRi¦ýú—Ëy°ÔH¾¬Æ­.ÂN>v´2wá×ðÂÃ¢fÜð¢ F5br«¿2R,RIïðIÁˆUO´e]Ù*"ù¢ ÃqzLuÁôÐ'5{±¾ßæ©Îúè¨*¡ïWk!èÏ¦!\4AãëŽÈ®´ÿD.×ÞÜ“xuüWª&n¿ßÓLXà ÝGOÛ8nnà&,ô‚`\ÍfaÍšO•MâätR¨ÿÇ¤"-ÐØcFC™Ä¶ôêò¡&ƒe&ìXÖÄxúv:r4u»i[’ÿ1:lÅ†F6^Õ7 ;Áß¿Ïég¡$ºgF¦Qðí…àÃ$¹Ñº'²øvÝ‰ámðñŸã †‰:‚wØ¥Â“Õâ(_41ûVè;ÀÖÑ÷h3µsÁ‡E¾Û8nnà&,ô‚`\Ífvžj‡Sk4ùãs:ù¡}X¼£W¯Œ­îæïû!¾AÚÍQBEy¦²ótýoœiBè,®}ödþË¯§Öêè…sA1Ùçeo’¿>1Û8nnà&,ô‚`\Íf.Ís€œ7ûKq ¶<UŠozFAÁ°2ùyZ\7j˜iÆäÀØ¤Bd¿É½B¼} ¾±ö9P·j°°’Uó”W®Öêè…sA1Ùçeo’¿>1Û8nnà&,ô‚`\Ífû`Îã–ìˆsÁ_&!‰q„"¢+ŒU	×{5Ñ-ÃžÅ2[_c1sk€Û-#º¯±S!Žm·æü“Ññ6ÚÀäÛÓð[æv‹.
.¨ÍÛ8nnà&,ô‚`\ÍfÆŠ`’åxÎÿî–Îgjí‡faE—–åm¦aAÚÍQBEy¦²ótýo7Yõ¾(‚Ç•~P†bxs€ûBˆff4,äÃÚQàÈ¾Û8nnà&,ô‚`\Íf¹É Â$F˜S{ÃXåÌÃ­›’:—U¹¸Æe|%è™­MžÅ2[_c1sk€Û-#ºŒO·”ÒËô4óâ¥ôØì4#*i!’>à!‰³m‡{
(Û8nnà&,ô‚`\Íf±ø<«³â§5Àõ_¼ÚJ¤õ´…ˆ ”lË&‚Çïr¦=²rà+\T/ÿÕL³^\ÂiJ>
˜Lœ¹ ^LöÕhŽT”0AHš‚cG€‰Û8nnà&,ô‚`\Ífö©o —>\Ð×ólæBcì½X·òXTÛ%ÝÙ£†ÉW+Ø­ÁpKýŒ [°ñŠpÆ
|é‹ˆ°7ÅlEùz‡9”žÎ$aW dVu]Û8nnà&,ô‚`\ÍfF¾û.ŠÒ:C=ë£P™Q$ÊÔûQ9ÖèÉk(˜&›š|ÉW+Ø­ÁpKýŒ [°ñŠpÆ
|é‹ˆ°7ÅlÍ<]Y‰÷ñWõÓwí%Û8nnà&,ô‚`\ÍfÏnÊ3˜{›»B{1WjNëÑ0;nêÖþ¦Y¤Á›»¨(ëèÀ„!dâŸžèç‚™L“S}9àäPª-·CüÕ-g/9“ÀòV£ï7jÓÛ8nnà&,ô‚`\Ífï~´0fA”5¹`yèO4Ý(FžX¨Ôè¸±¸ŠÜKT˜Ï5°fTàŠœ£óÙ˜ï›Û8nnà&,ô‚`\Íf•IÙæª(>'œŒ1¿û¼CéÛ8nnà&,ô‚`\Íf p±6½ýbM¼hº·œ|“¸k"­ÞydÃQ¢Î{0µ»Œ¸KÉ«,(ß'åÛ8nnà&,ô‚`\Íf1qågx5†9ZtþòMd¡~óc–!•üÎ‡•°Ÿã*-Yêù-Õ‚íÓ ‘_Ë™Ãï7‹#C„¤	Ž˜WÅ¿›Õ,ü»a³qHQ‡ S•0a¯ÿ²å÷g:Ï§‰(ADQP‡^®N½Î†*h4§8/ÄcrQŠ|Û¼Rý£Êºbù°õèÅ-Cv‡AÕÆòÇÀp“œÛ”c^âWçˆÆÑXÛ8nnà&,ô‚`\Ífóçïº„&c\ËyÒÂ»‡²2ÉP´Ž÷>Ü7x6ÜäŠ{èË#¯5Ø+ÏÐÛûT’8è–N0Ãàƒ‡.ÅXþo’ÁÆñ(‹Æ‚Î|ZO³#:•”(¢îÿ7èH‡#µhÏ9Ö„¹àÿ_óògW„0Ÿw¹±†¹¬M[1Ñ×bÒéDÅ×àÈª	#æý(ßÆå|‹©d…[¶
Æ÷ì Åž×(˜÷²•­¤nãK¶é:±ÓðûjŽ_ÒTN`=Ò>à@8'ô37$AëMÏ(&×”“Œz^þˆKwÏ“§²;ÅUÊœl–`R.ub.à““ÑÖ¤4!»C‘d¢Åäª&n¿ßÓLXà ÝGOÛ8nnà&,ô‚`\Íf±©›þjxwæÆ
¾—Å(^N)’¹¬Ãñß¸³Y–\{Ë³Äßî¹]/NOœýÕ
	dN¬V5×¼Ä5¹Ú'ÕÙX».ø@Ž2™f»ýÞ0®›íGÂ°BŒÖ×6(UÐÛ8nnà&,ô‚`\Íf1÷¿]?)æ2z÷Ê…óÞtjãÄ?µ[M„ý^9ÙÙX».ø@Ž2™f»ýÞ×Xsƒ‹¾4Ûn*½Y™Ú¯Û8nnà&,ô‚`\Íf
…²ÒhWŠÛ~)~Ïò:
                    case 'darkblue':
                    case 'highcontrast':
                    case 'ui-sunny':
                    case 'ui-darkness':
                        return 'jqx-icon-plus-alt-white';
                }
                return 'jqx-icon-plus-alt';
            };
            $('#tasks').jqxKanban({
                template: '<div class="jqx-kanban-item" id="">' + '<div class="jqx-kanban-item-color-status"></div>' + '<div class="jqx-kanban-item-text"></div>' + '<div style="display: none;" class="jqx-kanban-item-footer"></div>' + '</div>',
                resources: resourcesAdapterFunc(),
                width: '100%',
                height: 680,
                theme: 'metro',
                source: dataAdapter,
                itemRenderer: function (element, item, resource)
                {
                    $(element).find('.jqx-kanban-item-color-status').html('<span style="line-height: 23px; margin-left: 5px; color:white;">' + resource.name + '</span>');
                },
                columns: [
                    { text: 'Backlog', iconClassName: getIconClassName(), dataField: 'new' },
                    { text: 'In Progress', iconClassName: getIconClassName(), dataField: 'work' },
                    { text: 'Done', iconClassName: getIconClassName(), dataField: 'done' }
                ]
            });
            $('#tasks').on('itemAttrClicked', function (event)
            {
                var args = event.args;
                if (args.attribute === 'template')
                {
                    $('#tasks').jqxKanban('removeItem', args.item.id);
                }
            });
            var itemIndex = 0;
            $('#tasks').on('columnAttrClicked', function (event)
            {
                var args = event.args;
                if (args.attribute === 'button')
                {
                    args.cancelToggle = true;
                    if (!args.column.collapsed)
                    {
                        var colors = ['#f19b60', '#5dc3f0', '#6bbd49', '#732794'];
                        $('#tasks').jqxKanban('addItem', { status: args.column.dataField, text: '<input placeholder="(No Title)" style="width: 96%; margin-top:2px; border-radius: 3px; border-color: #ddd; line-height:20px; height: 20px;" class="jqx-input" id="newItem"' + itemIndex + ' value=""/>', tags: 'new task', color: colors[Math.floor(Math.random() * 4)], resourceId: Math.floor(Math.random() * 4) });
                        var input = $('#newItem' + itemIndex);
                        input.mousedown(function (event)
                        {
                            event.stopPropagation();
                        });
                        input.mouseup(function (event)
                        {
                            event.stopPropagation();
                        });
                        input.keydown(function (event)
                        {
                            if (event.keyCode === 13)
                            {
                                $('<span>' + $(event.target).val() + '</span>').insertBefore($(event.target));
                                $(event.target).remove();
                            }
                        });
                        input.focus();
                        itemIndex++;
                    }
                }
            });
        });
    </script>
    <style>
        .jqx-kanban-item-color-status {
            width: 100%;
            height: 25px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            position: relative;
            margin-top: 0px;
            top: 0px;
        }

        .jqx-kanban-item {
            padding-top: 0px;
        }

        .jqx-kanban-item-text {
            padding-top: 6px;
        }

        .jqx-kanban-item-avatar {
            top: 9px;
        }

        .jqx-kanban-template-icon {
            position: absolute;
            right: 3px;
            top: 12px;
        }
    </style>
</head>
<body>
    <div class="container" style="overflow:hidden;">
        <div id="tasks"></div>
    </div>
</body>
</html>