**** BEGIN LOGGING AT Sat Jul 20 02:59:58 2013 Jul 20 03:07:06 fx1, where's the delete and create buttons coded? Jul 20 03:08:27 https://github.com/fxspec06/GameOn/blob/master/srcs/gameOn.js Jul 20 03:08:58 the reason 34-36 have fit: true, is because one is only shown at a time Jul 20 03:09:18 * fx1 wrote this literally when enyo 2 was released, before onyx 2 was out and panels existed Jul 20 03:10:05 oh Jul 20 03:10:53 ok Jul 20 03:11:07 so those are the green and red buttons Jul 20 03:13:09 that create and delete the turnament Jul 20 03:15:08 sorry the random and create buttons Jul 20 03:16:10 the green and red buttons are part of "generator" Jul 20 03:16:27 ok Jul 20 03:16:32 https://github.com/fxspec06/GameOn/blob/master/srcs/lib/generator.js Jul 20 03:17:04 they are actually in setup.js ..... see the scroller at 140 Jul 20 03:17:21 https://github.com/fxspec06/GameOn/blob/master/srcs/com/setup.js Jul 20 03:17:30 this has the buttons i think Jul 20 03:17:50 * fx1 a good example of a kind within a kind Jul 20 03:20:37 exatly my method! Jul 20 03:20:50 width: 100% Jul 20 03:20:54 :D Jul 20 03:21:18 lol Jul 20 03:21:30 :D Jul 20 03:21:33 sure, to stretch buttons width: 100%; works Jul 20 03:21:55 that's exactly why i use it :p Jul 20 03:22:13 that looks like enyo 1 Jul 20 03:22:23 :) Jul 20 03:22:33 i wrote so much code for this, ugh Jul 20 03:24:26 thanks for using :( Jul 20 03:24:49 :( about all that work Jul 20 03:25:05 not thanks for using my strategy Jul 20 03:25:35 i bet you're confused Jul 20 03:26:18 :p Jul 20 03:26:38 thank you for your help Jul 20 03:26:53 confused? me? naw Jul 20 03:26:54 fit will help me lots Jul 20 03:27:40 any time =) Jul 20 03:27:54 here's the APK if you got a droid device https://dl.dropboxusercontent.com/u/40574271/Game%20On%21.apk Jul 20 03:27:58 thanks for letting me know of your clone Jul 20 03:28:11 i dont have android Jul 20 03:30:09 cm10 is pretty sweet Jul 20 03:30:45 ka6sox no likee andwoid Jul 20 03:30:56 cm that is Jul 20 03:31:42 if you hang tight, i got another phantom project i can show you Jul 20 03:31:47 again, written in enyo 2 beta Jul 20 03:32:01 a ghost project? Jul 20 03:33:14 lol ya Jul 20 03:33:34 :D Jul 20 03:37:46 hold on Jul 20 03:38:04 http://www.youtube.com/watch?v=nn2FB1P_Mn8 Jul 20 03:38:11 is really funny Jul 20 03:42:29 k, pushing...... Jul 20 03:43:30 demo is still uploading, but GIT repo is LIVE Jul 20 03:43:31 https://github.com/fxspec06/plntr Jul 20 03:44:27 what is it Jul 20 03:44:41 if you wait til the demo is done uploading i can show you.. Jul 20 03:44:52 ok Jul 20 03:44:54 it was going to be a gardening / planting app tracker Jul 20 03:45:02 i ditched it when summer came Jul 20 03:45:05 ah Jul 20 03:50:30 hold on dropbox is being incredibly slow right now... Jul 20 03:51:27 * baboo sighs Jul 20 03:51:55 * baboo taps his foot knowing it isn't fx1's fault Jul 20 03:53:33 it's actually quite nice, for being incomplete Jul 20 03:53:43 ok Jul 20 03:55:32 well while it's uploading, let me explain how it works: Jul 20 03:55:37 ok Jul 20 03:55:39 inside src is two folders, com and lib Jul 20 03:55:56 i saw Jul 20 03:56:12 not the js files inside though Jul 20 03:56:13 inside com are the parent kinds for the stuff inside lib Jul 20 03:56:21 ok Jul 20 03:56:49 so every folder inside lib is a unique "plant" object, and each plant object contains every one of the coms Jul 20 03:57:00 so it's a cute example of nesting Jul 20 03:57:09 and inheritance. Jul 20 03:57:46 ok Jul 20 03:57:58 i saw tha add onyx.button Jul 20 03:58:39 er, they all inherite off "template" 's kinds **** Jul 20 03:59:22 template? Jul 20 03:59:36 https://github.com/fxspec06/plntr/tree/master/src/lib/template Jul 20 03:59:55 eg https://github.com/fxspec06/plntr/blob/master/src/lib/template/yard.js Jul 20 04:00:25 grr i wish this'd hurry upload so you can see how it works. lol Jul 20 04:00:55 >:| Jul 20 04:01:49 * fx1 compares this to watching paint dry Jul 20 04:02:20 haha Jul 20 04:03:04 true Jul 20 04:05:53 * fx1 imagines some LG enyo engineer watching closely Jul 20 04:08:35 * baboo thinks they are saying "interesting......" Jul 20 04:13:52 this has got to be close to finished. Jul 20 04:14:35 yeah Jul 20 04:14:49 unless it's a 1TB file Jul 20 04:14:54 :D Jul 20 04:16:33 that's my touchpad Jul 20 04:16:45 i'm going in another room:D Jul 20 04:22:17 it says 7 minutes left. Jul 20 04:23:01 ok Jul 20 04:24:40 omg. it's done Jul 20 04:24:50 * fx1 was gonna show a screenshot, saves for real deal Jul 20 04:24:59 https://dl.dropboxusercontent.com/u/40574271/plntr/plntr.htm Jul 20 04:27:35 ok Jul 20 04:30:58 i made a garden named foo, on jupiter, large, with rainwater and sunlight max, but temparture min Jul 20 04:31:04 :D Jul 20 04:31:09 :D Jul 20 04:31:20 then you can make more, and make a plant with a name Jul 20 04:31:26 that's pretty much where i left off Jul 20 04:31:28 i did Jul 20 04:31:34 hoop Jul 20 04:31:39 is my plant Jul 20 04:31:44 :D Jul 20 04:32:27 * fx1 out of enyo demos tonight Jul 20 04:32:37 well, not true, but i can't give away my best stuff ... Jul 20 04:32:37 ok Jul 20 04:32:42 ok Jul 20 04:32:51 i don't expect you to Jul 20 04:33:06 i'm trying to make an app called time logger Jul 20 04:33:08 oh damn, wild'n runs great on jelly bean Jul 20 04:33:42 * fx1 looks at android downloads, looks at webos downloads, wonders what's wrong with android users Jul 20 04:34:17 what's the function to get the current time in seconds Jul 20 04:35:29 var x = new Date(); Jul 20 04:35:39 ok Jul 20 04:35:52 then getDate(); getHours(); getMilliseconds(); Jul 20 04:35:56 getMinutes(); Jul 20 04:36:13 ok Jul 20 04:37:16 so i could do var starttime = new Date().getMilliseconds * 1000; ? Jul 20 04:37:46 getMilliseconds only gets the milliseconds Jul 20 04:37:50 and it's a function, () Jul 20 04:38:09 ok Jul 20 04:38:11 getTime() Returns the number of milliseconds since midnight Jan 1, 1970 Jul 20 04:38:22 var starttime = new Date().getMilliseconds() * 1000; Jul 20 04:38:33 that's the beginning of unix time Jul 20 04:41:31 omg, you've found the beginning of time !! Jul 20 04:42:29 yes! Jul 20 04:42:45 :D Jul 20 04:43:12 and time will end for 32-bit computers Jul 20 04:44:29 what does getMilliseconds() return? Jul 20 04:45:58 a num between 0 and 999 Jul 20 04:46:07 getTime() gets the milliseconds since 1970 Jul 20 04:46:48 oh Jul 20 04:48:16 ok Jul 20 04:48:20 http://i.imgur.com/WbTP7UU.png Jul 20 04:49:40 ok? Jul 20 04:49:55 heh Jul 20 04:50:23 is there a file i can write to in enyo that stores data? Jul 20 04:50:40 something like a cookie Jul 20 04:50:42 a file that stores data.. Jul 20 04:50:52 text Jul 20 04:51:04 localStorage[] is your best bet. you can't do files Jul 20 04:51:16 ok, that worls Jul 20 04:51:20 works Jul 20 04:51:29 so,, how do i use it? Jul 20 04:52:25 localStorage["myApp"] = someJsonObject; var myAppSettings = localStorage.myApp; localStorage.set("myApp", myAppSettings); myAppSettings = localStorage.get("myApp"); Jul 20 04:52:28 all do the same Jul 20 04:53:11 ok Jul 20 04:59:20 did they remove panes in enyo 2? Jul 20 04:59:56 if they did, what should i use to switch between windows Jul 20 05:00:03 panes are gone Jul 20 05:00:05 one app kind to another Jul 20 05:00:13 use panels, it's nicer Jul 20 05:00:17 ok Jul 20 05:00:22 you have to include lib/layout Jul 20 05:00:57 ok Jul 20 05:01:01 done Jul 20 05:01:14 in package.js Jul 20 05:01:28 panels you do like, {name: "switch", kind: "Panels", components: [ {first}, {second}, {third}, {etc} ]} Jul 20 05:01:51 what are the components Jul 20 05:02:03 then var s = this.$.switch; s.next(); s.previous(); s.setIndex(s.getActive().index + 2); Jul 20 05:02:13 they can be whatever you like Jul 20 05:02:29 ok so a scroller can be a new panel Jul 20 05:02:31 oh boy a panels demo, hold up Jul 20 05:02:38 scroller should go outside the panel Jul 20 05:02:47 ok... Jul 20 05:03:05 http://enyojs.com/sampler/ Jul 20 05:03:10 go to layout/panels Jul 20 05:03:17 you can even view source there too Jul 20 05:03:42 kewl Jul 20 05:03:53 basically you want an array of components inside panels Jul 20 05:04:36 so i could put a button and that would be a new panel Jul 20 05:05:45 yeah, that'd be interesting Jul 20 05:06:01 so it's the same as panes in the components Jul 20 05:06:04 ok Jul 20 05:11:18 idk what that is Jul 20 05:11:31 but, Neo Demo uses panels Jul 20 05:11:45 panes are enyo 1's panels Jul 20 05:15:53 getting neo demo ready... Jul 20 05:16:03 or you can download it on the touchpad Jul 20 05:16:04 =P Jul 20 05:16:09 ok Jul 20 05:19:09 it's showing me a blank screen, my code is http://pastebin.com/1Fuzkxju Jul 20 05:19:41 add this: Jul 20 05:19:54 classes: "enyo-fit" to the whole app, and apply fit: true, Jul 20 05:20:03 in panels, add fit: true, Jul 20 05:20:19 should fix Jul 20 05:20:38 ok Jul 20 05:21:20 nope Jul 20 05:21:37 i did classes: "Onyx,, enyo-fit" Jul 20 05:21:45 oops Jul 20 05:21:56 classes: "Onyx, enyo-fit" Jul 20 05:25:43 neo demo in 3 2 1 Jul 20 05:26:17 https://dl.dropboxusercontent.com/u/40574271/Neo%20Demo/index.html Jul 20 05:26:24 give it a sec, uploading files again Jul 20 05:31:38 uh ya, apparently minify doesn't minify the lib/ folder. =\ Jul 20 05:34:57 can i see the source Jul 20 05:35:18 i can give you the source, i can't upload it Jul 20 05:35:25 because i still plan on fixing it and selling it Jul 20 05:35:27 ok Jul 20 05:35:31 oh Jul 20 05:35:54 it's a masterpiece -- you gotta promise not to share it. Jul 20 05:36:38 ok Jul 20 05:37:09 i guess i could view the regular enyo panels from enyojs.com Jul 20 05:39:13 neo demo is live Jul 20 05:39:19 ok Jul 20 05:39:25 it was 5 mins ago Jul 20 05:40:39 so, you want the source huh Jul 20 05:44:03 yw Jul 20 05:44:44 ok, so i should find the two things i need, lists and panels Jul 20 05:45:10 i'd open neo.js, container.js, and ... Jul 20 05:45:48 column.js Jul 20 05:49:21 panels still not rorking Jul 20 05:49:32 huh Jul 20 05:50:15 http://pastebin.com/tEF0HXfK Jul 20 05:51:09 omg i have old builds of neo, part of me thinks it was better early on =O Jul 20 05:51:59 give panels fittablerowslayout Jul 20 05:52:08 add fit: true, to the whole app Jul 20 05:52:20 then, for each component of panels, add fit: true, Jul 20 05:53:35 * fx1 thinks you are using panels incorrectly Jul 20 05:54:10 * baboo tinks fx1 is right Jul 20 05:54:27 in container.js, detailContent on line 254 is a panel Jul 20 05:55:14 and in neo.js, line 30, main is a panl Jul 20 05:56:43 by give panels fittablerowslayout, what do you mean? Jul 20 05:57:27 that makes it render from the top down, auto stretched horizontally Jul 20 05:57:39 components of a fittablerowslayout will render in order from top down Jul 20 05:57:47 ok Jul 20 05:58:09 eg: look in neo.js, main is a fittablecolumnslayout ------ in Neo, there is a sidebar and a right pane that slides left. this is that panels Jul 20 05:58:47 basically the whole visible Neo is a giant panels kind, but it's special because it's a CollapsingArranger, meaning two panes are shown at once, stacked over each otehr Jul 20 05:59:19 i could use a pane with a grabButton Jul 20 05:59:28 i mean panel Jul 20 05:59:53 k, neo totally looked better early on than it did later builds. Jul 20 06:00:35 http://i.imgur.com/IGvpSrH.png Jul 20 06:02:52 ok, panels still not working... Jul 20 06:03:50 if you set background-color to panels do you see the colour? Jul 20 06:05:04 in a style? Jul 20 06:05:21 sure, i do that quick to debug layout probs Jul 20 06:05:44 no red when background-color:red; Jul 20 06:07:00 it looks like there's something covering it Jul 20 06:07:11 chrome elements Jul 20 06:07:12 view in chrome inspector, you can view the node tree and hover Jul 20 06:07:19 yes Jul 20 06:07:25 that's what i did Jul 20 06:07:44 it shows the bounding boxes, but no elements Jul 20 06:08:46 at least visible on the webview Jul 20 06:10:36 ha, yes! i found the legendary Neo-looking-awesome build! Jul 20 06:11:14 does it have panels i can use? Jul 20 06:12:37 {name: "detailContent", kind: "Panels", fit: true, layoutKind: "FittableRowsLayout", Jul 20 06:12:37 //onDestroy: "hideDetailContent", draggable: false, Jul 20 06:12:37 arrangerKind: "LeftRightArranger", margin: 0, wrap: false, index: 0 Jul 20 06:12:37 }, Jul 20 06:12:57 i dynamically add and remove components to that Jul 20 06:14:37 the buttons classes include enyo-unselectable Jul 20 06:14:49 where? Jul 20 06:14:58 in the panels Jul 20 06:15:08 as the final result in chrome Jul 20 06:20:26 http://i.imgur.com/Pvqmaz1.png omg classic... Jul 20 06:21:40 can you jsfiddle your problem so i can playaround with it/ Jul 20 06:21:41 ? Jul 20 06:21:56 sure Jul 20 06:24:33 http://jsfiddle.net/DjuLC/ Jul 20 06:26:20 hold on Jul 20 06:26:28 ok Jul 20 06:28:49 k... so i see stuff here now Jul 20 06:29:00 i dont Jul 20 06:29:09 hold on Jul 20 06:30:06 2 problems. first, main kind shouldn't be a control, it should be a FittableRows. Jul 20 06:30:16 second, nothing is being rendered into the DOM. Jul 20 06:30:35 http://jsfiddle.net/Fnx96/ Jul 20 06:31:24 your text should be unselectable.. it's messing it up Jul 20 06:31:34 yay, backup complete! Jul 20 06:31:44 * fx1 been trying to complete the same backup for about a week, no lie Jul 20 06:32:33 yaya Jul 20 06:32:36 yay Jul 20 06:37:44 i need to go to bed, goodnight Jul 20 06:38:12 k Jul 20 06:38:14 goodnight! Jul 20 08:45:21 goodmorning.... Jul 20 12:48:58 hi joop. thanks for the document. helped me already when i needed to look at a constructor :) Jul 20 14:27:02 ls Jul 20 14:27:07 oops Jul 20 14:33:36 rm -f domidumont Jul 20 14:33:41 oops =) Jul 20 15:59:34 hi fx1! Jul 20 16:10:10 tkx newbeen, hopefully it's done by monday, cause it's for a college at work too Jul 20 16:28:41 ta :) Jul 20 16:34:36 fx1, no red background color when i assign background:red to the component inside the Panels kind Jul 20 16:34:52 in the Image Carousel sampler, the images seem to resize ok if the browser window is made larger - but not if it's made smaller Jul 20 16:35:30 the problem is that the panels don't show up at all Jul 20 16:35:42 looks like they're covered Jul 20 16:48:42 fx1, i'm using enyo 2.1.0 Jul 20 16:48:53 not 2.2.0 Jul 20 17:08:17 guess what it says at the bottom of the enyojs.com pages? Jul 20 17:08:27 sponsored by...... Jul 20 17:08:33 LG!?!?!? Jul 20 17:08:48 that's wierd Jul 20 17:09:12 What's weird about that? Jul 20 17:09:29 unless lg is planning to use it for their webos tvs Jul 20 17:09:41 then it would make sense Jul 20 17:10:00 or maybe just because they like it Jul 20 17:10:08 The core Enyo team is at LG now. Jul 20 17:10:14 like most contributors Jul 20 17:10:21 true Jul 20 17:10:43 because enyo was for tp and now for openwebos Jul 20 17:12:02 and the public/cross-platform Jul 20 17:14:45 * baboo 's head blew up because of the neww enyo 2 layout Jul 20 17:15:18 boom Jul 20 17:17:47 i liked flex and auto-stretched buttons and nice-looking regular enyo buttons Jul 20 17:18:05 :( Jul 20 17:33:32 i'm gonna ditch panels >:) Jul 20 17:48:30 hello... what would be the best way to implement UI feedback 'ontap' on a

, please? Jul 20 17:49:06 to show that the div has been tapped. a brief way to highlight/colour it. CSS? JS? Enyo built-in magic? Jul 20 17:51:28 what does the div look like Jul 20 17:51:34 ui-wise Jul 20 17:52:52 if it's a non-button image, i recommend making a colored border around it Jul 20 17:53:08 if it is a button invert it like in Onyx Jul 20 17:53:21 hey, sorry Jul 20 17:53:26 just text, with a css gradient background Jul 20 17:53:51 ok, then invert the colors of the gradient Jul 20 17:53:55 baboo: how to implement the border-colour change? is that JS? Jul 20 17:53:59 hi fx1 Jul 20 17:54:14 newbeen, css Jul 20 17:55:00 baboo: css's ":hover" ... ? not sure how to go about it for a "ontap" Jul 20 17:55:21 in the ontap function, change the style Jul 20 17:55:34 from js Jul 20 17:56:01 ah, ok. will give that a go. but am changing panels as well ontap, so was wondering what sort of delay there would be Jul 20 17:56:20 (and also whether there is a standard Enyo way of doing what must be a common operation?) Jul 20 17:56:35 maybe .5 to 1 secs fo the panel delay Jul 20 17:56:36 (i.e. click on something which changes rendered screens) Jul 20 17:57:28 baboo: i should introduce the delay explicitly, or do you mean that's the delay that's there? Jul 20 17:57:46 the delay you should add Jul 20 17:57:55 probably .5secs Jul 20 17:58:02 ok, thanks Jul 20 17:58:09 yw Jul 20 17:58:55 i'm creating an app right now too and need help with lists Jul 20 17:59:09 could you please help? Jul 20 17:59:27 i'm using 2.1.0 Jul 20 17:59:28 me? ah, i'd be most happy to, but i doubt i can Jul 20 17:59:32 ok Jul 20 17:59:38 <---newerbie than you, much likely Jul 20 17:59:54 i can't even get panels to work Jul 20 18:00:05 nothing will display Jul 20 18:00:17 wait... should i take your advice then :) Jul 20 18:00:33 onhover Jul 20 18:00:34 i'm better at regular js Jul 20 18:00:48 but i like enyo a lot Jul 20 18:00:53 fx1: ah! Jul 20 18:01:06 baboo, well, it's a whole different well even if it's the same language i expect Jul 20 18:01:14 yep Jul 20 18:01:16 world even Jul 20 18:01:20 brb Jul 20 18:01:45 fx1, can you help me with lists? Jul 20 18:02:06 i hope i don't run into the same problems as i did in enyo 1 Jul 20 18:02:21 sure, open up column.js and go to town Jul 20 18:02:43 ok Jul 20 18:02:59 where in neo is that? Jul 20 18:03:10 hm, can't seem to find onhover in docs Jul 20 18:03:25 javascript/source/ Jul 20 18:03:30 ok Jul 20 18:04:16 * newbeen recklessly tries replacing "ontap" with "onhover"... nope Jul 20 18:04:22 it was the opposite Jul 20 18:06:32 everything you could possibly need for a list is in there Jul 20 18:07:11 onmouseover Jul 20 18:07:24 onmouseout Jul 20 18:07:32 yeah that Jul 20 18:07:37 ;) Jul 20 18:07:47 also ondragstart and ondragfinish Jul 20 18:08:12 newbeen Jul 20 18:08:17 for touch enabled devices Jul 20 18:08:40 what's the problem with lists? Jul 20 18:09:36 joop: ah. is there a standard convention for giving UI feedback "ontap" (say when clicking on a div that changes Panels)? Jul 20 18:09:56 lists can be difficult to manipulate after they've been drawn, and navigation can be a bit tricky Jul 20 18:10:28 ok Jul 20 18:10:44 i've found they're difficult to get working Jul 20 18:11:14 this.$.panels.setIndex(2) //index of panel Jul 20 18:11:42 or setIndexDirect() to ditch the animation Jul 20 18:12:14 joop: i meant like highlighting the div (or similar), to briefly what what has been "tapped" on Jul 20 18:12:27 or this.$.panels.next() Jul 20 18:12:34 or previous() Jul 20 18:12:36 like a depressed-button effect (not necessarily that fancy, just to show what was tapped) Jul 20 18:13:27 ah this.$.button.applyStyle('active', true); Jul 20 18:13:51 great, thanks! Jul 20 18:14:38 or in on tap event you can use: inSender.addRemoveClass('active', true); to toggle Jul 20 18:14:56 cool Jul 20 18:17:18 fx1, could you please repeat the localstorage stuff, the log doesn't show it Jul 20 18:18:44 easy: localStorage is a native JS command, it's basically an object. you can treat it as such Jul 20 18:18:51 it's in resources not in console log Jul 20 18:19:09 localStorage["anything"] = "string"; {object:""}; Jul 20 18:19:29 you should probably stringify objects though, and destringify when fetching Jul 20 18:19:33 but yeah, pie Jul 20 18:19:54 they're going to be strings anyways Jul 20 18:20:22 in the localstorage yes Jul 20 18:20:51 but you can parse them back into objects when you retrieve from localStorage Jul 20 18:21:11 (or sessionStorage for that mather) Jul 20 18:21:39 so if they don't exist they equal null? Jul 20 18:22:17 undefined I think Jul 20 18:22:41 so i can do if(localStorage["anything"] = "string"; == undefined) ? Jul 20 18:22:48 oops Jul 20 18:22:56 so i can do if(localStorage["anything"] == undefined) ? Jul 20 18:23:44 if( JSON.parse( localStorage.getItem("anything) ) == undefined) Jul 20 18:24:04 if you stored json Jul 20 18:24:15 it's not an object i'm trying to store Jul 20 18:24:20 (to convert from string to js object Jul 20 18:24:26 it's a regular string Jul 20 18:24:40 yes then without the json.parse Jul 20 18:24:47 ok Jul 20 18:25:00 since it's already string from LS Jul 20 18:25:06 can you do ints Jul 20 18:25:10 ? Jul 20 18:25:16 i'd just check on app start if (typeof localStorage[myApp] === "undefined") localStorage[myApp] = {}; Jul 20 18:25:45 actually, if you want to copy gameon has functions in the main kind that does it for you Jul 20 18:25:45