pinknake.github.io/index7.html at main · pinknake/pinknake.github.io · 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
125
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ghar Manager - Kitchen</title>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#667eea">
<script src="https://code.iconify.design/3/3.1.1/iconify.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
</head>
<body>

<header class="topbar">
  <h2><span class="iconify" data-icon="mdi:food-apple"></span> Kitchen Manager</h2>
 <button id="installBtn">
  <i class="fas fa-download"></i> Install App
</button>
  <div class="topbar">
  <h2>🍳 Kitchen Manager</h2>
  <button id="themeToggle">🌙</button>
</div>
</header>

<section class="container">

  <!-- ENTRY CARD -->
<div class="card">

  <div class="row-2">
    <div class="form-group">
      <label>Category Type</label>
      <select id="typeCategory">
        <option value="Open">Open</option>
        <option value="Packet">Packet</option>
        <option value="Bottle">Bottle</option>
      </select>
    </div>

    <div class="form-group">
      <label>Item Category</label>
      <select id="mainCategory">
        <option value="Vegetable">Vegetable</option>
        <option value="Spices">Spices</option>
        <option value="Dairy">Dairy</option>
      </select>
    </div>
  </div>

  <div class="form-group">
    <label>Select Item</label>
    <select id="itemSelect"></select>
  </div>

  <div class="row-2">
    <div class="form-group">
      <label>Quantity</label>
      <input type="text" id="quantity" placeholder="Eg: 2 kg">
    </div>

    <div class="form-group">
      <label>Total Amount ₹</label>
      <input type="number" id="amount">
    </div>
  </div>

  <button onclick="addKitchenEntry()">➕ Add Entry</button>

</div>
  <!-- HISTORY -->
  <div class="card">
    <h3>History</h3>

    <div class="table-wrapper">
      <table>
        <thead>
          <tr>
            <th>Date</th>
            <th>Item</th>
            <th>Qty</th>
            <th>Type</th>
            <th>Total ₹</th>
            <th>Delete</th>
          </tr>
        </thead>
        <tbody id="kitchenTable"></tbody>
      </table>
    </div>

    <button onclick="shareWhatsApp()">📤 WhatsApp Share</button>
    <button onclick="downloadPDF()">📄 Download PDF</button>
<button onclick="shareApp()">📤 Share App</button>
  </div>

</section>

<!-- Hidden Invoice -->
<div id="invoiceTemplate">
  <h2>🏠 GHAR MANAGER</h2>
  <p id="invoiceDate"></p>
  <table>
    <thead>
      <tr>
        <th>Date</th>
        <th>Item</th>
        <th>Qty</th>
        <th>Type</th>
        <th>Total</th>
      </tr>
    </thead>
    <tbody></tbody>
  </table>
  <h3 id="invoiceTotal"></h3>
</div>
  <button onclick="shareApp()" class="fab share-btn">📤</button>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script src="app.js"></script>

</body>
</html>