Project-Name-Here/openCountdown
3
0
Fork 0
Code Issues Pull Requests Releases 6 Wiki Activity

- make the open buttons float right

Browse Source
This commit is contained in:
Sören Oesterwind 2022-03-27 16:41:40 +02:00
parent da0d79e8ed
commit 7dbe7ed6b1
1 changed files with 58 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
templates/newAdminPanel.html
View File

@ -111,25 +111,31 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h3>Preview <span class="helperTip" data-placement="right" title="A preview of what is currently visible on the countdown view" data-toggle="tooltip"> <h3 class="d-flex">Preview <span class="helperTip" data-placement="right" title="A preview of what is currently visible on the countdown view" data-toggle="tooltip">
<i class="bi bi-question-circle-fill" ></i> <i class="bi bi-question-circle-fill"></i>
</span> </span>
<span class="helperTip" data-placement="right" title="Copies the link to the timer view" data-toggle="tooltip"> <div class="ms-auto">
<button class="btn" onclick="navigator.clipboard.writeText(window.location.toString() + 'timer')"><i class="bi bi-clipboard"></i></button> <span class="helperTip" data-placement="right"
</span> title="Copies the link to the timer view" data-toggle="tooltip">
<span class="helperTip" data-placement="right" title="Open the countdown view in a new tab" data-toggle="tooltip"> <button class="btn" onclick="navigator.clipboard.writeText(window.location.toString() + 'timer')">
<a href="/timer" class="btn " target="_blank"><i class="bi bi-box-arrow-up-right"></i></a> <i class="bi bi-clipboard"></i>
</button>
</span> </span>
<span class="helperTip" data-placement="right"
title="Open the countdown view in a new tab" data-toggle="tooltip">
<a href="/timer" class="btn " target="_blank"><i
class="bi bi-box-arrow-up-right"></i></a>
</span>
</div>
</h3> </h3>
<iframe src="/timer?smaller=true" height="100%" width="100%" style="min-height: 400px;"> <iframe src="/timer?smaller=true" height="100%" width="100%" style="min-height: 400px;">
</iframe> </iframe>
</div> </div>
<div class="col"> <div class="col">
<h3>Mode <span class="helperTip" data-placement="right" title="Select what to show on the countdown view" data-toggle="tooltip"> <h3>Mode <span class="helperTip" data-placement="right"
<i class="bi bi-question-circle-fill" ></i> title="Select what to show on the countdown view" data-toggle="tooltip">
<i class="bi bi-question-circle-fill"></i>
</span></h3> </span></h3>
<div class="btn-group" role="group" aria-label="Basic radio toggle button group"> <div class="btn-group" role="group" aria-label="Basic radio toggle button group">
<input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off"
@ -174,11 +180,13 @@
<br> <br>
<br> <br>
<br> <br>
<h3>Messaging <span class="helperTip" data-placement="right" title="Shows a given message on the timer view" data-toggle="tooltip"> <h3>Messaging <span class="helperTip" data-placement="right"
<i class="bi bi-question-circle-fill" ></i> title="Shows a given message on the timer view" data-toggle="tooltip">
<i class="bi bi-question-circle-fill"></i>
</span></h3> </span></h3>
<input type="text" id="messageContent" class="form-control" placeholder="Message here" style="width: 50%;"> <input type="text" id="messageContent" class="form-control" placeholder="Message here"
style="width: 50%;">
<br> <br>
<button class="btn btn-outline-primary m-1" id="sendMessage"><i <button class="btn btn-outline-primary m-1" id="sendMessage"><i
@ -211,12 +219,13 @@
<div class="row" style="width: 100%;"> <div class="row" style="width: 100%;">
<div class="d-inline-flex justify-content-center p-2 col"> <div class="d-inline-flex justify-content-center p-2 col">
<input type="text" class="form-control m-1" id="customValue"> <input type="text" class="form-control m-1" id="customValue">
<button class="btn btn-outline-primary m-1 mt-0 goTimer"><i class="bi bi-check2-circle"></i></button> <button class="btn btn-outline-primary m-1 mt-0 goTimer"><i
class="bi bi-check2-circle"></i></button>
<script> <script>
$("#customValue").durationPicker({ $("#customValue").durationPicker({
showSeconds: true, showSeconds: true,
showDays: false, showDays: false,
onChanged: function(val, t1, t2) { onChanged: function (val, t1, t2) {
currentTime = val * 1000 currentTime = val * 1000
} }
}) })