styled custom labels pages

This commit is contained in:
mcguirepr89
2022-03-09 13:04:08 -05:00
parent 8a6f67ff75
commit 9a1eb093a2
3 changed files with 61 additions and 36 deletions
+13 -7
View File
@@ -119,7 +119,7 @@ button:hover {
}
.topnav, .topnav form {
background-color: rgb( 159, 226, 155);
background-color: rgb(159, 226, 155);
display: block;
width: 85%;
margin-left: auto;
@@ -266,7 +266,7 @@ button:hover {
color: black;
}
.customlabels {
.customlabels,.customlabels2 {
float:left;
}
@@ -274,13 +274,13 @@ button:hover {
height: 100%;
}
.customlabels td {
.customlabels td,.customlabels2 td {
border:none;
background-color: transparent;
vertical-align: middle;
}
.customlabels button {
.customlabels button,.customlabels2 button {
padding: 12px;
background-color: rgb(219, 255, 235);
border: 2px solid black;
@@ -304,6 +304,12 @@ button:hover {
height: 80%;
}
.column4 {
text-align: justify;
width: 10%;
height: 50%;
}
.column1 form,.column3 form {
width: 80%;
margin-left: auto;
@@ -355,12 +361,12 @@ body::-webkit-scrollbar {
}
@media screen and (max-width: 1290px) {
.column1, .column3 {
.column1,.column2,.column3,.column4 {
height: 90%
}
}
@media screen and (max-width: 1000px) {
.customlabels form {
.customlabels form,.customlabels2 form {
width: 95%;
}
.column1, .column3 {
@@ -370,7 +376,7 @@ body::-webkit-scrollbar {
.column1 select,.column3 select {
height: 70%;
}
.column2 {
.column2,.column4 {
display: none;
}
.smaller{
+2 -2
View File
@@ -28,8 +28,8 @@
<div class="customlabels column2">
<table><td>
<button type="submit" name="view" value="Excluded" form="add">>>ADD>></button><br>
<br>
<button type="submit" name="view" value="Excluded" form="add">>>ADD>></button>
<br><br>
<button type="submit" name="view" value="Excluded" form="del">REMOVE</button>
</td></table>
</div>
+36 -17
View File
@@ -11,33 +11,52 @@ $eachlines = file($filename, FILE_IGNORE_NEW_LINES);
?>
<body>
<div class="customlabels smaller">
<br>
</div>
<body style="height: 90%;">
<p>Warning!<br>If this list contains ANY species, the system will ONLY recognize those species. Keep this list EMPTY unless you are ONLY interested in detecting specific species.</p>
<div class="customlabels2 column1">
<form action="" method="POST" id="add">
<h2>All Species Labels</h2>
<form action="" method="POST" id="add">
<select name="species[]" id="species" multiple size="30">
<option selected value="base">Please Select</option>
<?php
foreach($eachlines as $lines){
echo "<option value='".$lines."'>$lines</option>";
}?>
<?php
foreach($eachlines as $lines){echo
"<option value='".$lines."'>$lines</option>";}
?>
</select>
<input type="hidden" name="add" value="add">
</form>
</form>
<div class="customlabels2 smaller">
<button type="submit" name="view" value="Included" form="add">>>ADD>></button>
</div>
</div>
<button type="submit" name="view" value="Included" form="add">Add to list</button><br>
<button type="submit" name="view" value="Included" form="del">Remove from list</button>
<div class="customlabels2 column4">
<table><td>
<button type="submit" name="view" value="Included" form="add">>>ADD>></button>
<br><br>
<button type="submit" name="view" value="Included" form="del">REMOVE</button>
</td></table>
</div>
<div class="customlabels2 column3">
<form action="" method="POST" id="del">
<h2>Custom Species List</h2>
<p>Warning!<br>If this list contains ANY species, the system will ONLY recognize those species. Keep this list EMPTY unless you are ONLY interested in detecting specific species.<br>You have been warned!</p>
<form action="" method="POST" id="del">
<select name="species[]" id="value2" multiple size="30">
<option selected value="base">Please Select</option>
<?php
<?php
$filename = '/home/pi/BirdNET-Pi/include_species_list.txt';
$eachlines = file($filename, FILE_IGNORE_NEW_LINES);
foreach($eachlines as $lines){
echo "<option value='".$lines."'>$lines</option>";
}?>
$eachlines = file($filename, FILE_IGNORE_NEW_LINES);
foreach($eachlines as $lines){echo
"<option value='".$lines."'>$lines</option>";}
?>
</select>
<input type="hidden" name="del" value="del">
</form>
</form>
<div class="customlabels2 smaller">
<button type="submit" name="view" value="Included" form="del">REMOVE</button>
</div>
</div>
</body>