mirror/librenms-librenms
1
0
Fork 0
mirror of https://github.com/librenms/librenms.git synced 2024-10-07 16:52:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

round buttons?

Browse Source
This commit is contained in:
Tony Murray
2020-06-06 17:26:25 -05:00
parent d943df40db
commit 36a621a108
4 changed files with 59 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/Http/Controllers/Install/FinalizeController.php
View File

@@ -29,7 +29,7 @@ class FinalizeController extends \App\Http\Controllers\Controller
{
public function __invoke()
{
// TODO: Implement __invoke() method.
return view('install.finish');
}
private function writeConfigFile($config_file)

5
resources/views/install/finish.blade.php Normal file
View File

@@ -0,0 +1,5 @@
@extends('layouts.install')
@section('content')
@endsection

1
resources/views/install/user-created.blade.php
View File

@@ -11,4 +11,3 @@
</div>
</div>
@endsection
22

71
resources/views/layouts/install.blade.php
View File

@@ -10,12 +10,32 @@
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet" type="text/css"/>
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
<style type="text/css">
.primary-panel {
box-shadow: 0 0 20px black;
}
.btn-circle {
width: 70px;
height: 70px;
padding: 10px 16px;
border-radius: 35px;
font-size: 24px;
line-height: 1.9;
box-shadow: 3px 3px 5px black;
}
.content-divider {
padding-top: 20px;
border-bottom: 1px solid #f6f6f6;
}
</style>
</head>
<body style="background-color: #047396;">
<div class="container">
<div class="panel panel-default col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-xs-12" style="box-shadow: 0 0 20px black;">
<div class="panel panel-default col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-xs-12 primary-panel">
<div class="panel-body">
<div class="row" style="border-bottom: 1px solid #f6f6f6;">
<div class="row">
<div class="col-xs-10 col-xs-offset-1">
<h2 class="text-center">
<img src="{{ asset(\LibreNMS\Config::get('title_image', "images/librenms_logo_" . \LibreNMS\Config::get('applied_site_style') . ".svg")) }}" alt="{{ \LibreNMS\Config::get('project_name', 'LibreNMS') }}">
@@ -24,27 +44,42 @@
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h4 class="text-center">@lang('install.stage', ['stage' => $stage ?? 0, 'stages' => $stages ?? 6])</h4>
<div class="col-xs-2 col-xs-offset-1">
<a href="{{ route('install.checks') }}" class="btn btn-primary btn-circle" title="@lang('install.steps.checks')"><i class="fa fa-lg fa-fw fa-clipboard"></i></a>
</div>
<div class="col-xs-2">
<a href="{{ route('install.database') }}" class="btn btn-primary btn-circle" title="@lang('install.steps.database')"><i class="fa fa-lg fa-fw fa-database"></i></a>
</div>
<div class="col-xs-2">
<a href="{{ route('install.migrate-database') }}" class="btn btn-primary btn-circle" title="@lang('install.steps.migrate')"><i class="fa fa-lg fa-fw fa-mouse-pointer"></i></a>
</div>
<div class="col-xs-2">
<a href="{{ route('install.user') }}" class="btn btn-primary btn-circle" title="@lang('install.steps.user')"><i class="fa fa-lg fa-fw fa-user"></i></a>
</div>
<div class="col-xs-2">
<a href="{{ route('install.finish') }}" class="btn btn-primary btn-circle" title="@lang('install.steps.finish')"><i class="fa fa-lg fa-fw fa-check"></i></a>
</div>
</div>
<div class="row content-divider">
</div>
{{-- <div class="row">--}}
{{-- <div class="col-xs-12">--}}
{{-- <div id="install-progress" class="progress progress-striped">--}}
{{-- <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{{ ($stage ?? 0) / ($stages ?? 6) * 100 }}"--}}
{{-- aria-valuemin="0" aria-valuemax="100" style="width: {{ ($stage ?? 0) / ($stages ?? 6) * 100 }}%">--}}
{{-- <span class="sr-only">{{ ($stage ?? 0) / ($stages ?? 6) * 100 }}% Complete</span>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
<div class="row">
<div class="col-xs-12">
<div id="install-progress" class="progress progress-striped">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{{ ($stage ?? 0) / ($stages ?? 6) * 100 }}"
aria-valuemin="0" aria-valuemax="100" style="width: {{ ($stage ?? 0) / ($stages ?? 6) * 100 }}%">
<span class="sr-only">{{ ($stage ?? 0) / ($stages ?? 6) * 100 }}% Complete</span>
</div>
</div>
<div id="error-box" class="col-xs-12">
@if(!empty($msg))
<div class="alert alert-danger">{{ $msg }}</div>
@endif
</div>
</div>
<div class="row">
<div id="error-box" class="col-xs-12">
@if(!empty($msg))
<div class="alert alert-danger">{{ $msg }}</div>
@endif
</div>
</div>
@yield('content')
</div>
</div>