progress bar WIP

This commit is contained in:
Tony Murray
2020-06-13 09:35:28 -05:00
parent 6850dc705d
commit 5574e9dcd3

View File

@@ -35,6 +35,17 @@
border-bottom: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6;
margin-bottom: 20px; margin-bottom: 20px;
} }
#progress-icons {
padding-left: 0;
padding-right: 0;
}
.install-progress {
margin-top: auto;
margin-bottom: auto;
height: 10px;
width: 100%;
background-color: gray;
}
</style> </style>
@yield('style') @yield('style')
</head> </head>
@@ -45,8 +56,9 @@
<img class="card-img-top p-3" src="{{ asset(\LibreNMS\Config::get('title_image', "images/librenms_logo_" . \LibreNMS\Config::get('applied_site_style') . ".svg")) }}" alt="LibreNMS"> <img class="card-img-top p-3" src="{{ asset(\LibreNMS\Config::get('title_image', "images/librenms_logo_" . \LibreNMS\Config::get('applied_site_style') . ".svg")) }}" alt="LibreNMS">
<span class="h2">@yield('title')</span> <span class="h2">@yield('title')</span>
</div> </div>
<div class="card-body"> <div class="card-body pl-0 pr-0">
<div class="d-flex flex-row justify-content-around"> <div id="progress-icons" class="d-flex flex-row justify-content-around">
<div class="install-progress"></div>
@foreach($steps as $step => $controller) @foreach($steps as $step => $controller)
<div> <div>
<a href="{{ route('install.' . $step) }}" <a href="{{ route('install.' . $step) }}"
@@ -57,6 +69,7 @@
<i class="fa fa-lg {{ $controller::icon() }}"></i> <i class="fa fa-lg {{ $controller::icon() }}"></i>
</a> </a>
</div> </div>
<div class="install-progress"></div>
@endforeach @endforeach
</div> </div>
<div class="content-divider"></div> <div class="content-divider"></div>