Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Dec 10 17:40
    cherifGsoul review_requested #5443
  • Dec 10 16:47
    cherifGsoul review_requested #5441
  • Dec 10 16:35
    cherifGsoul synchronize #5441
  • Dec 10 16:35

    cherifGsoul on update-infrastructure-page

    Fix typos (compare)

  • Dec 10 10:01
    jkeruzec starred canjs/canjs
  • Dec 09 18:59
    cherifGsoul review_requested #5443
  • Dec 09 18:59
    cherifGsoul opened #5443
  • Dec 09 18:51

    cherifGsoul on document-inserted-removed-can6

    Add inserted/removed events to … (compare)

  • Dec 09 15:38
    greenkeeper[bot] labeled #5442
  • Dec 09 15:38
    greenkeeper[bot] opened #5442
  • Dec 09 15:38

    greenkeeper[bot] on can-view-live-5.0.1

    fix(package): update can-view-l… (compare)

  • Dec 08 21:21
    greenkeeper[bot] commented #5392
  • Dec 08 21:21

    greenkeeper[bot] on core-js-3.4.8

    chore(package): update core-js … (compare)

  • Dec 06 18:40
    cherifGsoul review_requested #5441
  • Dec 06 18:39
    cherifGsoul opened #5441
  • Dec 06 18:22

    cherifGsoul on update-infrastructure-page

    Update infrastructure page with… (compare)

  • Dec 06 18:14
    greenkeeper[bot] commented #5422
  • Dec 06 18:14

    greenkeeper[bot] on @feathersjs

    chore(package): update @feather… (compare)

  • Dec 06 18:11
    greenkeeper[bot] commented #5401
  • Dec 06 18:11

    greenkeeper[bot] on @feathersjs

    chore(package): update @feather… (compare)

Jeroen Cornelissen
@jeroencornelissen
@pYr0x this could work, I already have a component for each input type so I could provide a focus attr from the backend.
I console log the inserted event and that gets triggered every time so this could work :+1:
Julian
@pYr0x
other option is to use autofocus
Jeroen Cornelissen
@jeroencornelissen
@pYr0x autofocus only seems to werk first time, not when switching between forms.
With the extra focus attribute I can make it work! :clap:
Julian
@pYr0x
good.. if you can add your working example to the forum, would be nice
or provide a solution
Mohamed Cherif Bouchelaghem
@cherifGsoul
@jeroencornelissen thank you for submiting it in donejs forums
This message was deleted
Christopher Oliphant
@RALifeCoach
in the docs it recommends including css files with components
how best to do that?
is there some way of bringing the file into the component?
Guido Smeets
@gsmeets
Depending on how much css you have I wouldn't bother
Julian
@pYr0x
dont understand the question...
Christopher Oliphant
@RALifeCoach
there is a property on component for template, it would be nice to have a property for css - that could be a css, less or sass string or file
Julian
@pYr0x
what do you mean with property?
Christopher Oliphant
@RALifeCoach
can.Component.extend({
tag: ‘tag-name’
*template*: can.view(’path to stache file’)
wwould tag and template not be properties of the component?
Julian
@pYr0x
include css or less import 'path/to/style.css';
Christopher Oliphant
@RALifeCoach
except this project does not use steal
Julian
@pYr0x
or require();
tried <can-import>?
in the template
Christopher Oliphant
@RALifeCoach
interesting suggestion, can I use it to import a script as well?
Julian
@pYr0x
i think so
try it
Christopher Oliphant
@RALifeCoach
I will, do you know the docs mean when they say that can-import only works with can.autorender?
Julian
@pYr0x
it says with can.autorender or the system plugin
Christopher Oliphant
@RALifeCoach
even still, I am not sure what that means
you have to use stache can/view/stache/system
it means, it works with stache templates and a script tag that is tagged as autorender
Christopher Oliphant
@RALifeCoach
This project is not using steal or system. There is no DI.
Julian
@pYr0x
you dont need steal
or system
it works with stache
which is provided by stache
Christopher Oliphant
@RALifeCoach
okay - I will play with it and see what I can figure out
Christopher Oliphant
@RALifeCoach
I apologize for asking so many questions. And I now have another one.

I have a component like so:

<feature-icon type="photo" types="photos" isActive="{{isActive}}" hasMedia="{{hasMediaContent('photos')}}" profilesURL="options.profilesURL"></feature-icon>

The ‘hasMedia’ attribute changes, but the binding to ‘hasMedia’ doesn’t fire.

    can.Component.extend({
        tag: 'feature-icon',
        template: can.view('/modules/feature-icon/feature-icon.stache'),
        viewModel: can.Map.extend({
            init: function () {
                this.bind('hasMedia', function () {
                    debugger;
                });
            },
            hasMedia: false
        })
    });
Christopher Oliphant
@RALifeCoach
when I examine the element I can see that hasMedia has changed
Julian
@pYr0x
try
better use the define plugin... getter and setter
for making sideeffects
Christopher Oliphant
@RALifeCoach
The first suggestion didn’t work.
    can.Component.extend({
        tag: 'feature-icon',
        template: can.view('/modules/components/feature-icon/feature-icon.stache'),
        viewModel: can.Map.extend({
            hasMedia: false
        }),
        events: {
            '{viewModel} hasMedia': function () {
                debugger;
            }
        }
    });
Julian
@pYr0x
and how do you change hasMedia?