Hello everyone,

I am getting started with Lighting Components and build my own first tabe. I am displaying all quotedocuments from all quotes on the opportunity level so that our sales sees all documents in one table and does not have to open every single quote. Here is what I got so far:



Now with Sales being Sales they make mistakes and create quotedocuments (pdfs) they dont actually need. So they need to be able to delete these quotedocuments in this table. That is the point where I am stuck. I found some documentation but I always end up with deleting the entire opportunity. My biggest challenge is to access every single quotedocument based on the row the button is hit.

Here is my apex class:

public class JTo_ListOfPDFs {
    @AuraEnabled
public static List <Quote> getPDF(Id opportunityId) 
    {
        return [SELECT Id,Name,CreatedDate,QuoteNumber,TotalPrice,(SELECT Id,CreatedDate,Name,ContentVersionDocumentId,QuoteId FROM QuoteDocuments )FROM Quote WHERE OpportunityId =  :opportunityId ORDER BY Id DESC];
         
    }    
}

<aura:component controller="JTo_ListOfPDFs" implements="flexipage:availableForRecordHome,force:hasRecordId" access="global" >
    
	<aura:handler name="init" value="{!this}" action="{!c.doInit}" />
    <aura:dependency resource="markup://force:editRecord" type="EVENT" />
    <aura:handler event="force:refreshView" action="{!c.doInit}" />

    <!--aura attributes--> 
    <aura:attribute name="quoteDocumentRows" type="Object[]"/>
    <aura:attribute name="recordId" type="Id" />

    <!--Page header-->
    <div class="slds-page-header" role="banner">
        <span class="slds-text-heading_medium">List of PDFs</span>
        <ui:button class="btn" press="{!c.setOutput}"/>
    </div>

     <!--Lightning data table markup-->
    <table class="slds-table slds-table--bordered slds-table--cell-buffer">
	 	<thead>
		    <tr class="slds-text-title_caps">
                
                
                <th scope="col">
		        <div class="slds-truncate" title="Quote">Quote Number</div>
		      </th>
                
                              
		      <th scope="col">
                    <div class="slds-truncate" title="Name">PDF</div>
		      </th>
		      <th scope="col">
		        <div class="slds-truncate" title="Date">Date</div>
		      </th>
                <th scope="col">
		        <div class="slds-truncate" title="Date">Delete</div>
		      </th>
            </tr>
		   </thead>
  	<tbody>
   <aura:iteration items="{!v.quoteDocumentRows}" var="cell" >
     <aura:iteration items="{!cell.QuoteDocuments}" var="pdf"  >	

 	 <tr>
         
         <td data-label="Quote Number">
        <div class="slds-truncate" title="Quote Number">
            <a href="{! '/'+cell.Id}" target="_blank">{!cell.QuoteNumber} </a>
      </div>
          </td>

      <td data-label="PDF">
        <div class="slds-truncate" title="PDF">
            <a href="{!'https://meinestadt--partial.lightning.force.com/servlet/servlet.FileDownload?file='+ pdf.Id}" target="_blank">{!pdf.Name} </a>
      </div>
          </td>
        
      <td data-label="Date"> <lightning:formattedDateTime year="numeric" month="numeric" day="numeric"  hour="2-digit" minute="2-digit" value="{!pdf.CreatedDate}" /> 
       
      </td>
       <td>
         <lightning:buttonIcon aura:id="deleteButton" iconName="utility:close" size="small" variant="border-filled" alternativeText="Close"/>
            </td>
    </tr>
	 </aura:iteration>
	</aura:iteration>
    
  </tbody>	
	
  </table>
    
 
</aura:component>

({
    doInit : function(component, event, helper){
        helper.getAllPDFs(component);
        
    }    
    
})

({
	getAllPDFs : function(component, event, helper) {
        var action = component.get("c.getPDF");
        action.setCallback(this, function(a){
            component.set("v.quoteDocumentRows", a.getReturnValue());
        });
        action.setParams({
            opportunityId: component.get("v.recordId")
        });
       //https://developer.salesforce.com/blogs/developer-relations/2015/11/building-context-aware-lightning-components.html
        $A.enqueueAction(action);
	},
    setOutput : function(component, event, helper) {
        var editRecordEvent = $A.get("e.force:editRecord");
        editRecordEvent.setParams({
             "recordId": component.get("v.recordId")
        });
        editRecordEvent.fire();
	}
})