**** BEGIN LOGGING AT Thu Aug 07 02:59:59 2014 Aug 07 06:42:23 hi all, is there any example how to code childBindingDefaults of enyo.DataRepeater? Aug 07 11:08:12 afternoon room Aug 07 11:09:10 dmanderson: do you read in the logs what I said about the moonstone tut? Aug 07 12:26:06 trex005: you there? Aug 07 14:03:21 GodGinrai: Hello Aug 07 14:03:45 did you ever figure out what you were doing wrong yesterday? Aug 07 14:04:18 Nope, in my code it clearly doesn't work, and in yours it does. But mine is too complicated to share :) Aug 07 14:04:28 lol Aug 07 14:04:39 I'm okay with this.$.blah.$.blah2 for now in my code Aug 07 14:04:39 try to build a fiddle where the bug happens? Aug 07 14:05:38 I'm at least a month past schedule on this project, so I'm erroring on the side of quick now. Aug 07 14:05:43 erring Aug 07 14:05:54 ah, ok Aug 07 14:06:34 it was a simple project, but I chose Node/socket/enyo when I didn't know the stack well enough. Aug 07 14:06:42 so now I'm WAY behind Aug 07 14:06:55 Maybe it could be a problem with the version of Enyo you are using? Aug 07 14:07:08 2.4 I'm pretty sure Aug 07 14:07:22 I know the minified enyo.js that comes in the 2.4 bootplate you download on the site has some serious bugs in it Aug 07 14:08:09 it was the bootplate that I used Aug 07 14:08:17 but I don't know how to change that Aug 07 14:08:39 does the one from github have the same issues? Aug 07 14:08:56 chall: I don't know. I just use a nightly version Aug 07 14:09:31 GodGinrai: how do you build/deploy etc? Aug 07 14:10:06 I've never made it past the bootplate with debug.html Aug 07 14:11:13 trex005: All of my projects have been company-facing, so speed was not as much of a concern, so I never "built" any streamlined minified version of my apps. I just grabbed the enyo.js and enyo.css and went on my merry way Aug 07 14:11:58 trex005: Basically, I have a simple HTML page that includes enyo and enyo.css and package.js Aug 07 14:12:12 hmm, unless the 2.4 release of enyo has those bugs in it, the bootplate from github should be fine Aug 07 14:12:16 gocha.... no different than jsfiddle Aug 07 14:12:17 then in my app.js (or similar), I have an enyo.ready that makes a new app Aug 07 14:12:51 chall: here's the weird thing. The bootplate you get on the website has the bugs in the minified version, but not if you use the source in that zip file. Aug 07 14:13:10 that is odd Aug 07 14:13:13 yea Aug 07 14:53:50 hey dmanderson, you there? Aug 07 15:58:21 yup right here Aug 07 15:59:05 where in the component creation process does the owner get set? Aug 07 16:32:05 GodGinrai https://github.com/enyojs/enyo/blob/master/source/kernel/Component.js#L326 Aug 07 16:55:07 good morning Aug 07 16:55:21 Good morning Zectbumo! Aug 07 16:55:26 aka Zectbump! Aug 07 16:55:32 =) Aug 07 16:55:48 and a good Zectbump to you too Aug 07 16:56:19 dmanderson: did you get a chance to check out the bargraph? Aug 07 16:56:38 I got a chance to look a little bit, but not a whole bunch :) Aug 07 16:57:21 did you get a feel for where it could go in the samples? I looked at the other samples and found that my app isn't much of a sample but more of a demo Aug 07 16:57:48 so I'm not sure it fits with the others Aug 07 16:59:04 Yeah, I see what you are saying about it not fitting directly in that use case. Aug 07 17:00:36 I would think there needs to be a new catagory, like demo, or App Aug 07 17:01:46 dmanderson: If you want me to put the effort into putting it in samples, I will. If not then it was worth it just to learn some Enyo. Aug 07 17:47:02 If I want to design on a grid, is there an easy enyo way to do that? Aug 07 17:50:49 trex005 have you looked at GridList? Aug 07 17:50:50 http://enyojs.com/docs/2.4.0/api/#enyo.DataGridList Aug 07 17:51:34 I think I'm in 2.4. Do you have examples of how to use it? Aug 07 17:53:07 In the sdampler Aug 07 17:53:09 under Core/UI Aug 07 17:53:14 http://enyojs.com/sampler/2.4.0/ Aug 07 17:53:20 Thank you :) Aug 07 17:53:50 back Aug 07 17:54:01 np! Aug 07 17:55:16 dmanderson: is there a way to just specify each element I want as a component, say at what X and Y, and how many tall and wide? Aug 07 17:55:43 trex005: use CSS Aug 07 17:57:15 Zectbumo: you mean on each data element, just specify css? Aug 07 17:57:41 are you talking about in general or inside the grid? Aug 07 17:57:55 inside a grid. Aug 07 17:58:38 trex005: When you say "design in a Grid", what do you mean? Aug 07 17:58:50 we are talking about DataGridList Aug 07 17:59:21 I currently have a responsive design, but it's all created using columns nested in rows nested in columns etc Aug 07 17:59:33 I was thinking it'd be way cleaner, just to use a grid Aug 07 18:00:03 trex005: HTML isn't really built this way unless you do everything absolute Aug 07 18:00:19 so if I want 9x9, I don't have to have 3 columns, each containing 3 rows. Aug 07 18:00:46 ^ see above Aug 07 18:01:20 GodGinrai: yeah, I know... To complicate things, I have aspect ratios I'm trying to maintain .... Aug 07 18:01:28 trex005: http://alistapart.com/article/css-positioning-101 Aug 07 18:02:31 I've been working in HTML since there was HTML.... I was just hoping since enyo was an app language, someone would have a simple answer :) Aug 07 18:03:47 trex005: did you surf around the Sampler in the Layout section? Maybe there is something there that looks interesting Aug 07 18:04:01 like maybe the Panels section Aug 07 18:05:13 I' played around a lot with it in the 2.3 days. Aug 07 18:05:14 trex005: it still has to display it in HTML and CSS in the end Aug 07 18:06:00 GodGinrai: yeah... just trying to clean things up :) Aug 07 18:06:11 Thanks for trying guys :D Aug 07 18:07:14 dmanderson: There's a big lack of good enyo Canvas examples Aug 07 18:07:40 yes, yes there is Aug 07 18:07:53 how is canvas related to enyo though? Aug 07 18:08:02 Zectbumo: enyo.Canvas Aug 07 18:08:16 Yes, interactive Canvas examples would be awesome Aug 07 18:08:46 ah, 3d on the roadmap? Aug 07 18:09:08 enyo.WebGL Aug 07 18:09:38 I'm going to be sitting down and learning canvas sometime maybe this weekend, so I might try to port over whatever I make to an enyo version to learn how to do it Aug 07 18:10:02 Zectbumo: The 3D context for canvas is still all iffy right now. No one has really come to any agreements Aug 07 18:10:17 that's the trend these days Aug 07 18:12:44 dmanderson: is there any point to using moonstone outside of TV? Aug 07 18:13:27 I want to surf the web with just my cursor keys and space bar on my desktop Aug 07 18:13:29 trex005: If you like the UI Aug 07 18:13:48 Zectbumo: you can use Spotlight without using Moonstone Aug 07 18:14:00 oh nice Aug 07 18:14:08 It's BIG from what I see in the sample.... does it scale to mobile? What's it's claim to fame? Aug 07 18:14:13 can I use moonstone without spotlight? Aug 07 18:14:45 Zectbumo: yes. However, if you use it w/o spotlight for a TV app, you will probably frustrate your users Aug 07 18:15:12 is moonstone mobile friendly? Aug 07 18:15:35 trex005: it's claim to fame is flat UI. I don't believe it is mobile friendly, however you would have to ask dmanderson about that Aug 07 18:16:05 GodGinrai: so it's basically the "new" look? Aug 07 18:16:42 trex005: new look, some better designed kinds (the moonstone picker is much better than the onyx one) Aug 07 18:17:37 yeah, no, not mobile friendly. says my phone Aug 07 18:17:39 imho, if you are interested in a new UI Aug 07 18:17:49 Mochi is where it's at Aug 07 18:17:58 at least the moonstone sampler is not mobile friendly Aug 07 18:18:46 I've never found onyx that great.... maybe I'll look into Mochi... Aug 07 18:19:06 is there a sampler for Mochi anywhere? :) Aug 07 18:19:39 @Pinkberry and @Yogurtland Aug 07 18:20:54 https://github.com/enyojs/mochi/wiki/Mochi-Designs Aug 07 18:21:20 http://latest.enyojs.com/lib/mochi/samples/ Aug 07 18:21:25 trex005: There are mochi samples, but all of them are broken do to a code mistake in them. Aug 07 18:21:33 since they use .write() Aug 07 18:21:56 Ahhh.... IC Aug 07 18:22:13 if you use Firebug to change the HTML code to instead do .renderInto(document.body) it will show ujp Aug 07 18:22:16 *up Aug 07 18:22:35 you can see the PNG links from my link to see the what-if-it-worked version Aug 07 18:23:02 Zectbumo: yea, but you don't get to see the cool transitions w/ the PNG Aug 07 18:23:16 * Zectbumo is missing out Aug 07 18:24:32 fantastic! it worked Aug 07 18:24:40 new mochi.sample.ButtonSample().renderInto(document.body); Aug 07 18:25:08 yup :) Aug 07 18:26:04 oh the sliders are WAY better now than a PNG Aug 07 18:28:27 oh" the spinners are fun Aug 07 18:29:59 yup Aug 07 18:32:28 oh the progressbar sample actually does renderInto. I don't like the progress bar. I can't see the progress Aug 07 18:33:16 I like the text progress bars Aug 07 18:34:44 oh, I changed .mochi-progress-bar background-color:#eee MUCH MUCH better. Aug 07 18:35:30 the #a2a2a2 hurts my eyes and I can't see Aug 07 18:36:00 where the #eee looks like an etched surface filling in with cool blue/red beams Aug 07 18:37:14 Zectbumo: you can over-ride .mochi-progress-bar to change the height of the progress bars if you feel they are too thin Aug 07 18:38:03 yeah, doing that now. actually, changing the margin. I like thin. but I was talking about the contrast. Aug 07 18:38:21 blue and red contrast against #a2a2a2 is not good Aug 07 18:38:26 .mochi-progress-bar-bar is the class that applies the background-color Aug 07 18:38:41 and you can actually apply your own classes with the published "barClasses" property Aug 07 18:39:12 can't we just change the default? Aug 07 18:39:54 you can, but you should always use your own classes to override the default, that way you aren't having to make these changes whenver you upgrade mochi or enyo Aug 07 18:40:30 oh wait Aug 07 18:40:32 I'm trying to help the world Aug 07 18:40:43 barClasses is for applying classes to the progress part Aug 07 18:40:47 and just classes Aug 07 18:41:00 is for applying to the back of the bar Aug 07 18:41:19 I'm not looking to override. I'm looking for a better Mochi for the public Aug 07 18:41:27 Zectbumo: lol Aug 07 18:41:47 honestly, the color you chose is too similar to the standard mochi background color Aug 07 18:41:53 exactly! Aug 07 18:41:59 etched Aug 07 18:42:19 rather than etched, invisbile... Aug 07 18:42:20 you don't want to really see it, just a subtle etching Aug 07 18:42:39 oh do you have to adjust your monitor to see it? Aug 07 18:43:00 No, but it is almost at that point Aug 07 18:43:09 so you do see it Aug 07 18:43:17 when I focus on it Aug 07 18:43:23 GodGinrai: do you have a hand in Mochi? Aug 07 18:43:24 perfect Aug 07 18:43:37 trex005: absolutely none, but I've been meaning to use it for a project Aug 07 18:47:10 GodGinrai: okay, how about a compromise. #ddd but no lower Aug 07 18:47:37 much better Aug 07 18:50:27 wow Aug 07 18:50:30 got d/ced Aug 07 18:50:32 no idea why Aug 07 18:52:07 hmm Aug 07 18:57:33 GodGinrai: now with #ddd try .mochi-sample-progress-bar{ margin: 2px 16px; } Aug 07 18:58:16 what do you think? Final product. Aug 07 19:07:41 Zectbumo: you realize that's supposed to be 3 progress bars, right? Aug 07 19:08:20 GodGinrai: no, I thought that was the design :/ Aug 07 19:08:24 lol no Aug 07 19:08:28 that was 3 Aug 07 19:08:33 aw Aug 07 19:08:57 although I do admit that one progress bar control that contained 3 of these as close together as you are doing would make for a sleek progress indicator Aug 07 19:11:01 right?! Aug 07 22:07:25 is there a way to write arbitrary HTML with Enyo? Aug 07 22:08:02 one of my coworkers is dealing with some typography stuff from our designer and he's been complaining about the way he has to structure everything to make it work Aug 07 22:11:52 You can alter the html output of the literals chall Aug 07 22:12:02 or you can render enyo inside any element as well. Aug 07 22:12:08 {tag:’span’} Aug 07 22:12:16 for instance will make the element render as a span rather than a div Aug 07 22:12:57 You can also use the flaw allowHTML Aug 07 22:13:04 and write html inside the content: “" Aug 07 22:13:08 *flag Aug 07 22:13:59 my bad allowHtml see : http://enyojs.com/docs/2.4.0/api/#enyo.Control Aug 07 22:14:21 or specifically http://enyojs.com/docs/2.4.0/api/#enyo.Control::allowHtml Aug 07 22:14:51 yeah, just found that Aug 07 22:15:03 thanks Aug 07 22:15:08 np! Aug 07 22:15:37 these guys are all spoiled because of the library I wrote for them for our last project Aug 07 22:15:55 it had a Raw object that you could just dump arbitrary stuff into and it would just render it out Aug 07 22:22:51 :) break that habit! :D Aug 08 01:58:11 Hey all, can I bug you guys with a question? I’m trying to learn how to create a list in enyo 2 and I am having problems figuring it out. I want to pull in data from a source and export it into a list. Each list item has 3 parts (ex. first name, last name, age). I have only been able to figure out how to get one item to show (ex. only the whole list of first names) but I’m not sure how to get all three items to display. Aug 08 02:00:59 i2y4n can you put up a jsfiddle with your code so we can see what you are doing? Aug 08 02:03:27 I’d have to learn how to do that first Aug 08 02:03:56 http://www.jsfiddle.net Aug 08 02:04:31 choose enyo from the bar on the left to include the enyo library, then put your JS code in the JS section Aug 08 02:07:53 and use ctrl-s to save your fiddle, since the save button seems to be missing lately Aug 08 02:08:43 nvm, that doesn't seem to be working either Aug 08 02:08:47 screw it, just use jsbin Aug 08 02:09:13 http://jsbin.com/ Aug 08 02:09:36 On JSBin, just add Enyo using the add library button Aug 08 02:10:27 when you want to share the link, just click the "share" button Aug 08 02:10:53 and then select HTML, JS, and Output to show. And copy the link in the box below the text "link" Aug 08 02:11:29 dmanderson: this JSFiddle bug is still around -_- Aug 08 02:12:07 i2y4n: Was I clear enough? Aug 08 02:23:13 o_ Aug 08 02:30:14 Sorry, I had to step away. I will try shortly. It looks like you were clear, thank you Aug 08 02:30:51 alright :) Aug 08 02:41:15 I don’t see an output on jsbin and I don’t see the link either. Still trying to figure it out Aug 08 02:42:19 ok, so you know where it says "File | Add Library | Share"? Aug 08 02:42:30 yep Aug 08 02:42:52 There are buttons to the right of that that say "HTML | CSS | Javascript | Console | Output" Aug 08 02:43:00 those toggle the different frames for your view Aug 08 02:43:05 http://jsbin.com/pubutuli/1/edit?html,js,output Aug 08 02:43:59 how about this one… http://jsbin.com/pubutuli/1/edit?html,js,output Aug 08 02:44:32 I'm looking at it Aug 08 02:46:09 So I just want to output “Alex” and “13” at the same time. In two different rows then move on to the next item, “Aric” and “12” Aug 08 02:47:11 yea, I see what you are saying Aug 08 02:48:20 you want them in 2 rows or 2 columns? Aug 08 02:48:38 I want them in 2 rows. Aug 08 02:48:51 so you want the age to show up below the name? Aug 08 02:49:16 correct Aug 08 02:49:19 I’m used to invoking a loop for something like this, but not sure how to do it in enyo. Aug 08 02:49:19 ok Aug 08 02:52:48 Or I was thinking if I could make a template. “Name: Age:” in 2 rows and then pull the datasource items through the template one item at a time… Aug 08 02:55:12 there are many ways to do this Aug 08 02:58:12 i2y4n: here's one way to solve the problem: http://jsbin.com/nozovobi/1/edit?html,js,output **** ENDING LOGGING AT Fri Aug 08 02:59:59 2014