Trying to load dynamic Styling of selected indexes

Help Requests
1

hi @bigopon I have a list of items, when i select multiple items, I am maintaining a list in the view-model,

what i want to achieve is, all the selected items, i want to color their border.

here is code …

<div repeat.for="item of items" class="item-view" click.delegate="selectedItem(item, $event)">
    <div class="item-wrapper ${selectedItemList.$index === item ? 'border-color': ''}">${item}</div>

selectedItemList is an array of selected Items,
but its not working.

1 Like
2

You would probably help him help you if you used dumber and created a code example he could review/change like the following. You can create a new one, or just add your example that isn’t working for you.
https://gist.dumber.app/?gist=7f63f733103a72e5f8660a9eba60ff0e

2 Likes
3

I am not able to write my code in dumbler. Would you please assist.

1 Like
4

Did you try using the fork, or create a new draft options?
You won’t be able to change the one I linked to as you are not the owner.
Try clicking on fork to create a copy that you can update and save.

I can’t make one as you would have the same issue trying to change it.
Let me know if you have any more issues with that and I’ll try to help figure out what is going on.

1 Like
5

Yes, I tried with create a new draft, but i am not able to write anything.

1 Like
6

Hmm…appear its broken as I can’t see anything in the source pane as well though the output pane is showing the forked project fine.
@huochunpeng I think you manage this? Is dumber broken? Tried on two different computers in chrome.
The error I am seeing in the console when selecting a source file is:

Uncaught TypeError: t.verify is not a function
    at codemirror-bundle.29f1a574afe262e751fe824e34306d96.js:1
    at p (codemirror-bundle.29f1a574afe262e751fe824e34306d96.js:1)
    at Object.lint (codemirror-bundle.29f1a574afe262e751fe824e34306d96.js:1)
    at new Is (codemirror-bundle.29f1a574afe262e751fe824e34306d96.js:1)
    at Is (codemirror-bundle.29f1a574afe262e751fe824e34306d96.js:1)
    at app-bundle.c21dab80fd5b94537af30356fc626b92.js:1
1 Like
7

New codemirror version broke, will fix soon.

2 Likes
8

Latest htmlhint broke codemirror integration.
Dumber gist is patched and working again.

2 Likes