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 RezeptController extends Component {
    @tracked isLarge = false;
    @tracked isselected;

    @service store;

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

    @action toggleSelection(rezeptname)
    {
        this.isselected = !this.isselected;
        this.setStatus(rezeptname, this.isselected);
    }

    setStatus(rezeptname, selection)
    {
        //schreibt den aktuellen Zustand in den Store
        this.store.findAll('rezept')
            .then(function(suchergebnis)
        {
            suchergebnis.forEach(element => {
                if(element.titel==rezeptname)
                {
                    element.isselected = selection;
                    element.save().catch(failure);
                    
                    function failure(reason) 
                    {
                        // handle the error
                        if(reason != null)
                        {
                            ;
                        }
                    }
                }                    
            });
        });
    }
}