rixty
/
AzuraCast
mirror of https://github.com/AzuraCast/AzuraCast.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

Fixes #6421 -- Explicitly define all buttons as "type=button".

This commit is contained in:
Buster Neece 2023-07-12 12:36:20 -05:00
parent e6a8fd880e
commit 26ee541577
No known key found for this signature in database
71 changed files with 248 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/vue/components/Account.vue
View File

@ -12,8 +12,9 @@
>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doEditProfile"
@click="doEditProfile"
>
<icon icon="edit" />
<span>
@ -74,8 +75,9 @@
>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doChangePassword"
@click="doChangePassword"
>
<icon icon="vpn_key" />
<span>
@ -84,8 +86,9 @@
</button>
<button
v-if="security.twoFactorEnabled"
type="button"
class="btn btn-danger"
@click.prevent="disableTwoFactor"
@click="disableTwoFactor"
>
<icon icon="lock_open" />
<span>
@ -94,8 +97,9 @@
</button>
<button
v-else
type="button"
class="btn btn-success"
@click.prevent="enableTwoFactor"
@click="enableTwoFactor"
>
<icon icon="lock" />
<span>
@ -139,8 +143,9 @@
</template>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="createApiKey"
@click="createApiKey"
>
<icon icon="add" />
<span>
@ -159,8 +164,9 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-danger"
@click.prevent="deleteApiKey(row.item.links.self)"
@click="deleteApiKey(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

3
frontend/vue/components/Account/ApiKeyModal.vue
View File

@ -42,15 +42,16 @@
v-bind="slotProps"
>
<button
type="button"
class="btn btn-secondary"
@click="close"
>
{{ $gettext('Close') }}
</button>
<button
type="submit"
class="btn"
:class="(v$.$invalid) ? 'btn-danger' : 'btn-primary'"
type="submit"
@click="doSubmit"
>
{{ $gettext('Create New Key') }}

3
frontend/vue/components/Admin/ApiKeys.vue
View File

@ -29,8 +29,9 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-sm btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

1
frontend/vue/components/Admin/AuditLog.vue
View File

@ -75,6 +75,7 @@
<template #cell(actions)="row">
<template v-if="row.item.changes.length > 0">
<button
type="button"
class="btn btn-sm btn-primary"
@click="showDetails(row.item.changes)"
>

12
frontend/vue/components/Admin/Backups.vue
View File

@ -43,8 +43,9 @@
<div class="card-body buttons">
<button
type="button"
class="btn btn-primary"
@click.prevent="doConfigure"
@click="doConfigure"
>
<icon icon="settings" />
<span>
@ -53,8 +54,9 @@
</button>
<button
v-if="settings.backupEnabled && settings.backupLastOutput !== ''"
type="button"
class="btn btn-secondary"
@click.prevent="showLastOutput"
@click="showLastOutput"
>
<icon icon="assignment" />
<span>
@ -113,8 +115,9 @@
<div class="card-body">
<button
type="button"
class="btn btn-primary"
@click.prevent="doRunBackup"
@click="doRunBackup"
>
<icon icon="send" />
<span>
@ -139,8 +142,9 @@
{{ $gettext('Download') }}
</a>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.delete)"
@click="doDelete(row.item.links.delete)"
>
{{ $gettext('Delete') }}
</button>

1
frontend/vue/components/Admin/Backups/RunBackupModal.vue
View File

@ -81,6 +81,7 @@
v-bind="slotProps"
>
<button
type="button"
class="btn btn-secondary"
@click="close"
>

3
frontend/vue/components/Admin/Branding/CustomAssetForm.vue
View File

@ -28,8 +28,9 @@
<button
v-if="isUploaded"
type="button"
class="btn btn-danger mt-3"
@click.prevent="clear()"
@click="clear()"
>
{{ $gettext('Clear Image') }}
</button>

9
frontend/vue/components/Admin/CustomFields.vue
View File

@ -9,8 +9,9 @@
</template>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -32,14 +33,16 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

3
frontend/vue/components/Admin/GeoLite.vue
View File

@ -97,8 +97,9 @@
{{ $gettext('Save Changes') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete"
@click="doDelete"
>
{{ $gettext('Remove Key') }}
</button>

9
frontend/vue/components/Admin/Index.vue
View File

@ -55,8 +55,9 @@
<div class="flex-shrink-0">
<button
type="button"
class="btn btn-dark btn-sm py-2"
@click.prevent="showMemoryStatsHelpModal"
@click="showMemoryStatsHelpModal"
>
<icon icon="help_outline" />
</button>
@ -158,8 +159,9 @@
<div class="flex-shrink-0">
<button
type="button"
class="btn btn-dark btn-sm py-2"
@click.prevent="showCpuStatsHelpModal"
@click="showCpuStatsHelpModal"
>
<icon icon="help_outline" />
</button>
@ -312,9 +314,10 @@
<td>
<button
v-if="service.links.restart"
type="button"
class="btn btn-sm"
:class="service.running ? 'btn-primary' : 'btn-danger'"
@click.prevent="doRestart(service.links.restart)"
@click="doRestart(service.links.restart)"
>
{{ $gettext('Restart') }}
</button>

1
frontend/vue/components/Admin/Index/CpuStatsHelpModal.vue
View File

@ -67,6 +67,7 @@
<template #modal-footer>
<slot name="modal-footer">
<button
type="button"
class="btn btn-secondary"
@click="close"
>

1
frontend/vue/components/Admin/Index/MemoryStatsHelpModal.vue
View File

@ -39,6 +39,7 @@
<template #modal-footer>
<slot name="modal-footer">
<button
type="button"
class="btn btn-secondary"
@click="close"
>

9
frontend/vue/components/Admin/Permissions.vue
View File

@ -9,8 +9,9 @@
</template>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -46,15 +47,17 @@
class="btn-group btn-group-sm"
>
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
v-if="row.item.id !== 1"
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

1
frontend/vue/components/Admin/Permissions/Form/StationForm.vue
View File

@ -29,6 +29,7 @@
:key="stationId"
>
<button
type="button"
class="dropdown-item"
@click="add(stationId)"
>

3
frontend/vue/components/Admin/Permissions/Form/StationRow.vue
View File

@ -11,8 +11,9 @@
</div>
<div class="flex-shrink-0">
<button
type="button"
class="btn btn-sm btn-light py-2"
@click.prevent="$emit('remove')"
@click="$emit('remove')"
>
<icon icon="remove" />
<span>

4
frontend/vue/components/Admin/Settings/ServicesTab.vue
View File

@ -68,6 +68,7 @@
<div class="form-group col">
<button
type="button"
class="btn btn-primary btn-sm"
:disabled="v$.$anyDirty"
@click="generateAcmeCert"
@ -160,9 +161,10 @@
<div class="form-group col">
<button
type="button"
class="btn btn-sm btn-primary"
:disabled="v$.$anyDirty"
@click.prevent="openTestMessage"
@click="openTestMessage"
>
<icon icon="send" />
<span>

2
frontend/vue/components/Admin/Settings/TestMessageModal.vue
View File

@ -15,12 +15,14 @@
</form>
<template #modal-footer>
<button
type="button"
class="btn btn-secondary"
@click="close"
>
{{ $gettext('Close') }}
</button>
<button
type="button"
class="btn"
:class="(v$.$invalid) ? 'btn-danger' : 'btn-primary'"
@click="doSendTest"

12
frontend/vue/components/Admin/Stations.vue
View File

@ -2,8 +2,9 @@
<card-page :title="$gettext('Stations')">
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -35,20 +36,23 @@
{{ $gettext('Manage') }}
</a>
<button
type="button"
class="btn btn-secondary"
@click.prevent="doClone(row.item.name, row.item.links.clone)"
@click="doClone(row.item.name, row.item.links.clone)"
>
{{ $gettext('Clone') }}
</button>
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

3
frontend/vue/components/Admin/Stations/Form/FrontendForm.vue
View File

@ -125,8 +125,9 @@
<div class="block-buttons">
<button
type="button"
class="btn btn-block btn-primary"
@click.prevent="clearCountries"
@click="clearCountries"
>
{{ $gettext('Clear List') }}
</button>

9
frontend/vue/components/Admin/StorageLocations.vue
View File

@ -39,8 +39,9 @@
<div class="card-body buttons">
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -60,14 +61,16 @@
<template #cell(actions)="{item}">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(item.links.self)"
@click="doEdit(item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(item.links.self)"
@click="doDelete(item.links.self)"
>
{{ $gettext('Delete') }}
</button>

2
frontend/vue/components/Admin/Updates.vue
View File

@ -38,6 +38,7 @@
</div>
<div class="card-body">
<button
type="button"
class="btn btn-info"
@click="checkForUpdates()"
>
@ -120,6 +121,7 @@
{{ $gettext('Backup') }}
</a>
<button
type="button"
class="btn btn-success"
@click="doUpdate()"
>

9
frontend/vue/components/Admin/Users.vue
View File

@ -2,8 +2,9 @@
<card-page :title="$gettext('Users')">
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -55,14 +56,16 @@
{{ $gettext('Log In') }}
</a>
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

1
frontend/vue/components/Common/CopyToClipboardButton.vue
View File

@ -1,6 +1,7 @@
<template>
<button
ref="btn"
type="button"
class="btn btn-copy btn-link btn-xs"
:aria-label="$gettext('Copy to Clipboard')"
@click.prevent="doCopy"

6
frontend/vue/components/Common/DataTable.vue
View File

@ -52,6 +52,7 @@
<div class="flex-shrink-1 ps-3">
<div class="btn-group actions">
<button
type="button"
data-bs-tooltip
class="btn btn-secondary"
data-bs-placement="left"
@ -67,9 +68,9 @@
role="group"
>
<button
type="button"
data-bs-tooltip
class="btn btn-secondary dropdown-toggle"
type="button"
data-bs-toggle="dropdown"
aria-expanded="false"
data-bs-placement="left"
@ -86,6 +87,7 @@
:key="pageOption"
>
<button
type="button"
class="dropdown-item"
:class="(pageOption === perPage) ? 'active' : ''"
@click="settings.perPage = pageOption"
@ -102,8 +104,8 @@
role="group"
>
<button
class="btn btn-secondary dropdown-toggle"
type="button"
class="btn btn-secondary dropdown-toggle"
data-bs-toggle="dropdown"
aria-expanded="false"
data-bs-placement="left"

5
frontend/vue/components/Common/DateRangeDropdown.vue
View File

@ -14,7 +14,10 @@
:timezone="tz"
>
<template #dp-input="{ value }">
<button class="btn btn-dark dropdown-toggle">
<button
type="button"
class="btn btn-dark dropdown-toggle"
>
<icon icon="date_range" />
<span>
{{ value }}

2
frontend/vue/components/Common/FlowUpload.vue
View File

@ -47,8 +47,8 @@
{{ $gettext('Drag file(s) here to upload or') }}
<button
ref="$fileBrowseTarget"
class="file-upload btn btn-primary text-center ms-1"
type="button"
class="file-upload btn btn-primary text-center ms-1"
>
<icon icon="cloud_upload" />
<span>

1
frontend/vue/components/Common/MuteButton.vue
View File

@ -1,5 +1,6 @@
<template>
<button
type="button"
class="btn"
:aria-label="muteLang"
@click="toggleMute"

1
frontend/vue/components/Common/PlayButton.vue
View File

@ -1,5 +1,6 @@
<template>
<button
type="button"
:title="langTitle"
:aria-label="langTitle"
class="btn p-0"

2
frontend/vue/components/Common/Waveform.vue
View File

@ -32,6 +32,7 @@
<div class="inline-volume-controls d-flex align-items-center">
<div class="flex-shrink-0">
<button
type="button"
class="btn btn-sm btn-outline-inverse"
:title="$gettext('Mute')"
@click="volume = 0"
@ -52,6 +53,7 @@
</div>
<div class="flex-shrink-0">
<button
type="button"
class="btn btn-sm btn-outline-inverse"
:title="$gettext('Full Volume')"
@click="volume = 100"

1
frontend/vue/components/Dashboard.vue
View File

@ -114,6 +114,7 @@
</div>
<div class="flex-shrink-0">
<button
type="button"
class="btn btn-sm btn-dark py-2"
@click="chartsVisible = !chartsVisible"
>

1
frontend/vue/components/InlinePlayer.vue
View File

@ -33,6 +33,7 @@
</div>
<button
type="button"
class="btn btn-sm btn-outline-light p-2 ms-2"
:aria-label="$gettext('Stop')"
@click="stop()"

3
frontend/vue/components/Public/Requests.vue
View File

@ -26,8 +26,9 @@
</template>
<template #cell(actions)="row">
<button
type="button"
class="btn btn-sm btn-primary"
@click.prevent="doSubmitRequest(row.item.request_url)"
@click="doSubmitRequest(row.item.request_url)"
>
{{ $gettext('Request') }}
</button>

2
frontend/vue/components/Public/WebDJ/MicrophonePanel.vue
View File

@ -19,6 +19,7 @@
<div class="control-group">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-danger"
:class="{ active: isPlaying }"
@click="togglePlaying"
@ -26,6 +27,7 @@
<icon icon="mic" />
</button>
<button
type="button"
class="btn"
:class="{ 'btn-primary': trackPassThrough }"
@click="trackPassThrough = !trackPassThrough"

6
frontend/vue/components/Public/WebDJ/PlaylistPanel.vue
View File

@ -17,6 +17,7 @@
<div class="btn-group btn-group-sm">
<button
v-if="!isPlaying || isPaused"
type="button"
class="btn btn-sm btn-success"
@click="play"
>
@ -24,30 +25,35 @@
</button>
<button
v-if="isPlaying && !isPaused"
type="button"
class="btn btn-sm btn-warning"
@click="togglePause()"
>
<icon icon="pause" />
</button>
<button
type="button"
class="btn btn-sm"
@click="previous()"
>
<icon icon="fast_rewind" />
</button>
<button
type="button"
class="btn btn-sm"
@click="next()"
>
<icon icon="fast_forward" />
</button>
<button
type="button"
class="btn btn-sm btn-danger"
@click="stop()"
>
<icon icon="stop" />
</button>
<button
type="button"
class="btn btn-sm"
:class="{ 'btn-primary': trackPassThrough }"
@click="trackPassThrough = !trackPassThrough"

4
frontend/vue/components/Public/WebDJ/SettingsPanel.vue
View File

@ -43,6 +43,7 @@
</div>
<div class="form-group">
<button
type="button"
class="btn btn-primary"
@click="updateMetadata"
>
@ -227,6 +228,7 @@
<div class="card-body">
<button
v-if="!isConnected"
type="button"
class="btn btn-success"
@click="startStream(djUsername, djPassword)"
>
@ -234,12 +236,14 @@
</button>
<button
v-if="isConnected"
type="button"
class="btn btn-danger"
@click="stopStream"
>
{{ langStreamButton }}
</button>
<button
type="button"
class="btn"
:class="{ 'btn-primary': doPassThrough }"
@click="doPassThrough = !doPassThrough"

1
frontend/vue/components/Stations/Fallback.vue
View File

@ -54,6 +54,7 @@
{{ $gettext('Download') }}
</a>
<button
type="button"
class="btn btn-block btn-danger"
@click="deleteFallback"
>

7
frontend/vue/components/Stations/HlsStreams.vue
View File

@ -9,6 +9,7 @@
</template>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
>
@ -40,14 +41,16 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

6
frontend/vue/components/Stations/Media.vue
View File

@ -193,16 +193,18 @@
<template #cell(commands)="row">
<template v-if="row.item.media.links.edit">
<button
type="button"
class="btn btn-sm btn-primary"
@click.prevent="edit(row.item.media.links.edit, row.item.media.links.art, row.item.media.links.play, row.item.media.links.waveform)"
@click="edit(row.item.media.links.edit, row.item.media.links.art, row.item.media.links.play, row.item.media.links.waveform)"
>
{{ $gettext('Edit') }}
</button>
</template>
<template v-else>
<button
type="button"
class="btn btn-sm btn-primary"
@click.prevent="rename(row.item.path)"
@click="rename(row.item.path)"
>
{{ $gettext('Rename') }}
</button>

1
frontend/vue/components/Stations/Media/Form/AlbumArt.vue
View File

@ -9,6 +9,7 @@
<div class="block-buttons mt-2">
<button
type="button"
class="btn btn-link btn-block btn-danger"
@click="deleteArt"
>

7
frontend/vue/components/Stations/Media/Form/WaveformEditor.vue
View File

@ -15,6 +15,7 @@
<div class="buttons mt-3">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-light"
:title="$gettext('Play')"
@click="playAudio"
@ -22,6 +23,7 @@
<icon icon="play_arrow" />
</button>
<button
type="button"
class="btn btn-dark"
:title="$gettext('Stop')"
@click="stopAudio"
@ -31,12 +33,14 @@
</div>
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click="setCueIn"
>
{{ $gettext('Set Cue In') }}
</button>
<button
type="button"
class="btn btn-primary"
@click="setCueOut"
>
@ -45,6 +49,7 @@
</div>
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-warning"
@click="setFadeOverlap"
>
@ -53,12 +58,14 @@
</div>
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-danger"
@click="setFadeIn"
>
{{ $gettext('Set Fade In') }}
</button>
<button
type="button"
class="btn btn-danger"
@click="setFadeOut"
>

12
frontend/vue/components/Stations/Media/MediaToolbar.vue
View File

@ -100,8 +100,9 @@
</div>
<button
type="button"
class="btn btn-primary"
@click.prevent="moveFiles"
@click="moveFiles"
>
<icon icon="open_with" />
<span>
@ -126,9 +127,10 @@
<ul class="dropdown-menu">
<li>
<button
type="button"
:title="$gettext('Queue the selected media to play next')"
class="dropdown-item"
@click.prevent="doQueue"
@click="doQueue"
>
{{ $gettext('Queue') }}
</button>
@ -136,6 +138,7 @@
<li>
<button
v-if="supportsImmediateQueue"
type="button"
class="dropdown-item"
:title="$gettext('Make the selected media play immediately, interrupting existing media')"
@click="doImmediateQueue"
@ -145,6 +148,7 @@
</li>
<li>
<button
type="button"
class="dropdown-item"
:title="$gettext('Analyze and reprocess the selected media')"
@click="doReprocess"
@ -157,6 +161,7 @@
</div>
<button
type="button"
class="btn btn-danger"
@click="doDelete"
>
@ -168,8 +173,9 @@
</div>
<div class="col-md-4 text-end">
<button
type="button"
class="btn btn-primary"
@click.prevent="createDirectory"
@click="createDirectory"
>
<icon icon="folder" />
<span>

5
frontend/vue/components/Stations/Media/MoveFilesModal.vue
View File

@ -9,9 +9,10 @@
<div class="row mb-3 align-items-center">
<div class="col-md-6">
<button
type="button"
class="btn btn-sm btn-primary"
:disabled="dirHistory.length === 0"
@click.prevent="pageBack"
@click="pageBack"
>
<icon icon="chevron_left" />
<span>
@ -55,12 +56,14 @@
</div>
<template #modal-footer>
<button
type="button"
class="btn btn-secondary"
@click="close"
>
{{ $gettext('Close') }}
</button>
<button
type="button"
class="btn btn-primary"
@click="doMove"
>

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

@ -15,12 +15,14 @@
</form>
<template #modal-footer>
<button
type="button"
class="btn btn-secondary"
@click="close"
>
{{ $gettext('Close') }}
</button>
<button
type="button"
class="btn"
:class="(v$.$invalid) ? 'btn-danger' : 'btn-primary'"
@click="doMkdir"

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

@ -15,12 +15,14 @@
</form>
<template #modal-footer>
<button
type="button"
class="btn btn-secondary"
@click="close"
>
{{ $gettext('Close') }}
</button>
<button
type="button"
class="btn"
:class="(v$.$invalid) ? 'btn-danger' : 'btn-primary'"
@click="doRename"

9
frontend/vue/components/Stations/Mounts.vue
View File

@ -9,8 +9,9 @@
</template>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -48,14 +49,16 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

1
frontend/vue/components/Stations/Mounts/Form/Intro.vue
View File

@ -40,6 +40,7 @@
{{ $gettext('Download') }}
</a>
<button
type="button"
class="btn btn-block btn-danger"
@click="deleteIntro"
>

16
frontend/vue/components/Stations/Playlists.vue
View File

@ -35,8 +35,9 @@
<div class="card-body-flush">
<div class="card-body buttons">
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -56,14 +57,16 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>
@ -81,6 +84,7 @@
<ul class="dropdown-menu">
<li>
<button
type="button"
class="dropdown-item"
@click="doModify(row.item.links.toggle)"
>
@ -89,6 +93,7 @@
</li>
<li v-if="row.item.links.reshuffle">
<button
type="button"
class="dropdown-item"
@click="doModify(row.item.links.reshuffle)"
>
@ -97,6 +102,7 @@
</li>
<li v-if="row.item.links.import">
<button
type="button"
class="dropdown-item"
@click="doImport(row.item.links.import)"
>
@ -105,6 +111,7 @@
</li>
<li v-if="row.item.links.order">
<button
type="button"
class="dropdown-item"
@click="doReorder(row.item.links.order)"
>
@ -113,6 +120,7 @@
</li>
<li v-if="row.item.links.queue">
<button
type="button"
class="dropdown-item"
@click="doQueue(row.item.links.queue)"
>
@ -121,6 +129,7 @@
</li>
<li v-if="row.item.links.applyto">
<button
type="button"
class="dropdown-item"
@click="doApplyTo(row.item.links.applyto)"
>
@ -129,6 +138,7 @@
</li>
<li>
<button
type="button"
class="dropdown-item"
@click="doClone(row.item.name, row.item.links.clone)"
>

2
frontend/vue/components/Stations/Playlists/ApplyToModal.vue
View File

@ -42,12 +42,14 @@
<template #modal-footer>
<button
type="button"
class="btn btn-secondary"
@click="close"
>
{{ $gettext('Close') }}
</button>
<button
type="button"
class="btn btn-primary"
@click="save"
>

3
frontend/vue/components/Stations/Playlists/Form/Schedule.vue
View File

@ -25,8 +25,9 @@
<div class="buttons">
<button
type="button"
class="btn btn-sm btn-primary"
@click.prevent="add"
@click="add"
>
<icon icon="add" />
<span>

3
frontend/vue/components/Stations/Playlists/Form/ScheduleRow.vue
View File

@ -8,8 +8,9 @@
</div>
<div class="flex-shrink-0">
<button
type="button"
class="btn btn-sm btn-dark"
@click.prevent="doRemove()"
@click="doRemove()"
>
<icon icon="remove" />
<span>

1
frontend/vue/components/Stations/Playlists/ImportModal.vue
View File

@ -74,6 +74,7 @@
</form>
<template #modal-footer>
<button
type="button"
class="btn btn-secondary"
@click="close"
>

2
frontend/vue/components/Stations/Playlists/ReorderModal.vue
View File

@ -56,6 +56,7 @@
<div class="btn-group btn-group-sm">
<button
v-if="index+1 < media.length"
type="button"
class="btn btn-primary"
:title="$gettext('Down')"
@click.prevent="moveDown(index)"
@ -64,6 +65,7 @@
</button>
<button
v-if="index > 0"
type="button"
class="btn btn-primary"
:title="$gettext('Up')"
@click.prevent="moveUp(index)"

1
frontend/vue/components/Stations/Podcasts/Common/Artwork.vue
View File

@ -32,6 +32,7 @@
<div class="block-buttons pt-3">
<button
type="button"
class="btn btn-block btn-danger"
@click="deleteArt"
>

1
frontend/vue/components/Stations/Podcasts/EpisodeForm/Media.vue
View File

@ -40,6 +40,7 @@
{{ $gettext('Download') }}
</a>
<button
type="button"
class="btn btn-block btn-danger"
@click="deleteMedia"
>

10
frontend/vue/components/Stations/Podcasts/EpisodesView.vue
View File

@ -31,6 +31,7 @@
<div class="card-body buttons">
<button
type="button"
class="btn btn-secondary"
@click="doClearPodcast()"
>
@ -40,8 +41,9 @@
</span>
</button>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -87,14 +89,16 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

12
frontend/vue/components/Stations/Podcasts/ListView.vue
View File

@ -21,8 +21,9 @@
<div class="card-body buttons">
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -58,20 +59,23 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>
<button
type="button"
class="btn btn-secondary"
@click.prevent="doSelectPodcast(row.item)"
@click="doSelectPodcast(row.item)"
>
{{ $gettext('Episodes') }}
</button>

3
frontend/vue/components/Stations/Profile/BackendPanel.vue
View File

@ -40,6 +40,7 @@
class="card-body buttons"
>
<button
type="button"
class="btn btn-link text-secondary"
@click="makeApiCall(backendRestartUri)"
>
@ -50,6 +51,7 @@
</button>
<button
v-if="!backendRunning"
type="button"
class="btn btn-link text-success"
@click="makeApiCall(backendStartUri)"
>
@ -60,6 +62,7 @@
</button>
<button
v-if="backendRunning"
type="button"
class="btn btn-link text-danger"
@click="makeApiCall(backendStopUri)"
>

3
frontend/vue/components/Stations/Profile/FrontendPanel.vue
View File

@ -109,6 +109,7 @@
</a>
<template v-if="hasStarted">
<button
type="button"
class="btn btn-link text-secondary"
@click="makeApiCall(frontendRestartUri)"
>
@ -119,6 +120,7 @@
</button>
<button
v-if="!frontendRunning"
type="button"
class="btn btn-link text-success"
@click="makeApiCall(frontendStartUri)"
>
@ -129,6 +131,7 @@
</button>
<button
v-if="frontendRunning"
type="button"
class="btn btn-link text-danger"
@click="makeApiCall(frontendStopUri)"
>

2
frontend/vue/components/Stations/Profile/NowPlayingPanel.vue
View File

@ -202,6 +202,7 @@
<button
v-if="!np.live.is_live"
id="btn_skip_song"
type="button"
class="btn btn-link text-primary"
@click="makeApiCall(backendSkipSongUri)"
>
@ -213,6 +214,7 @@
<button
v-if="np.live.is_live"
id="btn_disconnect_streamer"
type="button"
class="btn btn-link text-primary"
@click="makeApiCall(backendDisconnectStreamerUri)"
>

3
frontend/vue/components/Stations/Queue.vue
View File

@ -2,6 +2,7 @@
<card-page :title="$gettext('Upcoming Song Queue')">
<template #actions>
<button
type="button"
class="btn btn-danger"
@click="doClear()"
>
@ -22,6 +23,7 @@
<div class="btn-group btn-group-sm">
<button
v-if="row.item.log"
type="button"
class="btn btn-primary"
@click.prevent="doShowLogs(row.item.log)"
>
@ -29,6 +31,7 @@
</button>
<button
v-if="!row.item.sent_to_autodj"
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
>

9
frontend/vue/components/Stations/Remotes.vue
View File

@ -9,8 +9,9 @@
</template>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -49,14 +50,16 @@
class="btn-group btn-group-sm"
>
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

4
frontend/vue/components/Stations/Reports/Requests.vue
View File

@ -38,6 +38,7 @@
class="card-body"
>
<button
type="button"
class="btn btn-danger"
@click="doClear()"
>
@ -80,8 +81,9 @@
<template #cell(actions)="row">
<button
v-if="row.item.played_at === 0"
type="button"
class="btn btn-sm btn-danger"
@click.prevent="doDelete(row.item.links.delete)"
@click="doDelete(row.item.links.delete)"
>
{{ $gettext('Delete') }}
</button>

2
frontend/vue/components/Stations/Restart.vue
View File

@ -40,6 +40,7 @@
<div class="buttons">
<button
type="button"
class="btn btn-warning"
:disabled="isLoading"
@click="makeApiCall(reloadUrl)"
@ -87,6 +88,7 @@
<div class="buttons">
<button
type="button"
class="btn btn-warning"
:disabled="isLoading"
@click="makeApiCall(reloadUrl)"

9
frontend/vue/components/Stations/SftpUsers.vue
View File

@ -7,8 +7,9 @@
>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -27,14 +28,16 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

1
frontend/vue/components/Stations/StereoToolConfig.vue
View File

@ -64,6 +64,7 @@
{{ $gettext('Download') }}
</a>
<button
type="button"
class="btn btn-block btn-danger"
@click="deleteConfigurationFile"
>

12
frontend/vue/components/Stations/Streamers.vue
View File

@ -33,8 +33,9 @@
<div class="card-body-flush">
<div class="card-body buttons">
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -66,20 +67,23 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn btn-secondary"
@click.prevent="doShowBroadcasts(row.item.links.broadcasts)"
@click="doShowBroadcasts(row.item.links.broadcasts)"
>
{{ $gettext('Broadcasts') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>

4
frontend/vue/components/Stations/Streamers/BroadcastsModal.vue
View File

@ -43,8 +43,9 @@
</template>
<template #cell(actions)="row">
<button
type="button"
class="btn btn-sm btn-danger"
@click.prevent="doDelete(row.item.links.delete)"
@click="doDelete(row.item.links.delete)"
>
{{ $gettext('Delete') }}
</button>
@ -53,6 +54,7 @@
</template>
<template #modal-footer>
<button
type="button"
class="btn btn-secondary"
@click="close"
>

1
frontend/vue/components/Stations/Streamers/Form/Artwork.vue
View File

@ -32,6 +32,7 @@
<div class="block-buttons pt-3">
<button
type="button"
class="btn btn-block btn-danger"
@click="deleteArt"
>

3
frontend/vue/components/Stations/Streamers/Form/Schedule.vue
View File

@ -23,8 +23,9 @@
<div class="buttons mt-3">
<button
type="button"
class="btn btn-sm btn-primary"
@click.prevent="add"
@click="add"
>
<icon icon="add" />
<span>

3
frontend/vue/components/Stations/Streamers/Form/ScheduleRow.vue
View File

@ -8,8 +8,9 @@
</div>
<div class="flex-shrink-0">
<button
type="button"
class="btn btn-sm btn-dark"
@click.prevent="doRemove()"
@click="doRemove()"
>
<icon icon="remove" />
<span>

15
frontend/vue/components/Stations/Webhooks.vue
View File

@ -9,8 +9,9 @@
</template>
<template #actions>
<button
type="button"
class="btn btn-primary"
@click.prevent="doCreate"
@click="doCreate"
>
<icon icon="add" />
<span>
@ -55,27 +56,31 @@
<template #cell(actions)="row">
<div class="btn-group btn-group-sm">
<button
type="button"
class="btn btn-primary"
@click.prevent="doEdit(row.item.links.self)"
@click="doEdit(row.item.links.self)"
>
{{ $gettext('Edit') }}
</button>
<button
type="button"
class="btn"
:class="getToggleVariant(row.item)"
@click.prevent="doToggle(row.item.links.toggle)"
@click="doToggle(row.item.links.toggle)"
>
{{ langToggleButton(row.item) }}
</button>
<button
type="button"
class="btn btn-secondary"
@click.prevent="doTest(row.item.links.test)"
@click="doTest(row.item.links.test)"
>
{{ $gettext('Test') }}
</button>
<button
type="button"
class="btn btn-danger"
@click.prevent="doDelete(row.item.links.self)"
@click="doDelete(row.item.links.self)"
>
{{ $gettext('Delete') }}
</button>