mirror of
https://github.com/AzuraCast/AzuraCast.git
synced 2024-06-16 06:06:37 +00:00
189 lines
9.0 KiB
Vue
189 lines
9.0 KiB
Vue
<template>
|
|
<div>
|
|
<b-form-group>
|
|
<b-form-row>
|
|
<b-wrapped-form-group class="col-md-12" id="form_edit_adapter" :field="form.adapter">
|
|
<template #label="{lang}">
|
|
{{ $gettext('Storage Adapter') }}
|
|
</template>
|
|
<template #default="props">
|
|
<b-form-radio-group stacked :id="props.id" v-model="props.field.$model">
|
|
<b-form-radio value="local">
|
|
{{ $gettext('Local Filesystem') }}
|
|
</b-form-radio>
|
|
<b-form-radio value="s3">
|
|
{{ $gettext('Remote: S3 Compatible') }}
|
|
</b-form-radio>
|
|
<b-form-radio value="dropbox">
|
|
{{ $gettext('Remote: Dropbox') }}
|
|
</b-form-radio>
|
|
<b-form-radio value="sftp">
|
|
{{ $gettext('Remote: SFTP') }}
|
|
</b-form-radio>
|
|
</b-form-radio-group>
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-12" id="form_edit_path" :field="form.path">
|
|
<template #label="{lang}">
|
|
{{ $gettext('Path/Suffix') }}
|
|
</template>
|
|
<template #description="{lang}">
|
|
{{ $gettext('For local filesystems, this is the base path of the directory. For remote filesystems, this is the folder prefix.') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-12" id="form_edit_storageQuota" :field="form.storageQuota">
|
|
<template #label="{lang}">
|
|
{{ $gettext('Storage Quota') }}
|
|
</template>
|
|
<template #description="{lang}">
|
|
{{ $gettext('Set a maximum disk space that this storage location can use. Specify the size with unit, i.e. "8 GB". Units are measured in 1024 bytes. Leave blank to default to the available space on the disk.') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
</b-form-row>
|
|
</b-form-group>
|
|
|
|
<b-card v-show="form.adapter.$model === 's3'" class="mb-3" no-body>
|
|
<div class="card-header bg-primary-dark">
|
|
<h2 class="card-title">
|
|
{{ $gettext('Remote: S3 Compatible') }}
|
|
</h2>
|
|
</div>
|
|
<b-card-body>
|
|
<b-form-group>
|
|
<b-form-row>
|
|
<b-wrapped-form-group class="col-md-6" id="form_edit_s3CredentialKey"
|
|
:field="form.s3CredentialKey">
|
|
<template #label="{lang}">
|
|
{{ $gettext('Access Key ID') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-6" id="form_edit_s3CredentialSecret"
|
|
:field="form.s3CredentialSecret">
|
|
<template #label="{lang}">
|
|
{{ $gettext('Secret Key') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-6" id="form_edit_s3Endpoint" :field="form.s3Endpoint">
|
|
<template #label="{lang}">
|
|
{{ $gettext('Endpoint') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-6" id="form_edit_s3Bucket" :field="form.s3Bucket">
|
|
<template #label="{lang}">
|
|
{{ $gettext('Bucket Name') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-6" id="form_edit_s3Region" :field="form.s3Region">
|
|
<template #label="{lang}">
|
|
{{ $gettext('Region') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-6" id="form_edit_s3Version" :field="form.s3Version">
|
|
<template #label="{lang}">
|
|
{{ $gettext('API Version') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
</b-form-row>
|
|
</b-form-group>
|
|
</b-card-body>
|
|
</b-card>
|
|
|
|
<b-card v-show="form.adapter.$model === 'dropbox'" class="mb-3" no-body>
|
|
<div class="card-header bg-primary-dark">
|
|
<h2 class="card-title">
|
|
{{ $gettext('Remote: Dropbox') }}
|
|
</h2>
|
|
</div>
|
|
<b-card-body>
|
|
<b-form-group>
|
|
<b-form-row>
|
|
<b-wrapped-form-group class="col-md-12" id="form_edit_dropboxAuthToken"
|
|
:field="form.dropboxAuthToken">
|
|
<template #label="{lang}">
|
|
{{ $gettext('Dropbox Generated Access Token') }}
|
|
</template>
|
|
<template #description="{lang}">
|
|
{{ $gettext('Note: Dropbox now only issues short-lived tokens that will not work for this purpose. If your token begins with "sl", it is short-lived and will not work correctly.') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
</b-form-row>
|
|
</b-form-group>
|
|
</b-card-body>
|
|
</b-card>
|
|
|
|
<b-card v-show="form.adapter.$model === 'sftp'" class="mb-3" no-body>
|
|
<div class="card-header bg-primary-dark">
|
|
<h2 class="card-title">
|
|
{{ $gettext('Remote: SFTP') }}
|
|
</h2>
|
|
</div>
|
|
<b-card-body>
|
|
<b-form-group>
|
|
<b-form-row>
|
|
<b-wrapped-form-group class="col-md-12 col-lg-6" id="form_edit_sftpHost"
|
|
:field="form.sftpHost">
|
|
<template #label="{lang}">
|
|
{{ $gettext('SFTP Host') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-12 col-lg-6" id="form_edit_sftpPort" input-type="number" min="1" step="1"
|
|
:field="form.sftpPort">
|
|
<template #label="{lang}">
|
|
{{ $gettext('SFTP Port') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-12 col-lg-6" id="form_edit_sftpUsername"
|
|
:field="form.sftpUsername">
|
|
<template #label="{lang}">
|
|
{{ $gettext('SFTP Username') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-12 col-lg-6" id="form_edit_sftpPassword"
|
|
:field="form.sftpPassword">
|
|
<template #label="{lang}">
|
|
{{ $gettext('SFTP Password') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-12" id="form_edit_sftpPrivateKeyPassPhrase"
|
|
:field="form.sftpPrivateKeyPassPhrase">
|
|
<template #label="{lang}">
|
|
{{ $gettext('SFTP Private Key Pass Phrase') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
|
|
<b-wrapped-form-group class="col-md-12" id="form_edit_sftpPrivateKey" input-type="textarea"
|
|
:field="form.sftpPrivateKey">
|
|
<template #label="{lang}">
|
|
{{ $gettext('SFTP Private Key') }}
|
|
</template>
|
|
</b-wrapped-form-group>
|
|
</b-form-row>
|
|
</b-form-group>
|
|
</b-card-body>
|
|
</b-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
|
|
|
|
export default {
|
|
name: 'StorageLocationForm',
|
|
components: {BWrappedFormGroup},
|
|
props: {
|
|
form: Object
|
|
}
|
|
};
|
|
</script>
|