Ok, I figured out that these *<core-header-panel flex>* tags are HTML5 boolean attributes (see here <http://www.acnenomor.com/830633p1/jquery-and-html5-valueless-data-attributes> and do a "*boolean*" text search here <https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes>).
I don't see an actual definition anywhere, just code and markup that refers to them. And browsers definitely respond to them. So with that, is there a way to generate them, using hiccup <https://github.com/weavejester/hiccup>, enlive <https://github.com/cgrand/enlive> or enfocus <https://github.com/ckirkendall/enfocus>? I don't see that feature in those libs. The ideal would be *i)* enlive-stlye templating, that works with *ii)* Om (or Freactive, Reagent or Quiescent), and *iii)* web components (Polymer <http://polymer-project.org> et al.), respecting *iv)* HTML5 boolean attributes, which Polymer uses. But I can compromise, requiring mainly Polymer and HTML5 boolean attributes. Has anyone gotten close to this combination? Thanks Tim Washington Interruptsoftware.com <http://interruptsoftware.com> On Tue, Dec 16, 2014 at 4:19 PM, Timothy Washington <[email protected]> wrote: > > Has anyone gotten Om <https://github.com/swannodette/om> or Freactive > <https://github.com/aaronc/freactive> to work with Polymer > <https://www.polymer-project.org/> components? > > Om currently requires use of the *React.DOM API*. And hiccup > <https://github.com/r0man/sablono> or enlive > <https://github.com/ckirkendall/kioo> style templating for Om, doesn't > seem to support polymer, or any web components. Let me know if I'm missing > something. > > I got a little further with Freactive. However Polymer has these kind of > pseudo attributes without keys > <https://www.polymer-project.org/docs/elements/core-elements.html#core-ajax> > (in *bolded blue*). First of all, what are those? And secondly, can we > generate them with Freactive's template model? My attempt is the hiccup > like syntax in *landing.cljs*, which *does not* generate the desired html > (missing the blue keys). > > > *landing-body.html * > > <core-header-panel *flex*> > <core-toolbar *layout*> > <div class="tk-lust-script header-logo">fubar</div> > <div class="tk-open-sans header-text">fubar</div> > <span *flex*> </span> > <div class="tk-open-sans header-text" id="signout">logout</div> > </core-toolbar> > ... > </core-header-panel> > > > *landing.cljs* > > (defn view [] > [:core-header-panel *flex* > [:core-toolbar *layout* > [:div { :class "tk-lust-script header-logo" } "fubar"] > [:div { :class "tk-open-sans header-text" } "fubar"] > [:span *flex* " "] > [:div { :class "tk-open-sans header-text" :id "signout" } > "logout"]] > > ...]) > > (defonce > root > (dom/append-child! (.-body js/document) > [:div#app])) > > (dom/mount! root (view)) > > > > Thanks > > Tim Washington > Interruptsoftware.com <http://interruptsoftware.com> > -- Note that posts from new members are moderated - please be patient with your first post. --- You received this message because you are subscribed to the Google Groups "ClojureScript" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/clojurescript.
