29 lines
1.3 KiB
HTML
29 lines
1.3 KiB
HTML
<link rel="stylesheet" href="{ROOT_URL}app/plugins/timers/css/timers.css" crossorigin="anonymous">
|
|
<script src="{ROOT_URL}app/plugins/timers/js/timers.js" type="module" defer></script>
|
|
|
|
<h1 class="text-center">Timers</h1>
|
|
<div class="container">
|
|
<h2>Timers</h2>
|
|
<div class="form-inline">
|
|
<div class="form-group">
|
|
<input type="text" id="name" class="form-control" placeholder="Name">
|
|
<input type="text" id="hours" class="form-control" placeholder="Hours">
|
|
<input type="text" id="minutes" class="form-control" placeholder="Minutes">
|
|
<input type="text" id="seconds" class="form-control" placeholder="Seconds">
|
|
<button id="addTimer" class="btn btn-primary">Add</button>
|
|
</div>
|
|
</div>
|
|
<h2>StopWatch</h2>
|
|
<div class="form-inline">
|
|
<div class="form-group">
|
|
<input type="text" id="stopwatchName" class="form-control" placeholder="Name">
|
|
<button id="addStopwatch" class="btn btn-primary">Start</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="timers" class="" style="margin-top: 20px;" role="tablist" aria-multiselectable="true">
|
|
{timers}
|
|
</div>
|
|
<div id="stopWatches" class="" style="margin-top: 20px;" role="tablist" aria-multiselectable="true">
|
|
{stopWatches}
|
|
</div> |