tilderadio
/
AzuraCast
mirror of https://github.com/AzuraCast/AzuraCast.git
4
0
Fork 0
Code Issues Releases Wiki Activity

Revert font changes; implement play/stop change in old Material font.

This commit is contained in:
Buster "Silver Eagle" Neece 2021-03-21 10:26:23 -05:00
parent 06384b7f4a
commit da50621f91
No known key found for this signature in database
GPG Key ID: 6D9E12FF03411F4E
55 changed files with 128 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
config/assets.php
View File

@ -125,9 +125,6 @@ return [
[
'href' => 'dist/lib/roboto-fontface/css/roboto/roboto-fontface.css',
],
[
'href' => 'dist/lib/material-icons/css/twotone.css',
],
],
],
'inline' => [

BIN
frontend/font/material-icons-outlined.woff2 Normal file
View File

Binary file not shown.

BIN
frontend/font/material-icons.woff2 Normal file
View File

Binary file not shown.

4
frontend/gulpfile.js
View File

@ -61,10 +61,8 @@ var jsFiles = {
]
},
'material-icons': {
base: 'node_modules/@material-icons/font',
files: [
'node_modules/@material-icons/font/css/twotone.css',
'node_modules/@material-icons/font/font/MaterialIcons-TwoTone*'
'font/*'
]
},
'roboto-fontface': {

10
frontend/npm-shrinkwrap.json generated
View File

@ -1012,11 +1012,6 @@
}
}
},
"@material-icons/font": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/@material-icons/font/-/font-1.0.8.tgz",
"integrity": "sha512-o3k/faozPSu+dNjicy29a2MUHNEn07JUgAPjKHXzPaEyKlb+HUUbq6Oo9iRTM0vORc5+8XWWSyvtLyrQSHafHg=="
},
"@nuxt/opencollective": {
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/@nuxt/opencollective/-/opencollective-0.3.2.tgz",
@ -4966,6 +4961,11 @@
}
}
},
"material-icons": {
"version": "0.5.4",
"resolved": "https://registry.npmjs.org/material-icons/-/material-icons-0.5.4.tgz",
"integrity": "sha512-5ycazkNmIOtV78Ff3WgvxQESoJuujdRm0cNbf18fmyJN20jHyqp9rpwi4EfQyGimag0ZLElxtVg3H9enIKdOOw=="
},
"md5.js": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",

2
frontend/package.json
View File

@ -18,7 +18,6 @@
"@fullcalendar/moment-timezone": "^4.4.2",
"@fullcalendar/timegrid": "^4.4.2",
"@fullcalendar/vue": "^4.4.2",
"@material-icons/font": "^1.0.8",
"autosize": "^4.0.2",
"axios": "^0.21.1",
"bootstrap": "^4.5.2",
@ -47,6 +46,7 @@
"leaflet": "^1.7.1",
"leaflet.fullscreen": "^1.6.0",
"lodash": "^4.17.20",
"material-icons": "^0.5.4",
"moment": "^2.29.1",
"moment-timezone": "^0.5.31",
"nchan": "^1.0.10",

34
frontend/scss/_material-icons.scss Normal file
View File

@ -0,0 +1,34 @@
/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url('lib/material-icons/material-icons.woff2') format('woff2');
}
@font-face {
font-family: 'Material Icons Outlined';
font-style: normal;
font-weight: 400;
src: url('lib/material-icons/material-icons-outlined.woff2') format('woff2');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
&.outlined {
font-family: 'Material Icons Outlined';
}
}

1
frontend/scss/_material.scss
View File

@ -71,6 +71,7 @@ $enable-print-styles: true !default;
@import 'material/tooltip';
// Utilities
@import 'material-icons';
@import 'utilities';
// Very basic print styles

4
frontend/vue/Common/Icon.vue
View File

@ -20,14 +20,14 @@ export default {
switch (this.type) {
case 'md':
default:
return ['material-icons', 'md-' + this.icon];
return ['material-icons'];
}
},
iconContent () {
switch (this.type) {
case 'md':
default:
return '';
return this.icon;
}
}
}

2
frontend/vue/Dashboard.vue
View File

@ -121,7 +121,7 @@
<td class="text-center pr-3">
<a class="file-icon btn-audio has-listener" href="#" :data-url="item.station.listen_url"
@click.prevent="playAudio(item.station.listen_url)" :title="langPlayPause">
<icon class="lg align-middle" icon="play_circle_filled"></icon>
<icon class="lg outlined align-middle" icon="play_circle"></icon>
</a>
</td>
<td class="pl-2">

2
frontend/vue/Public/OnDemand.vue
View File

@ -23,7 +23,7 @@
<template v-slot:cell(download_url)="row">
<a class="file-icon btn-audio" href="#" :data-url="row.item.download_url"
@click.prevent="playAudio(row.item.download_url)" :title="langPlayPause">
<icon :icon="(now_playing_url === row.item.download_url) ? 'stop_circle' : 'play_circle_filled'"></icon>
<icon class="outlined" :icon="(now_playing_url === row.item.download_url) ? 'stop_circle' : 'play_circle'"></icon>
</a>
<template v-if="showDownloadButton">
&nbsp;

10
frontend/vue/Public/Player.vue
View File

@ -44,15 +44,15 @@
<div class="radio-controls">
<div class="radio-control-play-button" v-if="is_playing">
<a href="#" role="button" :title="lang_pause_btn" :aria-label="lang_pause_btn"
<a href="#" role="button" :title="lang_stop_btn" :aria-label="lang_stop_btn"
@click.prevent="toggle()">
<icon class="lg" icon="stop_circle"></icon>
<icon class="outlined lg" icon="stop_circle"></icon>
</a>
</div>
<div class="radio-control-play-button" v-else>
<a href="#" role="button" :title="lang_play_btn" :aria-label="lang_play_btn"
@click.prevent="toggle()">
<icon class="lg" icon="play_circle_filled"></icon>
<icon class="outlined lg" icon="play_circle"></icon>
</a>
</div>
@ -266,8 +266,8 @@ export default {
lang_play_btn () {
return this.$gettext('Play');
},
lang_pause_btn () {
return this.$gettext('Pause');
lang_stop_btn () {
return this.$gettext('Stop');
},
lang_mute_btn () {
return this.$gettext('Mute');

2
frontend/vue/Stations/Media.vue
View File

@ -24,7 +24,7 @@
<template v-if="row.item.media_is_playable">
<a class="file-icon btn-audio has-listener" href="#" :data-url="row.item.media_links_play"
@click.prevent="playAudio(row.item.media_links_play)" :title="langPlayPause">
<icon icon="play_circle_filled"></icon>
<icon class="outlined" icon="play_circle"></icon>
</a>
</template>
<template v-else>

4
frontend/vue/Stations/Profile/StreamsPanel.vue
View File

@ -20,7 +20,7 @@
<tr class="align-middle" v-for="mount in np.station.mounts">
<td class="pr-1">
<a class="btn-audio has-listener" href="#" v-bind:data-url="mount.url" @click.prevent="toggle(mount.url)">
<icon icon="play_circle_filled"></icon>
<icon class="outlined" icon="play_circle"></icon>
</a>
</td>
<td class="pl-1">
@ -50,7 +50,7 @@
<tr class="align-middle" v-for="remote in np.station.remotes">
<td class="pr-1">
<a class="btn-audio has-listener" href="#" v-bind:data-url="remote.url" @click.prevent="toggle(remote.url)">
<icon icon="play_circle_filled"></icon>
<icon class="outlined" icon="play_circle"></icon>
</a>
</td>
<td class="pl-1">

2
frontend/vue/Stations/Streamers/BroadcastsModal.vue
View File

@ -11,7 +11,7 @@
<template v-if="row.item.recording_links_download">
<a class="file-icon btn-audio" href="#"
@click.prevent="playAudio(row.item.recording_links_download)" :title="langPlayPause">
<icon :icon="(now_playing_url === row.item.recording_links_download) ? 'stop_circle' : 'play_circle_filled'"></icon>
<icon class="outlined" :icon="(now_playing_url === row.item.recording_links_download) ? 'stop_circle' : 'play_circle'"></icon>
</a>
&nbsp;
<a class="name" :href="row.item.recording_links_download" target="_blank" :title="langDownload">

6
templates/admin/audit_log/index.js.phtml
View File

@ -37,15 +37,15 @@ $(function() {
if (row.operation === <?=\App\Entity\AuditLog::OPER_INSERT ?>) {
return '<span class="text-success" title=<?=$this->escapeJs(
__('Insert')
) ?>><i class="material-icons lg inline md-add_circle" aria-hidden="true"></i></span>';
) ?>><i class="material-icons lg inline" aria-hidden="true">add_circle</i></span>';
} else if (row.operation === <?=\App\Entity\AuditLog::OPER_DELETE ?>) {
return '<span class="text-danger" title=<?=$this->escapeJs(
__('Delete')
) ?>><i class="material-icons lg inline md-remove_circle" aria-hidden="true"></i></span>';
) ?>><i class="material-icons lg inline" aria-hidden="true">remove_circle</i></span>';
} else {
return '<span class="text-primary" title=<?=$this->escapeJs(
__('Update')
) ?>><i class="material-icons lg inline md-swap_horizontal_circle" aria-hidden="true"></i></span>';
) ?>><i class="material-icons lg inline" aria-hidden="true">swap_horizontal_circle</i></span>';
}
},
'identifier': function (column, row) {

2
templates/admin/audit_log/index.phtml
View File

@ -20,7 +20,7 @@ $assets
</h2>
<div class="flex-shrink">
<a class="btn btn-bg mr-2 dropdown-toggle" id="reportrange" href="#">
<i class="material-icons md-date_range" aria-hidden="true"></i> <span><?=__('Last 14 Days')?></span>
<i class="material-icons" aria-hidden="true">date_range</i> <span><?=__('Last 14 Days')?></span>
</a>
</div>
</div>

8
templates/admin/backups/index.phtml
View File

@ -35,12 +35,12 @@ $assets
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" href="<?=$router->fromHere('admin:backups:configure')?>">
<i class="material-icons md-settings" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">settings</i>
<?=__('Configure')?>
</a>
<?php if (!empty($last_output)): ?>
<a class="btn btn-outline-secondary" id="btn-view-log" href="#">
<i class="material-icons md-assignment" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">assignment</i>
<?=__('Most Recent Backup Log')?>
</a>
<?php endif; ?>
@ -54,7 +54,7 @@ $assets
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" href="<?=$router->fromHere('admin:backups:configure')?>">
<i class="material-icons md-settings" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">settings</i>
<?=__('Configure')?>
</a>
</div>
@ -84,7 +84,7 @@ $assets
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->named('admin:backups:run')?>">
<i class="material-icons md-send" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">send</i>
<?=__('Run Manual Backup')?>
</a>
</div>

2
templates/admin/backups/run.phtml
View File

@ -16,7 +16,7 @@ $this->layout('main', [
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" href="<?=$router->fromHere('admin:backups:index')?>">
<i class="material-icons md-arrow_back" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">arrow_back</i>
<?=__('Backups Home')?>
</a>
</div>

2
templates/admin/custom_fields/index.phtml
View File

@ -6,7 +6,7 @@
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->named('admin:custom_fields:add') ?>">
<i class="material-icons md-add" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">add</i>
<?=__('Add Custom Field') ?>
</a>
</div>

2
templates/admin/debug/sync.phtml
View File

@ -15,7 +15,7 @@ $this->layout('main', [
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" href="<?=$router->fromHere('admin:debug:index')?>">
<i class="material-icons md-arrow_back" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">arrow_back</i>
<?=__('Debug Home')?>
</a>
</div>

2
templates/admin/index/index.phtml
View File

@ -102,7 +102,7 @@ $assets
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->named('admin:debug:sync',
['type' => $sync_key])?>">
<i class="material-icons md-send" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">send</i>
<?=__('Run Task')?>
</a>
</div>

2
templates/admin/permissions/index.phtml
View File

@ -6,7 +6,7 @@
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->named('admin:permissions:add')?>">
<i class="material-icons md-add" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">add</i>
<?=__('Add Permission')?>
</a>
</div>

2
templates/admin/stations/index.phtml
View File

@ -6,7 +6,7 @@
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->named('admin:stations:add')?>">
<i class="material-icons md-add" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">add</i>
<?=__('Add Station')?>
</a>
</div>

2
templates/admin/users/index.phtml
View File

@ -6,7 +6,7 @@
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->named('admin:users:add') ?>">
<i class="material-icons md-add" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">add</i>
<?=__('Add User') ?>
</a>
</div>

2
templates/frontend/account/forgot.phtml
View File

@ -17,7 +17,7 @@ $this->layout(
<form id="login-form" action="" method="post">
<div class="form-group">
<label for="email" class="mb-2">
<i class="material-icons md-email mr-1" aria-hidden="true"></i>
<i class="material-icons mr-1" aria-hidden="true">email</i>
<strong><?=__('E-mail Address')?></strong>
</label>
<input type="email" id="email" name="email" class="form-control" placeholder="<?=__(

4
templates/frontend/account/login.phtml
View File

@ -37,7 +37,7 @@ $this->layout(
<form id="login-form" action="" method="post">
<div class="form-group">
<label for="username" class="mb-2">
<i class="material-icons md-email mr-1" aria-hidden="true"></i>
<i class="material-icons mr-1" aria-hidden="true">email</i>
<strong><?=__('E-mail Address')?></strong>
</label>
<input type="email" id="username" name="username" class="form-control" placeholder="<?=__(
@ -46,7 +46,7 @@ $this->layout(
</div>
<div class="form-group mt-2">
<label for="password" class="mb-2">
<i class="material-icons md-vpn_key mr-1" aria-hidden="true"></i>
<i class="material-icons mr-1" aria-hidden="true">vpn_key</i>
<strong><?=__('Password')?></strong>
</label>
<input type="password" id="password" name="password" class="form-control" placeholder="<?=__(

2
templates/frontend/account/recover.phtml
View File

@ -21,7 +21,7 @@ $assets->load('zxcvbn');
<form id="login-form" action="" method="post">
<div class="form-group">
<label for="password" class="mb-2">
<i class="material-icons md-vpn_key mr-1" aria-hidden="true"></i>
<i class="material-icons mr-1" aria-hidden="true">vpn_key</i>
<strong><?=__('Password')?></strong>
</label>
<input type="password" id="password" name="password" class="strength form-control" placeholder="<?=__(

2
templates/frontend/account/two_factor.phtml
View File

@ -14,7 +14,7 @@ $this->layout('minimal', [
<form id="login-form" class="pr-5" action="" method="post">
<div class="form-group">
<label for="otp" class="mb-2">
<i class="material-icons md-vpn_key mr-1" aria-hidden="true"></i>
<i class="material-icons mr-1" aria-hidden="true">vpn_key</i>
<strong><?=__('Security Code') ?></strong>
</label>
<input type="number" name="otp" class="form-control form-control-lg" placeholder="" aria-label="<?=__('Security Code') ?>" required autofocus>

2
templates/frontend/api_keys/index.phtml
View File

@ -16,7 +16,7 @@ $this->layout('main', [
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->named('api_keys:add') ?>">
<i class="material-icons md-add" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">add</i>
<?=__('Add API Key') ?>
</a>
</div>

2
templates/frontend/profile/enable_two_factor.phtml
View File

@ -41,7 +41,7 @@ $assets
</div>
<div class="flex-shrink-0">
<button class="btn btn-copy btn-link btn-xs py-1 px-2" data-clipboard-target="#totp_uri">
<i class="material-icons md-file_copy sm"></i></i><span class="sr-only"><?=__(
<i class="material-icons sm">file_copy</i><span class="sr-only"><?=__(
'Copy to Clipboard'
)?></span></button>
</div>

8
templates/frontend/profile/index.phtml
View File

@ -32,7 +32,7 @@ $this->layout('main', ['title' => __('My Account'), 'manual' => true]);
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" href="<?=$router->named('profile:edit')?>">
<i class="material-icons md-edit" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">edit</i>
<?=__('Edit Profile')?>
</a>
</div>
@ -60,7 +60,7 @@ $this->layout('main', ['title' => __('My Account'), 'manual' => true]);
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" href="<?=$router->named('profile:edit')?>#customization">
<i class="material-icons md-edit" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">edit</i>
<?=__('Customize')?>
</a>
</div>
@ -89,13 +89,13 @@ $this->layout('main', ['title' => __('My Account'), 'manual' => true]);
<?php
if (null !== $user->getTwoFactorSecret()): ?>
<a class="btn btn-outline-primary" href="<?=$router->named('profile:2fa:disable')?>">
<i class="material-icons md-lock_open" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">lock_open</i>
<?=__('Disable Two-Factor')?>
</a>
<?php
else: ?>
<a class="btn btn-outline-primary" href="<?=$router->named('profile:2fa:enable')?>">
<i class="material-icons md-lock" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">lock</i>
<?=__('Enable Two-Factor')?>
</a>
<?php

4
templates/frontend/setup/register.phtml
View File

@ -33,7 +33,7 @@ $assets->load('zxcvbn');
<div class="row">
<div class="form-group col-sm">
<label for="username" class="mb-2">
<i class="material-icons md-email mr-1" aria-hidden="true"></i>
<i class="material-icons mr-1" aria-hidden="true">email</i>
<strong><?=__('E-mail Address') ?></strong>
</label>
<input type="email" id="username" name="username" class="form-control" placeholder="" required>
@ -43,7 +43,7 @@ $assets->load('zxcvbn');
<div class="row">
<div class="form-group col-sm">
<label for="password" class="mb-2">
<i class="material-icons md-vpn_key mr-1" aria-hidden="true"></i>
<i class="material-icons mr-1" aria-hidden="true">vpn_key</i>
<strong><?=__('Password') ?></strong>
</label>
<input type="password" id="password" name="password" class="strength form-control" placeholder="" required>

4
templates/frontend/setup/settings.phtml
View File

@ -8,13 +8,13 @@ $this->start('stepper');
<div class="stepper-horiz">
<div class="stepper done">
<div class="stepper-icon">
<i class="material-icons md-check" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">check</i>
</div>
<span class="stepper-text"><?=__('Create Account') ?></span>
</div>
<div class="stepper done">
<div class="stepper-icon">
<i class="material-icons md-check" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">check</i>
</div>
<span class="stepper-text"><?=__('Create Station') ?></span>
</div>

2
templates/frontend/setup/station.phtml
View File

@ -8,7 +8,7 @@ $this->start('stepper');
<div class="stepper-horiz">
<div class="stepper done">
<div class="stepper-icon">
<i class="material-icons md-check" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">check</i>
</div>
<span class="stepper-text"><?=__('Create Account') ?></span>
</div>

18
templates/main.phtml
View File

@ -67,12 +67,12 @@ endif; ?>">
<button aria-expanded="false" aria-haspopup="true" class="navbar-toggler" aria-label="<?=__(
'Toggle Menu'
)?>" data-toggle="dropdown" type="button">
<i class="material-icons md-more_vert" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">more_vert</i>
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a class="dropdown-item" href="<?=$router->named('dashboard')?>">
<i class="material-icons md-home" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">home</i>
<?=__('Dashboard')?>
</a>
</li>
@ -81,7 +81,7 @@ endif; ?>">
if ($acl->isAllowed(App\Acl::GLOBAL_VIEW)): ?>
<li>
<a class="dropdown-item" href="<?=$router->named('admin:index:index')?>">
<i class="material-icons md-settings" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">settings</i>
<?=__('System Administration')?>
</a>
</li>
@ -89,25 +89,25 @@ endif; ?>">
endif; ?>
<li>
<a class="dropdown-item" href="<?=$router->named('profile:index')?>">
<i class="material-icons md-account_circle" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">account_circle</i>
<?=__('My Account')?>
</a>
</li>
<li>
<a class="dropdown-item" href="<?=$router->named('profile:theme')?>">
<i class="material-icons md-invert_colors" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">invert_colors</i>
<?=__('Switch Theme')?>
</a>
</li>
<li>
<a class="dropdown-item" href="<?=$router->named('api_keys:index')?>">
<i class="material-icons md-vpn_key" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">vpn_key</i>
<?=__('My API Keys')?>
</a>
</li>
<li>
<a class="dropdown-item" href="https://docs.azuracast.com/en/user-guide/troubleshooting" target="_blank">
<i class="material-icons md-help" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">help</i>
<?=__('Help')?>
</a>
</li>
@ -116,7 +116,7 @@ endif; ?>">
if ($auth->isMasqueraded()): ?>
<li>
<a class="dropdown-item" href="<?=$router->named('account:endmasquerade')?>">
<i class="material-icons md-exit_to_app" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">exit_to_app</i>
<?=__('End Session')?>
</a>
</li>
@ -124,7 +124,7 @@ endif; ?>">
else: ?>
<li>
<a class="dropdown-item" href="<?=$router->named('account:logout')?>">
<i class="material-icons md-exit_to_app" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">exit_to_app</i>
<?=__('Sign Out')?></a></li>
<?php
endif; ?>

2
templates/partials/log_help_card.phtml
View File

@ -17,7 +17,7 @@
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="https://github.com/AzuraCast/AzuraCast/issues/new/choose" target="_blank">
<i class="material-icons md-contact_support" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">contact_support</i>
<?=__('Add New GitHub Issue')?>
</a>
</div>

2
templates/partials/log_inline.phtml
View File

@ -9,7 +9,7 @@ $assets
<textarea class="form-control log-viewer" id="log-view-contents" spellcheck="false" readonly>Loading...</textarea>
<div class="buttons pt-2">
<button class="btn btn-copy btn-primary btn-sm" data-clipboard-target="#log-view-contents">
<i class="material-icons md-file_copy"></i> <?=__('Copy to Clipboard')?>
<i class="material-icons">file_copy</i> <?=__('Copy to Clipboard')?>
</button>
</div>
</div>

2
templates/partials/log_viewer.phtml
View File

@ -25,7 +25,7 @@ $assets
<textarea class="form-control log-viewer" id="modal-log-view-contents" spellcheck="false" readonly>Loading...</textarea>
<div class="buttons pt-2">
<button class="btn btn-copy btn-primary btn-sm" data-clipboard-target="#modal-log-view-contents">
<i class="material-icons md-file_copy"></i> <?=__('Copy to Clipboard')?>
<i class="material-icons">file_copy</i> <?=__('Copy to Clipboard')?>
</button>
</div>
</div>

11
templates/partials/radio_controls.js.phtml
View File

@ -6,7 +6,7 @@ $assets->load('Vue_InlinePlayer');
let inlinePlayer, currentUrl = null;
const pauseText = <?=$this->escapeJs(__('Pause')) ?>;
const stopText = <?=$this->escapeJs(__('Stop')) ?>;
const playText = <?=$this->escapeJs(__('Play')) ?>;
function redrawPlayIcons () {
@ -21,20 +21,19 @@ function redrawPlayIcons () {
}
let playIcon = $(this).find('i.material-icons');
playIcon.removeClass('md-stop_circle md-play_circle_filled');
if (null !== currentUrl && $(this).is('[data-url="' + currentUrl + '"]')) {
$(this).addClass('playing')
.attr('title', pauseText)
.attr('aria-label', pauseText);
.attr('title', stopText)
.attr('aria-label', stopText);
playIcon.addClass('md-stop_circle');
playIcon.text('stop_circle');
} else {
$(this).removeClass('playing')
.attr('title', playText)
.attr('aria-label', playText);
playIcon.addClass('md-play_circle_filled');
playIcon.text('play_circle');
}
});
}

4
templates/partials/sidebar_menu.phtml
View File

@ -27,11 +27,11 @@ $assets->addInlineJs($this->fetch('partials/sidebar_menu.js'), 99);
<?php
if (isset($category['title'])): ?>title="<?=$this->e($category['title'])?>"<?php
endif; ?>>
<i class="navdrawer-nav-icon material-icons md-<?=$category['icon']?>" aria-hidden="true"></i>
<i class="navdrawer-nav-icon material-icons" aria-hidden="true"><?=$category['icon']?></i>
<?=$category['label']?>
<?php
if ($category['external']): ?>
<i class="material-icons md-open_in_new sm"></i>
<i class="material-icons sm">open_in_new</i>
<?php
endif; ?>
</a>

2
templates/stations/files/index.phtml
View File

@ -57,7 +57,7 @@ $assets
if ($show_sftp): ?>
<div class="card-body alert-info d-flex align-items-center" role="alert">
<div class="flex-shrink-0 mr-2">
<i class="material-icons md-info" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">info</i>
</div>
<div class="flex-fill">
<p class="mb-0">

4
templates/stations/mounts/index.phtml
View File

@ -6,7 +6,7 @@
</div>
<div class="card-body alert-info d-flex align-items-center" role="alert">
<div class="flex-shrink-0 mr-2">
<i class="material-icons md-info" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">info</i>
</div>
<div class="flex-fill">
<p class="card-text"><?=__('Mount points are how listeners connect and listen to your station. Each mount point can be a different audio format or quality. Using mount points, you can set up a high-quality stream for broadband listeners and a mobile stream for phone users.')?></p>
@ -15,7 +15,7 @@
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->fromHere('stations:mounts:add')?>">
<i class="material-icons md-add" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">add</i>
<?=__('Add Mount Point')?>
</a>
</div>

4
templates/stations/remotes/index.phtml
View File

@ -6,7 +6,7 @@
</div>
<div class="card-body alert-info d-flex align-items-center" role="alert">
<div class="flex-shrink-0 mr-2">
<i class="material-icons md-info" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">info</i>
</div>
<div class="flex-fill">
<p class="card-text">
@ -16,7 +16,7 @@
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->fromHere('stations:remotes:add')?>">
<i class="material-icons md-add" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">add</i>
<?=__('Add Remote Relay')?>
</a>
</div>

8
templates/stations/reports/listeners.phtml
View File

@ -27,10 +27,10 @@ $assets
[],
['format' => 'csv']
)?>" target="_blank" title="<?=__('Download CSV')?>">
<i class="material-icons md-file_download" aria-hidden="true"></i> <?=__('Download CSV')?>
<i class="material-icons" aria-hidden="true">file_download</i> <?=__('Download CSV')?>
</a>
<a class="btn btn-bg dropdown-toggle" id="reportrange" href="#">
<i class="material-icons md-date_range" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">date_range</i>
<span><?=__('Live Listeners')?></span> <i class="caret"></i>
</a>
</div>
@ -71,11 +71,11 @@ $assets
<td>{{ listener.connected_time }}</td>
<td>
<span v-if="listener.is_mobile">
<i class="material-icons md-smartphone" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">smartphone</i>
<span class="sr-only"><?=__('Mobile Device')?></span>
</span>
<span v-else>
<i class="material-icons md-desktop_windows" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">desktop_windows</i>
<span class="sr-only"><?=__('Desktop Device')?></span>
</span>
{{ listener.user_agent }} <br>

4
templates/stations/reports/overview.phtml
View File

@ -73,7 +73,7 @@ $assets
<?php foreach ($best_performing_songs as $song_row): ?>
<tr>
<td class="text-center text-success">
<i class="material-icons md-keyboard_arrow_up" aria-hidden="true"></i> <?=abs(
<i class="material-icons" aria-hidden="true">keyboard_arrow_up</i> <?=abs(
$song_row['stat_delta']
)?>
<br>
@ -121,7 +121,7 @@ $assets
<?php foreach ($worst_performing_songs as $song_row): ?>
<tr>
<td class="text-center text-danger">
<i class="material-icons md-keyboard_arrow_down" aria-hidden="true"></i> <?=abs(
<i class="material-icons" aria-hidden="true">keyboard_arrow_down</i> <?=abs(
$song_row['stat_delta']
)?>
<br>

2
templates/stations/reports/performance.phtml
View File

@ -13,7 +13,7 @@ $assets
</div>
<div class="card-body">
<a class="btn btn-primary float-right" href="<?=$router->fromHere(null, ['format' => 'csv']) ?>">
<i class="material-icons md-file_download" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">file_download</i>
<?=__('Download CSV') ?>
</a>
</div>

2
templates/stations/reports/requests.phtml
View File

@ -15,7 +15,7 @@ $assets
<div class="card-actions">
<a class="btn btn-outline-danger" role="button" data-confirm-title="<?=$this->e(__('Clear all pending requests?'))?>"
href="<?=$router->fromHere('stations:reports:requests:clear', ['csrf' => $csrf])?>">
<i class="material-icons md-remove" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">remove</i>
<?=__('Clear Pending Requests')?>
</a>
</div>

4
templates/stations/reports/timeline.js.phtml
View File

@ -26,9 +26,9 @@ $(function () {
},
'delta': function (column, row) {
if (row.delta_total > 0) {
return '<big><span class="text-success"><i class="material-icons md-trending_up" aria-hidden="true"></i> ' + row.delta_total + '</span></big>';
return '<big><span class="text-success"><i class="material-icons" aria-hidden="true">trending_up</i> ' + row.delta_total + '</span></big>';
} else if (row.delta_total < 0) {
return '<big><span class="text-danger"><i class="material-icons md-trending_down" aria-hidden="true"></i> ' + Math.abs(row.delta_total) + '</span></big>';
return '<big><span class="text-danger"><i class="material-icons" aria-hidden="true">trending_down</i> ' + Math.abs(row.delta_total) + '</span></big>';
} else {
return '<big>0</big>';
}

4
templates/stations/reports/timeline.phtml
View File

@ -20,10 +20,10 @@ $assets
[],
['format' => 'csv']
)?>" target="_blank" title="<?=__('Download CSV')?>">
<i class="material-icons md-file_download" aria-hidden="true"></i> <?=__('Download CSV')?>
<i class="material-icons" aria-hidden="true">file_download</i> <?=__('Download CSV')?>
</a>
<a class="btn btn-bg mr-2 dropdown-toggle" id="reportrange" href="#">
<i class="material-icons md-date_range" aria-hidden="true"></i> <span><?=__('Last 14 Days')?></span>
<i class="material-icons" aria-hidden="true">date_range</i> <span><?=__('Last 14 Days')?></span>
</a>
</div>
</div>

2
templates/stations/sftp_users/index.phtml
View File

@ -9,7 +9,7 @@
<div class="card-actions">
<a class="btn btn-outline-primary" role="button"
href="<?=$router->fromHere('stations:sftp_users:add')?>">
<i class="material-icons md-add" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">add</i>
<?=__('Add SFTP User')?>
</a>
</div>

4
templates/stations/webhooks/index.phtml
View File

@ -6,7 +6,7 @@
</div>
<div class="card-body alert-info d-flex align-items-center" role="alert">
<div class="flex-shrink-0 mr-2">
<i class="material-icons md-info" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">info</i>
</div>
<div class="flex-fill">
<p class="card-text">
@ -16,7 +16,7 @@
</div>
<div class="card-actions">
<a class="btn btn-outline-primary" role="button" href="<?=$router->fromHere('stations:webhooks:add')?>">
<i class="material-icons md-add" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">add</i>
<?=__('Add Web Hook')?>
</a>
</div>

2
templates/system/error_general.phtml
View File

@ -15,7 +15,7 @@ $this->layout('minimal', [
</p>
<a role="button" title="<?=__('Dashboard') ?>" class="btn btn-login btn-primary btn-float" href="<?=$router->named('home') ?>">
<i class="material-icons md-home" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">home</i>
</a>
</div>
</div>

2
templates/system/error_http.phtml
View File

@ -16,7 +16,7 @@ $this->layout('minimal', [
<a role="button" title="<?=__('Dashboard')?>" class="btn btn-login btn-primary btn-float"
href="<?=$router->named('home')?>">
<i class="material-icons md-home" aria-hidden="true"></i>
<i class="material-icons" aria-hidden="true">home</i>
</a>
</div>
</div>

2
templates/system/form_page.phtml
View File

@ -59,7 +59,7 @@ if (isset($options['tabs'])) {
<?php if ($form->hasAnyErrors()): ?>
<div class="card-body alert-danger form-errors d-flex" role="alert">
<div class="flex-shrink-0 mt-3 mr-3">
<i class="material-icons md-warning lg" aria-hidden="true"></i>
<i class="material-icons lg" aria-hidden="true">warning</i>
</div>
<div class="flex-fill">
<p><?=__('Errors were encountered when trying to save changes:')?></p>