MaryJS/invoice.html at master · Can-So/MaryJS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>Bill {{order.number}}</title>
    <link href="assets/css/invoice-stylish.css" rel="stylesheet" type="text/css" />
    <!--link href="assets/css/color_summer.css" rel="stylesheet" type="text/css" / -->

    <link href="assets/css/print.css" rel="stylesheet" type="text/css" media="print" />

</head>
<body ng-app="maryjs.app" ng-controller="maryjs.InvoiceController">
    <div id="global">
        <ul class="invoice">
            <li class="vertical-separator"></li>
            <li class="invoice-info">
                <div class="invoice-info-container">
                    <div class="field-title"># bill</div>
                    <div class="field-text">{{order.number}}</div>

                    <div class="field-title">Date</div>
                    <div class="field-text">{{order.date | date}}</div>

                    <div class="field-title">Client</div>
                    <div class="field-text">
                        {{order.email}}
                    </div>
                </div>
            </li>
            <li class="invoice-contact">
                <div class="contact-container">
                    <p><img src="{{store.logo}}" class="logo-img" alt="Logo" /></p>
                    <div class="contact-title">{{store.name}}</div>
<pre class="contact-text-box">
{{store.address}}
{{store.city}}, {{store.province}}
{{store.postalCode}}<br />
{{store.phone}}
</pre>
                </div>
            </li>
            <li class="clear"></li>
            <li class="invoice-separator"></li>
            <li>
                <table class="invoice-table">
                    <tr class="table-desc">
                        <th class="desc-normal">Item</th>
                        <th class="desc-normal">Quantity</th>
                        <th class="desc-normal">Price</th>
                        <th class="desc-total">Total</th>
                    </tr>
                    <tr class="table-row" ng-repeat="item in order.items">
                        <td class="col-desc">{{item.name}}</td>
                        <td class="col-qty">1</td>
                        <td class="col-price">{{price(item) | currency}}</td>
                        <td class="col-total">{{price(item) | currency}}</td>
                    </tr>
                </table>
                <div class="invoice-separator"></div>
                <div class="last-row"></div>
                <div class="invoice-amount">
                    <table class="invoice-amount-table" cellspacing="5">
                        <tr>
                            <td>Sous-Total</td>
                            <td>{{subTotal(order) | currency}}</td>
                        </tr>
                        <tr ng-show="order.discount > 0">
                            <td>Rabais</td>
                            <td>{{discount(order) | currency}}</td>
                        </tr>
                        <tr>
                            <td>{{store.tax1Name}}</td>
                            <td>{{tax1(order) | currency}}</td>
                        </tr>
                        <tr>
                            <td>{{store.tax2Name}}</td>
                            <td>{{tax2(order) | currency}}</td>
                        </tr>
                        <tr class="end-separator"><td colspan="2"></td></tr>
                        <tr>
                            <td class="total">Grand Total</td>
                            <td class="total">{{total(order) | currency}}</td>
                        </tr>
                    </table>
                </div>
                <div class="clear"></div>
            </li>
            <li class="invoice-separator"></li>
            <li class="invoice-notes">
                <div class="notes-title">NOTES</div>
                <pre class="notes-desc">{{store.invoiceNotes}}</pre>
            </li>
            <li id="payment-options">
                <a href="index.html">retour au menu principal.</a>
            </li>
</ul>
    </div>

    <script type="text/javascript" src="lib/jquery.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>

    <script type="text/javascript">
        var maryjs = maryjs || {};

        setTimeout(function () { window.print(); }, 1200);
    </script>

    <script type="text/javascript" src="app.min.js"></script>


    <!-- <script type="text/javascript" src="data/inventory.js"></script>
    <script type="text/javascript" src="data/orders.js"></script>

    <script type="text/javascript" src="lib/angular.js"></script>
    <script type="text/javascript" src="lib/angular-route.js"></script>
    <script type="text/javascript" src="lib/angular-locale_fr-ca.js"></script>

    <script type="text/javascript" src="app/app.js"></script>
    <script type="text/javascript" src="app/inventory/product.js"></script>
    <script type="text/javascript" src="app/orders/order.js"></script>
    <script type="text/javascript" src="app/orders/orderServices.js"></script>
    <script type="text/javascript" src="app/InvoiceController.js"></script>
    -->
</body>
</html>