Creating the Bill form

Following on, let's make the form for invoices. The contents of the Bill and Quotation forms are mostly the same.

This will also need to describe finer details such as payment date. So, regarding the structure of the database, the ID can be linked so that a quotation can raise an event for the bill.

Now, let's quickly begin by making the card layout in the same way as for Quotation (source file: 04_making_the_bill_form/app/view/bill/Bill.js):

Ext.define('MyApp.view.bill.Bill', {
  ...
    title: 'Bill',
    layout: 'card',
    items: [{
        xtype: 'myapp-bill-list',
        border: false
    }, {
        xtype: 'myapp-bill-edit',
        border: false
    }]
});

Next, let's make a temporary empty List component to compensate for what we wrote previously and avoid receiving an error.

The next class we are going to make is really similar to the dashboard.Dashboard class. So, please use that as reference while you code and watch out for the following point (source file...