Skip to content

Commit

Permalink
feat: Sites Management Card review - MEED-7165 - Meeds-io/MIPs#137 (#152
Browse files Browse the repository at this point in the history
)

This PR allows to review the UI of the sites management card and drawer
  • Loading branch information
SaraBoutej committed Jul 22, 2024
1 parent c3ade22 commit 3face7f
Show file tree
Hide file tree
Showing 4 changed files with 19 additions and 31 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -18,14 +18,14 @@
-->
<template>
<div>
<p class="font-weight-bold text-start text-color body-2">{{ whoCanView }}</p>
<p class="text-start">{{ whoCanView }}</p>
<v-select
v-model="type"
:items="typeLabel"
item-text="text"
item-value="value"
dense
class="caption"
class="pt-0"
outlined />
<exo-identity-suggester
v-if="showAccessPermissionsGroupSuggester"
Expand All @@ -41,7 +41,7 @@
include-groups
include-spaces
required />
<span v-if="!accessPermissions.length && showAccessPermissionsGroupSuggester" class="caption mx-2 mt-n3 position-absolute error-color">
<span v-if="!accessPermissions.length && showAccessPermissionsGroupSuggester" class="text-subtitle mx-2 mt-n3 position-absolute error-color">
{{ $t('siteNavigation.required.error.message') }}
</span>
<template v-if="showAccessPermissionsList">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
-->
<template>
<div>
<p class="font-weight-bold text-start text-color body-2">{{ whoCanEdit }}</p>
<p class="text-start">{{ whoCanEdit }}</p>
<exo-identity-suggester
ref="navigationNodeEditPermissions"
:labels="suggesterLabels"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
:site="site" />
</v-toolbar>
<div class="d-flex flex-grow-0 flex-shrink-1 rich-editor-content">
<span class="align-self-center text-wrap text-left text-break mx-2 text-truncate-4" v-sanitized-html="site.description"></span>
<span class="align-self-center text-wrap text-left text-break mx-4 text-truncate-4" v-sanitized-html="site.description"></span>
</div>
<v-footer absolute class="px-0 py-0">
<v-toolbar
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -49,20 +49,16 @@
required
@blur="convertSiteName">
<template #title>
<v-label>
<span class="text-color font-weight-bold">
{{ $t('siteManagement.label.siteLabel.title') }} *
</span>
</v-label>
<span>
{{ $t('siteManagement.label.siteLabel.title') }} *
</span>
</template>
</translation-text-field>
</v-card-text>
<v-card-text class="d-flex pb-2">
<v-label>
<span class="text-color font-weight-bold">
{{ $t('siteManagement.label.siteName.title') }} *
</span>
</v-label>
<span>
{{ $t('siteManagement.label.siteName.title') }} *
</span>
</v-card-text>
<v-card-text class="d-flex py-0">
<v-text-field
Expand All @@ -89,11 +85,9 @@
back-icon
rich-editor>
<template #title>
<v-label>
<span class="text-color font-weight-bold">
{{ $t('siteManagement.label.siteDescription.title') }}
</span>
</v-label>
<span>
{{ $t('siteManagement.label.siteDescription.title') }}
</span>
</template>
<rich-editor
id="siteDescription"
Expand All @@ -105,12 +99,8 @@
</translation-text-field>
</v-card-text>
<v-card-text class="mt-3 py-4 px-3">
<v-label>
<span class="text-color font-weight-bold mb-2 px-1 text-capitalize"> {{ $t('siteManagement.label.banner') }}</span>
</v-label>
<v-label>
<span class="text-color caption px-1 text-capitalize"> {{ $t('siteManagement.label.caption') }}</span>
</v-label>
<p class="mb-2 px-1 text-capitalize"> {{ $t('siteManagement.label.banner') }}</p>
<p class="text-subtitle px-1 text-capitalize"> {{ $t('siteManagement.label.caption') }}</p>
<site-management-banner-selector
ref="siteBannerSelector"
:src="siteBannerUrl"
Expand All @@ -121,17 +111,15 @@
@reset="resetBannerUploadId" />
</v-card-text>
<v-card-text class="mt-4">
<v-label>
<span class="text-color font-weight-bold mb-2"> {{ $t('siteManagement.label.displayOrder') }}</span>
</v-label>
<span class="mb-2"> {{ $t('siteManagement.label.displayOrder') }}</span>
<v-row class="mx-0 mt-2">
<v-col class="d-flex flex-row px-0 py-0 col-10">
<v-switch
v-model="displayed"
:disabled="displayedDisabled"
class="mt-2" />
<label v-if="displayed" class="subtitle-1 mx-1"> {{ $t('siteManagement.label.displayed') }} </label>
<label v-else class="subtitle-1 mx-1"> {{ $t('siteManagement.label.notDisplayed') }} </label>
<p v-if="displayed" class="mx-1"> {{ $t('siteManagement.label.displayed') }} </p>
<p v-else class="mx-1"> {{ $t('siteManagement.label.notDisplayed') }} </p>
</v-col>
<v-col class="col-2 px-0 py-0 mt-n1 orderDisplay">
<v-text-field
Expand Down

0 comments on commit 3face7f

Please sign in to comment.