Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 19:08
    cherifGsoul labeled #5390
  • 19:07
    cherifGsoul opened #5390
  • 18:45
    greenkeeper[bot] labeled #5389
  • 18:45
    greenkeeper[bot] opened #5389
  • 18:45

    greenkeeper[bot] on can-observable-bindings-1.3.0

    fix(package): update can-observ… (compare)

  • 18:29

    matthewp on master

    Update dist for release (compare)

  • 18:29

    matthewp on v6.1.3

    Update dist for release 6.1.3 (compare)

  • 17:59

    matthewp on can-observable-array-1.0.2

    (compare)

  • 17:59

    matthewp on master

    fix(package): update can-observ… Merge pull request #5388 from c… (compare)

  • 17:59
    matthewp closed #5388
  • 16:46
    greenkeeper[bot] labeled #5388
  • 16:46
    greenkeeper[bot] opened #5388
  • 16:46

    greenkeeper[bot] on can-observable-array-1.0.2

    fix(package): update can-observ… (compare)

  • 12:45
    greenkeeper[bot] labeled #5387
  • 12:45
    greenkeeper[bot] opened #5387
  • 12:45

    greenkeeper[bot] on can-stache-element-1.0.2

    fix(package): update can-stache… (compare)

  • 09:49
    chasenlehara edited #5384
  • 09:47
    chasenlehara edited #3864
  • 09:46
    chasenlehara edited #5383
  • Oct 17 20:12

    matthewp on master

    Update dist for release (compare)

Leath Cooper
@IcculusC
am I really the only person seeing that?
Mohamed Cherif Bouchelaghem
@cherifGsoul
you can use can-define also
@IcculusC Im installing dependecies
Leath Cooper
@IcculusC
thank you
Christopher Oliphant
@RALifeCoach
@IcculusC do you have a sample of using DefineMap as a viewModel and updating it from a compnent’s event?
Sunil George
@georgesunil81
 $('#my-div').append('<p>{{mykey}}</p>');
Leath Cooper
@IcculusC
I'm actually not using events at the moment
I'm fighting with event bindings instead
Christopher Oliphant
@RALifeCoach
@cherifGsoul can you show me an example?
Sunil George
@georgesunil81
Is there a way that the above stache key be resolved into its value also when it is dynamically inserted into the DOM?
Mohamed Cherif Bouchelaghem
@cherifGsoul
@RALifeCoach I dont have working example but you can check the tests
@georgesunil81 $('#my-div').append(can.view('<p>{{mykey}}</p>',{myKey: value}));
Sunil George
@georgesunil81
Thanks @cherifGsoul I will try it out. Thanks for the help.
Mohamed Cherif Bouchelaghem
@cherifGsoul
np
@IcculusC did you check the binding docs?
Christopher Oliphant
@RALifeCoach
‘check the tests’ that sounds like a very time consuming activity
Leath Cooper
@IcculusC
@cherifGsoul yeah, I opened an issue on can-component when I thought it was an error there if you want to see how I'm using it it's issue #27
err, on that repo not his one
canjs/can-component#27
@RALifeCoach just gotta install dependencies and type npm test lol
Christopher Oliphant
@RALifeCoach
I am looking for a very specific piece of code to discover the magic syntax to make this work. That won’t happen by typing npm test.
Mohamed Cherif Bouchelaghem
@cherifGsoul
@RALifeCoach I hope you are just experiementing with 3.0!!
Christopher Oliphant
@RALifeCoach
Experimenting or not I still need to find the magic syntax.
(As a comment that how working with CanJS feels. You fight with it until you find the magic syntax and then it starts working.)
Mohamed Cherif Bouchelaghem
@cherifGsoul
@RALifeCoach How you write your component?
Christopher Oliphant
@RALifeCoach
Component.extend({
    tag: 'pgat-player-bio',
    template,
    viewModel: PlayerBioViewModel,
    events: {
        inserted: function () {
            Players.get({ id: 'id' }).then($.proxy((data)=>{
                this.onPlayersData(data);
            }, this));
            console.log(this.viewModel.personalStats.scoringAverage;
        },
        onPlayersData: function (playerList) {
            this.players = {};
            playerList.players.forEach((player)=>{
                this.players[player.playerId] = player;
            });
            this.viewModel.attr('playerList', playerList);
        }
    }
});
The viewModel is:
Mohamed Cherif Bouchelaghem
@cherifGsoul
PlayerBioViewModel is with the new can-define?
Christopher Oliphant
@RALifeCoach
var PlayerBioViewModel = DefineMap.extend({
    name: 'Select Player',
    personalInfo: {
        Value: PlayerBio
    },
    personalResults: {
        Value: PlayerResults
    },
    personalStats: {
        Value: PlayerStats
    },
    personalStat186: {
        Value: PlayerStat186
    },
    playerList: {
        players: []
    },
    showMetric: false
});
Two issue, so far, the values are not being initialized and I can’t update the values from the component events
I have tried this.viewModel.attr(‘property…), this.viewModel.set(‘property’…), this.viewModel.property
For item 1 PlayerStat186 is:
Christopher Oliphant
@RALifeCoach
var PlayerStat186 = DefineMap.extend({
    owgRank: {
        value: ''
    }
});
But in the inserted event playerStat186 is undefined
Mohamed Cherif Bouchelaghem
@cherifGsoul
@RALifeCoach what are the dependencies for the viewModel
?
Christopher Oliphant
@RALifeCoach
do you mean this? var DefineMap = require('can-define/map/map');
Mohamed Cherif Bouchelaghem
@cherifGsoul
yes what else?
Christopher Oliphant
@RALifeCoach
What are you looking for?
I don’t think there is anything else.
Mohamed Cherif Bouchelaghem
@cherifGsoul
Christopher Oliphant
@RALifeCoach
do I assign it to anything or just require it?
I added can-view-model. this.viewModel.playerStats is still undefined. When I assign this.viewModel.playerList = playerList; I do not get an error, but nor do I see the data in the stache.
Mohamed Cherif Bouchelaghem
@cherifGsoul
I can not realy help you right now
I need time to try it
Christopher Oliphant
@RALifeCoach
I understand. You have a job that requires your attention.
Mohamed Cherif Bouchelaghem
@cherifGsoul
:)
I learn the 3.0 like you :)
Leath Cooper
@IcculusC
hey @RALifeCoach is your code on github somewhere
Christopher Oliphant
@RALifeCoach
Who actually knows it?