steven-y-e
/
hinamizawa
1
0
Fork 0
Code Issues Pull Requests Releases Activity

fix(functions): print drive 

hard code program svgs instead of attempting to construct via css
main
steven 2021-03-15 19:01:38 -04:00
parent f7e1879bca
commit 4ac8c18309
2 changed files with 8 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/css/base.css
View File

@ -7,26 +7,6 @@ header, #drives, #services, footer {
float: left;
width: 20%;
}
.chart {
height: 80%;
width: 80%;
viewBox: 0 0 20 20;
}
circle {
cx: 10;
cy: 10;
}
.pie {
fill: #bbb;
r: 10;
}
.piece {
stroke: #312c4c;
r: 5;
fill: transparent;
stroke-width: 10;
transform: rotate(-90) translate(-20);
}
h5 {
text-align: left;
margin: 0.5em 3em;

12
public/php/functions.php
View File

@ -36,15 +36,19 @@
<div class="drive">
<h3>' . $drive->name . '</h3>
<h4>' . $drive->description . '</h4>
<svg class="chart">
<circle class="pie" />
<circle
<svg height="80%" width="80%" viewBox="0 0 20 20">
<circle r="10" cx="10" cy="10" fill="#bbb" />
<circle r="5" cx="10" cy="10" fill="transparent"
id="' . $drive->id . '"
class="piece"
stroke="#fff"
stroke-width="10"
stroke-dasharray="' . ($drive->spacePercentageUsed ?
$drive->spacePercentageUsed : 0) * 31.4 / 100 . ' 31.4"
transform="rotate(-90) translate(-20)"
/>
</svg>
<h5>Free Space: <em>' . getByteString($drive->spaceFree) . '</em></h5>
<h5>Used Space: <em>' . getByteString($drive->spaceUsed) . '</em></h5>
</div>';