OrderDishComponent

<aura:component >
<aura:attribute name="orderDish" type="OrderDish__c"/>
 <aura:attribute name="Dish" type="Dish__c"/>
 <div class="{!v.orderDish.koleso__IsClose__c == false
? 'row primary' : 'row '}" >

<a aura:id="orderDish" href="{!'/' + !v.orderDish.id}">
<div class="itemTitle">{!v.orderDish.Name}</div>
</a>

<div class="col-sm-4">
    <div class="recordItem">
 ID:<ui:outputNumber value="{!v.orderDish.koleso__NumberOrder__c}" click="{!c.gotoRecord}"/>
    </div>
</div>


<div class="col-sm-4">
 Dish Name: <ui:outputNumber value="{!v.Dish.ID}" />
 Count: <ui:outputNumber value="{!v.orderDish.koleso__Count__c}" />
 Table: <ui:outputNumber value="{!v.orderDish.koleso__NumberTable__c}"/>
   FFFFFFFFFF: <ui:outputText value="{!v.orderDish.ID}"/>

<div onclick="{!c.editRecord}">
<img src="/img/icon/custom51_100/pencil16.png" alt="Edit OrderDish"
title="Edit OrderDish" />
</div>
</div>

</div>
</aura:component>




++++++CONTROLLER+++++
({

gotoRecord : function(component, event, helper) {
// Fire the event to navigate to the orderDish record
var sObjectEvent = $A.get("e.force:navigateToSObject");
sObjectEvent.setParams({"recordId": component.get("v.orderDish.koleso__Id"),
"slideDevName": 'related'
})
sObjectEvent.fire();
},

editRecord : function(component, event, helper) {

var editRecordEvent = $A.get("e.force:editRecord");
editRecordEvent.setParams({
"recordId": component.get("v.orderDish.Id")
});

editRecordEvent.fire();
$A.get('e.force:refreshView').fire();
},


}
)