TickSimple v1.0.0 — Dead-simple time tracker for freelancers. One-tap timer, PDF reports, invoice generation, Chrome extension MV3.

2026-06-20 00:30:24 +00:00
commit c02d5ef2ae
37 changed files with 4689 additions and 0 deletions
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>TickSimple Settings</title>
+  <link rel="stylesheet" href="./options.css">
+</head>
+<body>
+  <div class="container">
+    <header>
+      <h1>⚙️ Settings</h1>
+      <a href="../popup/popup.html" class="back">← Back</a>
+    </header>
+
+    <form id="settings-form">
+      <section>
+        <h2>Your Info</h2>
+        <label>
+          Your Name
+          <input type="text" id="user-name" placeholder="Your Name">
+        </label>
+        <label>
+          Your Email
+          <input type="email" id="user-email" placeholder="you@example.com">
+        </label>
+      </section>
+
+      <section>
+        <h2>Billing Defaults</h2>
+        <label>
+          Hourly Rate
+          <input type="number" id="hourly-rate" min="0" step="0.01" placeholder="50">
+        </label>
+        <label>
+          Currency Symbol
+          <input type="text" id="currency" maxlength="3" placeholder="$">
+        </label>
+        <label>
+          Default Client
+          <input type="text" id="default-client" placeholder="Client">
+        </label>
+        <label>
+          Default Project
+          <input type="text" id="default-project" placeholder="Project">
+        </label>
+      </section>
+
+      <section>
+        <h2>Branding</h2>
+        <label>
+          Logo (optional)
+          <input type="file" id="logo-file" accept="image/*">
+          <div class="preview" id="logo-preview"></div>
+        </label>
+      </section>
+
+      <div class="actions">
+        <button type="submit" class="btn-primary">Save Settings</button>
+        <span class="saved" id="saved-msg">Saved!</span>
+      </div>
+    </form>
+
+    <section class="danger-zone">
+      <h2>Data</h2>
+      <button type="button" class="btn-secondary" id="export-btn">Export JSON</button>
+      <button type="button" class="btn-danger" id="clear-btn">Clear All Data</button>
+    </section>
+  </div>
+
+  <script type="module" src="./options.ts"></script>
+</body>
+</html>