scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-09 13:28:53 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add no access text to item card [SCI-10013] (#6959)

Browse source
This commit is contained in:
ajugo 2024-01-16 15:06:03 +01:00 • committed by GitHub
parent a43eacaa22
commit d0ecfe53dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 29 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/assets/stylesheets/shared_styles/constants/fonts.scss
View file

@ -49,6 +49,10 @@ $sn-icon-check: "\e95f";
&.mini { &.mini {
font-size: 16px !important; font-size: 16px !important;
} }
&.sn-icon-large {
font-size: 36px !important;
}
} }
@mixin font-h1 { @mixin font-h1 {

25
app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
View file

@ -29,6 +29,16 @@
<div class="sci-loader"></div> <div class="sci-loader"></div>
</div> </div>
<div v-else-if="!dataLoading && loadingError" class="h-full flex flex-grow-1">
<div class="flex flex-col items-center justify-center h-full pr-6 mx-14">
<i class=" text-sn-alert-passion sn-icon sn-icon-large sn-icon-alert-warning"></i>
<div class="text-center">
<h4 class="font-inter text-lg mt-3">{{ i18n.t('repositories.item_card.errors.load_error_header') }}</h4>
<div class="font-inter text-sm">{{ i18n.t('repositories.item_card.errors.load_error_description') }}</div>
</div>
</div>
</div>
<div v-else class="flex flex-1 flex-grow-1 justify-between" ref="scrollSpyContent" id="scrollSpyContent"> <div v-else class="flex flex-1 flex-grow-1 justify-between" ref="scrollSpyContent" id="scrollSpyContent">
<div id="left-col" class="flex flex-col gap-6 max-w-[350px]"> <div id="left-col" class="flex flex-col gap-6 max-w-[350px]">
@ -303,7 +313,7 @@
</div> </div>
<!-- BOTTOM --> <!-- BOTTOM -->
<div id="bottom" v-show="!dataLoading" class="h-[100px] flex flex-col justify-end mt-4 mr-6" <div id="bottom" v-show="!dataLoading && !loadingError" class="h-[100px] flex flex-col justify-end mt-4 mr-6"
:class="{ 'pb-6': customColumns?.length }"> :class="{ 'pb-6': customColumns?.length }">
<div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div> <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
<div id="bottom-button-wrapper" class="flex h-10 justify-end"> <div id="bottom-button-wrapper" class="flex h-10 justify-end">
@ -411,7 +421,8 @@ export default {
notification: null, notification: null,
relationshipDetailsState: {}, relationshipDetailsState: {},
selectedToUnlink: null, selectedToUnlink: null,
initialSectionId: null initialSectionId: null,
loadingError: false
}; };
}, },
provide() { provide() {
@ -543,7 +554,11 @@ export default {
}); });
}, },
loadRepositoryRow(repositoryRowUrl, scrollTop = 0) { loadRepositoryRow(repositoryRowUrl, scrollTop = 0) {
this.dataLoading = true this.dataLoading = true;
this.loadingError = false;
if (this.defaultColumns?.name) {
this.defaultColumns.name = '';
}
$.ajax({ $.ajax({
method: 'GET', method: 'GET',
url: repositoryRowUrl, url: repositoryRowUrl,
@ -572,6 +587,10 @@ export default {
// if scrollTop was provided, scroll to it // if scrollTop was provided, scroll to it
this.$nextTick(() => { this.$refs.bodyWrapper.scrollTop = scrollTop; }); this.$nextTick(() => { this.$refs.bodyWrapper.scrollTop = scrollTop; });
}); });
},
error: () => {
this.loadingError = true;
this.dataLoading = false;
} }
}); });
}, },

3
config/locales/en.yml
View file

@ -2350,6 +2350,9 @@ en:
not_valid_range: 'Range is not valid.' not_valid_range: 'Range is not valid.'
select_valid_value: 'Select a valid date or date-time value' select_valid_value: 'Select a valid date or date-time value'
browser_alert_message: 'You have made some changes, are you sure you want to leave this page?' browser_alert_message: 'You have made some changes, are you sure you want to leave this page?'
errors:
load_error_header: 'Your team does not have the necessary permissions to view the details of this item.'
load_error_description: 'To obtain access, reach out to your team administrator.'
highlight_component: highlight_component:
information_label: 'Information' information_label: 'Information'
custom_columns_label: 'Custom columns' custom_columns_label: 'Custom columns'