mirror of
https://github.com/YunoHost/yunohost-admin.git
synced 2024-09-03 20:06:15 +02:00
migration(bs5): rename left/right classes to start/end
This commit is contained in:
parent
9eb4b29cb8
commit
6d26ef596d
31 changed files with 74 additions and 74 deletions
|
@ -16,7 +16,7 @@
|
||||||
</span>
|
</span>
|
||||||
</BNavbarBrand>
|
</BNavbarBrand>
|
||||||
|
|
||||||
<BNavbarNav class="ml-auto">
|
<BNavbarNav class="ms-auto">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<BButton :href="ssoLink" variant="primary" size="sm" block>
|
<BButton :href="ssoLink" variant="primary" size="sm" block>
|
||||||
{{ $t('user_interface_link') }} <YIcon iname="user" />
|
{{ $t('user_interface_link') }} <YIcon iname="user" />
|
||||||
|
@ -85,7 +85,7 @@
|
||||||
<BNavText
|
<BNavText
|
||||||
v-if="yunohost"
|
v-if="yunohost"
|
||||||
id="yunohost-version"
|
id="yunohost-version"
|
||||||
class="ml-md-auto text-center"
|
class="ms-md-auto text-center"
|
||||||
>
|
>
|
||||||
<span v-html="$t('footer_version', yunohost)" />
|
<span v-html="$t('footer_version', yunohost)" />
|
||||||
</BNavText>
|
</BNavText>
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
class="card-collapse-button"
|
class="card-collapse-button"
|
||||||
>
|
>
|
||||||
{{ title }}
|
{{ title }}
|
||||||
<YIcon class="ml-auto" iname="chevron-right" />
|
<YIcon class="ms-auto" iname="chevron-right" />
|
||||||
</BButton>
|
</BButton>
|
||||||
</h2>
|
</h2>
|
||||||
</slot>
|
</slot>
|
||||||
|
|
|
@ -15,12 +15,12 @@
|
||||||
<div v-if="request.errors || request.warnings">
|
<div v-if="request.errors || request.warnings">
|
||||||
<!-- WEBSOCKET ERRORS COUNT -->
|
<!-- WEBSOCKET ERRORS COUNT -->
|
||||||
<span class="count" v-if="request.errors">
|
<span class="count" v-if="request.errors">
|
||||||
{{ request.errors }}<YIcon iname="bug" class="text-danger ml-1" />
|
{{ request.errors }}<YIcon iname="bug" class="text-danger ms-1" />
|
||||||
</span>
|
</span>
|
||||||
<!-- WEBSOCKET WARNINGS COUNT -->
|
<!-- WEBSOCKET WARNINGS COUNT -->
|
||||||
<span class="count" v-if="request.warnings">
|
<span class="count" v-if="request.warnings">
|
||||||
{{ request.warnings
|
{{ request.warnings
|
||||||
}}<YIcon iname="warning" class="text-warning ml-1" />
|
}}<YIcon iname="warning" class="text-warning ms-1" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -29,7 +29,7 @@
|
||||||
v-if="showError && request.error"
|
v-if="showError && request.error"
|
||||||
size="sm"
|
size="sm"
|
||||||
pill
|
pill
|
||||||
class="error-btn ml-auto py-0"
|
class="error-btn ms-auto py-0"
|
||||||
variant="danger"
|
variant="danger"
|
||||||
@click="reviewError"
|
@click="reviewError"
|
||||||
>
|
>
|
||||||
|
@ -40,7 +40,7 @@
|
||||||
<time
|
<time
|
||||||
v-if="showTime"
|
v-if="showTime"
|
||||||
:datetime="hour(request.date)"
|
:datetime="hour(request.date)"
|
||||||
:class="request.error ? 'ml-2' : 'ml-auto'"
|
:class="request.error ? 'ms-2' : 'ms-auto'"
|
||||||
>
|
>
|
||||||
{{ hour(request.date) }}
|
{{ hour(request.date) }}
|
||||||
</time>
|
</time>
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
:aria-expanded="node.data.opened ? 'true' : 'false'"
|
:aria-expanded="node.data.opened ? 'true' : 'false'"
|
||||||
:aria-controls="'collapse-' + node.id"
|
:aria-controls="'collapse-' + node.id"
|
||||||
:class="node.data.opened ? 'not-collapsed' : 'collapsed'"
|
:class="node.data.opened ? 'not-collapsed' : 'collapsed'"
|
||||||
class="ml-2"
|
class="ms-2"
|
||||||
@click.stop="node.data.opened = !node.data.opened"
|
@click.stop="node.data.opened = !node.data.opened"
|
||||||
>
|
>
|
||||||
<span class="sr-only">{{ toggleText }}</span>
|
<span class="sr-only">{{ toggleText }}</span>
|
||||||
|
|
|
@ -28,7 +28,7 @@
|
||||||
<!-- Render description -->
|
<!-- Render description -->
|
||||||
<template v-if="description || link">
|
<template v-if="description || link">
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<BLink v-if="link" :to="link" :href="link.href" class="ml-auto">
|
<BLink v-if="link" :to="link" :href="link.href" class="ms-auto">
|
||||||
{{ link.text }}
|
{{ link.text }}
|
||||||
</BLink>
|
</BLink>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
:class="{ ['alert alert-' + variant]: !alert }"
|
:class="{ ['alert alert-' + variant]: !alert }"
|
||||||
class="yuno-alert d-flex flex-column flex-md-row align-items-center"
|
class="yuno-alert d-flex flex-column flex-md-row align-items-center"
|
||||||
>
|
>
|
||||||
<YIcon :iname="_icon" class="mr-md-3 mb-md-0 mb-2 md" />
|
<YIcon :iname="_icon" class="me-md-3 mb-md-0 mb-2 md" />
|
||||||
|
|
||||||
<div class="w-100">
|
<div class="w-100">
|
||||||
<slot name="default" />
|
<slot name="default" />
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<div class="w-100 d-flex align-items-center flex-wrap custom-header">
|
<div class="w-100 d-flex align-items-center flex-wrap custom-header">
|
||||||
<slot name="header">
|
<slot name="header">
|
||||||
<Component :is="titleTag" class="custom-header-title">
|
<Component :is="titleTag" class="custom-header-title">
|
||||||
<YIcon v-if="icon" :iname="icon" class="mr-2" />{{ title }}
|
<YIcon v-if="icon" :iname="icon" class="me-2" />{{ title }}
|
||||||
</Component>
|
</Component>
|
||||||
<slot name="header-next" />
|
<slot name="header-next" />
|
||||||
</slot>
|
</slot>
|
||||||
|
@ -13,7 +13,7 @@
|
||||||
v-if="hasButtons"
|
v-if="hasButtons"
|
||||||
class="mt-2 w-100 custom-header-buttons"
|
class="mt-2 w-100 custom-header-buttons"
|
||||||
:class="{
|
:class="{
|
||||||
[`ml-${buttonUnbreak}-auto mt-${buttonUnbreak}-0 w-${buttonUnbreak}-auto`]:
|
[`ms-${buttonUnbreak}-auto mt-${buttonUnbreak}-0 w-${buttonUnbreak}-auto`]:
|
||||||
buttonUnbreak,
|
buttonUnbreak,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
|
@ -26,11 +26,11 @@
|
||||||
@click="visible = !visible"
|
@click="visible = !visible"
|
||||||
size="sm"
|
size="sm"
|
||||||
variant="outline-secondary"
|
variant="outline-secondary"
|
||||||
class="align-self-center ml-auto"
|
class="align-self-center ms-auto"
|
||||||
:class="{
|
:class="{
|
||||||
'not-collapsed': visible,
|
'not-collapsed': visible,
|
||||||
collapsed: !visible,
|
collapsed: !visible,
|
||||||
[`ml-${buttonUnbreak}-2`]: buttonUnbreak,
|
[`ms-${buttonUnbreak}-2`]: buttonUnbreak,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<YIcon iname="chevron-right" />
|
<YIcon iname="chevron-right" />
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
:disabled="!enabled"
|
:disabled="!enabled"
|
||||||
class="d-block mb-3"
|
class="d-block mb-3"
|
||||||
>
|
>
|
||||||
<YIcon :iname="icon_" class="mr-2" />
|
<YIcon :iname="icon_" class="me-2" />
|
||||||
<span v-html="label" />
|
<span v-html="label" />
|
||||||
</BButton>
|
</BButton>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
:variant="type"
|
:variant="type"
|
||||||
show
|
show
|
||||||
>
|
>
|
||||||
<YIcon :iname="icon_" class="mr-md-3 mb-md-0 mb-2" :variant="type" />
|
<YIcon :iname="icon_" class="me-md-3 mb-md-0 mb-2" :variant="type" />
|
||||||
|
|
||||||
<VueShowdown :markdown="label" tag="span" class="markdown" />
|
<VueShowdown :markdown="label" tag="span" class="markdown" />
|
||||||
</BAlert>
|
</BAlert>
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
>
|
>
|
||||||
<BSkeleton width="100%" height="38px" />
|
<BSkeleton width="100%" height="38px" />
|
||||||
|
|
||||||
<BSkeleton width="38px" height="38px" class="ml-2" />
|
<BSkeleton width="38px" height="38px" class="ms-2" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<BSkeleton v-else width="100%" height="38px" />
|
<BSkeleton v-else width="100%" height="38px" />
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
<BSkeleton
|
<BSkeleton
|
||||||
:width="randint(50, 100) + '%'"
|
:width="randint(50, 100) + '%'"
|
||||||
height="24px"
|
height="24px"
|
||||||
class="mr-3"
|
class="me-3"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<BSkeleton :width="randint(30, 80) + '%'" height="24px" class="m-0" />
|
<BSkeleton :width="randint(30, 80) + '%'" height="24px" class="m-0" />
|
||||||
|
|
|
@ -6,9 +6,9 @@
|
||||||
:key="item.routeName"
|
:key="item.routeName"
|
||||||
:to="{ name: item.routeName }"
|
:to="{ name: item.routeName }"
|
||||||
>
|
>
|
||||||
<YIcon :iname="item.icon" class="lg ml-1" />
|
<YIcon :iname="item.icon" class="lg ms-1" />
|
||||||
<h4>{{ $t(item.translation) }}</h4>
|
<h4>{{ $t(item.translation) }}</h4>
|
||||||
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" />
|
<YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
</BListGroup>
|
</BListGroup>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -26,7 +26,7 @@
|
||||||
<BCollapse id="collapse-domain" v-model:visible="domainIsVisible">
|
<BCollapse id="collapse-domain" v-model:visible="domainIsVisible">
|
||||||
<p class="mt-2 alert alert-info">
|
<p class="mt-2 alert alert-info">
|
||||||
<YIcon iname="info-circle" />
|
<YIcon iname="info-circle" />
|
||||||
<span class="pl-1" v-html="$t('domain.add.from_registrar_desc')" />
|
<span class="ps-1" v-html="$t('domain.add.from_registrar_desc')" />
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<FormField
|
<FormField
|
||||||
|
@ -53,7 +53,7 @@
|
||||||
<BCollapse id="collapse-dynDomain" v-model:visible="dynDomainIsVisible">
|
<BCollapse id="collapse-dynDomain" v-model:visible="dynDomainIsVisible">
|
||||||
<p class="mt-2 alert alert-info">
|
<p class="mt-2 alert alert-info">
|
||||||
<YIcon iname="info-circle" />
|
<YIcon iname="info-circle" />
|
||||||
<span class="pl-1" v-html="$t('domain.add.from_yunohost_desc')" />
|
<span class="ps-1" v-html="$t('domain.add.from_yunohost_desc')" />
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<FormField
|
<FormField
|
||||||
|
@ -98,7 +98,7 @@
|
||||||
<BCollapse id="collapse-localDomain" v-model:visible="localDomainIsVisible">
|
<BCollapse id="collapse-localDomain" v-model:visible="localDomainIsVisible">
|
||||||
<p class="mt-2 alert alert-info">
|
<p class="mt-2 alert alert-info">
|
||||||
<YIcon iname="info-circle" />
|
<YIcon iname="info-circle" />
|
||||||
<span class="pl-1" v-html="$t('domain.add.from_local_desc')" />
|
<span class="ps-1" v-html="$t('domain.add.from_local_desc')" />
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<FormField
|
<FormField
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
v-if="lastAction"
|
v-if="lastAction"
|
||||||
size="sm"
|
size="sm"
|
||||||
pill
|
pill
|
||||||
class="ml-auto py-0"
|
class="ms-auto py-0"
|
||||||
:variant="open ? 'light' : 'best'"
|
:variant="open ? 'light' : 'best'"
|
||||||
@click.prevent="onLastActionClick"
|
@click.prevent="onLastActionClick"
|
||||||
@keyup.enter.space.prevent="onLastActionClick"
|
@keyup.enter.space.prevent="onLastActionClick"
|
||||||
|
@ -35,7 +35,7 @@
|
||||||
<QueryHeader
|
<QueryHeader
|
||||||
v-if="lastAction"
|
v-if="lastAction"
|
||||||
:request="lastAction"
|
:request="lastAction"
|
||||||
class="w-auto ml-2 xs-hide"
|
class="w-auto ms-2 xs-hide"
|
||||||
/>
|
/>
|
||||||
</BCardHeader>
|
</BCardHeader>
|
||||||
|
|
||||||
|
@ -50,7 +50,7 @@
|
||||||
v-for="(action, i) in history"
|
v-for="(action, i) in history"
|
||||||
:key="i"
|
:key="i"
|
||||||
no-body
|
no-body
|
||||||
class="rounded-0 rounded-top border-left-0 border-right-0"
|
class="rounded-0 rounded-top border-start-0 border-right-0"
|
||||||
>
|
>
|
||||||
<!-- ACTION -->
|
<!-- ACTION -->
|
||||||
<BCardHeader
|
<BCardHeader
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
<BButton
|
<BButton
|
||||||
variant="success"
|
variant="success"
|
||||||
v-t="'retry'"
|
v-t="'retry'"
|
||||||
class="ml-auto"
|
class="ms-auto"
|
||||||
@click="tryToReconnect()"
|
@click="tryToReconnect()"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -120,7 +120,7 @@
|
||||||
|
|
||||||
<small
|
<small
|
||||||
v-if="app.state !== 'working' || app.high_quality"
|
v-if="app.state !== 'working' || app.high_quality"
|
||||||
class="d-flex align-items-center ml-2 position-relative"
|
class="d-flex align-items-center ms-2 position-relative"
|
||||||
>
|
>
|
||||||
<BBadge
|
<BBadge
|
||||||
v-if="app.state !== 'working'"
|
v-if="app.state !== 'working'"
|
||||||
|
@ -195,11 +195,11 @@
|
||||||
<BCardGroup deck>
|
<BCardGroup deck>
|
||||||
<BCard v-for="i in 15" :key="i" no-body style="min-height: 10rem">
|
<BCard v-for="i in 15" :key="i" no-body style="min-height: 10rem">
|
||||||
<div class="d-flex w-100 mt-auto">
|
<div class="d-flex w-100 mt-auto">
|
||||||
<BSkeleton width="30px" height="30px" class="mr-2 ml-auto" />
|
<BSkeleton width="30px" height="30px" class="me-2 ms-auto" />
|
||||||
<BSkeleton
|
<BSkeleton
|
||||||
:width="randint(30, 70) + '%'"
|
:width="randint(30, 70) + '%'"
|
||||||
height="30px"
|
height="30px"
|
||||||
class="mr-auto"
|
class="me-auto"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<BSkeleton
|
<BSkeleton
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
<BButton
|
<BButton
|
||||||
variant="primary"
|
variant="primary"
|
||||||
size="sm"
|
size="sm"
|
||||||
class="ml-auto mr-2"
|
class="ms-auto me-2"
|
||||||
@click="dismissNotification('post_install')"
|
@click="dismissNotification('post_install')"
|
||||||
>
|
>
|
||||||
<YIcon iname="check" />
|
<YIcon iname="check" />
|
||||||
|
@ -51,7 +51,7 @@
|
||||||
<BButton
|
<BButton
|
||||||
variant="primary"
|
variant="primary"
|
||||||
size="sm"
|
size="sm"
|
||||||
class="ml-auto mr-2"
|
class="ms-auto me-2"
|
||||||
@click="dismissNotification('post_upgrade')"
|
@click="dismissNotification('post_upgrade')"
|
||||||
>
|
>
|
||||||
<YIcon iname="check" />
|
<YIcon iname="check" />
|
||||||
|
@ -83,7 +83,7 @@
|
||||||
:href="app.url"
|
:href="app.url"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
variant="success"
|
variant="success"
|
||||||
class="ml-auto mr-2"
|
class="ms-auto me-2"
|
||||||
>
|
>
|
||||||
<YIcon iname="external-link" />
|
<YIcon iname="external-link" />
|
||||||
{{ $t('app.open_this_app') }}
|
{{ $t('app.open_this_app') }}
|
||||||
|
@ -93,7 +93,7 @@
|
||||||
v-b-modal.uninstall-modal
|
v-b-modal.uninstall-modal
|
||||||
id="uninstall"
|
id="uninstall"
|
||||||
variant="danger"
|
variant="danger"
|
||||||
:class="{ 'ml-auto': !app.url }"
|
:class="{ 'ms-auto': !app.url }"
|
||||||
>
|
>
|
||||||
<YIcon iname="trash-o" />
|
<YIcon iname="trash-o" />
|
||||||
{{ $t('uninstall') }}
|
{{ $t('uninstall') }}
|
||||||
|
@ -196,7 +196,7 @@
|
||||||
size="sm"
|
size="sm"
|
||||||
:to="{ name: 'group-list' }"
|
:to="{ name: 'group-list' }"
|
||||||
variant="info"
|
variant="info"
|
||||||
class="ml-2"
|
class="ms-2"
|
||||||
>
|
>
|
||||||
<YIcon iname="key-modern" />
|
<YIcon iname="key-modern" />
|
||||||
{{ $t('groups_and_permissions_manage') }}
|
{{ $t('groups_and_permissions_manage') }}
|
||||||
|
@ -274,7 +274,7 @@
|
||||||
<BTabs card fill pills>
|
<BTabs card fill pills>
|
||||||
<BTab v-for="[name, content] in app.doc.admin" :key="name">
|
<BTab v-for="[name, content] in app.doc.admin" :key="name">
|
||||||
<template #title>
|
<template #title>
|
||||||
<YIcon iname="book" class="mr-2" />
|
<YIcon iname="book" class="me-2" />
|
||||||
{{ name === 'admin' ? $t('app.doc.admin.title') : name }}
|
{{ name === 'admin' ? $t('app.doc.admin.title') : name }}
|
||||||
</template>
|
</template>
|
||||||
<VueShowdown :markdown="content" />
|
<VueShowdown :markdown="content" />
|
||||||
|
@ -331,7 +331,7 @@
|
||||||
<BListGroup flush>
|
<BListGroup flush>
|
||||||
<YListGroupItem v-for="[key, link] in app.links" :key="key" no-status>
|
<YListGroupItem v-for="[key, link] in app.links" :key="key" no-status>
|
||||||
<BLink :href="link" target="_blank">
|
<BLink :href="link" target="_blank">
|
||||||
<YIcon :iname="appLinksIcons(key)" class="mr-1" />
|
<YIcon :iname="appLinksIcons(key)" class="me-1" />
|
||||||
{{ $t('app.links.' + key) }}
|
{{ $t('app.links.' + key) }}
|
||||||
</BLink>
|
</BLink>
|
||||||
</YListGroupItem>
|
</YListGroupItem>
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
:href="app.demo"
|
:href="app.demo"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
variant="primary"
|
variant="primary"
|
||||||
class="ml-auto"
|
class="ms-auto"
|
||||||
>
|
>
|
||||||
<YIcon iname="external-link" />
|
<YIcon iname="external-link" />
|
||||||
{{ $t('app.install.try_demo') }}
|
{{ $t('app.install.try_demo') }}
|
||||||
|
@ -90,7 +90,7 @@
|
||||||
<BListGroup flush>
|
<BListGroup flush>
|
||||||
<YListGroupItem v-for="[key, link] in app.links" :key="key" no-status>
|
<YListGroupItem v-for="[key, link] in app.links" :key="key" no-status>
|
||||||
<BLink :href="link" target="_blank">
|
<BLink :href="link" target="_blank">
|
||||||
<YIcon :iname="appLinksIcons(key)" class="mr-1" />
|
<YIcon :iname="appLinksIcons(key)" class="me-1" />
|
||||||
{{ $t('app.links.' + key) }}
|
{{ $t('app.links.' + key) }}
|
||||||
</BLink>
|
</BLink>
|
||||||
</YListGroupItem>
|
</YListGroupItem>
|
||||||
|
@ -105,7 +105,7 @@
|
||||||
<dl class="antifeatures">
|
<dl class="antifeatures">
|
||||||
<div v-for="antifeature in app.antifeatures" :key="antifeature.id">
|
<div v-for="antifeature in app.antifeatures" :key="antifeature.id">
|
||||||
<dt class="d-inline">
|
<dt class="d-inline">
|
||||||
<YIcon :iname="antifeature.icon" class="md mr-1" />
|
<YIcon :iname="antifeature.icon" class="md me-1" />
|
||||||
{{ antifeature.title }}:
|
{{ antifeature.title }}:
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="d-inline">
|
<dd class="d-inline">
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
v-for="{ id, description, label } in filteredApps"
|
v-for="{ id, description, label } in filteredApps"
|
||||||
:key="id"
|
:key="id"
|
||||||
:to="{ name: 'app-info', params: { id } }"
|
:to="{ name: 'app-info', params: { id } }"
|
||||||
class="d-flex justify-content-between align-items-center pr-0"
|
class="d-flex justify-content-between align-items-center pe-0"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="font-weight-bold">
|
<h5 class="font-weight-bold">
|
||||||
|
@ -31,7 +31,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" />
|
<YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
</BListGroup>
|
</BListGroup>
|
||||||
</ViewSearch>
|
</ViewSearch>
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
>
|
>
|
||||||
<h4 class="m-0"><YIcon iname="cube" /> {{ $t('system') }}</h4>
|
<h4 class="m-0"><YIcon iname="cube" /> {{ $t('system') }}</h4>
|
||||||
|
|
||||||
<div class="ml-sm-auto mt-2 mt-sm-0">
|
<div class="ms-sm-auto mt-2 mt-sm-0">
|
||||||
<BButton
|
<BButton
|
||||||
@click="toggleSelected(true, 'system')"
|
@click="toggleSelected(true, 'system')"
|
||||||
v-t="'select_all'"
|
v-t="'select_all'"
|
||||||
|
@ -32,7 +32,7 @@
|
||||||
v-t="'select_none'"
|
v-t="'select_none'"
|
||||||
size="sm"
|
size="sm"
|
||||||
variant="outline-dark"
|
variant="outline-dark"
|
||||||
class="ml-2"
|
class="ms-2"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
|
@ -41,9 +41,9 @@
|
||||||
<BListGroupItem
|
<BListGroupItem
|
||||||
v-for="(item, partName) in system"
|
v-for="(item, partName) in system"
|
||||||
:key="partName"
|
:key="partName"
|
||||||
class="d-flex justify-content-between align-items-center pr-0"
|
class="d-flex justify-content-between align-items-center pe-0"
|
||||||
>
|
>
|
||||||
<div class="mr-2">
|
<div class="me-2">
|
||||||
<h5 class="font-weight-bold">
|
<h5 class="font-weight-bold">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</h5>
|
</h5>
|
||||||
|
@ -67,7 +67,7 @@
|
||||||
<YIcon iname="cubes" /> {{ $t('applications') }}
|
<YIcon iname="cubes" /> {{ $t('applications') }}
|
||||||
</h4>
|
</h4>
|
||||||
|
|
||||||
<div class="ml-sm-auto mt-2 mt-sm-0">
|
<div class="ms-sm-auto mt-2 mt-sm-0">
|
||||||
<BButton
|
<BButton
|
||||||
@click="toggleSelected(true, 'apps')"
|
@click="toggleSelected(true, 'apps')"
|
||||||
v-t="'select_all'"
|
v-t="'select_all'"
|
||||||
|
@ -80,7 +80,7 @@
|
||||||
v-t="'select_none'"
|
v-t="'select_none'"
|
||||||
size="sm"
|
size="sm"
|
||||||
variant="outline-dark"
|
variant="outline-dark"
|
||||||
class="ml-2"
|
class="ms-2"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
|
@ -89,9 +89,9 @@
|
||||||
<BListGroupItem
|
<BListGroupItem
|
||||||
v-for="(item, appName) in apps"
|
v-for="(item, appName) in apps"
|
||||||
:key="appName"
|
:key="appName"
|
||||||
class="d-flex justify-content-between align-items-center pr-0"
|
class="d-flex justify-content-between align-items-center pe-0"
|
||||||
>
|
>
|
||||||
<div class="mr-2">
|
<div class="me-2">
|
||||||
<h5 class="font-weight-bold">
|
<h5 class="font-weight-bold">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
<small class="text-secondary">{{ item.id }}</small>
|
<small class="text-secondary">{{ item.id }}</small>
|
||||||
|
|
|
@ -68,9 +68,9 @@
|
||||||
<BListGroupItem
|
<BListGroupItem
|
||||||
v-for="(item, partName) in system"
|
v-for="(item, partName) in system"
|
||||||
:key="partName"
|
:key="partName"
|
||||||
class="d-flex justify-content-between align-items-center pr-0"
|
class="d-flex justify-content-between align-items-center pe-0"
|
||||||
>
|
>
|
||||||
<div class="mr-2">
|
<div class="me-2">
|
||||||
<h5 class="font-weight-bold">
|
<h5 class="font-weight-bold">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
<small class="text-secondary" v-if="item.size">
|
<small class="text-secondary" v-if="item.size">
|
||||||
|
@ -89,9 +89,9 @@
|
||||||
<BListGroupItem
|
<BListGroupItem
|
||||||
v-for="(item, appName) in apps"
|
v-for="(item, appName) in apps"
|
||||||
:key="appName"
|
:key="appName"
|
||||||
class="d-flex justify-content-between align-items-center pr-0"
|
class="d-flex justify-content-between align-items-center pe-0"
|
||||||
>
|
>
|
||||||
<div class="mr-2">
|
<div class="me-2">
|
||||||
<h5 class="font-weight-bold">
|
<h5 class="font-weight-bold">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
<small class="text-secondary">
|
<small class="text-secondary">
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
:key="name"
|
:key="name"
|
||||||
:to="{ name: 'backup-info', params: { name, id } }"
|
:to="{ name: 'backup-info', params: { name, id } }"
|
||||||
:title="readableDate(created_at)"
|
:title="readableDate(created_at)"
|
||||||
class="d-flex justify-content-between align-items-center pr-0"
|
class="d-flex justify-content-between align-items-center pe-0"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="font-weight-bold">
|
<h5 class="font-weight-bold">
|
||||||
|
@ -38,7 +38,7 @@
|
||||||
{{ path }}
|
{{ path }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" />
|
<YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
</BListGroup>
|
</BListGroup>
|
||||||
</ViewBase>
|
</ViewBase>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
v-for="{ id, name, uri } in storages"
|
v-for="{ id, name, uri } in storages"
|
||||||
:key="id"
|
:key="id"
|
||||||
:to="{ name: 'backup-list', params: { id } }"
|
:to="{ name: 'backup-list', params: { id } }"
|
||||||
class="d-flex justify-content-between align-items-center pr-0"
|
class="d-flex justify-content-between align-items-center pe-0"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="font-weight-bold">
|
<h5 class="font-weight-bold">
|
||||||
|
@ -16,7 +16,7 @@
|
||||||
{{ uri }}
|
{{ uri }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" />
|
<YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
</BListGroup>
|
</BListGroup>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -86,9 +86,9 @@
|
||||||
:faded="item.ignored"
|
:faded="item.ignored"
|
||||||
>
|
>
|
||||||
<div class="item-button d-flex align-items-center">
|
<div class="item-button d-flex align-items-center">
|
||||||
<p class="mb-0 mr-2" v-html="item.summary" />
|
<p class="mb-0 me-2" v-html="item.summary" />
|
||||||
|
|
||||||
<div class="d-flex flex-column flex-lg-row ml-auto">
|
<div class="d-flex flex-column flex-lg-row ms-auto">
|
||||||
<BButton
|
<BButton
|
||||||
v-if="item.ignored"
|
v-if="item.ignored"
|
||||||
size="sm"
|
size="sm"
|
||||||
|
@ -109,7 +109,7 @@
|
||||||
v-if="item.details"
|
v-if="item.details"
|
||||||
size="sm"
|
size="sm"
|
||||||
variant="outline-dark"
|
variant="outline-dark"
|
||||||
class="ml-lg-2 mt-2 mt-lg-0"
|
class="ms-lg-2 mt-2 mt-lg-0"
|
||||||
v-b-toggle="`collapse-${report.id}-item-${i}`"
|
v-b-toggle="`collapse-${report.id}-item-${i}`"
|
||||||
>
|
>
|
||||||
<YIcon iname="level-down" /> {{ $t('details') }}
|
<YIcon iname="level-down" /> {{ $t('details') }}
|
||||||
|
@ -121,7 +121,7 @@
|
||||||
v-if="item.details"
|
v-if="item.details"
|
||||||
:id="`collapse-${report.id}-item-${i}`"
|
:id="`collapse-${report.id}-item-${i}`"
|
||||||
>
|
>
|
||||||
<ul class="mt-2 pl-4">
|
<ul class="mt-2 ps-4">
|
||||||
<li
|
<li
|
||||||
v-for="(detail, index) in item.details"
|
v-for="(detail, index) in item.details"
|
||||||
:key="index"
|
:key="index"
|
||||||
|
|
|
@ -48,7 +48,7 @@
|
||||||
|
|
||||||
<!-- DOMAIN CERT AUTHORITY -->
|
<!-- DOMAIN CERT AUTHORITY -->
|
||||||
<DescriptionRow :term="$t('domain.info.certificate_authority')">
|
<DescriptionRow :term="$t('domain.info.certificate_authority')">
|
||||||
<YIcon :iname="cert.icon" :variant="cert.variant" class="mr-1" />
|
<YIcon :iname="cert.icon" :variant="cert.variant" class="me-1" />
|
||||||
{{ $t('domain.cert.types.' + cert.authority) }}
|
{{ $t('domain.cert.types.' + cert.authority) }}
|
||||||
<span class="text-secondary px-2">
|
<span class="text-secondary px-2">
|
||||||
({{
|
({{
|
||||||
|
@ -83,7 +83,7 @@
|
||||||
v-for="app in domain.apps"
|
v-for="app in domain.apps"
|
||||||
:key="app.id"
|
:key="app.id"
|
||||||
size="sm"
|
size="sm"
|
||||||
class="mr-2 mb-2"
|
class="me-2 mb-2"
|
||||||
>
|
>
|
||||||
<BButton
|
<BButton
|
||||||
class="py-0 font-weight-bold"
|
class="py-0 font-weight-bold"
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
>
|
>
|
||||||
<template #default="{ data, parent }">
|
<template #default="{ data, parent }">
|
||||||
<div class="w-100 d-flex justify-content-between align-items-center">
|
<div class="w-100 d-flex justify-content-between align-items-center">
|
||||||
<h5 class="mr-3">
|
<h5 class="me-3">
|
||||||
<BLink :to="data.to" class="text-body text-decoration-none">
|
<BLink :to="data.to" class="text-body text-decoration-none">
|
||||||
<span class="font-weight-bold">
|
<span class="font-weight-bold">
|
||||||
{{ data.name.replace(parent ? parent.data.name : null, '') }}
|
{{ data.name.replace(parent ? parent.data.name : null, '') }}
|
||||||
|
@ -35,7 +35,7 @@
|
||||||
<small
|
<small
|
||||||
v-if="data.name === mainDomain"
|
v-if="data.name === mainDomain"
|
||||||
:title="$t('domain.types.main_domain')"
|
:title="$t('domain.types.main_domain')"
|
||||||
class="ml-1"
|
class="ms-1"
|
||||||
v-b-tooltip.hover
|
v-b-tooltip.hover
|
||||||
>
|
>
|
||||||
<YIcon iname="star" />
|
<YIcon iname="star" />
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
} in filteredServices"
|
} in filteredServices"
|
||||||
:key="name"
|
:key="name"
|
||||||
:to="{ name: 'service-info', params: { name } }"
|
:to="{ name: 'service-info', params: { name } }"
|
||||||
class="d-flex justify-content-between align-items-center pr-0"
|
class="d-flex justify-content-between align-items-center pe-0"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="font-weight-bold">
|
<h5 class="font-weight-bold">
|
||||||
|
@ -36,7 +36,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" />
|
<YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
</BListGroup>
|
</BListGroup>
|
||||||
</ViewSearch>
|
</ViewSearch>
|
||||||
|
|
|
@ -6,9 +6,9 @@
|
||||||
:key="item.routeName"
|
:key="item.routeName"
|
||||||
:to="{ name: item.routeName }"
|
:to="{ name: item.routeName }"
|
||||||
>
|
>
|
||||||
<YIcon :iname="item.icon" class="lg ml-1" />
|
<YIcon :iname="item.icon" class="lg ms-1" />
|
||||||
<h4>{{ $t(item.translation) }}</h4>
|
<h4>{{ $t(item.translation) }}</h4>
|
||||||
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" />
|
<YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
</BListGroup>
|
</BListGroup>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
:to="{ name: 'tool-log', params: { name: log.name || log.log_path } }"
|
:to="{ name: 'tool-log', params: { name: log.name || log.log_path } }"
|
||||||
:title="readableDate(log.started_at)"
|
:title="readableDate(log.started_at)"
|
||||||
>
|
>
|
||||||
<small class="mr-3">{{ distanceToNow(log.started_at) }} </small>
|
<small class="me-3">{{ distanceToNow(log.started_at) }} </small>
|
||||||
<YIcon :iname="log.icon" :class="'text-' + log.class" />
|
<YIcon :iname="log.icon" :class="'text-' + log.class" />
|
||||||
{{ log.description }}
|
{{ log.description }}
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
<div class="d-flex align-items-center">
|
<div class="d-flex align-items-center">
|
||||||
{{ number }}. {{ description }}
|
{{ number }}. {{ description }}
|
||||||
|
|
||||||
<div class="ml-auto">
|
<div class="ms-auto">
|
||||||
<BButton @click="skipMigration(id)" size="sm" variant="warning">
|
<BButton @click="skipMigration(id)" size="sm" variant="warning">
|
||||||
<YIcon iname="close" /> {{ $t('skip') }}
|
<YIcon iname="close" /> {{ $t('skip') }}
|
||||||
</BButton>
|
</BButton>
|
||||||
|
|
|
@ -35,7 +35,7 @@
|
||||||
v-for="user in filteredUsers"
|
v-for="user in filteredUsers"
|
||||||
:key="user.username"
|
:key="user.username"
|
||||||
:to="{ name: 'user-info', params: { name: user.username } }"
|
:to="{ name: 'user-info', params: { name: user.username } }"
|
||||||
class="d-flex justify-content-between align-items-center pr-0"
|
class="d-flex justify-content-between align-items-center pe-0"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="font-weight-bold">
|
<h5 class="font-weight-bold">
|
||||||
|
@ -46,7 +46,7 @@
|
||||||
{{ user.mail }}
|
{{ user.mail }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<YIcon iname="chevron-right" class="lg fs-sm ml-auto" />
|
<YIcon iname="chevron-right" class="lg fs-sm ms-auto" />
|
||||||
</BListGroupItem>
|
</BListGroupItem>
|
||||||
</BListGroup>
|
</BListGroup>
|
||||||
</ViewSearch>
|
</ViewSearch>
|
||||||
|
|
Loading…
Reference in a new issue