<aura:component controller="koleso.OrderController" implements="force:appHostable">

<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:handler event="aura:waiting" action="{!c.showSpinner}"/>
<aura:handler event="aura:doneWaiting" action="{!c.hideSpinner}"/>

<aura:attribute name="orders" type="OrderDish__c[]"/>

<ui:inputSelect aura:id="selection" change="{!c.select}">
<ui:inputSelectOption text="Open" label="Open"/>
<ui:inputSelectOption text="Close" label="Close"/>
</ui:inputSelect>
<div class="icons">
<img src="/img/icon/custom51_100/chalkboard16.png" alt="Create New" title="Create
New" onclick="{!c.createRecord}"/>
</div>
<div><center><ui:spinner aura:id="spinner"/></center></div>
<aura:iteration var="order" items="{!v.orders}">

  <koleso:OrderDishList orderDish="{!order}" Dish="{!order.Dish__c}"/>
</aura:iteration>
</aura:component>

++++++++++++++CONTROLLER++++++++++++++
({
doInit : function(component, event, helper) {
helper.getOrderDish(component);
},



showSpinner : function (component, event, helper) {
var spinner = component.find('spinner');
var evt = spinner.get("e.toggle");
evt.setParams({ isVisible : true });
evt.fire();
},


hideSpinner : function (component, event, helper) {
var spinner = component.find('spinner');
var evt = spinner.get("e.toggle");
evt.setParams({isVisible : false});
evt.fire();
},


createRecord : function (component, event, helper) {
// Open the create record page
var createRecordEvent = $A.get("e.force:createRecord");
createRecordEvent.setParams({
"entityApiName": "koleso__OrderDish__c"
});
createRecordEvent.fire();
},


select : function(component, event, helper){

var selectCmp = component.find("selection");
var selectVal = selectCmp.get("v.value");

if (selectVal==="Close"){
var action = component.get("c.getClose");
action.setCallback(this, function(a){
component.set("v.orderDishes", a.getReturnValue());

});
$A.enqueueAction(action);
    $A.get('e.force:refreshView').fire();
}
else {
// Return all open
helper.getOrderDish(component);
    $A.get('e.force:refreshView').fire();
}
}

})

+++++++++++HELPER+++++++++
({
getOrderDish : function(component) {

var action = component.get("c.getOpen");
var self = this;
action.setCallback(this, function(a){
component.set("v.orders", a.getReturnValue());
});
/*var toastEvent = $A.get("e.force:showToast");
if(action.getState() ==='SUCCESS'){
toastEvent.setParams({
"title": "Success!",
"message": " Your OrderDishes have been loaded successfully."
});

}
else{
toastEvent.setParams({
"title": "Error!",
"message": " Something has gone wrong."
});
}
  toastEvent.fire();
});
  */
$A.enqueueAction(action);
}
})