@signalk/tracks-plugin 3.1.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.html CHANGED
@@ -21,11 +21,63 @@
21
21
  <th scope="col">To</th>
22
22
  <th scope="col" class="num">Points</th>
23
23
  <th scope="col">Export</th>
24
+ <th scope="col"><span class="sr-only">Delete</span></th>
24
25
  </tr>
25
26
  </thead>
26
27
  <tbody></tbody>
27
28
  </table>
29
+ <section id="import" aria-labelledby="import-title">
30
+ <h2 id="import-title">Import</h2>
31
+ <form id="import-form">
32
+ <label>GPX file <input type="file" name="file" accept=".gpx,application/gpx+xml" required /></label>
33
+ <label><input type="checkbox" name="self" /> Tracks of my own vessel</label>
34
+ <button type="submit">Import</button>
35
+ </form>
36
+ <p id="import-status" role="status" hidden></p>
37
+ </section>
38
+ <section id="bin" aria-labelledby="bin-title">
39
+ <h2 id="bin-title">Recycle bin</h2>
40
+ <p id="bin-status" role="status">Loading…</p>
41
+ <table id="bin-table" hidden>
42
+ <thead>
43
+ <tr>
44
+ <th scope="col">Track</th>
45
+ <th scope="col">Deleted part</th>
46
+ <th scope="col">Deleted</th>
47
+ <th scope="col">Purged</th>
48
+ <th scope="col" class="num">Points</th>
49
+ <th scope="col"><span class="sr-only">Actions</span></th>
50
+ </tr>
51
+ </thead>
52
+ <tbody></tbody>
53
+ </table>
54
+ </section>
28
55
  </main>
56
+ <dialog id="delete-dialog">
57
+ <form method="dialog">
58
+ <h2 id="delete-title">Delete track</h2>
59
+ <fieldset>
60
+ <legend>What to delete</legend>
61
+ <label
62
+ ><input type="radio" name="scope" value="whole" checked />
63
+ <span id="delete-whole">The whole track</span></label
64
+ >
65
+ <label><input type="radio" name="scope" value="span" /> Only the part recorded</label>
66
+ <div class="span">
67
+ <label>from <input type="datetime-local" name="from" step="1" /></label>
68
+ <label>to <input type="datetime-local" name="to" step="1" /></label>
69
+ </div>
70
+ </fieldset>
71
+ <p>It goes to the recycle bin, where it can be restored until it is purged.</p>
72
+ <p id="delete-error" class="error" role="alert" hidden></p>
73
+ <menu>
74
+ <button value="cancel" formnovalidate>Cancel</button>
75
+ <button value="delete" class="danger">Delete</button>
76
+ </menu>
77
+ </form>
78
+ </dialog>
29
79
  <script type="module" src="./tracks.js"></script>
80
+ <script type="module" src="./bin.js"></script>
81
+ <script type="module" src="./import.js"></script>
30
82
  </body>
31
83
  </html>