Please enable JavaScript.

Coggle requires JavaScript to display documents.

CLIENT-SIDE-DEV - Coggle Diagram

- - - - /api/customers
  - - - name
      - membershipType.name
      - id
    - - func
        
        Arg
        
        data
        
        type
        
        customer
        
        Return
        
        <a hrer='/customer/edit/
        
        customer.id
        
        \'> customer.name </a>
      - func(data)
        
        <button class='btn-link js-delete'
        
        data-customer-id=data
        
        >Delete</button>
  - - - ForEach
      - If-Else
    - - Returned-List
- - - - Id
      - Name
    - - CustomerDto
- - - - jquery
      - To-lib
    - - From-Bootstrap
      - To-lib
    - - BootstrapBundle
    - - In-lib
        
        "~/Scripts/datatables/<>"
        
        jquery.datatables.js
        
        datatables.bootstrap.js
      - In-css
        
        "~/Content/datatables/css/<>"
        
        datatables.bootstrap.css
  - - - $("#customers").DataTable();
- - - - customers
    - - Th-Delete
      - Td-Button
        
        data-customer-id
        
        @customer.Id
        
        class
        
        btn-link
        
        js-delete
  - - - "click"
      - "js-delete"
    - - button =
        
        $(this)
      - bootbox.confirm("msg", func(result) {..})
      - if-result
        
        $.ajax({..})
        
        url
        
        /api/customers/{id}
        
        method: DELETE
        
        success
        
        table.row(...).remove().draw().
        
        button.parents("tr")
- - - - Add