einkaufszettel/app/components/produkt.js

import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
import { inject as service } from '@ember/service';

export default class ProduktController extends Component {
    @tracked isLarge = false;
    @tracked isSelected = false;
    
    @service store;

    @action toggleSize()
    {
        this.isLarge = !this.isLarge;
    }

    @action toggleSelection(produktname)
    {
        this.isSelected = !this.isSelected;
        this.setStatus(produktname);
    }

    @action getStatus(produktname)
    {
        this.store.findAll('produkt')
            .then(function(suchergebnis) 
            {
                suchergebnis.forEach(element => {
                    if(element.titel==produktname)
                    {
                        this.isSelected = element.getStatus().isSelected;                    
                    }                    
                });

                if(!this.exists)
                {
                    this.isSelected = false;
                }
            });
    }
 
    setStatus(produktname)
    {
        
        //schreibt den aktuellen Zustand in den store
        let suchergebnis = this.store.query('produkt', {
            filter: 
            {
              titel: produktname
            }}).then(function(element) 
            {
                element.isSelected = this.isSelected;    
            });;
    } 
}