Small UI adjustments

Add the lindoor base CSS
Update the dependencies
This commit is contained in:
Timothée Jaussoin 2020-08-24 14:34:22 +02:00
parent 4a6e1ccf23
commit 93f622b8e7
17 changed files with 922 additions and 402 deletions

View file

@ -4,6 +4,7 @@ APP_KEY=
APP_DEBUG=false
APP_URL=http://localhost
APP_SIP_DOMAIN=
APP_FLEXISIP_PROXY_PID=/var/run/flexisip-proxy.pid
INSTANCE_COPYRIGHT=
INSTANCE_INTRO_REGISTRATION=

View file

@ -27,7 +27,7 @@ class FlexisipConnector
public function __construct()
{
$pid = file_get_contents('/var/run/flexisip-proxy.pid');
$pid = file_get_contents(config('app.flexisip_proxy_pid'));
$this->_socket = stream_socket_client('unix:///tmp/flexisip-proxy-'.$pid, $errno, $errstr);
}

1164
flexiapi/composer.lock generated

File diff suppressed because it is too large Load diff

View file

@ -15,6 +15,7 @@ return [
'name' => env('APP_NAME', 'Laravel'),
'sip_domain' => env('APP_SIP_DOMAIN', 'sip.domain.com'),
'flexisip_proxy_pid' => env('APP_FLEXISIP_PROXY_PID', '/var/run/flexisip-proxy.pid'),
/*
|--------------------------------------------------------------------------

114
flexiapi/public/css/lindoor.style.css vendored Normal file
View file

@ -0,0 +1,114 @@
@font-face {
font-family: "Montserrat";
src: local("Montserrat Regular"), local("Montserrat-Regular"), url("https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
font-style: normal;
font-weight: 400;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Montserrat";
src: local("Montserrat Bold"), local("Montserrat-Bold"), url("https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2") format("woff2");
font-style: normal;
font-weight: 700;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
min-height: 100vh;
display: flex;
color: #444;
flex-direction: column;
font-family: "Montserrat";
}
body > div {
flex: 1 0 auto;
}
.container {
max-width: 960px;
}
/*
@media screen and (max-width: 991px) {
nav.navbar {
display: none;
}
}*/
h1, h2, h3, a, label {
color: #6081C9;
}
nav ul li a {
color: white;
opacity: 0.8;
}
nav ul li a:hover,
nav ul li.active a {
color: white;
opacity: 1;
}
input.form-control {
border-color: #DDD;
font-size: 15px;
}
.input-group-text {
font-size: 15px;
}
input.form-control:focus {
border-color: #FF5E00;
}
.btn {
border: 1px solid #FF5E00;
background-color: transparent;
color: #FF5E00;
border-radius: .25rem;
font-size: 15px;
letter-spacing: 0.75px;
}
.btn.btn-centered {
display: block;
margin: 1rem auto;
}
.btn:hover {
background-color: #FF5E00;
color: white;
border-color: #FF5E00;
}
.btn:not(.disabled):not(:disabled):active,
.btn:not(.disabled):not(:disabled):focus {
background-color: #6081C9;
border-color: #6081C9;
}
body > footer,
body > header nav {
background-color: #6081C9;
}
body > footer {
color: white;
padding: 1rem;
text-align: center;
}
/*
body > footer::before {
background-image: url('/img/footer.svg');
height: 9rem;
background-color: white;
background-position: bottom center;
background-repeat: repeat-x;
display: block;
width: 100%;
background-size: 40rem;
content: '';
}*/

View file

@ -25,6 +25,10 @@ body > div {
flex: 1 0 auto;
}
.container {
max-width: 960px;
}
body > header::after,
body > footer::before {
background-image: url('/img/header.svg');

View file

@ -12,7 +12,7 @@
{!! Form::hidden('account_id', $account->id) !!}
{!! Form::text('code', old('code'), ['class' => 'form-control', 'placeholder' => '1234', 'required']) !!}
</div>
{!! Form::submit('Authenticate', ['class' => 'btn btn-primary']) !!}
{!! Form::submit('Authenticate', ['class' => 'btn btn-primary btn-centered']) !!}
{!! Form::close() !!}
</div>
</div>

View file

@ -16,7 +16,7 @@
{!! Form::hidden('identifier_confirm', $account->identifier) !!}
{!! Form::submit('Delete', ['class' => 'btn btn-danger float-right']) !!}
{!! Form::submit('Delete', ['class' => 'btn btn-danger btn-centered']) !!}
{!! Form::close() !!}
@endsection

View file

@ -22,7 +22,7 @@
{!! Form::hidden('uuid', $device->uuid) !!}
{!! Form::submit('Delete', ['class' => 'btn btn-danger float-right']) !!}
{!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!}
{!! Form::close() !!}

View file

@ -20,7 +20,7 @@
{!! Form::email('email_confirmation', old('email_confirm'), ['class' => 'form-control', 'placeholder' => 'username@server.com', 'required']) !!}
</div>
{!! Form::submit('Change', ['class' => 'btn btn-primary float-right']) !!}
{!! Form::submit('Change', ['class' => 'btn btn-primary btn-centered']) !!}
{!! Form::close() !!}
@endsection

View file

@ -5,13 +5,15 @@
@include('parts.already_auth')
@else
{!! Form::open(['route' => 'account.authenticate']) !!}
<div class="form-group">
{!! Form::label('username', 'Username') !!}
{!! Form::text('username', old('username'), ['class' => 'form-control', 'placeholder' => 'username', 'required']) !!}
</div>
<div class="form-group">
{!! Form::label('password', 'Password') !!}
{!! Form::password('password', ['class' => 'form-control', 'placeholder' => 'myPassword', 'required']) !!}
<div class="form-row">
<div class="form-group col-md-6">
{!! Form::label('username', 'Username') !!}
{!! Form::text('username', old('username'), ['class' => 'form-control', 'placeholder' => 'username', 'required']) !!}
</div>
<div class="form-group col-md-6">
{!! Form::label('password', 'Password') !!}
{!! Form::password('password', ['class' => 'form-control', 'placeholder' => 'myPassword', 'required']) !!}
</div>
</div>
<div class="form-row">

View file

@ -11,7 +11,7 @@
{!! Form::label('email', 'Email') !!}
{!! Form::email('email', old('email'), ['class' => 'form-control', 'placeholder' => 'myemail@address.org', 'required']) !!}
</div>
{!! Form::submit('Send the authentication link', ['class' => 'btn btn-primary']) !!}
{!! Form::submit('Send the authentication link', ['class' => 'btn btn-primary btn-centered']) !!}
{!! Form::close() !!}
</div>
</div>

View file

@ -11,7 +11,7 @@
{!! Form::label('phone', 'Phone') !!}
{!! Form::text('phone', old('phone'), ['class' => 'form-control', 'placeholder' => '+123456789', 'required']) !!}
</div>
{!! Form::submit('Send the authentication code by SMS', ['class' => 'btn btn-primary']) !!}
{!! Form::submit('Send the authentication code by SMS', ['class' => 'btn btn-primary btn-centered']) !!}
{!! Form::close() !!}
</div>
</div>

View file

@ -24,7 +24,7 @@
{!! Form::label('password_sha256', 'Use a SHA-256 encrypted password. This stronger password might not work with some old SIP clients.', ['class' => 'form-check-label']) !!}
</div>
{!! Form::submit('Change', ['class' => 'btn btn-primary float-right']) !!}
{!! Form::submit('Change', ['class' => 'btn btn-primary']) !!}
{!! Form::close() !!}
@endsection

View file

@ -5,7 +5,7 @@
@if (config('instance.intro_registration'))
<p>{!! nl2br(config('instance.intro_registration')) !!}</p>
@endif
<p>
<p class="text-center">
You already have an account?
<a class="ml-2 btn btn-primary btn-sm" href="{{ route('account.login') }}">Authenticate</a>
</p>
@ -58,7 +58,7 @@
{!! NoCaptcha::display() !!}
</div>
{!! Form::submit('Register', ['class' => 'btn btn-primary']) !!}
{!! Form::submit('Register', ['class' => 'btn btn-primary btn-centered']) !!}
{!! Form::close() !!}
@endsection

View file

@ -20,7 +20,7 @@
@endsection
@section('body')
<div class="container-lg pt-3">
<div class="container pt-4">
@include('parts.errors')
@include('parts.breadcrumb')
@yield('content')

View file

@ -30,7 +30,7 @@
@endsection
@section('body')
<div class="container-lg pt-3">
<div class="container pt-4">
@include('parts.errors')
@yield('content')
</div>