gaiety/basking-dashboard
gaiety/basking-dashboard
1
0
Fork 0
Code Activity

Basking partition name

Browse source
This commit is contained in:
Joe Wroten 2019-05-15 23:18:54 -05:00
parent 3af007d0f4
commit ca4034dbaa
4 changed files with 58 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
mkRaw.sh
View file

@ -5,4 +5,4 @@ touch data/raw/real/date.raw
date > data/raw/real/date.raw
touch data/raw/real/diskspace.raw
df | grep /dev/disk1s1 > data/raw/real/diskspace.raw
df | grep /dev/md0 > data/raw/real/diskspace.raw

22
public/index.html
View file

@ -16,23 +16,25 @@
<div class="autogrid">
<section class="col">
<div class="feed-card">
<div>
<div class="autogrid">
<div class="col-1-3">
<div class="load" v-if="fetchingDiskSpace"></div>
<h4 v-else>Used: {{diskCapacity}}</h4>
</div>
<div class="col-2-3">
<meter min="0" v-bind:max="diskSize" v-bind:value="diskUsed"></meter>
</div>
<div class="load" v-if="fetchingDiskSpace"></div>
<h3 v-else>Used: {{diskCapacity}}
</div>
</div>
</section>
<section class="col">
<div class="feed-card">
<h3><a href="/emby">Emby</a></h3>
</div>
</section>
<section class="col">
<div class="feed-card">
<h3><a href="/portainer">Portainer</a></h3>
<h2>Apps</h2>
<ul>
<li><a href="/emby">Emby</a></li>
<li><a href="/portainer">Portainer</a></li>
</ul>
</div>
</section>
</div>

31
src/assets/styles.css
View file

@ -1,4 +1,35 @@
body {
background: #282a36;
}
footer {
color: #44475a;
}
.feed-card {
background: #44475a;
color: #f8f8f2;
}
h1, h2, h3, h4, h5, h6 {
color: #f8f8f2;
}
a {
color: #ff79c6;
}
a:hover,
a:target {
color: #bd93f9;
}
a:active {
color: #f8f8f2;
}
meter {
height: 1.5em;
width: 100%;
}

22
src/index.html
View file

@ -16,23 +16,25 @@
<div class="autogrid">
<section class="col">
<div class="feed-card">
<div>
<div class="autogrid">
<div class="col-1-3">
<div class="load" v-if="fetchingDiskSpace"></div>
<h4 v-else>Used: {{diskCapacity}}</h4>
</div>
<div class="col-2-3">
<meter min="0" v-bind:max="diskSize" v-bind:value="diskUsed"></meter>
</div>
<div class="load" v-if="fetchingDiskSpace"></div>
<h3 v-else>Used: {{diskCapacity}}
</div>
</div>
</section>
<section class="col">
<div class="feed-card">
<h3><a href="/emby">Emby</a></h3>
</div>
</section>
<section class="col">
<div class="feed-card">
<h3><a href="/portainer">Portainer</a></h3>
<h2>Apps</h2>
<ul>
<li><a href="/emby">Emby</a></li>
<li><a href="/portainer">Portainer</a></li>
</ul>
</div>
</section>
</div>