tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Home page on admin ajdusted to fill lines with necessary sapce. isCancel function imported byt filters.

This commit is contained in:
Mateus Machado Luna 2019-05-20 11:31:36 -03:00
parent dfcf887554
commit e9276b65c5
6 changed files with 33 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/admin/pages/home-page.vue
View File

@ -168,7 +168,7 @@ export default {
loadCollections() {
this.cleanCollections();
this.isLoadingCollections = true;
this.fetchCollections({ page: 1, collectionsPerPage: 5, status: undefined, contextEdit: true })
this.fetchCollections({ page: 1, collectionsPerPage: 9, status: undefined, contextEdit: true })
.then(() => {
this.isLoadingCollections = false;
})
@ -255,7 +255,6 @@ export default {
a {
margin-right: 2rem;
display: inline-flex;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

25
src/admin/scss/_collection-home-cards.scss
View File

@ -10,6 +10,28 @@
animation-name: item-appear;
animation-duration: 0.5s;
&>div {
width: calc(100% + 25px) !important;
&>div>.tainacan-card:nth-child(3),
&>div>.tainacan-card:nth-child(4),
&>div>.tainacan-card:nth-child(5),
&>div>.tainacan-card:nth-child(6),
&>div>.tainacan-card:nth-child(7),
&>div>.tainacan-card:nth-child(8),
&>div>.tainacan-card:nth-child(9),
&>div>.tainacan-card:nth-child(10) {
display: none;
}
@media screen and (max-width: 768px) {
&>div>.tainacan-card:nth-child(3),
&>div>.tainacan-card:nth-child(4) {
display: block;
}
}
}
.tainacan-card {
background-color: $gray1;
padding: 0px;
@ -93,13 +115,14 @@
}
.metadata-title {
overflow: hidden;
padding: 0.75rem 1rem;
padding: 0.5rem 0.875rem;
flex-basis: calc(100% - 96px);
p {
color: black !important;
font-size: 0.875rem !important;
margin-bottom: 0;
line-height: 1.125rem;
}
}
&:hover .metadata-title {

4
src/classes/filter-types/autocomplete/Autocomplete.vue
View File

@ -40,7 +40,7 @@
</template>
<script>
import { tainacan as axios } from '../../../js/axios/axios'
import { tainacan as axios, isCancel } from '../../../js/axios/axios'
import { filter_type_mixin } from '../filter-types-mixin'
// import qs from 'qs';
@ -120,7 +120,7 @@
promise = this.getValuesPlainText( this.metadatum, query, this.isRepositoryLevel );
promise.request.catch( error => {
if (axios.isCancel(error))
if (isCancel(error))
this.$console.log('Request canceled: ', error.message);
else
this.$console.error( error );

4
src/classes/filter-types/checkbox/Checkbox.vue
View File

@ -54,7 +54,7 @@
</template>
<script>
import { tainacan as axios } from '../../../js/axios/axios';
import { tainacan as axios, isCancel } from '../../../js/axios/axios';
import { filter_type_mixin } from '../filter-types-mixin';
import CheckboxRadioModal from '../../../admin/components/other/checkbox-radio-modal.vue';
@ -138,7 +138,7 @@
this.selectedValues();
})
.catch( error => {
if (axios.isCancel(error))
if (isCancel(error))
this.$console.log('Request canceled: ', error.message);
else
this.$console.error( error );

4
src/classes/filter-types/selectbox/Selectbox.vue
View File

@ -25,7 +25,7 @@
</template>
<script>
import { tainacan as axios } from '../../../js/axios/axios';
import { tainacan as axios, isCancel } from '../../../js/axios/axios';
import { filter_type_mixin } from '../filter-types-mixin'
export default {
@ -111,7 +111,7 @@
.then(() => {
})
.catch( error => {
if (axios.isCancel(error))
if (isCancel(error))
this.$console.log('Request canceled: ', error.message);
else
this.$console.error( error );

4
src/classes/filter-types/taginput/Taginput.vue
View File

@ -42,7 +42,7 @@
</template>
<script>
import { tainacan as axios } from '../../../js/axios/axios';
import { tainacan as axios, isCancel } from '../../../js/axios/axios';
import { filter_type_mixin } from '../filter-types-mixin'
import qs from 'qs';
@ -135,7 +135,7 @@
promise.request
.catch( error => {
if (axios.isCancel(error))
if (isCancel(error))
this.$console.log('Request canceled: ', error.message);
else
this.$console.error( error );