aurelia/Discuss

Aurelia 1.x Q&A - Sandbox at https://codesandbox.io/s/aurelia-javascript-sandbox-jnl6q85zq5

Richard Deckard

@RichardDeckard

sometimes i wonder how much energy am i spending on typings

José A. Sachs

@jhewt

Someone tried aurelia-cli? I can't require css files in a view

Richard Deckard

@RichardDeckard

do I goto es6

es7

no, gotta stick with Typescript...i'm a typed guy:)

kevmeister68

@kevmeister68

@MaximBalaganskiy TS2?

Max

@MaximBalaganskiy

@kevmeister68

:point_up: June 28, 2016 2:12 PM

kevmeister68

@kevmeister68

Thanks

Richard Deckard

@RichardDeckard

when does ts2 go RTM?

Max

@MaximBalaganskiy

i checked yesterday the green bar on TS2 milestone is almost complete

Richard Deckard

@RichardDeckard

hehe

Max

@MaximBalaganskiy

waiting for generators support in es5

Jason Sobell

@jsobell

Yeah, it's just a few issues like this: Object destructuring broken: variables are bound to the wrong object

Nothing serious... :)

Max

@MaximBalaganskiy

stupid safari does not support them

Richard Deckard

@RichardDeckard

jason: typescript or babel doesn't do that yet?

Cory Deppen

@corydeppen

@jhewt I'm able to require css files that are within src without a problem in a CLI project. I've been trying to determine if it should be possible to require css files from outside src for things like Bootstrap and Font Awesome.

José A. Sachs

@jhewt

@corydeppen Exactly, that was the problem I was facing. In my case trying to load a Material Design Lite CSS file from "mtl/dist/material.min.css"

Max

@MaximBalaganskiy

@jhewt in JSPM's case the css is loaded by the JS script itself

ups... sorry, didn't see "lite" word, i'm using materializecss

José A. Sachs

@jhewt

hehe, I've been using materializecss

I wasn't quite happy with it

Max

@MaximBalaganskiy

any particular things?

is there a bridge for aurelia?

José A. Sachs

@jhewt

for MaterializeCSS or Material Design Lite?

Max

@MaximBalaganskiy

for Material Design Lite

José A. Sachs

@jhewt

MDL from now on, easier on my fingers

There was one, now it's dated

They moved to React

However, there's an easy way to register and unregister MDL elements

and no jQuery

Patrick Walters

@PWKad

To me it is surprising that a bridge is necessary for a CSS framework to work with a JavaScript library(ies)

José A. Sachs

@jhewt

That was my #1 problem with MaterializeCSS

Indeed, I just did a CustomAttribute to register and unregister the element

with Attach and Dettach events

Patrick Walters

@PWKad

That seems pretty natural to me, the styling should be independent of the usage

Why did you need to use a bridge in the first place, just curious?

Seems that any CSS framework should be relatively agnostic of the consumer

José A. Sachs

@jhewt

export class MdlComponentCustomAttribute {
    static inject = [Element];
    constructor (element) {
        this.element = element;
    }
    attached() {
        componentHandler.upgradeElement(this.element);
    }
    detached() {
        componentHandler.downgradeElements(this.element);
    }
}

then <button mdl-component .... >

Max

@MaximBalaganskiy

@PWKad the bridge provides attributes or custom elements to initialize widgets

José A. Sachs

@jhewt

and that's all the integration I had to do

@PWKad the bad thing about MaterializeCSS was the usage of jQuery, MDL does not

Max

@MaximBalaganskiy

@PWKad also, it's nice to just bind to an attribite and it will generate options tags for example without the need to repeat-for manually

Patrick Walters

@PWKad

Doesn't seem related to Aurelia though, why did you need to use jquery for aurelia? Simply for using a CSS framework?

José A. Sachs

@jhewt

With MaterializeCSS yes, jQuery was required

Max

@MaximBalaganskiy

DateTime picker requires it at least

José A. Sachs

@jhewt

That's why I ditched it and moved to MDL

Patrick Walters

@PWKad

Usually my styling is independent of my framework choice

Where communities thrive

People

Repo info

Activity