Move to Material Icons Outlined and load it locally

This commit is contained in:
Timothée Jaussoin 2023-08-08 15:01:24 +00:00
parent 77f334a730
commit 4db2b591c5
23 changed files with 57 additions and 62 deletions

View file

@ -2,14 +2,14 @@
/* fallback */
@font-face {
font-family: 'Material Icons';
font-family: 'Material Icons Outlined';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
src: url(../fonts/MaterialIcons-Outlined.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons';
.material-icons-outlined {
font-family: 'Material Icons Outlined';
font-weight: normal;
font-style: normal;
line-height: 1;
@ -170,7 +170,7 @@ content {
}
body.welcome content {
min-height: calc(100vh - 20rem);
min-height: calc(100vh - 17rem);
align-items: center;
margin: 0 auto;
max-width: 1024px;
@ -646,7 +646,7 @@ table tr.empty td:before {
display: inherit !important;
}
.on_mobile.material-icons {
.on_mobile.material-icons-outlined {
display: inline !important;
}

Binary file not shown.

View file

@ -2,13 +2,13 @@
@section('content')
<header>
<h1><i class="material-icons">dashboard</i> Dashboard</h1>
<h1><i class="material-icons-outlined">dashboard</i> Dashboard</h1>
</header>
<div class="card">
<h3><i class="material-icons">waving_hand</i> Welcome back</h3>
<h3><i class="material-icons-outlined">waving_hand</i> Welcome back</h3>
<p>
<i class="material-icons">email</i>
<i class="material-icons-outlined">email</i>
@if (!empty($account->email))
{{ $account->email }}
@else
@ -18,7 +18,7 @@
</p>
<p>
<i class="material-icons">call</i>
<i class="material-icons-outlined">call</i>
@if (!empty($account->phone))
{{ $account->phone }}
@else
@ -27,7 +27,7 @@
<a href="{{ route('account.phone.change') }}">Change my current account phone</a>
</p>
<p>
<i class="material-icons">lock</i>
<i class="material-icons-outlined">lock</i>
<a href="{{ route('account.password') }}">
@if ($account->passwords()->count() > 0)
Change my password
@ -38,24 +38,24 @@
</p>
<p>
<i class="material-icons">delete</i>
<i class="material-icons-outlined">delete</i>
<a href="{{ route('account.delete') }}">Delete my account</a>
</p>
</div>
<div class="card">
<h3><i class="material-icons">person</i> Account information</h3>
<h3><i class="material-icons-outlined">person</i> Account information</h3>
<p><i class="material-icons">alternate_email</i> SIP address: sip:{{ $account->identifier }}</p>
<p><i class="material-icons">person</i> Username: {{ $account->username }}</p>
<p><i class="material-icons">dns</i> Domain: {{ $account->domain }}</p>
<p><i class="material-icons-outlined">alternate_email</i> SIP address: sip:{{ $account->identifier }}</p>
<p><i class="material-icons-outlined">person</i> Username: {{ $account->username }}</p>
<p><i class="material-icons-outlined">dns</i> Domain: {{ $account->domain }}</p>
@if (!empty(config('app.proxy_registrar_address')))
<p><i class="material-icons">lan</i> Proxy/registrar address: sip:{{ config('app.proxy_registrar_address') }}
<p><i class="material-icons-outlined">lan</i> Proxy/registrar address: sip:{{ config('app.proxy_registrar_address') }}
</p>
@endif
@if (!empty(config('app.transport_protocol_text')))
<p><i class="material-icons">settings_ethernet</i> Transport: {{ config('app.transport_protocol_text') }} </p>
<p><i class="material-icons-outlined">settings_ethernet</i> Transport: {{ config('app.transport_protocol_text') }} </p>
@endif
<!--<h3 class="mt-3">Automatic authentication</h3>
@ -76,7 +76,7 @@
</div>
<div class="large">
<h2><i class="material-icons">key</i>API Key</h2>
<h2><i class="material-icons-outlined">key</i>API Key</h2>
<p>You can generate an API key and use it to request the different API endpoints, <a href="{{ route('api') }}">check
the related API documentation</a> to know how to use that key.</p>

View file

@ -3,7 +3,7 @@
@section('content')
<section>
<h1>
<i class="material-icons">mail</i>
<i class="material-icons-outlined">mail</i>
@if ($account->email)
Change your email
@else

View file

@ -2,7 +2,7 @@
@section('content')
<section>
<h1 style="margin-bottom: 4rem;"><i class="material-icons">account_circle</i> Validate your email</h1>
<h1 style="margin-bottom: 4rem;"><i class="material-icons-outlined">account_circle</i> Validate your email</h1>
<form method="POST" action="{{ route('account.email.update') }}" accept-charset="UTF-8">
@csrf

View file

@ -2,7 +2,7 @@
@section('content')
<section>
<h1 style="margin-bottom: 3rem;"><i class="material-icons">waving_hand</i> Welcome on {{ config('app.name') }}</h1>
<h1 style="margin-bottom: 3rem;"><i class="material-icons-outlined">waving_hand</i> Welcome on {{ config('app.name') }}</h1>
@if (config('instance.intro_registration'))
@parsedown(config('instance.intro_registration'))

View file

@ -3,7 +3,7 @@
@section('content')
<section>
<h1>
<i class="material-icons">call</i>
<i class="material-icons-outlined">call</i>
@if ($account->phone)
Change your phone number
@else

View file

@ -2,7 +2,7 @@
@section('content')
<section>
<h1><i class="material-icons">account_circle</i> Validate your phone number</h1>
<h1><i class="material-icons-outlined">account_circle</i> Validate your phone number</h1>
<form method="POST" action="{{ route('account.phone.update') }}" accept-charset="UTF-8">
@csrf

View file

@ -3,7 +3,7 @@
@section('content')
<section>
<h1><i class="material-icons">account_circle</i> Account recovery</h1>
<h1><i class="material-icons-outlined">account_circle</i> Account recovery</h1>
<form method="POST" action="{{ route('account.recovery.confirm') }}" accept-charset="UTF-8">
@csrf

View file

@ -2,7 +2,7 @@
@section('content')
<section>
<h1><i class="material-icons">account_circle</i> Account recovery</h1>
<h1><i class="material-icons-outlined">account_circle</i> Account recovery</h1>
<div>
<form method="POST" action="{{ route('account.recovery.send') }}" accept-charset="UTF-8">
@csrf

View file

@ -2,7 +2,7 @@
@section('content')
<section>
<h1><i class="material-icons">account_circle</i> Register</h1>
<h1><i class="material-icons-outlined">account_circle</i> Register</h1>
<p style="margin-bottom: 2rem;">
You already have an account?
<a class="btn btn-secondary" href="{{ route('account.login') }}">Login</a>
@ -13,7 +13,7 @@
@csrf
<div>
<input placeholder="username" name="username" type="text" value="{{ old('username') }}">
<input placeholder="username" name="username" type="text" value="{{ old('username') }}" required>
<label for="username">Username</label>
@include('parts.errors', ['name' => 'username'])
</div>

View file

@ -2,7 +2,7 @@
@section('content')
<section>
<h1><i class="material-icons">account_circle</i> Register</h1>
<h1><i class="material-icons-outlined">account_circle</i> Register</h1>
<p style="margin-bottom: 2rem;">
You already have an account?
<a class="btn btn-secondary" href="{{ route('account.login') }}">Login</a>

View file

@ -10,10 +10,10 @@
@section('content')
@if ($account->id)
<header>
<h1><i class="material-icons">people</i> {{ $account->identifier }}</h1>
<h1><i class="material-icons-outlined">people</i> {{ $account->identifier }}</h1>
<a href="{{ route('admin.account.index') }}" class="btn btn-secondary oppose">Cancel</a>
<a class="btn btn-secondary" href="{{ route('admin.account.delete', $account->id) }}">
<i class="material-icons">delete</i>
<i class="material-icons-outlined">delete</i>
Delete
</a>
<input form="create_edit" class="btn" type="submit" value="Update">
@ -28,7 +28,7 @@
])
@else
<header>
<h1><i class="material-icons">people</i> Create an account</h1>
<h1><i class="material-icons-outlined">people</i> Create an account</h1>
<a href="{{ route('admin.account.index') }}" class="btn btn-secondary oppose">Cancel</a>
<input form="create_edit" class="btn" type="submit" value="Create">
</header>
@ -148,7 +148,7 @@
href="{{ route('admin.contacts_lists.edit', ['contacts_list_id' => $contactsList->id]) }}">{{ $contactsList->title }}</a>
<a
href="{{ route('admin.account.contacts_lists.detach', ['account_id' => $account->id, 'contacts_list_id' => $contactsList->id]) }}">
<i class="material-icons">close</i>
<i class="material-icons-outlined">close</i>
</a>
</p>
@endforeach
@ -159,7 +159,7 @@
<p class="chip">
<a href="{{ route('admin.account.edit', $account) }}">{{ $contact->identifier }}</a>
<a href="{{ route('admin.account.contact.delete', [$account, $contact->id]) }}">
<i class="material-icons">close</i>
<i class="material-icons-outlined">close</i>
</a>
</p>
@endforeach

View file

@ -13,7 +13,7 @@
@section('content')
<header>
<h1><i class="material-icons">people</i> {{ $account->identifier }}</h1>
<h1><i class="material-icons-outlined">people</i> {{ $account->identifier }}</h1>
<a href="{{ route('admin.account.edit', $account->id) }}" class="btn btn-secondary oppose">Cancel</a>
</header>

View file

@ -8,9 +8,9 @@
@section('content')
<header>
<h1><i class="material-icons">people</i> Accounts</h1>
<h1><i class="material-icons-outlined">people</i> Accounts</h1>
<a class="btn oppose" href="{{ route('admin.account.create') }}">
<i class="material-icons">add_circle</i>
<i class="material-icons-outlined">add_circle</i>
New Account
</a>
</header>

View file

@ -12,7 +12,7 @@
@section('content')
<header>
<h1><i class="material-icons">account_box</i> {{ $contacts_list->title }}</h1>
<h1><i class="material-icons-outlined">account_box</i> {{ $contacts_list->title }}</h1>
<a href="{{ route('admin.contacts_lists.edit', $contacts_list->id) }}" class="btn btn-secondary oppose">Cancel</a>
@ -44,7 +44,7 @@
<span class="list_toggle" data-list-id="a{{ $contacts_list->id }}"></span> selected
</p>
<a class="btn" onclick="Utils.clearStorageList('a{{ $contacts_list->id }}'); document.querySelector('form[name=contacts_lists_contacts_store]').submit()">
<i class="material-icons">add_circle</i>
<i class="material-icons-outlined">add_circle</i>
Add
</a>
</div>
@ -62,9 +62,9 @@
<a href="{{ route('admin.contacts_lists.contacts.add', $params) }}">
Updated
@if ($params['updated_at_order'] == 'desc')
<i class="material-icons">expand_more</i>
<i class="material-icons-outlined">expand_more</i>
@else
<i class="material-icons">expand_less</i>
<i class="material-icons-outlined">expand_less</i>
@endif
</a>
</th>

View file

@ -10,15 +10,15 @@
@section('content')
<header>
@if ($contacts_list->id)
<h1><i class="material-icons">account_box</i> {{ $contacts_list->title }}</h1>
<h1><i class="material-icons-outlined">account_box</i> {{ $contacts_list->title }}</h1>
<a href="{{ route('admin.contacts_lists.index') }}" class="btn btn-secondary oppose">Cancel</a>
<a class="btn btn-secondary" href="{{ route('admin.contacts_lists.delete', $contacts_list->id) }}">
<i class="material-icons">delete</i>
<i class="material-icons-outlined">delete</i>
Delete
</a>
<input form="create_edit_contacts_list" class="btn" type="submit" value="Update">
@else
<h1><i class="material-icons">account_box</i> Create a Contacts List</h1>
<h1><i class="material-icons-outlined">account_box</i> Create a Contacts List</h1>
<a href="{{ route('admin.contacts_lists.index') }}" class="btn btn-secondary oppose">Cancel</a>
<input form="create_edit_contacts_list" class="btn" type="submit" value="Create">
@endif
@ -64,13 +64,13 @@
<input type="hidden" name="contacts_list_id" value="{{ $contacts_list->id }}">
<a class="btn btn-tertiary"
onclick="Utils.clearStorageList('d{{ $contacts_list->id }}'); document.querySelector('form[name=contacts_lists_contacts_destroy]').submit()">
<i class="material-icons">delete</i>
<i class="material-icons-outlined">delete</i>
Remove contacts
</a>
</form>
<a class="btn btn-secondary" href="{{ route('admin.contacts_lists.contacts.add', $contacts_list->id) }}">
<i class="material-icons">add</i> Add contacts
<i class="material-icons-outlined">add</i> Add contacts
</a>
</header>

View file

@ -9,9 +9,9 @@
@section('content')
<header>
<h1><i class="material-icons">account_box</i> Contacts Lists</h1>
<h1><i class="material-icons-outlined">account_box</i> Contacts Lists</h1>
<a class="btn oppose" href="{{ route('admin.contacts_lists.create') }}">
<i class="material-icons">add_circle</i>
<i class="material-icons-outlined">add_circle</i>
New Contacts List
</a>
</header>

View file

@ -6,7 +6,7 @@
@section('content')
<header>
<h1><i class="material-icons">analytics</i> Statistics</h1>
<h1><i class="material-icons-outlined">analytics</i> Statistics</h1>
</header>
@include('parts.tabs', [
@ -48,7 +48,7 @@
<a class="btn btn-secondary" href="{{ route('admin.statistics.show') }}">Reset</a>
<a class="btn btn-tertiary"
href="{{ route('admin.statistics.show', ['by' => $by, 'type' => $type, 'export' => true] + $request->only(['from', 'to'])) }}">
<i class="material-icons">download</i> Export
<i class="material-icons-outlined">download</i> Export
</a>
</div>
</form>

View file

@ -34,20 +34,15 @@
@endif
<a class="oppose" href="{{ route('about') }}">
<i class="material-icons">info</i><span class="on_desktop">About</span>
<i class="material-icons-outlined">info</i><span class="on_desktop">About</span>
</a>
@if (auth()->user())
<a class="oppose" href="{{ route('account.dashboard') }}">
<i class="material-icons">account_circle</i><span
<i class="material-icons-outlined">account_circle</i><span
class="on_desktop">{{ auth()->user()->identifier }}</span>
</a>
<a class="oppose" href="{{ route('account.logout') }}">
<i class="material-icons">logout</i>
</a>
@elseif (request()->route() &&
request()->route()->getName() != 'account.login')
<a class="oppose" href="{{ route('account.login') }}">
<i class="material-icons">info</i><span class="on_desktop">Login</span>
<i class="material-icons-outlined">logout</i>
</a>
@endif
</nav>

View file

@ -5,7 +5,7 @@
'order_sort' => request()->get('order_sort', 'desc') == 'desc' ? 'asc' : 'desc'
] + request()->except('_token', 'query')) }}">
{{ $title }}
<i class="material-icons">
<i class="material-icons-outlined">
@if (request()->get('order_by') == $key && request()->has('order_sort'))
@if (request()->get('order_sort') == 'asc')
expand_more

View file

@ -13,7 +13,7 @@
@foreach ($items as $route => $value)
<a @if (str_starts_with(url()->current(), route($route)))class="current"@endif href="{{ route($route) }}">
<i class="material-icons">{{ $value['icon'] }}</i>
<i class="material-icons-outlined">{{ $value['icon'] }}</i>
{{ $value['title'] }}
</a>
@endforeach

View file

@ -1,5 +1,5 @@
<div class="large checkbox">
<input id="terms" name="terms" type="checkbox" value="false">
<input id="terms" name="terms" type="checkbox">
<label for="terms">
I accept the
<a href="{{ config('app.terms_of_use_url') }}">Terms and Conditions</a>