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

Merge css conflicts.

This commit is contained in:
Mateus Machado Luna 2018-11-13 15:24:04 -02:00
parent 459b050877 7fe966c117
commit 0672a0b883
81 changed files with 2433 additions and 1114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/admin/admin.vue
View File

@ -2,24 +2,34 @@
<div
id="tainacan-admin-app"
class="columns is-fullheight">
<primary-menu
:active-route="activeRoute"
:is-menu-compressed="isMenuCompressed"/>
<button
class="is-hidden-mobile"
id="menu-compress-button"
@click="isMenuCompressed = !isMenuCompressed">
<b-icon :icon="isMenuCompressed ? 'menu-right' : 'menu-left'" />
</button>
<tainacan-header />
<tainacan-repository-subheader
:is-repository-level="isRepositoryLevel"
:is-menu-compressed="isMenuCompressed"/>
<div
id="repository-container"
class="column is-main-content">
<template v-if="activeRoute == 'HomePage'">
<tainacan-header />
<router-view />
</div>
</template>
<template v-else>
<primary-menu
:active-route="activeRoute"
:is-menu-compressed="isMenuCompressed"/>
<button
class="is-hidden-mobile"
id="menu-compress-button"
@click="isMenuCompressed = !isMenuCompressed">
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowleft' : isMenuCompressed, 'tainacan-icon-arrowright' : !isMenuCompressed }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
</button>
<tainacan-header />
<tainacan-repository-subheader
:is-repository-level="isRepositoryLevel"
:is-menu-compressed="isMenuCompressed"/>
<div
id="repository-container"
class="column is-main-content">
<router-view />
</div>
</template>
</div>
</template>
@ -113,7 +123,7 @@
top: 192px;
left: 0px;
max-width: 25px;
height: 20px;
height: 25px;
width: 25px;
border: none;
background-color: $blue5;

34
src/admin/class-tainacan-admin.php
View File

@ -67,7 +67,8 @@ class Admin {
function add_theme_files() {
global $TAINACAN_BASE_URL;
wp_enqueue_style( 'style', $TAINACAN_BASE_URL . '/assets/css/fonts/materialdesignicons.css' );
// wp_enqueue_style( 'style', $TAINACAN_BASE_URL . '/assets/css/fonts/materialdesignicons.css' );
wp_enqueue_style( 'style', $TAINACAN_BASE_URL . '/assets/css/fonts/tainacanicons.css' );
wp_enqueue_script('underscore', includes_url('js') . '/underscore.min.js' );
}
@ -170,21 +171,22 @@ class Admin {
}
$settings = [
'root' => esc_url_raw( rest_url() ) . 'tainacan/v2',
'root_wp_api' => esc_url_raw( rest_url() ) . 'wp/v2/',
'wp_ajax_url' => admin_url( 'admin-ajax.php' ),
'nonce' => wp_create_nonce( 'wp_rest' ),
'components' => $components,
'i18n' => $tainacan_admin_i18n,
'user_caps' => $user_caps,
'user_prefs' => $prefs,
'base_url' => $TAINACAN_BASE_URL,
'admin_url' => admin_url(),
'custom_header_support' => get_theme_support('custom-header'),
'registered_view_modes' => \Tainacan\Theme_Helper::get_instance()->get_registered_view_modes(),
'exposer_mapper_param' => \Tainacan\Exposers\Exposers::MAPPER_PARAM,
'exposer_type_param' => \Tainacan\Exposers\Exposers::TYPE_PARAM,
'repository_name' => get_bloginfo('name')
'root' => esc_url_raw( rest_url() ) . 'tainacan/v2',
'root_wp_api' => esc_url_raw( rest_url() ) . 'wp/v2/',
'wp_ajax_url' => admin_url( 'admin-ajax.php' ),
'nonce' => wp_create_nonce( 'wp_rest' ),
'components' => $components,
'i18n' => $tainacan_admin_i18n,
'user_caps' => $user_caps,
'user_prefs' => $prefs,
'base_url' => $TAINACAN_BASE_URL,
'admin_url' => admin_url(),
'theme_collection_list_url' => get_post_type_archive_link( 'tainacan-collection' ),
'custom_header_support' => get_theme_support('custom-header'),
'registered_view_modes' => \Tainacan\Theme_Helper::get_instance()->get_registered_view_modes(),
'exposer_mapper_param' => \Tainacan\Exposers\Exposers::MAPPER_PARAM,
'exposer_type_param' => \Tainacan\Exposers\Exposers::TYPE_PARAM,
'repository_name' => get_bloginfo('name')
];
$maps = [

24
src/admin/components/advanced-search/advanced-search.vue
View File

@ -11,9 +11,9 @@
v-if="!metadataIsLoading"
class="content has-text-gray has-text-centered">
<p>
<b-icon
icon="format-list-checks"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-metadata"/>
</span>
</p>
<p>{{ isRepositoryLevel ?
$i18n.get('info_there_are_no_metadata_in_repository_level' ) :
@ -128,9 +128,9 @@
<button
@click="removeThis(searchCriterion)"
class="button is-white is-pulled-right">
<b-icon
type="is-secondary"
icon="close"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-close"/>
</span>
</button>
</div>
</b-field>
@ -143,13 +143,11 @@
:class="{'add-link-advanced-search-header': isHeader, 'add-link-advanced-search': !isHeader }"
class="field column is-12">
<a
@click="addSearchCriteria"
style="font-size: 0.75rem;">
<b-icon
class="add-i"
icon="plus-circle"
size="is-small"
type="is-secondary"/>
@click="addSearchCriteria"
style="font-size: 0.75rem;">
<span class="icon is-small">
<i class="has-text-secondary tainacan-icon tainacan-icon-add"/>
</span>
{{ searchCriteria.length &lt;= 0 ?
$i18n.get('add_one_search_criterion') :
$i18n.get('add_another_search_criterion')

34
src/admin/components/bulk-edition/bulk-edition-modal.vue
View File

@ -173,9 +173,9 @@
v-if="!bulkEditionProcedures[criterion].isDone && !bulkEditionProcedures[criterion].isExecuting"
@click="removeThis(criterion)"
class="button is-white is-pulled-right">
<b-icon
type="is-gray4"
icon="close-circle-outline"/>
<span class="icon">
<i class="has-text-gray4 tainacan-icon tainacan-icon-cancel"/>
</span>
</button>
<div
@ -191,9 +191,9 @@
animated
multilined
:label="bulkEditionProcedures[criterion].actionResult.constructor.name !== 'Object' && bulkEditionProcedures[criterion].actionResult === 1 ? `${bulkEditionProcedures[criterion].actionResult} ${$i18n.get('info_item_affected')}` : `${bulkEditionProcedures[criterion].actionResult} ${$i18n.get('info_items_affected')}`">
<b-icon
type="is-success"
icon="check-circle"/>
<span class="icon">
<i class="has-text-success tainacan-icon tainacan-icon-approvedcircle"/>
</span>
</b-tooltip>
</div>
@ -210,9 +210,9 @@
animated
multilined
:label="bulkEditionProcedures[criterion].actionResult.constructor.name !== 'Object' && bulkEditionProcedures[criterion].actionResult === 1 ? `${bulkEditionProcedures[criterion].actionResult} ${$i18n.get('info_item_affected')}` : `${bulkEditionProcedures[criterion].actionResult} ${$i18n.get('info_items_affected')}`">
<b-icon
type="is-yellow2"
icon="exclamation"/>
<span class="icon">
<i class="has-text-yello2 tainacan-icon tainacan-icon-alertcircle"/>
</span>
</b-tooltip>
</div>
@ -233,9 +233,9 @@
animated
multilined
:label="bulkEditionProcedures[criterion].actionResult.constructor.name === 'Object' ? (bulkEditionProcedures[criterion].actionResult.error_message ? bulkEditionProcedures[criterion].actionResult.error_message : bulkEditionProcedures[criterion].actionResult.message) : ''">
<b-icon
type="is-red2"
icon="sync-alert"/>
<span class="icon">
<i class="has-text-danger tainacan-icon tainacan-icon-processerror"/>
</span>
</b-tooltip>
</button>
@ -248,14 +248,14 @@
bulkEditionProcedures[criterion].action"
@click="executeBulkEditionProcedure(criterion)"
class="button is-white is-pulled-right">
<b-icon
type="is-gray4"
icon="play-circle"/>
<span class="icon">
<i class="has-text-gray4 tainacan-icon tainacan-icon-play"/>
</span>
</button>
<div v-if="bulkEditionProcedures[criterion].isExecuting">
<b-icon
class="tainacan-loader"
class="mdi-loader"
type="is-success"
icon="loading"/>
</div>
@ -711,7 +711,7 @@
cursor: not-allowed !important;
}
.tainacan-loader {
.mdi-loader {
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}

115
src/admin/components/edition/collection-edition-form.vue
View File

@ -28,6 +28,7 @@
@blur="updateSlug"
@focus="clearErrors('name')"/>
</b-field>
<!-- Hook for extra Form options -->
<template
v-if="formHooks != undefined &&
@ -65,18 +66,18 @@
id="button-edit-thumbnail"
:aria-label="$i18n.get('label_button_edit_thumb')"
@click.prevent="thumbnailMediaFrame.openFrame($event)">
<b-icon
size="is-small"
icon="pencil" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
</span>
</a>
<a
class="button is-rounded is-secondary"
id="button-delete-header-image"
:aria-label="$i18n.get('label_button_delete_thumb')"
@click="deleteThumbnail()">
<b-icon
size="is-small"
icon="delete" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
</span>
</a>
</div>
</div>
@ -122,9 +123,9 @@
<a
target="_blank"
@click.prevent="removeCoverPage()">
<b-icon
size="is-small"
icon="close"/>
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-close"/>
</span>
</a>
</span>
</div>
@ -134,15 +135,17 @@
<a
target="_blank"
:href="coverPage.link">
<eye-icon :style="{fill: isNewCollection ? '#01295c' : '#298596' }" />
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
</span>
</a>
&nbsp;&nbsp;
<a
target="blank"
:href="coverPageEditPath">
<b-icon
size="is-small"
icon="pencil"/>
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-edit"/>
</span>
</a>
</span>
<br>
@ -151,11 +154,10 @@
:class="{'disabled': form.enable_cover_page != 'yes'}"
target="_blank"
:href="newPagePath">
<b-icon
icon="plus-circle"
size="is-small"
type="is-secondary"/>
{{ $i18n.get('label_create_new_page') }}</a>
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-add"/>
</span>
{{ $i18n.get('label_create_new_page') }}</a>
</b-field>
<!-- Enabled View Modes ------------------------------- -->
@ -176,7 +178,9 @@
position="is-top-right"
type="button">
<span>{{ $i18n.get('label_enabled_view_modes') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item
v-for="(viewMode, index) in Object.keys(registeredViewModes)"
@ -264,8 +268,8 @@
:native-value="statusOption.value">
<span class="icon has-text-gray">
<i
class="mdi mdi-18px"
:class="'mdi-' + getStatusIcon(statusOption.value)"/>
class="tainacan-icon tainacan-icon-18px"
:class="'tainacan-icon-' + getStatusIcon(statusOption.value)"/>
</span>
{{ statusOption.label }}
</b-radio>
@ -290,18 +294,18 @@
id="button-edit-header-image"
:aria-label="$i18n.get('label_button_edit_header_image')"
@click="headerImageMediaFrame.openFrame($event)">
<b-icon
size="is-small"
icon="pencil" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
</span>
</a>
<a
class="button is-rounded is-secondary"
id="button-delete-header-image"
:aria-label="$i18n.get('label_button_delete_thumb')"
@click="deleteHeaderImage()">
<b-icon
size="is-small"
icon="delete" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
</span>
</a>
</div>
</div>
@ -440,11 +444,28 @@
type="button"
@click="cancelBack">{{ $i18n.get('cancel') }}</button>
</div>
<div
style="margin-left: auto;"
class="control">
<button
v-if="isNewCollection"
id="button-submit-goto-metadata"
@click.prevent="onSubmit('metadata')"
class="button is-turquoise5">{{ $i18n.get('label_save_goto_metadata') }}</button>
</div>
<div class="control">
<button
v-if="isNewCollection"
id="button-submit-goto-filter"
@click.prevent="onSubmit('filters')"
class="button is-turquoise5">{{ $i18n.get('label_save_goto_filter') }}</button>
</div>
<div class="control">
<button
id="button-submit-collection-creation"
@click.prevent="onSubmit"
class="button is-success">{{ $i18n.get('save') }}</button>
@click.prevent="onSubmit('items')"
class="button is-success">{{ $i18n.get('finish') }}</button>
</div>
</div>
<p class="help is-danger">{{ formErrorMessage }}</p>
@ -460,7 +481,6 @@
import { mapActions } from 'vuex';
import wpMediaFrames from '../../js/wp-media-frames';
import FileItem from '../other/file-item.vue';
import EyeIcon from '../other/eye-icon.vue';
import { wpAjax, formHooks } from '../../js/mixins';
export default {
@ -529,8 +549,7 @@ export default {
}
},
components: {
FileItem,
EyeIcon
FileItem
},
methods: {
...mapActions('collection', [
@ -569,7 +588,7 @@ export default {
this.isUpdatingSlug = false;
});
}, 500),
onSubmit() {
onSubmit(goTo) {
this.isLoading = true;
this.form.moderators_ids = [];
@ -617,8 +636,14 @@ export default {
if (this.fromImporter)
this.$router.go(-1);
else
this.$router.push(this.$routerHelper.getCollectionPath(this.collectionId));
else {
if (goTo == 'metadata')
this.$router.push(this.$routerHelper.getCollectionMetadataPath(this.collectionId));
else if (goTo == 'filters')
this.$router.push(this.$routerHelper.getCollectionFiltersPath(this.collectionId));
else
this.$router.push(this.$routerHelper.getCollectionPath(this.collectionId));
}
})
.catch((errors) => {
for (let error of errors.errors) {
@ -802,11 +827,11 @@ export default {
},
getStatusIcon(status) {
switch(status) {
case 'publish': return 'earth';
case 'private': return 'lock';
case 'draft': return 'clipboard-text';
case 'publish': return 'public';
case 'private': return 'private';
case 'draft': return 'draft';
case 'trash': return 'delete';
default: return 'file';
default: return 'item';
}
}
},
@ -934,7 +959,7 @@ export default {
display: inherit;
padding: 0;
margin: 0;
margin-top: 1px;
margin-top: -2px;
font-size: 18px;
}
}
@ -1010,20 +1035,12 @@ export default {
}
.selected-cover-page-buttons {
float: right;
padding: 4px 6px;
.icon { font-size: 20px; }
.eye-icon {
position: relative;
top: 2px;
}
padding: 4px 6px;
&.disabled {
pointer-events: none;
cursor: not-allowed;
.icon { color: $gray2; }
.eye-icon {
fill: $gray2 !important;
}
}
}
.status-radios {

14
src/admin/components/edition/filter-edition-form.vue
View File

@ -112,10 +112,9 @@
class="button is-white is-pulled-right"
:aria-label="$i18n.getFrom('items','edit_item')"
@click.prevent="showEditMaxOptions = true">
<b-icon
size="is-small"
type="is-secondary"
icon="pencil"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-edit has-text-secondary"/>
</span>
</button>
</div>
<div
@ -129,10 +128,9 @@
<button
@click.prevent="showEditMaxOptions = false"
class="button is-white is-pulled-right">
<b-icon
size="is-small"
type="is-secondary"
icon="close"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-close has-text-secondary"/>
</span>
</button>
</div>
</b-field>

18
src/admin/components/edition/importer-edition-form.vue
View File

@ -50,11 +50,11 @@
tag="a"
class="is-inline add-link"
:to="{ path: $routerHelper.getNewCollectionPath(), query: { fromImporter: true }}">
<b-icon
icon="plus-circle"
size="is-small"
type="is-secondary"/>
{{ $i18n.get('new_blank_collection') }}</router-link>
<span class="icon">
<i class="tainacan-icon tainacan-icon-add"/>
</span>
{{ $i18n.get('new_blank_collection') }}
</router-link>
</div>
</b-field>
<!-- File Source input -->
@ -74,9 +74,9 @@
<section class="drop-inner">
<div class="content has-text-centered">
<p>
<b-icon
icon="upload"
size="is-large"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-upload"/>
</span>
</p>
<p>{{ $i18n.get('instruction_drop_file_or_click_to_upload') }}</p>
</div>
@ -90,7 +90,7 @@
target="_blank"
@click.prevent="importerFile = undefined">
<span class="icon">
<i class="mdi mdi-18px mdi-close"/>
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-close"/>
</span>
</a>
</div>

9
src/admin/components/edition/importer-mapping-form.vue
View File

@ -127,11 +127,10 @@
v-if="collectionId != null && collectionId != undefined"
class="is-inline is-pulled-right add-link has-text-secondary"
@click="createNewMetadatum()">
<b-icon
icon="plus-circle"
size="is-small"
type="is-secondary"/>
{{ $i18n.get('label_add_more_metadata') }}</a>
<span class="icon">
<i class="tainacan-icon tainacan-icon-add"/>
</span>
{{ $i18n.get('label_add_more_metadata') }}</a>
</div>
<div
v-if="importerSourceInfo == undefined ||

109
src/admin/components/edition/item-edition-form.vue
View File

@ -7,7 +7,11 @@
<button
id="metadata-column-compress-button"
@click="isMetadataColumnCompressed = !isMetadataColumnCompressed">
<b-icon :icon="isMetadataColumnCompressed ? 'menu-left' : 'menu-right'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowleft' : isMetadataColumnCompressed, 'tainacan-icon-arrowright' : !isMetadataColumnCompressed }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
</button>
<div class="tainacan-page-title">
<h1 v-if="isCreatingNewItem">
@ -74,9 +78,9 @@
id="button-edit-document"
:aria-label="$i18n.get('label_button_edit_document')"
@click.prevent="setFileDocument($event)">
<b-icon
size="is-small"
icon="pencil" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
</span>
</a>
<a
class="button is-rounded is-secondary"
@ -84,9 +88,9 @@
id="button-delete-document"
:aria-label="$i18n.get('label_button_delete_document')"
@click.prevent="removeDocument()">
<b-icon
size="is-small"
icon="delete" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
</span>
</a>
</div>
</div>
@ -98,9 +102,9 @@
:aria-label="$i18n.get('label_button_edit_document')"
id="button-edit-document"
@click.prevent="setTextDocument()">
<b-icon
size="is-small"
icon="pencil" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
</span>
</a>
<a
class="button is-rounded is-secondary"
@ -108,9 +112,9 @@
:aria-label="$i18n.get('label_button_delete_document')"
id="button-delete-document"
@click.prevent="removeDocument()">
<b-icon
size="is-small"
icon="delete" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
</span>
</a>
</div>
</div>
@ -123,9 +127,9 @@
:aria-label="$i18n.get('label_button_edit_document')"
id="button-edit-document"
@click.prevent="setURLDocument()">
<b-icon
size="is-small"
icon="pencil" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
</span>
</a>
<a
class="button is-rounded is-secondary"
@ -133,9 +137,9 @@
:aria-label="$i18n.get('label_button_delete_document')"
id="button-delete-document"
@click.prevent="removeDocument()">
<b-icon
size="is-small"
icon="delete" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
</span>
</a>
</div>
</div>
@ -145,7 +149,9 @@
<button
type="button"
@click.prevent="setFileDocument($event)">
<b-icon icon="upload"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-upload"/>
</span>
</button>
<p>{{ $i18n.get('label_file') }}</p>
</li>
@ -153,7 +159,9 @@
<button
type="button"
@click.prevent="setTextDocument()">
<b-icon icon="format-text"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-text"/>
</span>
</button>
<p>{{ $i18n.get('label_text') }}</p>
</li>
@ -161,7 +169,9 @@
<button
type="button"
@click.prevent="setURLDocument()">
<b-icon icon="code-tags"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-url"/>
</span>
</button>
<p>{{ $i18n.get('label_url') }}</p>
</li>
@ -269,9 +279,9 @@
id="button-edit-thumbnail"
:aria-label="$i18n.get('label_button_edit_thumb')"
@click.prevent="thumbnailMediaFrame.openFrame($event)">
<b-icon
size="is-small"
icon="pencil" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
</span>
</a>
<a
v-if="item.thumbnail.thumb != undefined && item.thumbnail.thumb != false"
@ -279,9 +289,9 @@
class="button is-rounded is-secondary"
:aria-label="$i18n.get('label_button_delete_thumb')"
@click="deleteThumbnail()">
<b-icon
size="is-small"
icon="delete" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
</span>
</a>
</div>
</div>
@ -368,16 +378,18 @@
value="publish"
native-value="publish">
<span class="icon">
<i class="mdi mdi-earth"/>
</span> {{ $i18n.get('publish_visibility') }}
<i class="tainacan-icon tainacan-icon-public"/>
</span>
{{ $i18n.get('publish_visibility') }}
</b-radio>
<b-radio
v-model="visibility"
value="private"
native-value="private">
<span class="icon">
<i class="mdi mdi-lock"/>
</span> {{ $i18n.get('private_visibility') }}
<i class="tainacan-icon tainacan-icon-private"/>
</span>
{{ $i18n.get('private_visibility') }}
</b-radio>
</div>
</div>
@ -403,7 +415,11 @@
class="collapse-all"
@click="toggleCollapseAll()">
{{ collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
<b-icon :icon=" collapseAll ? 'menu-down' : 'menu-right'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : collapseAll, 'tainacan-icon-arrowright' : !collapseAll }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
</a>
<tainacan-form-item
v-for="(metadatum, index) of metadatumList"
@ -450,7 +466,10 @@
<p
class="update-warning"
v-if="isUpdatingValues">
<b-icon icon="autorenew" />{{ $i18n.get('info_updating_metadata_values') }}
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-updating"/>
</span>
{{ $i18n.get('info_updating_metadata_values') }}
<span class="help is-danger">{{ formErrorMessage }}</span>
</p>
</div>
@ -463,7 +482,7 @@
type="button"
class="button sequence-button">
<span class="icon is-large">
<i class="mdi mdi-24px mdi-chevron-left"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-previous"/>
</span>
<span>{{ $i18n.get('previous') }}</span>
</button>
@ -486,7 +505,7 @@
class="button sequence-button">
<span>{{ $i18n.get('next') }}</span>
<span class="icon is-large">
<i class="mdi mdi-24px mdi-chevron-right"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
</span>
</button>
</div>
@ -499,7 +518,7 @@
type="button"
class="button sequence-button">
<span class="icon is-large">
<i class="mdi mdi-24px mdi-chevron-left"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-previous"/>
</span>
<span>{{ $i18n.get('previous') }}</span>
</button>
@ -528,7 +547,7 @@
class="button sequence-button">
<span>{{ $i18n.get('next') }}</span>
<span class="icon is-large">
<i class="mdi mdi-24px mdi-chevron-right"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
</span>
</button>
</div>
@ -541,7 +560,7 @@
type="button"
class="button sequence-button">
<span class="icon is-large">
<i class="mdi mdi-24px mdi-chevron-left"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-previous"/>
</span>
<span>{{ $i18n.get('previous') }}</span>
</button>
@ -565,7 +584,7 @@
class="button sequence-button">
<span>{{ $i18n.get('next') }}</span>
<span class="icon is-large">
<i class="mdi mdi-24px mdi-chevron-right"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
</span>
</button>
</div>
@ -1216,17 +1235,17 @@ export default {
}
.column.is-5-5 {
width: 45.833333333%;
max-width: 55%;
padding-left: $page-side-padding;
padding-right: $page-side-padding;
transition: width 0.6s;
@media screen and (max-width: 769px) {
width: 100%;
max-width: 100%;
}
}
.column.is-4-5 {
width: 37.5%;
max-width: 45%;
padding-left: $page-side-padding;
padding-right: $page-side-padding;
transition: all 0.6s;
@ -1236,7 +1255,7 @@ export default {
}
@media screen and (max-width: 769px) {
width: 100%;
max-width: 100%;
}
}
@ -1340,7 +1359,7 @@ export default {
display: inherit;
padding: 0;
margin: 0;
margin-top: 1px;
margin-top: -2px;
font-size: 18px;
}
}

2
src/admin/components/edition/taxonomy-edition-form.vue
View File

@ -89,7 +89,6 @@
<help-button
:title="$i18n.getHelperTitle('taxonomies', 'slug')"
:message="$i18n.getHelperMessage('taxonomies', 'slug')"/>
<b-icon :class="{'is-loading': isUpdatingSlug}"/>
<b-input
@input="updateSlug()"
id="tainacan-text-slug"
@ -416,5 +415,6 @@
}
}
</script>
<style>

14
src/admin/components/edition/term-edition-form.vue
View File

@ -27,18 +27,18 @@
id="button-edit-header"
:aria-label="$i18n.get('label_button_edit_header_image')"
@click="headerImageMediaFrame.openFrame($event)">
<b-icon
size="is-small"
icon="pencil"/>
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-edit"/>
</span>
</a>
<a
class="button is-rounded is-secondary"
id="button-delete-header"
:aria-label="$i18n.get('label_button_delete_thumb')"
@click="deleteHeaderImage()">
<b-icon
size="is-small"
icon="delete" />
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-delete"/>
</span>
</a>
</div>
<br>
@ -453,7 +453,7 @@
display: inherit;
padding: 0;
margin: 0;
margin-top: 1px;
margin-top: -2px;
font-size: 18px;
}
}

4
src/admin/components/lists/basic-term-item.vue
View File

@ -26,12 +26,12 @@
<a
@click.prevent="editTerm()">
<span class="icon">
<i class="mdi mdi-18px mdi-pencil"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a @click.prevent="tryToRemoveTerm()">
<span class="icon">
<i class="mdi mdi-18px mdi-delete"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
</span>
</a>
</span>

295
src/admin/components/lists/collections-home-list.vue Normal file
View File

@ -0,0 +1,295 @@
<template>
<div class="tainacan-cards-container">
<template v-if="collections.length <= 0 && !isLoading">
<ul class="new-collection-menu">
<li>
<router-link
tag="a"
:to="$routerHelper.getNewCollectionPath()"
class="first-card">
<div class="list-metadata">
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-addcollection"/>
</span>
<div>{{ $i18n.get('label_create_collection') }}</div>
</div>
</router-link>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getNewCollectionPath() }"
:aria-label="$i18n.get('label_collection_items')">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items"/>
</span>
<span class="menu-text">{{ $i18n.get('items') }}</span>
</router-link>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getNewCollectionPath() }"
:aria-label="$i18n.get('label_collection_metadata')">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-metadata"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span>
</router-link>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getNewCollectionPath() }"
:aria-label="$i18n.get('label_collection_filters')">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-filters"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span>
</router-link>
</li>
</ul>
</template>
<template v-else>
<masonry
:cols="{ default: 5, 1919: 4, 1407: 3, 1215: 2, 1023: 2, 767: 1 }"
:gutter="25"
style="width=100%;">
<router-link
tag="a"
:to="$routerHelper.getNewCollectionPath()"
class="tainacan-card new-card">
<div class="list-metadata">
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-addcollection"/>
</span>
<div>{{ $i18n.get('label_create_collection') }}</div>
</div>
<ul class="menu-list">
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getNewCollectionPath() }"
:aria-label="$i18n.get('label_collection_items')">
<b-tooltip
:label="$i18n.get('items')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('items') }}</span> -->
</router-link>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getNewCollectionPath() }"
:aria-label="$i18n.get('label_collection_metadata')">
<b-tooltip
:label="$i18n.getFrom('metadata', 'name')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span> -->
</router-link>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getNewCollectionPath() }"
:aria-label="$i18n.get('label_collection_filters')">
<b-tooltip
animated
:label="$i18n.getFrom('filters', 'name')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span> -->
</router-link>
</li>
</ul>
</router-link>
<router-link
tag="a"
:to="$routerHelper.getCollectionPath(collection.id)"
v-if="collections.length > 0 && !isLoading"
:key="index"
v-for="(collection, index) of collections"
class="tainacan-card">
<ul class="menu-list">
<li>
<a
:href="collection.url"
:aria-label="$i18n.get('label_view_collection')">
<b-tooltip
:label="$i18n.get('label_view_collection')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
</span>
</b-tooltip>
</a>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionItemsPath(collection.id, '') }"
:aria-label="$i18n.get('label_collection_items')">
<b-tooltip
:label="$i18n.get('items')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('items') }}</span> -->
</router-link>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionEditPath(collection.id) }"
:aria-label="$i18n.get('label_settings')">
<b-tooltip
:label="$i18n.get('label_settings')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-settings"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('label_settings') }}</span> -->
</router-link>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionMetadataPath(collection.id) }"
:aria-label="$i18n.get('label_collection_metadata')">
<b-tooltip
:label="$i18n.getFrom('metadata', 'name')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span> -->
</router-link>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionFiltersPath(collection.id) }"
:aria-label="$i18n.get('label_collection_filters')">
<b-tooltip
animated
:label="$i18n.getFrom('filters', 'name')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span> -->
</router-link>
</li>
<li>
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionEventsPath(collection.id) }"
:aria-label="$i18n.get('label_collection_events')">
<b-tooltip
:label="$i18n.get('events')"
position="is-bottom">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-activities"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('events') }}</span> -->
</router-link>
</li>
</ul>
<img
v-if="collection.thumbnail != undefined"
:src="collection['thumbnail'].tainacan_medium ? collection['thumbnail'].tainacan_medium : (collection['thumbnail'].medium ? collection['thumbnail'].medium : thumbPlaceholderPath)">
<!-- Name -->
<div class="metadata-title">
<p
v-tooltip="{
content: collection.name != undefined ? collection.name : '',
html: true,
autoHide: false,
placement: 'auto-start'
}">
{{ collection.name != undefined ? collection.name : '' }}
</p>
</div>
</router-link>
</masonry>
</template>
</div>
</template>
<script>
export default {
name: 'CollectionsHomeList',
data(){
return {
thumbPlaceholderPath: tainacan_plugin.base_url + '/admin/images/placeholder_square.png'
}
},
props: {
isLoading: false,
collections: Array,
}
}
</script>
<style lang="scss" scoped>
@import "../../scss/_variables.scss";
@import "../../scss/_collection-home-cards.scss";
.new-collection-menu {
display: flex;
width: calc(100% + 1.25rem);
justify-content: space-between;
flex-wrap: wrap;
margin: 0 -0.75rem;
li {
padding: 0.75rem;
display: flex;
background-color: $gray1;
flex-grow: 1;
margin: 0.75rem;
height: 120px;
min-width: 140px;
text-align: center;
&:first-of-type {
width: 56.7%;
max-width: 56.7%;
}
a {
width: 100%;
color: $turquoise5;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
}
}
</style>

20
src/admin/components/lists/collections-list.vue
View File

@ -20,7 +20,9 @@
class="button is-white"
slot="trigger">
<span>{{ $i18n.get('label_bulk_actions') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item
@ -177,18 +179,20 @@
<a
id="button-edit"
:aria-label="$i18n.getFrom('collections','edit_item')"
@click.prevent.stop="goToCollectionEditPage(collection.id)">
<b-icon
type="is-secondary"
icon="settings"/>
@click.prevent.stop="goToCollectionEditPage(collection.id)">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-settings"/>
</span>
</a>
<a
id="button-delete"
:aria-label="$i18n.get('label_button_delete')"
@click.prevent.stop="deleteOneCollection(collection.id)">
<b-icon
type="is-secondary"
:icon="!isOnTrash ? 'delete' : 'delete-forever'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
</a>
</div>
</td>

23
src/admin/components/lists/events-list.vue
View File

@ -79,8 +79,9 @@
<!--id="button-approve"-->
<!--:aria-label="$i18n.get('approve_item')"-->
<!--@click.prevent.stop="approveEvent(event.id)">-->
<!--<b-icon-->
<!--icon="check" />-->
<!-- <span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-finish"/>
</span> -->
<!--</a>-->
<!--<a-->
@ -103,7 +104,9 @@
<section class="section">
<div class="content has-text-grey has-text-centered">
<p>
<activities-icon />
<span class="icon">
<i class="tainacan-icon tainacan-icon-activities"/>
</span>
</p>
<p>{{ $i18n.get('info_no_events') }}</p>
</div>
@ -113,8 +116,6 @@
</template>
<script>
import ActivitiesIcon from '../other/activities-icon.vue';
export default {
name: 'EventsList',
data(){
@ -122,9 +123,6 @@
selectedEvents: []
}
},
components: {
ActivitiesIcon
},
props: {
isLoading: false,
totalEvents: 0,
@ -151,11 +149,4 @@
}
}
}
</script>
<style scoped>
.activities-icon {
height: 24px;
width: 24px;
}
</style>
</script>

57
src/admin/components/lists/filters-list.vue
View File

@ -11,9 +11,9 @@
class="field is-grouped-centered section">
<div class="content has-text-gray has-text-centered">
<p>
<b-icon
icon="filter"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-filters"/>
</span>
</p>
<p>{{ $i18n.get('info_there_is_no_filter' ) }}</p>
<p>{{ $i18n.get('info_create_filters' ) }}</p>
@ -43,11 +43,13 @@
v-for="(filter, index) in activeFilterList"
:key="index">
<div class="handle">
<grip-icon/>
<span class="icon grip-icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-drag"/>
</span>
<span class="icon icon-level-identifier">
<i
:class="{ 'mdi-folder has-text-turquoise5': filter.collection_id == collectionId, 'mdi-folder-multiple has-text-blue5': filter.collection_id != collectionId }"
class="mdi" />
:class="{ 'tainacan-icon-collection has-text-turquoise5': filter.collection_id == collectionId, 'tainacan-icon-repository has-text-blue5': filter.collection_id != collectionId }"
class="tainacan-icon" />
</span>
<span
class="filter-name"
@ -79,16 +81,16 @@
<a
:style="{ visibility: filter.collection_id != collectionId && !isRepositoryLevel? 'hidden' : 'visible' }"
@click.prevent="editFilter(filter)">
<b-icon
type="is-gray"
icon="pencil"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a
:style="{ visibility: filter.collection_id != collectionId && !isRepositoryLevel ? 'hidden' : 'visible' }"
@click.prevent="removeFilter(filter)">
<b-icon
type="is-gray"
icon="delete"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
</span>
</a>
</span>
</div>
@ -159,11 +161,13 @@
v-for="(metadatum, index) in availableMetadatumList"
:key="index"
@click.prevent="addMetadatumViaButton(metadatum, index)">
<grip-icon/>
<span class="icon grip-icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-drag"/>
</span>
<span class="icon icon-level-identifier">
<i
:class="{ 'mdi-folder has-text-turquoise5': metadatum.collection_id == collectionId, 'mdi-folder-multiple has-text-blue5': metadatum.collection_id != collectionId }"
class="mdi" />
:class="{ 'tainacan-icon-collection has-text-turquoise5': metadatum.collection_id == collectionId, 'tainacan-icon-repository has-text-blue5': metadatum.collection_id != collectionId }"
class="tainacan-icon" />
</span>
<span class="metadatum-name">{{ metadatum.name }}</span>
</div>
@ -174,9 +178,9 @@
class="field is-grouped-centered section">
<div class="content has-text-gray has-text-centered">
<p>
<b-icon
icon="format-list-checks"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-metadata"/>
</span>
</p>
<p>{{ $i18n.get('info_there_is_no_metadatum' ) }}</p>
<router-link
@ -195,7 +199,6 @@
<script>
import { mapActions, mapGetters } from 'vuex';
import GripIcon from '../other/grip-icon.vue';
import FilterEditionForm from './../edition/filter-edition-form.vue';
import CustomDialog from '../other/custom-dialog.vue';
@ -234,8 +237,7 @@ export default {
}
},
components: {
FilterEditionForm,
GripIcon
FilterEditionForm
},
beforeRouteLeave ( to, from, next ) {
let hasUnsavedForms = false;
@ -561,8 +563,7 @@ export default {
padding-right: 6em;
}
.grip-icon {
fill: $gray3;
top: 1px;
color: $gray3;
position: relative;
}
.filter-name {
@ -634,7 +635,7 @@ export default {
}
.grip-icon {
fill: $white;
color: $white;
}
.label-details, .icon, .icon-level-identifier>i {
@ -666,7 +667,7 @@ export default {
position: relative;
.grip-icon {
fill: $gray3;
color: $gray3;
top: 2px;
position: relative;
}
@ -710,8 +711,8 @@ export default {
transition: left 0.2s ease;
.grip-icon {
fill: $gray3;
top: -3px;
color: $gray3;
top: -4px;
position: relative;
display: inline-block;
}
@ -776,7 +777,7 @@ export default {
color: white !important;
}
.grip-icon {
fill: white !important;
color: white !important;
}
}
}

104
src/admin/components/lists/items-list.vue
View File

@ -36,7 +36,9 @@
class="button is-white"
slot="trigger">
<span>{{ $i18n.get('label_bulk_actions') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item
@ -129,26 +131,28 @@
id="button-edit"
:aria-label="$i18n.getFrom('items','edit_item')"
@click.prevent.stop="goToItemEditPage(item)">
<b-icon
type="is-secondary"
icon="pencil"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a
:aria-lavel="$i18n.get('label_button_untrash')"
@click.prevent.stop="untrashOneItem(item.id)"
v-if="isOnTrash">
<b-icon
type="is-secondary"
icon="delete-restore"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
</span>
</a>
<a
v-if="collectionId"
id="button-delete"
:aria-label="$i18n.get('label_button_delete')"
@click.prevent.stop="deleteOneItem(item.id)">
<b-icon
type="is-secondary"
:icon="!isOnTrash ? 'delete' : 'delete-forever'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
</div>
@ -213,26 +217,28 @@
id="button-edit"
:aria-label="$i18n.getFrom('items','edit_item')"
@click.prevent.stop="goToItemEditPage(item)">
<b-icon
type="is-secondary"
icon="pencil"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a
:aria-lavel="$i18n.get('label_button_untrash')"
@click.prevent.stop="untrashOneItem(item.id)"
v-if="isOnTrash">
<b-icon
type="is-secondary"
icon="delete-restore"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
</span>
</a>
<a
v-if="collectionId"
id="button-delete"
:aria-label="$i18n.get('label_button_delete')"
@click.prevent.stop="deleteOneItem(item.id)">
<b-icon
type="is-secondary"
:icon="!isOnTrash ? 'delete' : 'delete-forever'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
</div>
</div>
@ -284,26 +290,28 @@
id="button-edit"
:aria-label="$i18n.getFrom('items','edit_item')"
@click.prevent.stop="goToItemEditPage(item)">
<b-icon
type="is-secondary"
icon="pencil"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a
:aria-lavel="$i18n.get('label_button_untrash')"
@click.prevent.stop="untrashOneItem(item.id)"
v-if="isOnTrash">
<b-icon
type="is-secondary"
icon="delete-restore"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
</span>
</a>
<a
v-if="collectionId"
id="button-delete"
:aria-label="$i18n.get('label_button_delete')"
@click.prevent.stop="deleteOneItem(item.id)">
<b-icon
type="is-secondary"
:icon="!isOnTrash ? 'delete' : 'delete-forever'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
</div>
@ -423,26 +431,28 @@
id="button-edit"
:aria-label="$i18n.getFrom('items','edit_item')"
@click.prevent.stop="goToItemEditPage(item)">
<b-icon
type="is-secondary"
icon="pencil"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a
:aria-lavel="$i18n.get('label_button_untrash')"
@click.prevent.stop="untrashOneItem(item.id)"
v-if="isOnTrash">
<b-icon
type="is-secondary"
icon="delete-restore"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
</span>
</a>
<a
v-if="collectionId"
id="button-delete"
:aria-label="$i18n.get('label_button_delete')"
@click.prevent.stop="deleteOneItem(item.id)">
<b-icon
type="is-secondary"
:icon="!isOnTrash ? 'delete' : 'delete-forever'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
</div>
@ -620,26 +630,28 @@
id="button-edit"
:aria-label="$i18n.getFrom('items','edit_item')"
@click.prevent.stop="goToItemEditPage(item)">
<b-icon
type="is-secondary"
icon="pencil"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a
:aria-lavel="$i18n.get('label_button_untrash')"
@click.prevent.stop="untrashOneItem(item.id)"
v-if="isOnTrash">
<b-icon
type="is-secondary"
icon="delete-restore"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-undo"/>
</span>
</a>
<a
v-if="collectionId"
id="button-delete"
:aria-label="$i18n.get('label_button_delete')"
@click.prevent.stop="deleteOneItem(item.id)">
<b-icon
type="is-secondary"
:icon="!isOnTrash ? 'delete' : 'delete-forever'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
</div>
</td>

82
src/admin/components/lists/metadata-list.vue
View File

@ -14,9 +14,9 @@
class="field is-grouped-centered section">
<div class="content has-text-gray has-text-centered">
<p>
<b-icon
icon="format-list-bulleted-type"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-metadata"/>
</span>
</p>
<p>{{ $i18n.get('info_there_is_no_metadatum' ) }}</p>
<p>{{ $i18n.get('info_create_metadata' ) }}</p>
@ -47,14 +47,16 @@
v-for="(metadatum, index) in activeMetadatumList"
:key="index">
<div class="handle">
<grip-icon/>
<span class="icon grip-icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-drag"/>
</span>
<span class="icon icon-level-identifier">
<i
:class="{
'mdi-folder has-text-turquoise5': (metadatum.collection_id != 'default' && !isRepositoryLevel),
'mdi-folder-multiple has-text-blue5': (metadatum.collection_id == 'default') || isRepositoryLevel
'tainacan-icon-collection has-text-turquoise5': (metadatum.collection_id != 'default' && !isRepositoryLevel),
'tainacan-icon-repository has-text-blue5': (metadatum.collection_id == 'default') || isRepositoryLevel
}"
class="mdi" />
class="tainacan-icon" />
</span>
<span
class="metadatum-name"
@ -102,9 +104,9 @@
? 'hidden' : 'visible'
}"
@click.prevent="editMetadatum(metadatum)">
<b-icon
type="is-gray"
icon="pencil"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a
:style="{ visibility:
@ -114,9 +116,9 @@
? 'hidden' : 'visible'
}"
@click.prevent="removeMetadatum(metadatum)">
<b-icon
type="is-gray"
icon="delete"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
</span>
</a>
</span>
</div>
@ -153,7 +155,9 @@
:class="{ 'hightlighted-metadatum' : hightlightedMetadatum == metadatum.name, 'inherited-metadatum': isRepositoryLevel }"
v-for="(metadatum, index) in availableMetadatumList"
:key="index">
<grip-icon/>
<span class="icon grip-icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-drag"/>
</span>
<span class="metadatum-name">{{ metadatum.name }}</span>
<span
class="loading-spinner"
@ -174,9 +178,9 @@
class="field is-grouped-centered section">
<div class="content has-text-gray has-text-centered">
<p>
<b-icon
icon="format-list-bulleted-type"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-metadata"/>
</span>
</p>
<p>{{ $i18n.get('info_there_is_no_metadatum') }}</p>
<p>{{ $i18n.get('info_create_metadata') }}</p>
@ -254,9 +258,9 @@
? 'visible' : 'hidden'
}"
@click.prevent="editMetadatumCustomMapper(props.row)">
<b-icon
type="is-gray"
icon="pencil"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a
:style="{ visibility:
@ -264,9 +268,9 @@
? 'visible' : 'hidden'
}"
@click.prevent="removeMetadatumCustomMapper(props.row)">
<b-icon
type="is-gray"
icon="delete"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
</span>
</a>
</b-table-column>
</template>
@ -280,10 +284,9 @@
v-if="collectionId != null && collectionId != undefined"
class="is-inline is-pulled-left add-link"
@click="onNewMetadataMapperMetadata()">
<b-icon
icon="plus-circle"
size="is-small"
type="is-secondary"/>
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-add"/>
</span>
{{ $i18n.get('label_add_more_mapper_metadata') }}
</a>
</div>
@ -351,7 +354,6 @@
<script>
import { mapActions, mapGetters } from 'vuex';
import GripIcon from '../other/grip-icon.vue';
import MetadatumEditionForm from './../edition/metadatum-edition-form.vue';
import CustomDialog from '../other/custom-dialog.vue';
@ -383,8 +385,7 @@ export default {
}
},
components: {
MetadatumEditionForm,
GripIcon
MetadatumEditionForm
},
computed: {
availableMetadatumList: {
@ -864,8 +865,7 @@ export default {
padding-right: 6em;
}
.grip-icon {
fill: $gray3;
top: 1px;
color: $gray3;
position: relative;
}
.metadatum-name {
@ -941,7 +941,7 @@ export default {
}
.grip-icon {
fill: white;
color: white;
}
.switch.is-small {
@ -969,7 +969,7 @@ export default {
position: relative;
.grip-icon {
fill: white;
color: white;
}
}
}
@ -1011,8 +1011,8 @@ export default {
transition: left 0.2s ease;
.grip-icon {
fill: $gray3;
top: -3px;
color: $gray3;
top: -4px;
position: relative;
display: inline-block;
}
@ -1084,10 +1084,10 @@ export default {
}
}
@keyframes hightlighten-icon {
0% { fill: #b1b1b1; }
25% { fill: white; }
75% { fill: white; }
100% { fill: #b1b1b1; }
0% { color: #b1b1b1; }
25% { color: white; }
75% { color: white; }
100% { color: #b1b1b1; }
}
@keyframes hightlighten-arrow {
0% {
@ -1146,7 +1146,7 @@ export default {
}
.grip-icon {
fill: white;
color: white;
}
}

10
src/admin/components/lists/processes-list.vue
View File

@ -20,7 +20,9 @@
class="button is-white"
slot="trigger">
<span>{{ $i18n.get('label_bulk_actions') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item
@ -171,7 +173,7 @@
v-if="bgProcess.done <= 0"
class="icon has-text-gray action-icon"
@click="pauseProcess(index)">
<i class="mdi mdi-18px mdi-stop-circle"/>
<i class="tainacan tainacan-icon-20px tainacan-icon-stop"/>
</span>
<span
v-tooltip="{
@ -181,7 +183,7 @@
}"
v-if="bgProcess.done > 0 && !bgProcess.error_log"
class="icon has-text-success">
<i class="mdi mdi-18px mdi-checkbox-marked-circle"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-finish"/>
</span>
<span
v-tooltip="{
@ -191,7 +193,7 @@
}"
v-if="bgProcess.done > 0 && bgProcess.error_log"
class="icon has-text-danger">
<i class="mdi mdi-18px mdi-sync-alert" />
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-processerror" />
</span>
</div>
</td>

15
src/admin/components/lists/recursive-term-item.vue
View File

@ -12,15 +12,15 @@
<span
v-if="term.parent != 0 && index == 0"
class="icon children-icon">
<i class="mdi mdi-24px mdi-subdirectory-arrow-right"/>
<i class="tainacan-icon tainacan-icon-arrowright"/>
</span>
<span class="children-dropdown icon">
<i
:class="{
'mdi-menu-right': !showChildren,
'mdi-menu-down': showChildren,
'tainacan-icon-arrowright': !showChildren,
'tainacan-icon-arrowdown': showChildren,
'is-disabled': isEditingTerm }"
class="mdi mdi-36px"
class="tainacan-icon tainacan-icon-36px"
v-if="term.total_children > 0"
@click.prevent="toggleShowChildren()"/>
</span>
@ -46,18 +46,18 @@
:class="{'is-disabled': isEditingTerm}">
<a @click="addNewChildTerm(term, index)">
<span class="icon">
<i class="mdi mdi-18px mdi-plus-circle"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-add"/>
</span>
</a>
<a
@click.prevent="editTerm()">
<span class="icon">
<i class="mdi mdi-18px mdi-pencil"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a @click.prevent="tryToRemoveTerm()">
<span class="icon">
<i class="mdi mdi-18px mdi-delete"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-delete"/>
</span>
</a>
</span>
@ -296,6 +296,7 @@ export default {
color: $blue2;
position: absolute;
left: -21px;
font-size: 24px;
}
.children-dropdown {
color: $blue4;

18
src/admin/components/lists/taxonomies-list.vue
View File

@ -21,7 +21,9 @@
class="button is-white"
slot="trigger">
<span>{{ $i18n.get('label_bulk_actions') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item
@ -110,17 +112,19 @@
id="button-edit"
:aria-label="$i18n.getFrom('taxonomies','edit_item')"
@click="onClickTaxonomy($event, taxonomy.id, index)">
<b-icon
type="is-secondary"
icon="pencil"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-edit"/>
</span>
</a>
<a
id="button-delete"
:aria-label="$i18n.get('label_button_delete')"
@click.prevent.stop="deleteOneTaxonomy(taxonomy.id)">
<b-icon
type="is-secondary"
:icon="!isOnTrash ? 'delete' : 'delete-forever'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-delete': !isOnTrash, 'tainacan-icon-deleteforever': isOnTrash }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
</div>
</td>

34
src/admin/components/lists/terms-list.vue
View File

@ -15,17 +15,17 @@
:disabled="localTerms.length <= 0 || isLoadingTerms || isEditingTerm || order == 'asc'"
class="button is-white is-small"
@click="onChangeOrder('asc')">
<b-icon
class="gray-icon"
icon="sort-ascending"/>
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-sortascending"/>
</span>
</button>
<button
:disabled="localTerms.length <= 0 || isLoadingTerms || isEditingTerm || order == 'desc'"
class="button is-white is-small"
@click="onChangeOrder('desc')">
<b-icon
class="gray-icon"
icon="sort-descending"/>
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-sortdescending"/>
</span>
</button>
</b-field>
<div class="search-area is-hidden-mobile">
@ -41,7 +41,7 @@
<span
@click="searchTerms(0)"
class="icon is-right">
<i class="mdi mdi-magnify" />
<i class="tainacan-icon tainacan-icon-search" />
</span>
</div>
</div>
@ -113,7 +113,9 @@
<section class="section">
<div class="content has-text-grey has-text-centered">
<p>
<taxonomies-icon class="taxonomies-term-icon"/>
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-terms"/>
</span>
</p>
<p>{{ $i18n.get('info_no_terms_created_on_taxonomy') }}</p>
<button
@ -133,7 +135,6 @@ import { mapActions, mapGetters } from 'vuex';
import TermEditionForm from '../edition/term-edition-form.vue';
import RecursiveTermItem from './recursive-term-item.vue'
import BasicTermItem from './basic-term-item.vue'
import TaxonomiesIcon from '../other/taxonomies-icon.vue';
import t from 't';
export default {
@ -183,8 +184,7 @@ export default {
components: {
RecursiveTermItem,
BasicTermItem,
TermEditionForm,
TaxonomiesIcon
TermEditionForm
},
methods: {
...mapActions('taxonomy', [
@ -407,10 +407,6 @@ export default {
</script>
<style lang="scss">
.taxonomies-term-icon {
height: 24px;
width: 24px;
}
@import "../../scss/_variables.scss";
.columns {
@ -427,11 +423,15 @@ export default {
padding: 4px;
margin-left: auto;
.gray-icon, .gray-icon .icon {
.gray-icon,
.gray-icon .icon {
color: $gray4 !important;
}
.gray-icon .icon i::before, .gray-icon i::before {
.gray-icon
.icon i::before,
.gray-icon i::before {
font-size: 21px !important;
width: 26px;
}
}

55
src/admin/components/navigation/primary-menu.vue
View File

@ -14,9 +14,9 @@
tag="a"
to="/collections"
:class="activeRoute == 'CollectionsPage' || $route.params.collectionId != undefined ? 'is-active':''">
<b-icon
size="is-small"
icon="folder-multiple"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-collections"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('collections', 'name') }}</span>
</router-link>
</li>
@ -25,9 +25,9 @@
tag="a"
to="/items"
:class="activeRoute == 'ItemsPage' ? 'is-active':''">
<b-icon
size="is-small"
icon="file-multiple"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('items', 'name') }}</span>
</router-link>
</li>
@ -38,7 +38,7 @@
to="/metadata"
:class="activeRoute == 'MetadataPage' ? 'is-active':''">
<span class="icon">
<i class="mdi mdi-format-list-bulleted-type"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span>
</router-link>
@ -49,7 +49,7 @@
to="/filters"
:class="activeRoute == 'FiltersPage' ? 'is-active':''">
<span class="icon">
<i class="mdi mdi-filter"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span>
</router-link>
@ -59,7 +59,9 @@
tag="a"
to="/taxonomies"
:class="activeRoute == 'Page' ? 'is-active':''">
<taxonomies-icon />
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-taxonomies"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('taxonomies', 'name') }}</span>
</router-link>
</li>
@ -68,7 +70,10 @@
tag="a"
to="/events"
:class="activeRoute == 'EventsPage' ? 'is-active':''">
<activities-icon /><span class="menu-text">{{ $i18n.get('events') }}</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-activities"/>
</span>
<span class="menu-text">{{ $i18n.get('events') }}</span>
</router-link>
</li>
<li>
@ -81,7 +86,7 @@
activeRoute == 'ImporterCreationForm' ||
activeRoute == 'ImporterMappingForm' ) ? 'is-active':''">
<span class="icon">
<i class="mdi mdi-24px mdi-import"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-importers"/>
</span>
<span class="menu-text menu-text-import">{{ $i18n.get('importers') }}</span>
</router-link>
@ -92,19 +97,12 @@
</template>
<script>
import ActivitiesIcon from '../other/activities-icon.vue';
import TaxonomiesIcon from '../other/taxonomies-icon.vue';
export default {
name: 'PrimaryMenu',
props: {
isMenuCompressed: false,
activeRoute: '/collections'
},
components: {
ActivitiesIcon,
TaxonomiesIcon
},
}
}
</script>
@ -157,25 +155,12 @@ export default {
-webkit-transition: padding 0.2s linear; /* Safari */
transition: padding 0.2s linear;
.activities-icon {
fill: white;
margin-bottom: -4px;
}
.taxonomies-icon {
fill: white;
margin-bottom: -2px;
}
.mdi-import::before {
font-size: 22px !important;
position: relative;
left: -2px;
}
.icon {
height: auto;
width: auto;
i {
font-size: 18px !important;
}
// i, i::before {
// font-size: 18px !important;
// }
}
}

37
src/admin/components/navigation/tainacan-collection-subheader.vue
View File

@ -8,7 +8,7 @@
@click="$router.go(-1)"
class="button is-turquoise4">
<span class="icon">
<i class="mdi mdi-chevron-left"/>
<i class="tainacan-icon tainacan-icon-previous"/>
</span>
</button>
</div>
@ -19,7 +19,7 @@
@click="$router.go(-1)"
class="button is-turquoise4">
<span class="icon">
<i class="mdi mdi-chevron-left"/>
<i class="tainacan-icon tainacan-icon-previous"/>
</span>
</button>
</div>
@ -63,7 +63,7 @@
:label="$i18n.get('items')"
position="is-bottom">
<span class="icon">
<i class="mdi mdi-file-multiple"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('items') }}</span> -->
@ -80,7 +80,7 @@
:label="$i18n.get('label_settings')"
position="is-bottom">
<span class="icon">
<i class="mdi mdi-settings"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-settings"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('label_settings') }}</span> -->
@ -97,7 +97,7 @@
:label="$i18n.getFrom('metadata', 'name')"
position="is-bottom">
<span class="icon">
<i class="mdi mdi-format-list-bulleted-type"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span> -->
@ -115,7 +115,7 @@
:label="$i18n.getFrom('filters', 'name')"
position="is-bottom">
<span class="icon">
<i class="mdi mdi-filter"/>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span> -->
@ -131,7 +131,9 @@
<b-tooltip
:label="$i18n.get('events')"
position="is-bottom">
<activities-icon />
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-activities"/>
</span>
</b-tooltip>
<!-- <span class="menu-text">{{ $i18n.get('events') }}</span> -->
</router-link>
@ -145,7 +147,6 @@
<script>
import { mapActions } from 'vuex';
import ActivitiesIcon from '../other/activities-icon.vue';
export default {
name: 'TainacanCollectionSubheader',
@ -159,9 +160,6 @@ export default {
childrenBreadCrumbItems: []
}
},
components: {
ActivitiesIcon
},
props: {
id: Number,
},
@ -272,8 +270,9 @@ export default {
color: $turquoise4;
background-color: transparent !important;
border: none;
.icon i {
font-size: 34px;
.icon {
margin-top: -2px;
font-size: 24px;
}
}
}
@ -305,11 +304,6 @@ export default {
// overflow: hidden;
// max-width: 50px;
svg.activities-icon {
top: 3px;
position: relative;
}
&.is-active {
background-color: $turquoise4;
a {
@ -318,10 +312,6 @@ export default {
color: white;
text-decoration: none;
}
svg.activities-icon {
transition: fill 0.2s ease;
fill: white !important;
}
}
&:hover:not(.is-active) {
// max-width: 100%;
@ -332,9 +322,6 @@ export default {
text-decoration: none;
color: $turquoise5;
}
svg.activities-icon {
fill: $turquoise5 !important;
}
// .menu-text {
// opacity: 1.0;
// width: 100%;

55
src/admin/components/navigation/tainacan-header.vue
View File

@ -3,7 +3,16 @@
id="tainacan-header"
class="level is-mobile">
<div class="level-left">
<div class="level-item">
<div class="level-item home-area">
<router-link
tag="a"
to="/">
<span class="icon">
<i class="tainacan-icon tainacan-icon-home has-text-blue5"/>
</span>
</router-link>
</div>
<div class="level-item logo-area">
<router-link
tag="a"
to="/">
@ -17,10 +26,10 @@
<div class="level-right">
<div class="is-hidden-tablet">
<button
@click="$router.push($routerHelper.getItemsPath())"
class="button is-small is-white level-item">
<span class="icon is-right">
<i class="mdi mdi-24px mdi-magnify"/>
@click="$router.push($routerHelper.getItemsPath())"
class="button is-small is-white level-item">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
</span>
</button>
</div>
@ -35,9 +44,9 @@
@input="futureSearchQuery = $event.target.value"
@keyup.enter="updateSearch()">
<span class="icon is-right">
<i
<i
@click="updateSearch()"
class="mdi mdi-magnify"/>
class="tainacan-icon tainacan-icon-search"/>
</span>
</div>
<b-dropdown
@ -52,11 +61,11 @@
<b-dropdown-item>
<div :style="{'height': '25px'}">
<p class="is-pulled-left advanced-search-text-di">{{ $i18n.get('advanced_search') }}</p>
<b-icon
style="margin-top: 2px"
type="is-secondary"
icon="menu-up"
class="is-pulled-right" />
<span
style="margin-top: 10px;"
class="icon is-pulled-right">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowup has-text-secondary"/>
</span>
</div>
<hr class="advanced-search-hr">
</b-dropdown-item>
@ -73,7 +82,9 @@
<button
@click="showProcesses = !showProcesses"
class="button is-small is-white level-item">
<b-icon icon="swap-vertical"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-processes"/>
</span>
</button>
<processes-popup
v-if="showProcesses"
@ -81,7 +92,9 @@
<a
class="level-item"
:href="wordpressAdmin">
<b-icon icon="wordpress"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-wordpress"/>
</span>
</a>
</div>
</div>
@ -163,8 +176,14 @@
.level-left {
margin-left: -12px;
.level-item {
.home-area {
font-size: 24px;
width: 50px;
height: $header-height;
background-color: $gray0;
padding-bottom: 0.4rem;
}
.logo-area {
height: $header-height;
width: $side-menu-width;
cursor: pointer;
@ -175,7 +194,7 @@
.tainacan-logo {
height: 24px;
padding: 0px;
margin-left: 19px;
// margin-left: 19px;
}
}
}
@ -196,7 +215,7 @@
.control {
.search-header {
border: 1px solid $gray2 !important;
height: 27px;
height: 28px;
transition: width linear 0.15s;
-webkit-transition: width linear 0.15s;
width: 220px;

11
src/admin/components/navigation/tainacan-repository-subheader.vue
View File

@ -11,14 +11,16 @@
v-if="!isRepositoryLevel"
class="button"
id="view-collection-button">
<eye-icon /> {{ $i18n.get('label_view_collection') }}
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
</span>
{{ $i18n.get('label_view_collection') }}
</a>
</div>
</template>
<script>
import { mapActions, mapGetters } from 'vuex';
import EyeIcon from '../other/eye-icon.vue';
export default {
name: 'TainacanRepositorySubheader',
@ -28,9 +30,6 @@ export default {
collectionId: ''
}
},
components: {
EyeIcon
},
props: {
isMenuCompressed: false,
isRepositoryLevel: true
@ -115,7 +114,7 @@ export default {
background-color: $turquoise4;
color: white;
.eye-icon {
.icon {
margin-right: 0.75rem;
}
}

30
src/admin/components/other/activities-icon.vue
View File

@ -1,30 +0,0 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
width="20"
height="20"
viewBox="0 0 24 24"
class="activities-icon"
xml:space="preserve">
<path
d="M20,11c0,1-0.2,2.1-0.5,3h-2.2c0.4-0.9,0.7-1.9,0.7-3c0-3.9-3.1-7-7-7s-7,3.1-7,7c0,3.5,2.6,6.5,6,6.9v2
c-4.5-0.5-8-4.3-8-8.9c0-5,4-9,9-9S20,6,20,11z M14,22h-2v-2h2V22z M14,18h-2v-2h2V18z M22,22h-6v-2h6V22z M22,18h-6v-2h6V18z M12,6
h-2l0,6l2.7,2H16l-4-3V6z"/>
</svg>
</template>
<script>
export default {
name: 'ActivitiesIcon'
}
</script>
<style type="text/scss">
svg.activities-icon {
fill: #898d8f;
}
</style>

25
src/admin/components/other/alert-icon.vue
View File

@ -1,25 +0,0 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
width="6.44px"
height="32.202px"
viewBox="0 0 6.44 32.202"
enable-background="new 0 0 6.44 32.202"
xml:space="preserve">
<path
fill="#BB3636"
d="M0,25.761h6.44v6.44H0V25.761 M0,0h6.44v19.321H0V0"/>
</svg>
</template>
<script>
export default {
name: 'AlertIcon'
}
</script>

25
src/admin/components/other/check-icon.vue
View File

@ -1,25 +0,0 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
width="38.819px"
height="29.746px"
viewBox="0 0 38.819 29.746"
enable-background="new 0 0 38.819 29.746"
xml:space="preserve">
<path
fill="#259F87"
d="M38.819,3.128L12.2,29.746L0,17.546l3.128-3.128l9.073,9.05L35.691,0L38.819,3.128z"/>
</svg>
</template>
<script>
export default {
name: 'CheckIcon'
}
</script>

28
src/admin/components/other/checkbox-radio-modal.vue
View File

@ -14,8 +14,7 @@
@input="autoComplete"
class="input">
<span class="icon is-right">
<i
class="mdi mdi-magnify"/>
<i class="tainacan-icon tainacan-icon-search" />
</span>
</div>
@ -35,8 +34,9 @@
role="button"
class="tainacan-checkbox-list-page-changer"
@click="beforePage">
<b-icon
icon="chevron-left"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-previous"/>
</span>
</a>
<ul
:class="{
@ -71,8 +71,9 @@
role="button"
class="tainacan-checkbox-list-page-changer"
@click="nextPage">
<b-icon
icon="chevron-right"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-next"/>
</span>
</a>
</div>
@ -123,10 +124,9 @@
<a
v-if="option.total_children > 0"
@click="getOptionChildren(option, key, index)">
<b-icon
class="is-pulled-right"
icon="menu-right"
/>
<span class="icon is-pulled-right">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowright"/>
</span>
</a>
</b-field>
<li v-if="finderColumn.length">
@ -134,9 +134,9 @@
v-if="finderColumn.length < totalRemaining[key].remaining"
@click="getMoreOptions(finderColumn, key)"
class="tainacan-show-more">
<b-icon
size="is-small"
icon="chevron-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-showmore"/>
</span>
</div>
</li>
</ul>
@ -726,7 +726,7 @@
cursor: pointer;
border: 1px solid $gray1;
margin-top: 10px;
margin-bottom: 0.2rem;
margin-bottom: -0.2rem;
&:hover {
background-color: $blue1;

28
src/admin/components/other/custom-dialog.vue
View File

@ -6,7 +6,12 @@
<div
v-if="icon != undefined && icon != ''"
class="modal-custom-icon">
<component :is="icon + '-icon'"/>
<span class="icon is-large">
<i
:style="{ color: icon == 'alert' ? '#a23939' : ( icon == 'approved' ? '#25a189' : 'inherit' ) }"
:class="'tainacan-icon-' + icon"
class="tainacan-icon"/>
</span>
</div>
<section
class="modal-card-body">
@ -33,10 +38,8 @@
</div>
</div>
</template>
<script>
import AlertIcon from './alert-icon.vue';
import CheckIcon from './check-icon.vue';
import QuestionIcon from './question-icon.vue';
export default {
name: 'CustomDialog',
@ -48,11 +51,16 @@
type: Function,
default: () => {}
}
},
components: {
AlertIcon,
CheckIcon,
QuestionIcon
}
}
</script>
</script>
<style scoped>
i.tainacan-icon,
i.tainacan-icon::before {
font-size: 56px;
}
</style>

163
src/admin/components/other/eye-icon.vue
View File

@ -1,163 +0,0 @@
<template>
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
viewBox="0 0 20 14"
y="0px"
x="0px"
width="20"
height="20"
version="1.1"
class="eye-icon">
<path
id="path56"
d="M 10,0 C 7.0316493,-0.05440347 4.0111777,1.1325791 2.0710468,3.4179754 1.1631135,4.4654257 0.43447312,5.681008 0,7 c 1.0982625,3.319095 3.9681881,6.044348 7.4282551,6.734139 3.3914659,0.723339 7.2342739,0.03321 9.7934699,-2.420502 C 18.475945,10.128872 19.453576,8.6385839 20,7 18.901737,3.6809051 16.031812,0.95565213 12.571745,0.26586056 11.727831,0.08190134 10.863219,-1.1439431e-4 10,0 Z m 0,2 c 2.617061,-0.050813 5.27673,1.0895398 6.849519,3.2199707 0.361792,0.6728511 1.318734,1.4471184 0.841243,2.2270081 C 16.483135,9.899037 13.995213,11.646083 11.272966,11.92392 8.5410704,12.281194 5.5668346,11.496655 3.6809516,9.4066345 3.0239343,8.7008905 2.483548,7.8849111 2.0996094,7 3.1988496,4.4005461 5.6997692,2.4563534 8.5098665,2.1053252 9.003048,2.0331183 9.5016597,1.9999846 10,2 Z" /><g
transform="translate(-2,-5)"
style="display:none"
class="st0"
id="g10">
<g
style="display:inline"
class="st1"
id="g8">
<g
id="g6">
<path
d="m 12,8 c 0.1,0 0.2,0 0.3,0 V 8 C 12.2,8 12.1,8 12,8 m 0,0 c -0.1,0 -0.2,0 -0.3,0 v 0 c 0.1,0 0.2,0 0.3,0 m 0.3,8 v 0 c -0.1,0 -0.2,0 -0.3,0 0.1,0 0.2,0 0.3,0 m -0.6,0 c 0.1,0 0.2,0 0.3,0 -0.1,0 -0.2,0 -0.3,0 v 0 M 12,6 C 5,6 2,12 2,12 c 0,0 3,6 10,6 7,0 10,-6 10,-6 0,0 -3,-6 -10,-6 z m 0.4,10 c 2,-0.2 3.6,-1.9 3.6,-4 0,-2.1 -1.6,-3.8 -3.6,-4 3.9,0.2 6.2,2.6 7.2,4 -1,1.4 -3.3,3.8 -7.2,4 z m -0.8,0 C 7.7,15.8 5.4,13.4 4.4,12 5.4,10.6 7.7,8.2 11.6,8 9.6,8.2 8,9.9 8,12 c 0,2.1 1.6,3.8 3.6,4 z M 12,14 c -1.1,0 -2,-0.9 -2,-2 0,-1.1 0.9,-2 2,-2 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 z"
id="path4" />
</g>
</g>
</g>
<g
transform="translate(-2,-5)"
style="display:none"
class="st0"
id="g18">
<circle
style="display:inline;fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10"
class="st2"
cx="12"
cy="11.5"
r="3.5"
id="circle12" />
<g
style="display:inline"
class="st1"
id="g16">
<path
d="m 12,7 c 5.2,0 7.3,3.6 7.9,5 -0.6,1.4 -2.7,5 -7.9,5 C 6.8,17 4.7,13.4 4.1,12 4.7,10.6 6.8,7 12,7 M 12,5 C 4,5 2,12 2,12 c 0,0 2,7 10,7 8,0 10,-7 10,-7 0,0 -2,-7 -10,-7 z"
id="path14" />
</g>
</g>
<path
style="display:none"
class="st0"
d="m 14,7 c 0,2.2 -1.8,4 -4,4 C 7.8,11 6,9.2 6,7 6,6.7 6,6.4 6.1,6.1 6.3,6.6 6.9,7 7.5,7 8.3,7 9,6.3 9,5.5 9,4.7 8.3,4 7.5,4 7.4,4 7.4,4 7.3,4 8,3.4 9,3 10,3 c 2.2,0 4,1.8 4,4 z M 10,2 C 4.8,2 2.7,5.6 2.1,7 2.7,8.4 4.8,12 10,12 15.2,12 17.3,8.4 17.9,7 17.3,5.6 15.2,2 10,2 m 0,-2 c 8,0 10,7 10,7 0,0 -2,7 -10,7 C 2,14 0,7 0,7 0,7 2,0 10,0 Z"
id="path20" />
<g
transform="translate(-2,-5)"
style="display:none"
class="st0"
id="g42">
<g
style="display:inline"
class="st1"
id="g28">
<circle
cx="12"
cy="11.5"
r="4.5"
id="circle22" />
<g
id="g26">
<path
d="m 12,7 c 5.2,0 7.3,3.6 7.9,5 -0.6,1.4 -2.7,5 -7.9,5 C 6.8,17 4.7,13.4 4.1,12 4.7,10.6 6.8,7 12,7 M 12,5 C 4,5 2,12 2,12 c 0,0 2,7 10,7 8,0 10,-7 10,-7 0,0 -2,-7 -10,-7 z"
id="path24" />
</g>
</g>
<circle
style="display:inline;fill:#ffffff"
class="st3"
cx="9"
cy="10"
r="1"
id="circle30" />
<g
style="display:inline"
class="st1"
id="g38">
<circle
cx="12"
cy="11.5"
r="4.5"
id="circle32" />
<g
id="g36">
<path
d="m 12,7 c 5.2,0 7.3,3.6 7.9,5 -0.6,1.4 -2.7,5 -7.9,5 C 6.8,17 4.7,13.4 4.1,12 4.7,10.6 6.8,7 12,7 M 12,5 C 4,5 2,12 2,12 c 0,0 2,7 10,7 8,0 10,-7 10,-7 0,0 -2,-7 -10,-7 z"
id="path34" />
</g>
</g>
<circle
style="display:inline;fill:#ffffff"
class="st3"
cx="8.5"
cy="9.5"
r="1.5"
id="circle40" />
</g>
<path
style="display:none"
class="st0"
d="m 13,7 c 0,1.7 -1.3,3 -3,3 C 8.3,10 7,8.7 7,7 7,7 7,6.9 7,6.9 7.2,7 7.3,7 7.5,7 8.3,7 9,6.3 9,5.5 9,5.1 8.8,4.7 8.5,4.4 9,4.1 9.5,4 10,4 c 1.7,0 3,1.3 3,3 z M 10,2 C 4.8,2 2.7,5.6 2.1,7 2.7,8.4 4.8,12 10,12 15.2,12 17.3,8.4 17.9,7 17.3,5.6 15.2,2 10,2 m 0,-2 c 8,0 10,7 10,7 0,0 -2,7 -10,7 C 2,14 0,7 0,7 0,7 2,0 10,0 Z"
id="path44" />
<g
transform="translate(-2,-5)"
style="display:none"
class="st0"
id="g54">
<circle
style="display:inline"
class="st1"
cx="12"
cy="12"
r="3"
id="circle46" />
<g
style="display:inline"
class="st1"
id="g50">
<path
d="m 12,7 c 5.2,0 7.3,3.6 7.9,5 -0.6,1.4 -2.7,5 -7.9,5 C 6.8,17 4.7,13.4 4.1,12 4.7,10.6 6.8,7 12,7 M 12,5 C 4,5 2,12 2,12 c 0,0 2,7 10,7 8,0 10,-7 10,-7 0,0 -2,-7 -10,-7 z"
id="path48" />
</g>
<circle
style="fill:#ffffff"
class="st4"
cx="9.5"
cy="10.5"
r="1.5"
id="circle52" />
</g>
<path
id="path4779"
d="m 13,7 c 0.06529,1.6168429 -1.383157,3.065288 -3,3 C 8.3831571,10.065288 6.9347117,8.6168429 7,7 6.9347117,5.3831571 8.3831571,3.9347117 10,4 c 1.637418,-0.048194 3.04793,1.3597481 3,3 z" />
</svg>
</template>
<script>
export default {
name: 'EyeIcon'
}
</script>
<style type="text/scss">
svg.eye-icon {
fill: white;
}
</style>

15
src/admin/components/other/file-item.vue
View File

@ -18,10 +18,11 @@
:style="{ 'background-color': '#dbdbdb' }"
v-else
class="file-placeholder">
<b-icon
:icon="getIconForMimeType(file.mime_type)"
size="is-large"
type="is-gray"/>
<span class="icon is-large">
<i
:class="'tainacan-icon-' + getIconForMimeType(file.mime_type)"
class="has-text-gray tainacan-icon tainacan-icon-36px"/>
</span>
</div>
</div>
</figure>
@ -66,7 +67,7 @@ export default {
if (type[0] == 'application' && type[1] != undefined){
switch (type[1]) {
case 'pdf':
return 'file-pdf';
return 'pdf';
default:
return '';
}
@ -75,9 +76,9 @@ export default {
case 'video':
return 'video';
case 'audio':
return 'volume-high';
return 'audio';
case 'text':
return 'format-align-left';
return 'text';
default:
return '';
}

52
src/admin/components/other/grip-icon.vue
View File

@ -1,52 +0,0 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="13"
height="13"
viewBox="0 0 12.8 12.8"
class="grip-icon"><circle
cx="1.5"
cy="1.5"
r="1.5"
class="undefined"/><circle
cx="6.4"
cy="1.5"
r="1.5"
class="undefined"/><circle
cx="11.3"
cy="1.5"
r="1.5"
class="undefined"/><circle
cx="1.5"
cy="6.4"
r="1.5"
class="undefined"/><circle
cx="6.4"
cy="6.4"
r="1.5"
class="undefined"/><circle
cx="11.3"
cy="6.4"
r="1.5"
class="undefined"/><circle
cx="1.5"
cy="11.3"
r="1.5"
class="undefined"/><circle
cx="6.4"
cy="11.3"
r="1.5"
class="undefined"/><circle
cx="11.3"
cy="11.3"
r="1.5"
class="undefined"/></svg>
</template>
<script>
export default {
name: 'GripIcon'
}
</script>

15
src/admin/components/other/help-button.vue
View File

@ -1,9 +1,10 @@
<template>
<span class="help-wrapper">
<a class="help-button has-text-secondary">
<b-icon
size="is-small"
icon="help-circle-outline"/></a>
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-help" />
</span>
</a>
<div class="help-tooltip">
<div class="help-tooltip-header">
<h5>{{ title }}</h5>
@ -31,7 +32,7 @@ export default {
.help-wrapper {
position: absolute;
margin-top: -2px;
margin-top: -4px;
margin-left: 4px;
}
@ -81,16 +82,16 @@ export default {
content: "";
display: block;
position: absolute;
left: 28px;
left: 30px;
width: 0;
height: 0;
border-style: solid;
}
&:before {
border-color: $turquoise2 transparent transparent transparent;
border-right-width: 18px;
border-right-width: 15px;
border-top-width: 12px;
border-left-width: 18px;
border-left-width: 15px;
bottom: -15px;
}
}

26
src/admin/components/other/processes-popup.vue
View File

@ -13,14 +13,14 @@
@click="showProcessesList = !showProcessesList">
<span class="icon has-text-blue5">
<i
:class="{ 'mdi-menu-up': showProcessesList,
'mdi-menu-down': !showProcessesList }"
class="mdi mdi-18px"/>
:class="{ 'tainacan-icon-arrowup': showProcessesList,
'tainacan-icon-arrowdown': !showProcessesList }"
class="tainacan-icon tainacan-icon-18px"/>
</span>
</a>
<a @click="$emit('closeProcessesPopup')">
<span class="icon has-text-blue5">
<i class="mdi mdi-close"/>
<i class="tainacan-icon tainacan-icon-close"/>
</span>
</a>
</div>
@ -46,8 +46,8 @@
class="process-title">
<span class="icon has-text-gray">
<i
class="mdi mdi-18px"
:class="{ 'mdi-menu-down': processesCollapses[index], 'mdi-menu-right': !processesCollapses[index] }" />
class="tainacan-icon tainacan-icon-18px"
:class="{ 'tainacan-icon-arrowdown': processesCollapses[index], 'tainacan-icon-arrowright': !processesCollapses[index] }" />
</span>
<p>{{ bgProcess.name ? bgProcess.name : $i18n.get('label_unamed_process') }}</p>
</div>
@ -55,23 +55,23 @@
v-if="bgProcess.done <= 0 && bgProcess.status == 'closed'"
class="icon has-text-gray action-icon"
@click="resumeProcess(index)">
<i class="mdi mdi-18px mdi-play-circle"/>
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-play-circle"/>
</span> -->
<span
v-if="bgProcess.done <= 0"
class="icon has-text-gray action-icon"
@click="pauseProcess(index)">
<i class="mdi mdi-18px mdi-stop-circle"/>
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-stop"/>
</span>
<span
v-if="bgProcess.done > 0 && !bgProcess.error_log"
class="icon has-text-success">
<i class="mdi mdi-18px mdi-checkbox-marked-circle"/>
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-finish"/>
</span>
<span
v-if="bgProcess.done > 0 && bgProcess.error_log"
class="icon has-text-danger">
<i class="mdi mdi-18px mdi-sync-alert" />
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-processerror" />
</span>
<span
v-if="bgProcess.done <= 0"
@ -113,7 +113,7 @@
<div class="popup-footer">
<span
v-if="hasAnyProcessExecuting"
class="icon has-text-blue5"><i class="mdi mdi-18px mdi-autorenew"/></span>
class="icon has-text-blue5"><i class="tainacan-icon tainacan-icon-18px tainacan-icon-updating"/></span>
<p class="footer-title">
{{ hasAnyProcessExecuting ?
(bgProcesses[0].progress_label ? bgProcesses[0].progress_label + ((bgProcesses[0].progress_value && bgProcesses[0].progress_value >= 0) ? ' - ' + bgProcesses[0].progress_value + '%' : '') : $i18n.get('label_no_details_of_process')):
@ -330,7 +330,7 @@ export default {
/*.loading-icon {*/
/*display: none;*/
/*}*/
.process-item>.process-title .mdi-menu-left, .process-item>.process-title .mdi-menu-right {
.process-item>.process-title .tainacan-arrowleft, .process-item>.process-title .tainacan-arrowright {
color: $gray3 !important;
}
}
@ -355,7 +355,7 @@ export default {
top: -2px;
}
.mdi-menu-left, .mdi-menu-right {
.tainacan-arrowleft, .tainacan-arrowright {
color: $turquoise2;
}
}

28
src/admin/components/other/question-icon.vue
View File

@ -1,28 +0,0 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
width="19.749px"
height="33.073px"
viewBox="0 0 19.749 33.073"
enable-background="new 0 0 19.749 33.073"
xml:space="preserve">
<path
fill="#BB3636"
d="M6.615,28.112h4.961v4.961H6.615V28.112 M9.922,0c8.847,0.364,12.7,9.293,7.441,15.991
c-1.373,1.654-3.588,2.745-4.68,4.134c-1.108,1.373-1.108,3.026-1.108,4.68H6.615c0-2.762,0-5.093,1.108-6.747
c1.091-1.654,3.307-2.629,4.68-3.721c4.002-3.704,3.01-8.946-2.48-9.376c-2.74,0-4.961,2.221-4.961,4.961H0C0,4.442,4.442,0,9.922,0
z"/>
</svg>
</template>
<script>
export default {
name: 'QuestionIcon'
}
</script>

29
src/admin/components/other/taxonomies-icon.vue
View File

@ -1,29 +0,0 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
height="16"
width="16"
xml:space="preserve"
viewBox="0 0 20 20"
y="0px"
x="0px"
class="taxonomies-icon">
<path
d="M 0,0 H 9 V 9 H 0 V 0 M 15.5,0 C 18,0 20,2 20,4.5 20,7 18,9 15.5,9 13,9 11,7 11,4.5 11,2 13,0 15.5,0 M 4.5,12 9,20 H 0 L 4.5,12 M 17,15 h 3 v 2 h -3 v 3 h -2 v -3 h -3 v -2 h 3 v -3 h 2 z"
/>
</svg>
</template>
<script>
export default {
name: 'TaxonomiesIcon'
}
</script>
<style type="text/scss">
svg.taxonomies-icon {
fill: #898d8f;
}
</style>

8
src/admin/components/repository/collection-filter/collection-filter.vue
View File

@ -8,9 +8,11 @@
class="label"
slot="trigger"
slot-scope="props">
<b-icon
:icon="props.open ? 'menu-down' : 'menu-right'"
/>
<span class="icon is-right">
<i
:class="{ 'tainacan-icon-arrowdown': props.open, 'tainacan-icon-arrowright': !props.open }"
class="tainacan-icon tainacan-icon-20px" />
</span>
{{ $i18n.get('collections') }}
</label>

4
src/admin/components/search/filters-items-list.vue
View File

@ -12,9 +12,9 @@
:filter="filter"
:open="collapsed"
:is-repository-level="isRepositoryLevel"/>
</div>
</template>
</template>
<script>
import { mapGetters } from 'vuex';
import CollectionsFilter from '../repository/collection-filter/collection-filter.vue';

4
src/admin/js/router.js
View File

@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
import qs from 'qs';
// Main Pages
import HomePage from '../pages/home-page.vue'
import CollectionsPage from '../pages/lists/collections-page.vue'
import CollectionPage from '../pages/singles/collection-page.vue'
import ItemsPage from '../pages/lists/items-page.vue'
@ -36,7 +37,8 @@ const i18nGet = function (key) {
};
const routes = [
{ path: '/', redirect:'/collections' },
{ path: '/', redirect:'/home' },
{ path: '/home', name: 'HomePage', component: HomePage, meta: {title: 'Tainacan'} },
{ path: '/collections', name: 'CollectionsPage', component: CollectionsPage, meta: {title: i18nGet('title_repository_collections_page'), icon: 'folder-multiple'} },
{ path: '/collections/new', name: 'CollectionCreationForm', component: CollectionEditionForm, meta: {title: i18nGet('title_create_collection'), icon: 'folder-multiple'} },

328
src/admin/pages/home-page.vue Normal file
View File

@ -0,0 +1,328 @@
<template>
<div class="home-page page-container">
<b-loading :active.sync="isLoadingCollections"/>
<section class="home-section home-section-repository">
<div
class="section-connector"
aria-hidden/>
<div class="home-section-header repository-section-header">
<div class="home-section-icon">
<span class="icon">
<i class="tainacan-icon tainacan-icon-repository"/>
</span>
</div>
<h1>{{ $i18n.get('repository') + ' ' }}<span class="has-text-weight-semibold">{{ repositoryName }}</span></h1>
<a
target="_blank"
:href="themeCollectionListURL">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-see"/>
</span>
<span class="menu-text">{{ $i18n.get('label_view_on_theme') }}</span>
</a>
</div>
<nav>
<ul class="repository-menu-list">
<!-- <li>
<router-link
tag="a"
to="/collections">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-collections"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('collections', 'name') }}</span>
</router-link>
</li> -->
<li>
<router-link
tag="a"
to="/items">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items"/>
</span>
<span class="menu-text">{{ $i18n.get('label_all_items') }}</span>
</router-link>
</li>
<li>
<router-link
tag="a"
to="/metadata">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-metadata"/>
</span>
<span class="menu-text">{{ $i18n.get('title_repository_metadata_page' ) }}</span>
</router-link>
</li>
<li>
<router-link
tag="a"
to="/filters">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-filters"/>
</span>
<span class="menu-text">{{ $i18n.get('title_repository_filters_page') }}</span>
</router-link>
</li>
<li>
<router-link
tag="a"
to="/taxonomies">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-taxonomies"/>
</span>
<span class="menu-text">{{ $i18n.getFrom('taxonomies', 'name') }}</span>
</router-link>
</li>
<li>
<router-link
tag="a"
to="/events">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-activities"/>
</span>
<span class="menu-text">{{ $i18n.get('title_repository_events_page') }}</span>
</router-link>
</li>
<li>
<router-link
tag="a"
to="/importers">
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-importers"/>
</span>
<span class="menu-text menu-text-import">{{ $i18n.get('importers') }}</span>
</router-link>
</li>
</ul>
</nav>
</section>
<section class="home-section home-section-collection">
<div class="home-section-header collections-section-header">
<div class="home-section-icon">
<span class="icon">
<i class="tainacan-icon tainacan-icon-collections"/>
</span>
</div>
<h1>{{ $i18n.get('collections') }}</h1>
<router-link
tag="a"
to="/collections">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-viewtable"/>
</span>
<span class="menu-text">{{ $i18n.get('label_view_all_collections') }}</span>
</router-link>
</div>
<collections-home-list
:is-loading="isLoadingCollections"
:collections="collections"/>
</section>
</div>
</template>
<script>
import CollectionsHomeList from '../components/lists/collections-home-list.vue';
import { mapActions, mapGetters } from 'vuex';
export default {
name: 'HomePage',
data(){
return {
isLoadingCollections: false,
repositoryName: tainacan_plugin.repository_name,
themeCollectionListURL: tainacan_plugin.theme_collection_list_url,
}
},
components: {
CollectionsHomeList
},
computed: {
collections() {
return this.getCollections();
}
},
methods: {
...mapActions('collection', [
'fetchCollections',
'cleanCollections'
]),
...mapGetters('collection', [
'getCollections'
]),
loadCollections() {
this.cleanCollections();
this.isLoadingCollections = true;
this.fetchCollections({ 'page': 1, 'collectionsPerPage': 5, 'status': 'publish' })
.then(() => {
this.isLoadingCollections = false;
})
.catch(() => {
this.isLoadingCollections = false;
});
}
},
mounted(){
this.loadCollections();
}
}
</script>
<style lang="scss" scoped>
@import '../../scss/_variables.scss';
.home-page {
margin-top: $header-height;
background-color: white;
height: calc(100% - 52px);
padding: 25px 8.333333333% !important;
width: 100vw;
.home-section {
&.home-section-repository{
position: relative;
&>nav {
padding-left: 52px;
}
}
&.home-section-collection {
margin-left: 52px;
}
.section-connector {
border-left: 1px solid $gray2;
border-bottom: 1px solid $gray2;
position: absolute;
width: 42px;
height: 100%;
top: 43px;
left: 26px;
}
.home-section-header {
width: 100%;
margin-top: 1rem;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
height: 52px;
.home-section-icon {
background-color: white;
padding: 0.75rem;
height: 52px;
width: 52px;
font-size: 30px;
text-align: center;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
}
h1 {
color: $gray5;
font-size: 1.375rem;
font-weight: normal;
padding: 0.75rem 1.375rem;
margin-right: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
a {
margin-right: 2rem;
display: inline-flex;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
.menu-text { margin-left: 0.5rem;}
}
&.repository-section-header {
border-bottom: 1px solid $blue5;
a {
color: $blue5;
}
.home-section-icon {
background-color: $blue5;
color: white;
}
}
&.collections-section-header {
border-bottom: 1px solid $turquoise5;
a {
color: $turquoise5;
}
.home-section-icon {
background-color: $turquoise5;
color: white;
}
}
}
}
.repository-menu-list {
display: flex;
width: calc(100% + 1.25rem);
justify-content: space-between;
flex-wrap: wrap;
margin: 0 -0.75rem;
li {
padding: 0.75rem;
display: flex;
background-color: $gray0;
flex-grow: 1;
margin: 0.75rem;
height: 120px;
min-width: 142px;
// max-width: 142px;
@media screen and (max-width: 580px) {
max-width: calc(100% - 52px);
min-width: calc(100% - 52px);
}
@media screen and (min-width: 581px) and (max-width: 767px) {
min-width: calc(50% - 26px);
max-width: calc(50% - 26px);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
min-width: calc(33.33% - 26px);
max-width: calc(33.33% - 26px);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
min-width: 30%;
max-width: 30%;
}
&:hover {
background-color: $gray2;
}
a {
width: 100%;
color: $blue5;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.menu-text {
text-align: center;
}
}
}
}
</style>

8
src/admin/pages/lists/collections-page.vue
View File

@ -12,7 +12,9 @@
class="button is-secondary"
slot="trigger">
<div>{{ $i18n.getFrom('collections', 'new_item') }}</div>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown" />
</span>
</button>
<b-dropdown-item>
<router-link
@ -77,7 +79,9 @@
<section class="section">
<div class="content has-text-grey has-text-centered">
<p>
<b-icon icon="folder-multiple"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-collections" />
</span>
</p>
<p v-if="status == undefined || status == ''">{{ $i18n.get('info_no_collection_created') }}</p>
<p v-if="status == 'draft'">{{ $i18n.get('info_no_collection_draft') }}</p>

13
src/admin/pages/lists/events-page.vue
View File

@ -46,7 +46,9 @@
<section class="section">
<div class="content has-text-grey has-text-centered">
<p>
<activities-icon />
<span class="icon">
<i class="tainacan-icon tainacan-icon-activities"/>
</span>
</p>
<p v-if="status == undefined || status == ''">{{ $i18n.get('info_no_process') }}</p>
</div>
@ -136,7 +138,6 @@
<script>
import EventsList from "../../components/lists/events-list.vue";
import ProcessesList from "../../components/lists/processes-list.vue";
import ActivitiesIcon from '../../components/other/activities-icon.vue';
import { mapActions, mapGetters } from 'vuex';
import moment from 'moment'
@ -156,8 +157,7 @@
},
components: {
EventsList,
ProcessesList,
ActivitiesIcon
ProcessesList
},
methods: {
...mapActions('event', [
@ -318,11 +318,6 @@
<style lang="scss" scoped>
@import '../../scss/_variables.scss';
.activities-icon {
height: 24px;
width: 24px;
}
.sub-header {
max-height: $header-height;
height: $header-height;

146
src/admin/pages/lists/items-page.vue
View File

@ -24,7 +24,11 @@
id="filter-menu-compress-button"
:style="{ top: !isOnTheme ? (isRepositoryLevel ? '172px' : '120px') : '76px' }"
@click="isFiltersMenuCompressed = !isFiltersMenuCompressed">
<b-icon :icon="isFiltersMenuCompressed ? 'menu-right' : 'menu-left'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowleft' : isFiltersMenuCompressed, 'tainacan-icon-arrowright' : !isFiltersMenuCompressed }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
</button>
<!-- Filters mobile modal button -->
<button
@ -33,7 +37,11 @@
id="filter-menu-compress-button"
:style="{ top: !isOnTheme ? (isRepositoryLevel ? (searchControlHeight + 100) : (searchControlHeight + 70) + 'px') : (searchControlHeight - 25) + 'px' }"
@click="isFilterModalActive = !isFilterModalActive">
<b-icon :icon="isFiltersMenuCompressed ? 'menu-right' : 'menu-left'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowleft' : isFiltersMenuCompressed, 'tainacan-icon-arrowright' : !isFiltersMenuCompressed }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
<span class="text">{{ $i18n.get('filters') }}</span>
</button>
@ -62,7 +70,9 @@
<span
@click="updateSearch()"
class="icon is-right">
<i class="mdi mdi-magnify" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
</span>
</span>
</div>
</div>
@ -78,9 +88,11 @@
class="collapse-all is-size-7"
@click="collapseAll = !collapseAll">
{{ collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
<b-icon
type="is-secondary"
:icon=" collapseAll ? 'menu-down' : 'menu-right'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : collapseAll, 'tainacan-icon-arrowright' : !collapseAll }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
<br>
@ -99,9 +111,9 @@
class="is-grouped-centered section">
<div class="content has-text-gray has-text-centered">
<p>
<b-icon
icon="filter"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-filters" />
</span>
</p>
<p>{{ $i18n.get('info_there_is_no_filter' ) }}</p>
<router-link
@ -150,7 +162,9 @@
class="button is-secondary"
slot="trigger">
<span>{{ $i18n.getFrom('items','add_new') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown" />
</span>
</button>
<b-dropdown-item v-if="!isRepositoryLevel">
@ -205,7 +219,9 @@
class="button is-white"
slot="trigger">
<span>{{ $i18n.get('label_displayed_metadata') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown" />
</span>
</button>
<div class="metadata-options-container">
<b-dropdown-item
@ -241,7 +257,9 @@
class="button is-white"
slot="trigger">
<span>{{ $i18n.get('label_sorting') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown" />
</span>
</button>
<b-dropdown-item
:class="{ 'is-active': metadatum != undefined && orderBy == metadatum.slug }"
@ -282,7 +300,7 @@
:disabled="totalItems <= 0 || order == 'DESC'"
@click="onChangeOrder()">
<span class="icon is-small gray-icon">
<i class="mdi mdi-sort-ascending"/>
<i class="tainacan-icon tainacan-icon-sortascending"/>
</span>
</button>
<button
@ -290,7 +308,7 @@
class="button is-white is-small"
@click="onChangeOrder()">
<span class="icon is-small gray-icon">
<i class="mdi mdi-sort-descending"/>
<i class="tainacan-icon tainacan-icon-sortdescending"/>
</span>
</button>
</b-field>
@ -314,7 +332,9 @@
v-if="registeredViewModes[viewMode] != undefined"
v-html="registeredViewModes[viewMode].icon"/>
<span class="is-hidden-touch">&nbsp;&nbsp;&nbsp;{{ $i18n.get('label_visualization') }}</span>
<b-icon icon="menu-down" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown" />
</span>
</button>
<b-dropdown-item
:class="{ 'is-active': viewModeOption == viewMode }"
@ -325,7 +345,7 @@
<span
class="gray-icon"
v-html="registeredViewModes[viewModeOption].icon"/>
{{ registeredViewModes[viewModeOption].label }}
<span>{{ registeredViewModes[viewModeOption].label }}</span>
</b-dropdown-item>
</b-dropdown>
</b-field>
@ -345,56 +365,58 @@
<span>
<span class="icon is-small gray-icon">
<i
:class="{'mdi-view-list' : ( adminViewMode == 'table' || adminViewMode == undefined),
'mdi-view-module' : adminViewMode == 'cards',
'mdi-apps' : adminViewMode == 'grid',
'mdi-view-column' : adminViewMode == 'records',
'mdi-view-dashboard' : adminViewMode == 'masonry'}"
class="mdi"/>
:class="{'tainacan-icon-viewtable' : ( adminViewMode == 'table' || adminViewMode == undefined),
'tainacan-icon-viewcards' : adminViewMode == 'cards',
'tainacan-icon-viewminiature' : adminViewMode == 'grid',
'tainacan-icon-viewrecords' : adminViewMode == 'records',
'tainacan-icon-viewmasonry' : adminViewMode == 'masonry'}"
class="tainacan-icon"/>
</span>
</span>
&nbsp;&nbsp;&nbsp;{{ $i18n.get('label_visualization') }}
<b-icon icon="menu-down" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown" />
</span>
</button>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'table' }"
:value="'table'">
<b-icon
class="gray-icon"
icon="view-list"/>
{{ $i18n.get('label_table') }}
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewtable"/>
</span>
<span>{{ $i18n.get('label_table') }}</span>
</b-dropdown-item>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'cards' }"
:value="'cards'">
<b-icon
class="gray-icon"
icon="view-module"/>
{{ $i18n.get('label_cards') }}
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewcards"/>
</span>
<span>{{ $i18n.get('label_cards') }}</span>
</b-dropdown-item>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'grid' }"
:value="'grid'">
<b-icon
class="gray-icon"
icon="apps"/>
{{ $i18n.get('label_thumbnails') }}
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewminiature"/>
</span>
<span>{{ $i18n.get('label_thumbnails') }}</span>
</b-dropdown-item>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'records' }"
:value="'records'">
<b-icon
class="gray-icon"
icon="view-column"/>
{{ $i18n.get('label_records') }}
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewrecords"/>
</span>
<span>{{ $i18n.get('label_records') }}</span>
</b-dropdown-item>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'masonry' }"
:value="'masonry'">
<b-icon
class="gray-icon"
icon="view-dashboard"/>
{{ $i18n.get('label_masonry') }}
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewmasonry"/>
</span>
<span>{{ $i18n.get('label_masonry') }}</span>
</b-dropdown-item>
</b-dropdown>
</b-field>
@ -430,10 +452,10 @@
:value="searchQuery"
@input="futureSearchQuery = $event.target.value"
@keyup.enter="updateSearch()">
<span
<span
@click="updateSearch()"
class="icon is-right">
<i class="mdi mdi-magnify" />
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
</span>
</div>
<a
@ -610,7 +632,9 @@
class="section">
<div class="content has-text-grey has-text-centered">
<p>
<b-icon icon="file-multiple"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items" />
</span>
</p>
<p v-if="status == undefined || status == ''">{{ hasFiltered ? $i18n.get('info_no_item_found_filter') : $i18n.get('info_no_item_created') }}</p>
<p v-if="status == 'draft'">{{ $i18n.get('info_no_item_draft') }}</p>
@ -658,10 +682,11 @@
class="collapse-all is-size-7"
@click="collapseAll = !collapseAll">
{{ collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
<b-icon
type="is-secondary"
size="is-small"
:icon=" collapseAll ? 'menu-down' : 'menu-right'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : collapseAll, 'tainacan-icon-arrowright' : !collapseAll }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
<br>
@ -680,9 +705,9 @@
class="is-grouped-centered section">
<div class="content has-text-gray has-text-centered">
<p>
<b-icon
icon="filter"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-filters" />
</span>
</p>
<p>{{ $i18n.get('info_there_is_no_filter' ) }}</p>
<router-link
@ -1428,7 +1453,7 @@
top: 120px;
left: 0;
max-width: 23px;
height: 21px;
height: 26px;
width: 23px;
border: none;
background-color: $turquoise1;
@ -1451,7 +1476,7 @@
max-width: 100%;
width: auto;
padding: 3px 6px 3px 0px;
height: 24px;
height: 26px;
.icon {
position: relative;
@ -1496,7 +1521,8 @@
}
.button {
align-items: flex-start;
display: flex;
align-items: center;
}
.field {
@ -1507,8 +1533,10 @@
color: $gray4 !important;
padding-right: 10px;
}
.gray-icon .icon i::before, .gray-icon i::before {
.gray-icon .icon i::before,
.gray-icon i::before {
font-size: 1.3125rem !important;
max-width: 26px;
}
.view-mode-icon {
@ -1527,10 +1555,10 @@
overflow: auto;
}
.dropdown-item {
padding: 0.25rem 1.0rem 0.25rem 0.75rem;
padding: 0.25rem 1.0rem 0.25rem 0.75rem;
}
.dropdown-item span{
vertical-align: sub;
vertical-align: middle;
}
.dropdown-item-apply {
width: 100%;

14
src/admin/pages/lists/taxonomies-page.vue
View File

@ -48,9 +48,9 @@
<div v-if="taxonomies.length <= 0 && !isLoading">
<section class="section">
<div class="content has-text-grey has-text-centered">
<p>
<taxonomies-icon class="taxonomies-term-icon"/>
</p>
<span class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-terms"/>
</span>
<p v-if="status == undefined || status == ''">{{ $i18n.get('info_no_taxonomy_created') }}</p>
<p v-if="status == 'draft'">{{ $i18n.get('info_no_taxonomy_draft') }}</p>
<p v-if="status == 'trash'">{{ $i18n.get('info_no_taxonomy_trash') }}</p>
@ -111,7 +111,6 @@
<script>
import TaxonomiesList from "../../components/lists/taxonomies-list.vue";
import TaxonomiesIcon from '../../components/other/taxonomies-icon.vue';
import { mapActions, mapGetters } from 'vuex';
//import moment from 'moment'
@ -127,8 +126,7 @@
}
},
components: {
TaxonomiesList,
TaxonomiesIcon
TaxonomiesList
},
methods: {
...mapActions('taxonomy', [
@ -199,10 +197,6 @@
</script>
<style lang="scss" scoped>
.taxonomies-icon {
height: 24px;
width: 24px;
}
@import '../../scss/_variables.scss';
.sub-header {

135
src/admin/pages/lists/term-items-page.vue
View File

@ -24,7 +24,11 @@
id="filter-menu-compress-button"
:style="{ top: !isOnTheme ? (isRepositoryLevel ? '172px' : '120px') : '76px' }"
@click="isFiltersMenuCompressed = !isFiltersMenuCompressed">
<b-icon :icon="isFiltersMenuCompressed ? 'menu-right' : 'menu-left'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowleft' : isFiltersMenuCompressed, 'tainacan-icon-arrowright' : !isFiltersMenuCompressed }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
</button>
<!-- Filters mobile modal button -->
<button
@ -33,7 +37,11 @@
id="filter-menu-compress-button"
:style="{ top: !isOnTheme ? (isRepositoryLevel ? (searchControlHeight + 100) : (searchControlHeight + 70) + 'px') : (searchControlHeight - 25) + 'px' }"
@click="isFilterModalActive = !isFilterModalActive">
<b-icon :icon="isFiltersMenuCompressed ? 'menu-right' : 'menu-left'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowleft' : isFiltersMenuCompressed, 'tainacan-icon-arrowright' : !isFiltersMenuCompressed }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
<span class="text">{{ $i18n.get('filters') }}</span>
</button>
@ -58,10 +66,10 @@
:value="searchQuery"
@input="futureSearchQuery = $event.target.value"
@keyup.enter="updateSearch()">
<span
<span
@click="updateSearch()"
class="icon is-right">
<i class="mdi mdi-magnify" />
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
</span>
</div>
</div>
@ -77,9 +85,11 @@
class="collapse-all is-size-7"
@click="collapseAll = !collapseAll">
{{ collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
<b-icon
type="is-secondary"
:icon=" collapseAll ? 'menu-down' : 'menu-right'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : collapseAll, 'tainacan-icon-arrowright' : !collapseAll }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
<br>
@ -98,9 +108,9 @@
class="is-grouped-centered section">
<div class="content has-text-gray has-text-centered">
<p>
<b-icon
icon="filter"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-filters" />
</span>
</p>
<p>{{ $i18n.get('info_there_is_no_filter' ) }}</p>
<router-link
@ -149,7 +159,9 @@
class="button is-secondary"
slot="trigger">
<span>{{ $i18n.getFrom('items','add_new') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item>
@ -192,7 +204,9 @@
class="button is-white"
slot="trigger">
<span>{{ $i18n.get('label_displayed_metadata') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<div class="metadata-options-container">
<b-dropdown-item
@ -227,7 +241,9 @@
class="button is-white"
slot="trigger">
<span>{{ $i18n.get('label_sorting') }}</span>
<b-icon icon="menu-down"/>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item
:class="{ 'is-active': metadatum != undefined && orderBy == metadatum.slug }"
@ -268,7 +284,7 @@
:disabled="totalItems <= 0 || order == 'DESC'"
@click="onChangeOrder()">
<span class="icon is-small gray-icon">
<i class="mdi mdi-sort-ascending"/>
<i class="tainacan-icon tainacan-icon-sortdescending"/>
</span>
</button>
<button
@ -276,7 +292,7 @@
class="button is-white is-small"
@click="onChangeOrder()">
<span class="icon is-small gray-icon">
<i class="mdi mdi-sort-descending"/>
<i class="tainacan-icon tainacan-icon-sortdescending"/>
</span>
</button>
</b-field>
@ -299,8 +315,10 @@
class="gray-icon view-mode-icon"
v-if="registeredViewModes[viewMode] != undefined"
v-html="registeredViewModes[viewMode].icon"/>
<span class="is-hidden-touch">&nbsp;&nbsp;&nbsp;{{ $i18n.get('label_visualization') }}</span>
<b-icon icon="menu-down" />
<span class="is-hidden-touch">&nbsp;&nbsp;&nbsp;{{ $i18n.get('label_visualization') }}</span>
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item
:class="{ 'is-active': viewModeOption == viewMode }"
@ -331,55 +349,57 @@
<span>
<span class="icon is-small gray-icon">
<i
:class="{'mdi-view-list' : ( adminViewMode == 'table' || adminViewMode == undefined),
'mdi-view-module' : adminViewMode == 'cards',
'mdi-apps' : adminViewMode == 'grid',
'mdi-view-column' : adminViewMode == 'records',
'mdi-view-dashboard' : adminViewMode == 'masonry'}"
class="mdi"/>
:class="{'tainacan-icon-viewtable' : ( adminViewMode == 'table' || adminViewMode == undefined),
'tainacan-icon-viewcards' : adminViewMode == 'cards',
'tainacan-icon-viewminiature' : adminViewMode == 'grid',
'tainacan-icon-viewrecords' : adminViewMode == 'records',
'tainacan-icon-viewmasonry' : adminViewMode == 'masonry'}"
class="tainacan-icon"/>
</span>
</span>
&nbsp;&nbsp;&nbsp;{{ $i18n.get('label_visualization') }}
<b-icon icon="menu-down" />
<span class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-20px tainacan-icon-arrowdown"/>
</span>
</button>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'table' }"
:value="'table'">
<b-icon
class="gray-icon"
icon="view-list"/>
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewtable"/>
</span>
{{ $i18n.get('label_table') }}
</b-dropdown-item>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'cards' }"
:value="'cards'">
<b-icon
class="gray-icon"
icon="view-module"/>
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewcards"/>
</span>
{{ $i18n.get('label_cards') }}
</b-dropdown-item>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'grid' }"
:value="'grid'">
<b-icon
class="gray-icon"
icon="apps"/>
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewminiature"/>
</span>
{{ $i18n.get('label_thumbnails') }}
</b-dropdown-item>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'records' }"
:value="'records'">
<b-icon
class="gray-icon"
icon="view-column"/>
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewrecords"/>
</span>
{{ $i18n.get('label_records') }}
</b-dropdown-item>
<b-dropdown-item
:class="{ 'is-active': adminViewMode == 'masonry' }"
:value="'masonry'">
<b-icon
class="gray-icon"
icon="view-dashboard"/>
<span class="icon gray-icon">
<i class="tainacan-icon tainacan-icon-viewmasonry"/>
</span>
{{ $i18n.get('label_masonry') }}
</b-dropdown-item>
</b-dropdown>
@ -416,10 +436,10 @@
:value="searchQuery"
@input="futureSearchQuery = $event.target.value"
@keyup.enter="updateSearch()">
<span
<span
@click="updateSearch()"
class="icon is-right">
<i class="mdi mdi-magnify" />
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
</span>
</div>
<a
@ -591,7 +611,9 @@
class="section">
<div class="content has-text-grey has-text-centered">
<p>
<b-icon icon="file-multiple"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items" />
</span>
</p>
<p v-if="status == undefined || status == ''">{{ hasFiltered ? $i18n.get('info_no_item_found_filter') : $i18n.get('info_no_item_created') }}</p>
<p v-if="status == 'draft'">{{ $i18n.get('info_no_item_draft') }}</p>
@ -639,10 +661,11 @@
class="collapse-all is-size-7"
@click="collapseAll = !collapseAll">
{{ collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
<b-icon
type="is-secondary"
size="is-small"
:icon=" collapseAll ? 'menu-down' : 'menu-right'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : collapseAll, 'tainacan-icon-arrowright' : !collapseAll }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
<br>
@ -661,9 +684,9 @@
class="is-grouped-centered section">
<div class="content has-text-gray has-text-centered">
<p>
<b-icon
icon="filter"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-filters" />
</span>
</p>
<p>{{ $i18n.get('info_there_is_no_filter' ) }}</p>
<router-link
@ -1386,7 +1409,7 @@
top: 120px;
left: 0;
max-width: 23px;
height: 21px;
height: 26px;
width: 23px;
border: none;
background-color: $turquoise1;
@ -1409,7 +1432,7 @@
max-width: 100%;
width: auto;
padding: 3px 6px 3px 0px;
height: 24px;
height: 26px;
.icon {
position: relative;
@ -1454,7 +1477,8 @@
}
.button {
align-items: flex-start;
display: flex;
align-items: center;
}
.field {
@ -1465,8 +1489,11 @@
color: $gray4 !important;
padding-right: 10px;
}
.gray-icon .icon i::before, .gray-icon i::before {
.gray-icon .icon i::before,
.gray-icon i::before {
font-size: 1.3125rem !important;
max-width: 26px;
}
.view-mode-icon {
@ -1488,7 +1515,7 @@
padding: 0.25rem 1.0rem 0.25rem 0.75rem;
}
.dropdown-item span{
vertical-align: sub;
vertical-align: middle;
}
.dropdown-item-apply {
width: 100%;

12
src/admin/pages/singles/event-page.vue
View File

@ -22,9 +22,9 @@
@click="comp = 'Split'"
:class="{'is-selected': comp === 'Split', 'is-focused': comp === 'Split'}"
class="button">
<b-icon
icon="pause"
size="is-small"/>
<span class="icon is-small">
<i class="tainacan-icon tainacan-icon-pause" />
</span>
<span>{{ $i18n.get('split') }}</span>
</a>
</p>
@ -33,9 +33,9 @@
@click="comp = 'Unified'"
:class="{'is-selected': comp === 'Unified', 'is-focused': comp === 'Unified'}"
class="button">
<b-icon
icon="minus"
size="is-small"/>
<span class="icon is-small">
-
</span>
<span>{{ $i18n.get('unified') }}</span>
</a>
</p>

53
src/admin/pages/singles/item-page.vue
View File

@ -6,7 +6,11 @@
<button
id="metadata-column-compress-button"
@click="isMetadataColumnCompressed = !isMetadataColumnCompressed">
<b-icon :icon="isMetadataColumnCompressed ? 'menu-left' : 'menu-right'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowleft' : isMetadataColumnCompressed, 'tainacan-icon-arrowright' : !isMetadataColumnCompressed }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
</button>
<div class="tainacan-page-title">
<h1>
@ -132,10 +136,11 @@
slot-scope="session_props">
<label>
{{ $i18n.get('label_exposer_urls') }}
<b-icon
type="is-secondary"
:icon="session_props.open ? 'menu-down' : 'menu-right'"
/>
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : session_props.open, 'tainacan-icon-arrowright' : !session_props.open }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</label>
</div>
<br>
@ -143,9 +148,11 @@
class="collapse-all"
@click="urls_open = !urls_open">
{{ urls_open ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
<b-icon
type="is-secondary"
:icon=" urls_open ? 'menu-down' : 'menu-right'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : urls_open, 'tainacan-icon-arrowright' : !urls_open }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
<div>
<div
@ -157,10 +164,11 @@
class="label"
slot="trigger"
slot-scope="props">
<b-icon
type="is-secondary"
:icon="props.open ? 'menu-down' : 'menu-right'"
/>
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : props.open, 'tainacan-icon-arrowright' : !props.open }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
{{ index }}
</label>
<div
@ -214,12 +222,12 @@
<div class="field has-addons">
<span v-if="item.status != 'private'">
<span class="icon">
<i class="mdi mdi-earth"/>
<i class="tainacan-icon tainacan-icon-public"/>
</span> {{ $i18n.get('publish_visibility') }}
</span>
<span v-if="item.status == 'private'">
<span class="icon">
<i class="mdi mdi-lock"/>
<i class="tainacan-icon tainacan-icon-private"/>
</span> {{ $i18n.get('private_visibility') }}
</span>
</div>
@ -247,9 +255,11 @@
class="collapse-all"
@click="open = !open">
{{ open ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
<b-icon
type="is-secondary"
:icon=" open ? 'menu-down' : 'menu-right'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : open, 'tainacan-icon-arrowright' : !open }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
</a>
<div>
<div
@ -261,10 +271,11 @@
class="label"
slot="trigger"
slot-scope="props">
<b-icon
type="is-secondary"
:icon="props.open ? 'menu-down' : 'menu-right'"
/>
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : props.open, 'tainacan-icon-arrowright' : !props.open }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
{{ metadatum.metadatum.name }}
</label>
<div

5
src/admin/scss/_buttons.scss
View File

@ -55,11 +55,10 @@
}
}
.button.is-small {
height: 26px !important;
height: 1.625rem !important;
line-height: 0.75rem;
}
.button:not(.is-small):not(.is-medium):not(.is-large) {
height: 30px !important;
line-height: 1.5rem !important;
height: 1.875rem !important;
font-size: 0.875rem !important;
}

107
src/admin/scss/_collection-home-cards.scss Normal file
View File

@ -0,0 +1,107 @@
.tainacan-cards-container {
min-height: 50vh;
padding: 0;
display: flex;
flex-wrap: wrap;
flex-grow: 1;
flex-shrink: 1;
justify-content: space-between;
align-content: baseline;
animation-name: item-appear;
animation-duration: 0.5s;
.tainacan-card {
background-color: $gray0;
padding: 0px;
margin-top: 0.75rem;
margin-bottom: 1.25rem;
flex-basis: 0;
min-height: 125px;
cursor: pointer;
text-decoration: none !important;
display: flex;
flex-wrap: wrap;
@media screen and (max-width: 768px) {
max-width: 100%;
min-width: 100%;
}
&:hover .menu-list {
background-color: $gray2;
a { background-color: $gray2; }
}
img {
width: 96px;
height: 96px;
border-radius: 0px;
}
&.new-card {
.list-metadata {
text-align: center;
color: $turquoise5;
max-width: calc(100% - 46px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.menu-list {
width: 46px;
flex-wrap: nowrap;
flex-direction: column;
li { height: 100%; }
}
}
&.first-card {
.list-metadata {
text-align: center;
color: $turquoise5;
max-width:100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.metadata-title {
overflow: hidden;
padding: 0.75rem 1rem;
p {
color: black !important;
font-size: 0.875rem !important;
margin-bottom: 0;
}
}
&:hover .metadata-title {
p { text-decoration: none !important; }
}
.menu-list {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
li {
text-align: center;
width: 100%;
a {
color: $turquoise5;
padding: 0.5em 0.5em;
border-radius: 0;
transition: none;
}
}
}
}
}

3
src/admin/scss/_dropdown-and-autocomplete.scss
View File

@ -2,9 +2,10 @@
.dropdown-trigger{
.button {
border: none;
align-items: center;
.icon {
color: $secondary;
align-items: start;
align-items: center;
}
}
.button.is-primary, .button.is-secondary, .button.is-success {

4
src/admin/scss/_tables.scss
View File

@ -188,10 +188,6 @@
a {
margin: auto;
font-size: 1.125rem !important;
.mdi-settings, .mdi-settings::before {
font-size: 1.4375rem;
}
}
}

3
src/admin/scss/_variables.scss
View File

@ -26,6 +26,7 @@ $turquoise4-invert: findColorInvert($turquoise4);
$turquoise5: #298596;
$turquoise5-invert: findColorInvert($turquoise5);
// Gray, used mostyl for information
$gray0: #f6f6f6;
$gray1: #f2f2f2;
$gray1-invert: findColorInvert($gray1);
$gray2: #dbdbdb;
@ -150,7 +151,7 @@ $table-cell-padding: 1.0em 0.75em;
// Roboto font
$family-sans-serif: 'Roboto', sans-serif;
// Bulma's modal (needs to be greather than taincan-admin-app)
// Bulma's modal (needs to be greather than tainacan-admin-app)
$modal-z: 9999999;
// Animations for Slide Menu

4
src/admin/scss/_view-mode-cards.scss
View File

@ -56,7 +56,7 @@
.actions-area {
position: relative;
float: right;
top: -5px;
top: -7px;
padding-right: 12px;
//width: 80px;
display: flex;
@ -86,7 +86,7 @@
.metadata-title {
flex-shrink: 0;
padding: 0.6rem 4.75rem 0.5rem 2.75rem;
margin-bottom: -27px;
margin-bottom: -25px;
min-height: 40px;
font-size: 0.875rem !important;
text-overflow: ellipsis;

2
src/admin/scss/_view-mode-masonry.scss
View File

@ -41,7 +41,7 @@
opacity: 0;
padding: 2px 8px;
transition: visibility 0.2s, opacity 0.2s;
margin-top: -31px;
margin-top: -29px;
background-color: $gray2;
a {

6
src/admin/scss/_view-mode-records.scss
View File

@ -43,7 +43,7 @@
.actions-area {
position: relative;
float: right;
top: -5px;
top: -7px;
padding-right: 12px;
//width: 80px;
display: flex;
@ -51,6 +51,10 @@
visibility: hidden;
opacity: 0;
transition: visibility 0.2s, opacity 0.2s;
a {
margin-left: 12px;
}
}
&:hover .actions-area {
visibility: visible;

11
src/admin/scss/_view-mode-slideshow.scss
View File

@ -300,6 +300,9 @@
border-radius: 100px;
background: white;
border: 3px solid $turquoise5;
i, i:before {
font-size: 36px;
}
}
&:focus, &:active {
outline: 0;
@ -307,8 +310,8 @@
}
.circular-counter {
position: absolute;
right: calc(4.16667% + 1px);
top: -3px;
right: calc(4.16667% + -2px);
top: -6px;
}
}
}
@ -332,7 +335,7 @@
width: 2.5rem;
text-align: center;
.mdi::before {
.tainacan-icon::before {
line-height: 5rem;
font-size: 5rem;
color: $turquoise5;
@ -356,7 +359,7 @@
height: 2.5rem;
width: 1.5rem;
.mdi::before {
.tainacan-icon::before {
line-height: 3rem;
font-size: 3rem;
color: white;

3
src/admin/scss/tainacan-admin.scss
View File

@ -1,3 +1,6 @@
// TAINACAN ICON FONT
@import "../../assets/css/fonts/tainacanicons.css";
// Tainacan custom colors and bulma's core
@import "./_variables.scss";

5
src/admin/tainacan-admin-i18n.php
View File

@ -311,6 +311,11 @@ return apply_filters( 'tainacan-admin-i18n', [
'label_untrash_selected_items' => __( 'Recover from trash', 'tainacan' ),
'label_value_not_informed' => __( 'Value not informed.', 'tainacan' ),
'label_description_not_informed' => __( 'Description not informed.', 'tainacan' ),
'label_save_goto_metadata' => __( 'Save and Go to Metadata', 'tainacan' ),
'label_save_goto_filter' => __( 'Save and Go to Filters', 'tainacan' ),
'label_view_all_collections' => __( 'View all Collections', 'tainacan' ),
'label_view_on_theme' => __( 'View on Theme', 'tainacan' ),
'label_create_collection' => __( 'Create Collection', 'tainacan' ),
'label_hide_metadata' => __( 'Hide metadata', 'tainacan' ),
'label_show_metadata' => __( 'Show metadata', 'tainacan' ),
'label_all_terms' => __( 'All terms', 'tainacan' ),

9
src/admin/theme-items-list.vue
View File

@ -27,9 +27,10 @@ export default {
}
</script>
<style lang="scss">
@import "../admin/scss/_variables.scss";
// TAINACAN Variables
@import "./scss/_variables.scss";
// Bulma imports
@import "./scss/theme-basics.sass";
@ -82,6 +83,10 @@ export default {
.dropdown-menu {
display: block;
}
.dropdown .dropdown-trigger .button .icon,
.autocomplete .dropdown-trigger .button .icon {
align-items: center;
}
.b-radio.radio {
input[type="radio"] + .check {

17
src/assets/5a2386a7b351ee453ae028ae5c6e95a1.svg
View File

@ -1,17 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="12.815px" height="12.815px" viewBox="0 0 12.815 12.815" enable-background="new 0 0 12.815 12.815" xml:space="preserve">
<g>
<circle cx="1.469" cy="1.469" r="1.469"/>
<circle cx="6.407" cy="1.469" r="1.469"/>
<circle cx="11.346" cy="1.469" r="1.469"/>
<circle cx="1.469" cy="6.407" r="1.469"/>
<circle cx="6.407" cy="6.407" r="1.469"/>
<circle cx="11.346" cy="6.407" r="1.469"/>
<circle cx="1.469" cy="11.346" r="1.469"/>
<circle cx="6.407" cy="11.346" r="1.469"/>
<circle cx="11.346" cy="11.346" r="1.469"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 915 B

BIN
src/assets/css/fonts/Tainacan Icons.eot Normal file
View File

Binary file not shown.

BIN
src/assets/css/fonts/Tainacan Icons.otf Normal file
View File

Binary file not shown.

285
src/assets/css/fonts/Tainacan Icons.svg Normal file
View File

@ -0,0 +1,285 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata>
Created by FontForge 20161003 at Mon Nov 12 12:19:24 2018
By www-data
</metadata>
<defs>
<font id="TainacanIcons" horiz-adv-x="1000" >
<font-face
font-family="Tainacan"
font-weight="400"
font-stretch="normal"
units-per-em="1000"
panose-1="0 0 0 0 0 0 0 0 0 0"
ascent="750"
descent="-250"
bbox="42 -208 958 708"
underline-thickness="50"
underline-position="-125"
unicode-range="U+000D-2421"
/>
<missing-glyph horiz-adv-x="500"
/>
<glyph glyph-name="repository" unicode="repository"
d="M917 625h-834v-125h834v125zM833 416v-541h-667v541h667zM625 291h-250v-125h250v125z" />
<glyph glyph-name="colection" unicode="collection"
d="M500 501h333q35 0 59.5 -24.5t24.5 -59.5v-416q0 -35 -24.5 -59.5t-59.5 -24.5h-666q-35 0 -59.5 24.5t-24.5 59.5l1 500q0 35 24 59t59 24h250z" />
<glyph glyph-name="colections" unicode="collections"
d="M625 501h208q35 0 59.5 -24t24.5 -59v-250q0 -35 -24.5 -59t-59.5 -24h-499q-35 0 -59.5 24t-24.5 59l1 333q0 35 24 59.5t59 24.5h208zM167 1v417h-84v-418q0 -35 24 -59t59 -24h584v84h-583z" />
<glyph glyph-name="items" unicode="items"
d="M667 708h-500q-34 0 -58.5 -24t-24.5 -59v-583h83v583h500v83zM625 542l250 -250v-417q0 -34 -24 -58.5t-59 -24.5h-458q-35 0 -59 24.5t-24 58.5v583q0 35 24 59.5t59 24.5h291zM584 250h229l-229 229v-229z" />
<glyph glyph-name="metadata" unicode="metadata"
d="M230 376q26 0 44 18t18 44t-18 44.5t-44 18.5t-44.5 -18.5t-18.5 -44.5t18.5 -44t44.5 -18zM726 268q24 -24 24 -59t-24 -59l-208 -208q-11 -11 -26.5 -18t-32.5 -7t-32.5 7t-26.5 18l-291 291q-25 25 -25 59v209q0 35 24 59t59 24h209q34 0 58 -24zM565 513l41 41
l286 -286q25 -23 25 -59q0 -35 -24 -59l-224 -224l-42 42l238 241z" />
<glyph glyph-name="taxonomies" unicode="taxonomies"
d="M875 -84l-83 84h-292v-167h292zM375 500h-292v167h292l83 -84zM792 125h-292v166h292l83 -83zM250 166v-208h167v-83h-250v541h83v-166h167v-84h-167z" />
<glyph glyph-name="terms" unicode="terms"
d="M83 392q0 22 8.5 41.5t23 34.5t34.5 23.5t42 8.5h488q52 0 85 -41l129 -141q24 -29 24 -67.5t-24 -67.5l-129 -142q-33 -41 -85 -41h-488q-22 0 -42 8.5t-34.5 23.5t-23 34.5t-8.5 41.5v284z" />
<glyph glyph-name="activities" unicode="activities"
d="M831 290q0 -32 -5.5 -64t-15.5 -61h-91q12 29 20.5 59.5t8.5 65.5q0 61 -22.5 114t-62 92.5t-92.5 62t-114 22.5t-114 -22.5t-92.5 -62t-62 -92.5t-22.5 -114q0 -54 19 -103.5t52.5 -88t79.5 -64t99 -31.5v-83q-70 8 -131 40t-106 81.5t-70.5 113t-25.5 135.5
q0 78 29 146t80 119t119 80t146 29t146 -29t119 -80t80 -119t29 -146zM582 -167h-83v83h83v-83zM582 -1h-83v83h83v-83zM914 -167h-249v83h249v-83zM914 -1h-249v83h249v-83zM499 498h-83v-250l112 -83h137l-166 125v208z" />
<glyph glyph-name="filters" unicode="filters"
d="M583 254v-328q3 -21 -12 -35q-12 -12 -29 -12t-30 12l-83 84q-15 15 -12 35v244h-2l-240 308q-11 13 -8.5 30t16.5 28q11 9 25 9v0h584v0q15 0 25 -9q14 -11 16.5 -28t-8.5 -30l-240 -308h-2z" />
<glyph glyph-name="importers" unicode="importers"
d="M417 84v124h-332v84h332v124l167 -166zM833 0q0 -34 -24 -58.5t-59 -24.5h-499q-35 0 -59 24.5t-24 58.5v125h83v-125h499v500h-499v-125h-83v125q0 34 24 58.5t59 24.5h499q35 0 59 -24t24 -59v-500z" />
<glyph glyph-name="settings" unicode="settings"
d="M817 163q12 -9 4 -22l-66 -115q-7 -12 -21 -7l-82 33q-14 -10 -27.5 -18t-29.5 -15l-12 -88q-2 -14 -16 -14h-134q-14 0 -16 14l-13 88q-15 7 -28.5 15t-27.5 18l-83 -33q-5 -2 -11 0t-9 7l-67 115q-7 13 4 22l71 55q-3 15 -3 32t3 32l-70 55q-12 9 -4 22l66 115
q7 12 21 7l82 -33q14 10 27.5 18t29.5 15l12 88q2 14 16 14h134q14 0 16 -14l13 -88q15 -7 28.5 -15t27.5 -18l83 33q5 2 11 0t9 -7l67 -115q7 -13 -4 -22l-71 -55q3 -15 3 -32q0 -8 -0.5 -16t-1.5 -16zM500 125q26 0 48.5 10t39.5 27t27 39.5t10 48.5t-10 48.5t-27 39.5
t-39.5 27t-48.5 10t-48.5 -10t-39.5 -27t-27 -39.5t-10 -48.5t10 -48.5t27 -39.5t39.5 -27t48.5 -10z" />
<glyph glyph-name="uni21B8" unicode="home"
d="M208 -125v333h-125l417 375l417 -375h-125v-333h-209v250h-166v-250h-209z" />
<glyph glyph-name="tour" unicode="tour"
d="M792 668q35 0 59 -24.5t24 -59.5v-583q0 -35 -24 -59.5t-59 -24.5h-167l-125 -125l-125 125h-167q-35 0 -59 24.5t-24 59.5v583q0 35 24 59.5t59 24.5h584zM542 84h-84v-83h84v83zM628 324q18 18 28.5 42t10.5 52q0 35 -13 65t-36 52.5t-53 35.5t-65 13q-34 0 -64.5 -13
t-53.5 -35.5t-36 -52.5t-13 -65h84q0 34 24 58.5t59 24.5t59 -24.5t24 -58.5q0 -35 -24 -59l-52 -53q-23 -23 -36 -53t-13 -65v-20h84q0 23 3.5 40t9.5 30.5t15 24.5t20 22z" />
<glyph glyph-name="processes" unicode="processes"
d="M542 458h-126v-291h-83v291h-125l167 167zM792 42l-167 -167l-167 167h126v291h83v-291h125z" />
<glyph glyph-name="help" unicode="help"
d="M458 83h84v-83h-84v83zM500 666q86 0 162 -32.5t132.5 -89t89.5 -132.5t33 -162t-33 -162t-89.5 -132.5t-132.5 -89.5t-162 -33t-162 33t-132.5 89.5t-89.5 132.5t-33 162t33 162t89.5 132.5t132.5 89t162 32.5zM500 -84q69 0 129.5 26.5t106 71.5t71.5 106t26 130
t-26 129.5t-71.5 105.5t-106 71.5t-129.5 26.5t-129.5 -26.5t-106 -71.5t-71.5 -105.5t-26 -129.5t26 -130t71.5 -106t106 -71.5t129.5 -26.5zM500 500q35 0 65 -13t53 -36t36 -53t13 -65q0 -39 -19.5 -63.5t-43 -45t-43 -42.5t-19.5 -57h-84q0 34 9.5 56.5t23 39t30 28
t30 23.5t23 26t9.5 35q0 35 -24 59t-59 24t-59 -24t-24 -59h-84q0 35 13 65t36 53t53.5 36t64.5 13z" />
<glyph glyph-name="share" unicode="share"
d="M750 76q25 0 47.5 -9.5t39 -26t26 -39t9.5 -47.5t-9.5 -47t-26 -38.5t-39 -26t-47.5 -9.5t-47.5 9.5t-39 26t-26 38.5t-9.5 47q0 7 1 14t3 13l-297 174q-17 -16 -38.5 -25t-46.5 -9q-26 0 -48.5 10t-39.5 27t-27 39.5t-10 48.5t10 48.5t27 39.5t39.5 27t48.5 10
q25 0 46.5 -9t38.5 -25l294 172q-2 7 -3 14t-1 15q0 26 10 48.5t27 39.5t39.5 27t48.5 10t48.5 -10t39.5 -27t27 -39.5t10 -48.5t-10 -48.5t-27 -39.5t-39.5 -27t-48.5 -10q-25 0 -46.5 9t-38.5 24l-294 -171q2 -7 3 -14t1 -15t-1 -15t-3 -14l297 -173q35 32 82 32z" />
<glyph glyph-name="export" unicode="export"
d="M958 242l-166 166v-124h-292v-84h292v-124zM84 -9v501q0 18 6.5 33t18 26.5t26.5 18t32 6.5h460q35 0 59 -24.5t24 -59.5v-125h-83v125h-460v-501h460v126h83v-126q0 -35 -24 -59.5t-59 -24.5h-460q-35 0 -59 24.5t-24 59.5z" />
<glyph glyph-name="url" unicode="url"
d="M162 251q0 -27 10 -50.5t28 -41t41.5 -27.5t50.5 -10h166v-79h-166q-43 0 -81.5 16.5t-66.5 44.5t-44.5 66t-16.5 81t16.5 81t44.5 66.5t66.5 45t81.5 16.5h166v-80h-166q-27 0 -50.5 -10t-41.5 -27.5t-28 -41t-10 -50.5zM333 293h334v-84h-334v84zM709 460
q43 0 81 -16.5t66 -45t44.5 -66.5t16.5 -81t-16.5 -81t-44.5 -66.5t-66 -45t-81 -16.5h-167v80h167q27 0 50.5 10t41 27.5t27.5 41t10 50.5t-10 50.5t-27.5 41t-41 27.5t-50.5 10h-167v80h167z" />
<glyph glyph-name="see" unicode="see"
d="M625 251q0 -26 -10 -48.5t-27 -39.5t-39.5 -27t-48.5 -10t-48.5 10t-39.5 27t-27 39.5t-10 48.5t10 48.5t27 39.5t39.5 27t48.5 10t48.5 -10t39.5 -27t27 -39.5t10 -48.5zM500 460q-81 0 -139 -24.5t-97 -58t-61 -69t-31 -57.5q9 -22 31 -57.5t61 -69t97 -57.5t139 -24
t139 24t97 57.5t61 69t31 57.5q-9 22 -31 57.5t-61 69t-97 58t-139 24.5zM500 543q63 0 114 -12.5t92 -33t72.5 -47t55.5 -53.5q55 -64 83 -146q-28 -82 -83 -146q-24 -27 -55.5 -53.5t-72.5 -47t-92 -33t-114 -12.5t-114 12.5t-92 33t-72.5 47t-55.5 53.5q-55 64 -83 146
q28 82 83 146q24 27 55.5 53.5t72.5 47t92 33t114 12.5v0z" />
<glyph glyph-name="search" unicode="search"
d="M207 337q0 -42 16 -79.5t44 -65.5t65.5 -44t80.5 -16q42 0 79.5 16t65.5 44t44 65.5t16 79.5q0 43 -16 80.5t-44 65.5t-65.5 44t-79.5 16q-43 0 -80.5 -16t-65.5 -44t-44 -65.5t-16 -80.5zM125 337q0 60 22.5 112.5t61.5 91.5t91.5 61.5t112.5 22.5t112.5 -22.5
t91.5 -61.5t61.5 -91.5t22.5 -112.5q0 -38 -9 -72t-26 -65l209 -209q-3 -31 -17 -56q-11 -21 -34.5 -39.5t-64.5 -20.5l-209 209q-31 -17 -65 -26t-72 -9q-60 0 -112.5 22.5t-91.5 61.5t-61.5 91.5t-22.5 112.5z" />
<glyph glyph-name="edit" unicode="edit"
d="M595 519l174 -174l-512 -512h-174v174zM819 395l-174 174l85 84q14 14 32.5 14t32.5 -14l108 -108q14 -14 14 -32.5t-14 -32.5z" />
<glyph glyph-name="uni2421" unicode="delete"
d="M250 458h500v-500q0 -35 -24 -59t-59 -24h-334q-34 0 -58.5 24t-24.5 59v500zM792 500h-584v83h146l42 42h208l42 -42h146v-83z" />
<glyph glyph-name="deleteforever" unicode="deleteforever"
d="M250 458h500v-500q0 -35 -24 -59t-59 -24h-334q-34 0 -58.5 24t-24.5 59v500zM458 167l-104 -105l42 -41l104 104l104 -104l42 42l-104 104l104 104l-42 42l-104 -105l-104 105l-42 -42zM792 583v-83h-584v83h146l42 42h208l42 -42h146z" />
<glyph glyph-name="undo" unicode="undo"
d="M417 375q109 -16 188.5 -60t134 -106.5t87 -138t48.5 -153.5q-78 110 -189.5 161t-268.5 51v-171l-292 292l292 292v-167z" />
<glyph glyph-name="add" unicode="add"
d="M500 666q86 0 162 -33t132.5 -89.5t89.5 -132t33 -161.5t-33 -162t-89.5 -132.5t-132.5 -89.5t-162 -33t-162 33t-132.5 89.5t-89 132.5t-32.5 162t32.5 161.5t89 132t132.5 89.5t162 33zM750 312h-188v187h-124v-187h-188v-125h188v-187h124v187h188v125z" />
<glyph glyph-name="public" unicode="public"
d="M746 25q41 45 64.5 102t23.5 123q0 53 -15.5 100.5t-43 88t-66 71.5t-84.5 49v-17q0 -35 -24 -59t-59 -24h-84v-84q0 -17 -12 -29.5t-29 -12.5h-84v-83h250q17 0 29.5 -12.5t12.5 -29.5v-125h42q28 0 49.5 -16t29.5 -42zM458 0q-35 0 -59 24t-24 59v42l-200 200
q-4 -18 -6.5 -36.5t-2.5 -38.5q0 -64 22.5 -120.5t62 -101t93 -73t114.5 -36.5v81zM500 667q86 0 162 -33t132.5 -89.5t89.5 -132.5t33 -162t-33 -162t-89.5 -132.5t-132.5 -89.5t-162 -33t-162 33t-132.5 89.5t-89.5 132.5t-33 162t33 162t89.5 132.5t132.5 89.5t162 33z
" />
<glyph glyph-name="private" unicode="private"
d="M750 416q35 0 59 -24t24 -59v-417q0 -35 -24 -59t-59 -24h-500q-35 0 -59 24.5t-24 58.5v417q0 35 24 59t59 24h42v84q0 43 16.5 81t44.5 66t66 44.5t81 16.5t81 -16.5t66 -44.5t44.5 -66t16.5 -81v-84h42zM500 41q35 0 59 24.5t24 59.5t-24 59t-59 24t-59 -24t-24 -59
t24 -59.5t59 -24.5zM625 500q0 27 -9.5 49.5t-26.5 39.5t-39.5 26.5t-49.5 9.5t-49.5 -9.5t-39.5 -26.5t-26.5 -39.5t-9.5 -49.5v-84h250v84z" />
<glyph glyph-name="draft" unicode="draft"
d="M709 417h-417v-84h417v84zM709 250h-417v-83h417v83zM583 83h-291v-83h291v83zM500 584q-17 0 -29.5 -12.5t-12.5 -29.5t12.5 -29.5t29.5 -12.5t29.5 12.5t12.5 29.5t-12.5 29.5t-29.5 12.5zM792 584q35 0 59 -24.5t24 -59.5v-584q0 -35 -24 -59t-59 -24h-584
q-35 0 -59 24t-24 59v584q0 35 24 59.5t59 24.5h174q14 36 45.5 59.5t72.5 23.5t72.5 -23.5t45.5 -59.5h174z" />
<glyph glyph-name="download" unicode="download"
d="M208 1h584v-84h-584v84zM500 84l-292 292h167v250h250v-250h167z" />
<glyph glyph-name="upload" unicode="upload"
d="M792 500h-584v84h584v-84zM500 417l292 -292h-167v-250h-250v250h-167z" />
<glyph glyph-name="playfill" unicode="playfill"
d="M500 667q86 0 162 -33t132.5 -89.5t89.5 -132.5t33 -162t-33 -162t-89.5 -132.5t-132.5 -89.5t-162 -33t-162 33t-132.5 89.5t-89.5 132.5t-33 162t33 162t89.5 132.5t132.5 89.5t162 33zM667 250l-250 188v-376z" />
<glyph glyph-name="play" unicode="play"
d="M417 438l250 -188l-250 -188v376zM500 667q86 0 162 -33t132.5 -89.5t89.5 -132.5t33 -162t-33 -162t-89.5 -132.5t-132.5 -89.5t-162 -33t-162 33t-132.5 89.5t-89.5 132.5t-33 162t33 162t89.5 132.5t132.5 89.5t162 33zM500 -84q68 0 129 26.5t106.5 72t72 106.5
t26.5 129t-26.5 129t-72 106.5t-106.5 72t-129 26.5t-129 -26.5t-106.5 -72t-72 -106.5t-26.5 -129t26.5 -129t72 -106.5t106.5 -72t129 -26.5z" />
<glyph glyph-name="pause" unicode="pause"
d="M375 423l84 -1l-2 -336l-84 1zM502 674q87 0 163.5 -33.5t133 -91t89 -134t32.5 -163.5t-33.5 -163.5t-91 -133t-134 -89t-163.5 -32.5t-163.5 33.5t-133 91t-89 134t-32.5 163.5t33.5 163.5t91 133t134 89t163.5 32.5zM498 -82q70 0 131.5 26t107 71.5t72.5 106.5
t27 130q0 70 -26 131.5t-71.5 107t-106.5 72.5t-130 27q-70 0 -131.5 -26t-107 -71.5t-72.5 -106.5t-27 -130q0 -70 26 -131.5t71.5 -107t106.5 -72.5t130 -27zM543 422l84 -1l-2 -336l-84 1z" />
<glyph glyph-name="uni2418" unicode="cancel"
d="M667 357l-108 -108l108 -108l-59 -59l-108 108l-108 -108l-59 59l108 108l-108 108l59 59l108 -108l108 108zM500 665q87 0 163 -32.5t132.5 -89t89 -132.5t32.5 -162t-32.5 -162t-89 -132.5t-132.5 -89t-163 -32.5t-163 32.5t-132.5 89t-89 132.5t-32.5 162t32.5 162
t89 132.5t132.5 89t163 32.5zM500 -84q69 0 130 26t106 71.5t71.5 106t26.5 129.5t-26.5 129.5t-71.5 106t-106 71.5t-130 26t-130 -26t-106 -71.5t-71.5 -106t-26.5 -129.5t26.5 -129.5t71.5 -106t106 -71.5t130 -26z" />
<glyph glyph-name="finish" unicode="finish"
d="M750 375l-333 -333l-209 208l59 59l150 -149l274 274zM500 667q86 0 162 -33t132.5 -89.5t89.5 -132.5t33 -162t-33 -162t-89.5 -132.5t-132.5 -89.5t-162 -33t-162 33t-132.5 89.5t-89.5 132.5t-33 162t33 162t89.5 132.5t132.5 89.5t162 33zM500 -84q69 0 130 26.5
t106 71.5t71.5 106t26.5 130t-26.5 130t-71.5 106t-106 71.5t-130 26.5t-130 -26.5t-106 -71.5t-71.5 -106t-26.5 -130t26.5 -130t71.5 -106t106 -71.5t130 -26.5z" />
<glyph glyph-name="processerror" unicode="processerror"
d="M125 250q0 58 19 110.5t52 95t79 72.5t100 44v-87q-36 -13 -67 -36t-53 -53.5t-34.5 -67.5t-12.5 -78q0 -52 20 -97t54 -80l93 94v-250h-250l98 98q-45 45 -71.5 105.5t-26.5 129.5zM458 125h84v-83h-84v83zM777 485q45 -45 71.5 -105.5t26.5 -129.5q0 -58 -19 -110.5
t-52 -95t-79 -72.5t-100 -44v87q36 13 67 36t53 53.5t34.5 67.5t12.5 78q0 52 -20 97t-54 80l-93 -94v250h250zM458 458h84v-250h-84v250z" />
<glyph glyph-name="updating" unicode="updating"
d="M958 250h-125q0 -69 -26 -129.5t-71.5 -106t-106 -71.5t-129.5 -26q-49 0 -94 13.5t-83 38.5l60 60q26 -14 55.5 -21.5t61.5 -7.5q52 0 97.5 19.5t79.5 53.5t53.5 79.5t19.5 97.5h-125l166 167zM375 250l-166 -167l-167 167h125q0 69 26 129.5t71.5 106t106 71.5
t129.5 26q49 0 94 -13.5t83 -38.5l-60 -60q-26 14 -55.5 21.5t-61.5 7.5q-52 0 -97.5 -19.5t-79.5 -53.5t-53.5 -79.5t-19.5 -97.5h125z" />
<glyph glyph-name="approvedcircle" unicode="approvedcircle"
d="M501 667q86 0 162 -33t132.5 -89.5t89.5 -132.5t33 -162t-33 -162t-89.5 -132.5t-132.5 -89.5t-162 -33t-162 33t-132.5 89.5t-89.5 132.5t-33 162t33 162t89.5 132.5t132.5 89.5t162 33zM793 417l-59 59l-316 -316l-150 149l-59 -59l209 -208z" />
<glyph glyph-name="approved" unicode="approved"
d="M817 516l58 -59l-498 -498l-232 232l59 59l173 -174z" />
<glyph glyph-name="alertcircle" unicode="alertcircle"
d="M500 667q86 0 162 -33t132.5 -89.5t89.5 -132.5t33 -162t-33 -162t-89.5 -132.5t-132.5 -89.5t-162 -33t-162 33t-132.5 89.5t-89.5 132.5t-33 162t33 162t89.5 132.5t132.5 89.5t162 33zM542 125h-84v-83h84v83zM542 459h-84v-251h84v251z" />
<glyph glyph-name="alert" unicode="alert"
d="M542 0h-84v84h84v-84zM542 500v-334h-84v334h84z" />
<glyph glyph-name="repprovedcircle" unicode="repprovedcircle"
d="M500 667q87 0 163 -32.5t132.5 -89t89 -132.5t32.5 -163t-32.5 -163t-89 -132.5t-132.5 -89t-163 -32.5t-163 32.5t-132.5 89t-89 132.5t-32.5 163t32.5 163t89 132.5t132.5 89t163 32.5zM559 250l150 150l-59 59l-150 -150l-150 150l-59 -59l150 -150l-150 -150l59 -59
l150 150l150 -150l59 59z" />
<glyph glyph-name="repproved" unicode="repproved"
d="M559 251l233 -233l-59 -59l-233 233l-233 -233l-59 59l233 233l-233 233l59 59l233 -233l233 233l59 -59z" />
<glyph glyph-name="arrowleft" unicode="arrowleft"
d="M584 42l-209 209l209 209v-418z" />
<glyph glyph-name="arrowright" unicode="arrowright"
d="M417 460l208 -209l-208 -209v418z" />
<glyph glyph-name="arrowup" unicode="arrowup"
d="M291 167l209 208l208 -208h-417z" />
<glyph glyph-name="arrowdown" unicode="arrowdown"
d="M709 334l-209 -209l-209 209h418z" />
<glyph glyph-name="next" unicode="next"
d="M379 -5l255 256l-255 256l78 78l334 -334l-334 -334z" />
<glyph glyph-name="previous" unicode="previous"
d="M625 507l-255 -256l255 -256l-78 -78l-334 334l334 334z" />
<glyph glyph-name="pointer" unicode="pointer"
d="M125 334h458v209l292 -292l-292 -292v209h-458v166z" />
<glyph glyph-name="uni202C" unicode="pdf"
d="M542 375h229l-229 229v-229zM250 667h333l251 -250v-501q0 -35 -24.5 -59t-59.5 -24h-500q-35 0 -59.5 24.5t-24.5 58.5v668q0 35 24.5 59t59.5 24zM455 232q26 -58 64 -90l17 -13q-27 -5 -63 -14.5t-76 -24.5v0l-5 -2l21 44q29 55 42 100zM726 73q5 5 7.5 12t3.5 15
q1 13 -5 23q-17 29 -95 29l-54 -3l-36 24q-20 17 -37 44.5t-30 62.5l2 6q5 21 9.5 43t5.5 42t-2 37.5t-14 27.5q-9 10 -25 10h-10q-12 0 -21 -10t-12 -22q-6 -21 -7 -38t0.5 -32.5t5.5 -31t10 -34.5v-1q-8 -28 -18.5 -59t-26.5 -63l-40 -75l-37 -21q-38 -23 -56.5 -47
t-22.5 -41q-1 -12 3 -22l1 -3l20 -13l18 -4q26 0 55.5 31t68.5 97l7 3q32 11 73.5 18t95.5 13q32 -16 66.5 -23.5t58.5 -7.5q25 0 38 13zM709 102l3 -4q0 -5 -4 -6h-1h-8q-14 0 -35 5t-44 16q3 4 9 4q44 0 60 -5.5t20 -9.5zM326 42q-20 -38 -38 -58.5t-32 -25.5
q2 12 14.5 31t35.5 40zM452 330q-8 28 -8 50t5 35l3 5l6 -2q10 -14 4 -46l-1 -6l-7 -35z" />
<glyph glyph-name="text" unicode="text"
d="M625 42h-500v83h500v-83zM625 375h-500v83h500v-83zM125 292h750v-84h-750v84zM125 -42h750v-83h-750v83zM875 625v-83h-750v83h750z" />
<glyph glyph-name="audio" unicode="audio"
d="M293 370l208 208v-666l-208 208h-166v250h166zM688 245q0 -56 -28.5 -100t-75.5 -67v335q47 -23 75.5 -67.5t28.5 -100.5zM584 610q63 -14 116 -48t92 -82t61 -108t22 -127t-22 -127t-61 -108t-92 -82t-116 -48v86q45 13 83 40t66 63.5t43.5 81.5t15.5 94
q0 50 -15.5 94.5t-43.5 81t-66 63.5t-83 40v86z" />
<glyph glyph-name="uni22B7" unicode="image"
d="M875 -42q0 -35 -24.5 -59t-58.5 -24h-584q-34 0 -58.5 24.5t-24.5 58.5v584q0 35 24.5 59t58.5 24h584q35 0 59 -24.5t24 -58.5v-584zM208 0h584l-188 250l-146 -188l-104 126z" />
<glyph glyph-name="gallery" unicode="gallery"
d="M917 83q0 -35 -24.5 -59t-58.5 -24h-501q-35 0 -59 24t-24 59v501q0 34 24 58.5t59 24.5h501q34 0 58.5 -24.5t24.5 -58.5v-501zM333 83h501l-167 209l-124 -155l-85 113zM166 500v-584h584v-83h-584q-34 0 -58.5 24.5t-24.5 58.5v584h83z" />
<glyph glyph-name="user" unicode="user"
d="M500 185q30 0 67.5 -5t77 -14.5t77 -24.5t67 -34.5t47.5 -44.5t18 -54v-133h-708v133q0 30 18 54.5t47.5 44t67 34.5t77 24.5t77 14.5t67.5 5zM500 583q37 0 69 -14t56 -38t38 -56t14 -69t-14 -69t-38 -56t-56 -38t-69 -14t-69 14t-56 38t-38 56t-14 69t14 69t38 56
t56 38t69 14zM500 101q-50 0 -98.5 -10.5t-86.5 -25.5t-61.5 -30.5t-23.5 -26.5v-49h540v49q0 11 -24 26.5t-62 30.5t-86.5 25.5t-97.5 10.5zM500 499q-19 0 -36 -7.5t-29.5 -20t-20 -29.5t-7.5 -36v0q0 -19 7.5 -36t20 -29.5t29.5 -20t36 -7.5v0q19 0 36 7.5t29.5 20
t20 29.5t7.5 36v0q0 19 -7.5 36t-20 29.5t-29.5 20t-36 7.5v0z" />
<glyph glyph-name="notifications" unicode="notifications"
d="M500 -167q-35 0 -59 24.5t-24 58.5h166q0 -34 -24 -58.5t-59 -24.5zM833 0v-42h-666v42l83 83v208q0 48 12.5 91t36.5 78t59 59.5t80 34.5v28q0 26 18 44.5t44 18.5t44 -18.5t18 -44.5v-28q45 -10 80 -34.5t59 -59.5t36.5 -78t12.5 -91v-208zM667 291q0 39 -11.5 73
t-33 59.5t-52.5 40t-70 14.5t-70 -14.5t-52 -40t-32.5 -59.5t-11.5 -73v-250h333v250z" />
<glyph glyph-name="more" unicode="more"
d="M792 209h-250v-250h-84v250h-250v84h250v250h84v-250h250v-84z" />
<glyph glyph-name="menu" unicode="menu"
d="M125 83h750v-83h-750v83zM125 292h750v-84h-750v84zM875 500v-83h-750v83h750z" />
<glyph glyph-name="heartfill" unicode="heartfill"
d="M500 -140l-60 55q-81 73 -146.5 135.5t-112.5 119.5t-72.5 112t-25.5 114q0 48 18 90t49 73t73 48.5t90 17.5q54 0 103.5 -23.5t83.5 -63.5q34 40 83.5 63.5t104.5 23.5q48 0 90 -17.5t72.5 -48.5t48.5 -73t18 -90q0 -59 -25.5 -114t-72.5 -112t-112.5 -119.5
t-146.5 -135.5z" />
<glyph glyph-name="uni22C6" unicode="star"
d="M243 -125l67 293l-227 197l300 26l117 276l117 -276l300 -26l-228 -197l69 -293l-258 155z" />
<glyph glyph-name="viewtable" unicode="viewtable"
d="M249 501h-125v-125h125v125zM916 376h-583v125h583v-125zM249 167h-125v126h125v-126zM916 167h-583v126h583v-126zM249 -41h-125v125h125v-125zM916 -41h-583v125h583v-125z" />
<glyph glyph-name="viewcards" unicode="viewcards"
d="M334 625h-208v-333h208v333zM625 292h-208v333h208v-333zM917 292h-208v333h208v-333zM334 -125h-208v333h208v-333zM625 -125h-208v333h208v-333zM917 -125h-208v333h208v-333z" />
<glyph glyph-name="viewminiature" unicode="viewminiature"
d="M167 583h167v-166h-167v166zM417 84h166v-167h-166v167zM167 84h167v-167h-167v167zM167 333h167v-166h-167v166zM417 333h166v-166h-166v166zM833 583v-166h-166v166h166zM417 583h166v-166h-166v166zM667 333h166v-166h-166v166zM667 84h166v-167h-166v167z" />
<glyph glyph-name="viewmasonry" unicode="viewmasonry"
d="M459 666h-375v-499h375v499zM917 -167h-375v500h375v-500zM459 -167h-375v250h375v-250zM917 416h-375v250h375v-250z" />
<glyph glyph-name="viewgallery" unicode="viewgallery"
d="M917 418h-167v-334h167v334zM250 84h-167v334h167v-334zM667 -41h-334v584h334v-584z" />
<glyph glyph-name="sortasc" unicode="sortasc"
d="M667 417h-166v83h166v-83zM792 167h-291v83h291v-83zM917 -83h-416v84h416v-84zM251 625l-166 -167h125v-541h83v541h125z" />
<glyph glyph-name="sortdesc" unicode="sortdesc"
d="M667 416h-167v84h167v-84zM792 166h-292v84h292v-84zM917 -84h-417v83h417v-83zM292 -1v542h-84v-542h-125l167 -166l167 166h-125z" />
<glyph glyph-name="viewrecords" unicode="viewrecords"
d="M333 543h-208v-584h208v584zM625 -41h-208v584h208v-584zM917 -41h-208v584h208v-584z" />
<glyph glyph-name="close" unicode="close"
d="M559 251l233 -233l-59 -59l-233 233l-233 -233l-59 59l233 233l-233 233l59 59l233 -233l233 233l59 -59z" />
<glyph glyph-name="heartoutline" unicode="heartoutline"
d="M504 -23q75 68 135.5 124.5t103.5 107t66.5 96.5t23.5 91q0 31 -11 58t-30.5 46.5t-46 30.5t-57.5 11q-24 0 -47.5 -7.5t-43 -20.5t-35 -31.5t-23.5 -39.5h-78q-8 21 -23.5 39.5t-35 31.5t-42.5 20.5t-47 7.5q-31 0 -58 -11t-46.5 -30.5t-30.5 -46.5t-11 -58
q0 -45 23.5 -91t66.5 -96.5t103.5 -107t134.5 -124.5l5 -4zM688 625q48 0 90 -17.5t72.5 -48.5t48.5 -73t18 -90q0 -59 -25.5 -114t-72.5 -112t-112.5 -119.5t-146.5 -135.5l-60 -55l-60 55q-81 73 -146.5 135.5t-112.5 119.5t-72.5 112t-25.5 114q0 48 18 90t49 73t73 48.5
t90 17.5q54 0 103.5 -23.5t83.5 -63.5q34 40 83.5 63.5t104.5 23.5z" />
<glyph glyph-name="wordpress" unicode="wordpress"
d="M500 669q-86 0 -162 -33t-132.5 -89t-89.5 -131.5t-33 -161.5t32.5 -162t89 -133t131.5 -90t160 -34q87 -1 163 31.5t133 89t90.5 132.5t34.5 161t-31 161t-88 133.5t-132.5 91.5t-165.5 34zM898 251q0 -82 -32 -154.5t-86.5 -126.5t-127.5 -85.5t-156 -30.5
q-81 1 -153 32.5t-126 86.5t-84.5 128t-29.5 157q1 81 33 153t86.5 125.5t127.5 84t156 29.5q82 -1 153.5 -33.5t124.5 -86.5t83.5 -126t30.5 -153zM682 45q-1 -2 -1.5 -4t-2.5 -5q-32 97 -64.5 192t-64.5 191q11 1 20.5 2t18.5 2q16 2 16 15q-2 15 -18 14l-42 -2t-42 -1
q-21 -1 -42 0t-41 2q-5 0 -10.5 0.5t-10.5 0.5q-13 0 -15 -14q0 -13 14 -15q8 -1 15.5 -1.5t15.5 -1.5q6 0 8 -6q13 -35 26 -71l26 -72q2 -4 0 -8q-19 -57 -37.5 -113t-37.5 -113q0 -1 -0.5 -1.5t-1.5 -2.5q-33 97 -65.5 193t-64.5 193q10 1 19.5 2t18.5 2q18 2 16 16
q0 15 -17 13q-22 -1 -43.5 -2t-43.5 -2h-30q44 63 101 102t131 53q88 16 164 -6t145 -81q-43 0 -60 -38q-12 -28 1 -56q10 -23 26 -47q15 -25 24 -51.5t8 -55.5q0 -20 -5 -40t-11 -40q-11 -35 -21.5 -71t-21.5 -72zM505 218h2q28 -76 55.5 -151.5t55.5 -152.5
q-109 -36 -219 -5q27 78 53.5 154.5t52.5 154.5zM166 123q-50 136 7 275q44 -118 86 -233.5t85 -232.5q-21 5 -47.5 24t-51.5 46t-46 58.5t-33 62.5zM847 167q-36 -145 -166 -222q5 14 9.5 28t9.5 28q22 64 43.5 127.5t44.5 127.5q8 23 16 46.5t10 48.5q2 17 2 34t1 34
q63 -122 30 -252z" />
<glyph glyph-name="drag" unicode="drag"
d="M292 543q0 35 -24 59t-59 24q-18 0 -33 -6.5t-26.5 -17.5t-18 -26.5t-6.5 -32.5q0 -35 24.5 -59.5t59.5 -24.5q17 0 32.5 6.5t26.5 18t17.5 26.5t6.5 33zM500 626q35 0 59 -24t24 -59q0 -18 -6.5 -33t-17.5 -26.5t-26.5 -18t-32.5 -6.5q-35 0 -59.5 24.5t-24.5 59.5
q0 17 6.5 32.5t18 26.5t26.5 17.5t33 6.5zM792 626q35 0 59 -24t24 -59q0 -18 -6.5 -33t-17.5 -26.5t-26.5 -18t-32.5 -6.5q-35 0 -59.5 24.5t-24.5 59.5q0 17 6.5 32.5t18 26.5t26.5 17.5t33 6.5zM209 335q35 0 59 -24.5t24 -59.5t-24 -59t-59 -24q-18 0 -33 6.5t-26.5 18
t-18 26.5t-6.5 32t6.5 32.5t18 27t26.5 18t33 6.5zM500 335q35 0 59 -24.5t24 -59.5t-24 -59t-59 -24q-18 0 -33 6.5t-26.5 18t-18 26.5t-6.5 32t6.5 32.5t18 27t26.5 18t33 6.5zM792 335q35 0 59 -24.5t24 -59.5t-24 -59t-59 -24q-18 0 -33 6.5t-26.5 18t-18 26.5t-6.5 32
t6.5 32.5t18 27t26.5 18t33 6.5zM209 42q17 0 32.5 -6.5t26.5 -18t17.5 -26.5t6.5 -33q0 -35 -24 -59t-59 -24q-18 0 -33 6.5t-26.5 17.5t-18 26.5t-6.5 32.5q0 35 24.5 59.5t59.5 24.5zM500 42q17 0 32.5 -6.5t26.5 -18t17.5 -26.5t6.5 -33q0 -35 -24 -59t-59 -24
q-18 0 -33 6.5t-26.5 17.5t-18 26.5t-6.5 32.5q0 35 24.5 59.5t59.5 24.5zM792 42q17 0 32.5 -6.5t26.5 -18t17.5 -26.5t6.5 -33q0 -35 -24 -59t-59 -24q-18 0 -33 6.5t-26.5 17.5t-18 26.5t-6.5 32.5q0 35 24.5 59.5t59.5 24.5z" />
<glyph glyph-name="addcollection" unicode="addcollection"
d="M620 -22q-8 27 -10 60h-467v418h-60v-418q0 -25 17.5 -42.5t42.5 -17.5h477zM740 516q25 0 42.5 -17.5t17.5 -42.5v-227q-31 0 -60 -10t-52.5 -27.5t-41 -41.5t-26.5 -53h-358q-25 0 -42 17.5t-17 42.5v359q0 25 17 42t42 17h180l59 -59h239zM917 39q0 24 -9 45.5
t-25 37.5t-37.5 25t-45.5 9t-45.5 -9t-37 -25t-25 -37.5t-9.5 -45.5t9.5 -45.5t25 -37t37 -25t45.5 -9.5t45.5 9.5t37.5 25t25 37t9 45.5zM870 22h-52v-53h-35v53h-53v35h53v52h35v-52h52v-35z" />
<glyph glyph-name="stop" unicode="stop"
d="M500 667q86 0 162 -33t132.5 -89.5t89.5 -132.5t33 -162t-33 -162t-89.5 -132.5t-132.5 -89.5t-162 -33t-162 33t-132.5 89.5t-89.5 132.5t-33 162t33 162t89.5 132.5t132.5 89.5t162 33zM500 -83q69 0 129.5 26t106 71.5t71.5 106t26 129.5t-26 129.5t-71.5 106
t-106 71.5t-129.5 26t-129.5 -26t-106 -71.5t-71.5 -106t-26 -129.5t26 -129.5t71.5 -106t106 -71.5t129.5 -26zM667 417h-334v-334h334v334z" />
<glyph glyph-name="embed" unicode="embed"
d="M392 58l-192 192l192 192l-59 58l-250 -250l250 -250zM608 58l192 192l-192 192l59 58l250 -250l-250 -250z" />
<glyph glyph-name="nextlevel" unicode="nextlevel"
d="M793 125l-250 -250l-59 59l149 149h-465v499h84v-416h381l-149 149l59 59z" />
<glyph glyph-name="showmore" unicode="showmore"
d="M243 371l256 -255l256 255l78 -78l-334 -334l-334 334z" />
<glyph glyph-name=".notdef" horiz-adv-x="500"
/>
<glyph glyph-name="uni0000" horiz-adv-x="0"
/>
<glyph glyph-name="uni0000" horiz-adv-x="0"
/>
<glyph glyph-name="uni000D" unicode="&#xd;" horiz-adv-x="250"
/>
<glyph glyph-name="space" unicode=" " horiz-adv-x="250"
/>
<glyph glyph-name="r" unicode="r" horiz-adv-x="308"
/>
<glyph glyph-name="e" unicode="e" horiz-adv-x="512"
/>
<glyph glyph-name="p" unicode="p" horiz-adv-x="549"
/>
<glyph glyph-name="o" unicode="o" horiz-adv-x="531"
/>
<glyph glyph-name="s" unicode="s" horiz-adv-x="465"
/>
<glyph glyph-name="i" unicode="i" horiz-adv-x="204"
/>
<glyph glyph-name="t" unicode="t" horiz-adv-x="301"
/>
<glyph glyph-name="y" unicode="y" horiz-adv-x="486"
/>
<glyph glyph-name="c" unicode="c" horiz-adv-x="501"
/>
<glyph glyph-name="l" unicode="l" horiz-adv-x="204"
/>
<glyph glyph-name="n" unicode="n" horiz-adv-x="527"
/>
<glyph glyph-name="question" unicode="?"
d="M460 81h81v-81h-81v81zM514 540q54 -2 92 -28t55 -64t11.5 -83t-37.5 -86q-17 -20 -39.5 -35t-36.5 -32t-16 -37t-2 -40h-81q0 34 2 62t16 48t36.5 33.5t39.5 27.5q25 23 34 48.5t4 48t-25 38t-53 18.5q-34 0 -57.5 -23.5t-23.5 -57.5h-81q0 34 12.5 63.5t34.5 51.5
t51.5 34.5t63.5 12.5z" />
<glyph glyph-name="video"
d="M875 479v-458l-167 166v-145q0 -17 -12 -29.5t-29 -12.5h-500q-17 0 -29.5 12.5t-12.5 29.5v416q0 17 12.5 29.5t29.5 12.5h500q17 0 29 -12.5t12 -29.5v-145z" />
<glyph glyph-name="m" unicode="m" horiz-adv-x="803"
/>
<glyph glyph-name="a" unicode="a" horiz-adv-x="502"
/>
<glyph glyph-name="d" unicode="d" horiz-adv-x="554"
/>
<glyph glyph-name="x" unicode="x" horiz-adv-x="469"
/>
<glyph glyph-name="v" unicode="v" horiz-adv-x="483"
/>
<glyph glyph-name="f" unicode="f" horiz-adv-x="304"
/>
<glyph glyph-name="w" unicode="w" horiz-adv-x="715"
/>
<glyph glyph-name="u" unicode="u" horiz-adv-x="527"
/>
<glyph glyph-name="g" unicode="g" horiz-adv-x="549"
/>
<glyph glyph-name="h" unicode="h" horiz-adv-x="539"
/>
<glyph glyph-name="b" unicode="b" horiz-adv-x="554"
/>
</font>
</defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/assets/css/fonts/Tainacan Icons.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/css/fonts/Tainacan Icons.woff Normal file
View File

Binary file not shown.

BIN
src/assets/css/fonts/Tainacan Icons.woff2 Normal file
View File

Binary file not shown.

510
src/assets/css/fonts/tainacanicons.css Normal file
View File

@ -0,0 +1,510 @@
@font-face {
font-family: "Tainacan Icons";
src: url("../fonts/Tainacan Icons.eot");
src: url("../fonts/Tainacan Icons.eot#iefix") format("embedded-opentype"),
url("../fonts/Tainacan Icons.woff2") format("woff2"),
url("../fonts/Tainacan Icons.otf") format("otf"),
url("../fonts/Tainacan Icons.woff") format("woff"),
url("../fonts/Tainacan Icons.ttf") format("truetype"),
url("../fonts/Tainacan Icons.svg") format("svg");
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility;
}
.tainacan-icon:before,
.tainacan-icon-set {
display: inline-block;
font: normal normal normal 20px/1 "Tainacan Icons";
font-size: inherit;
text-rendering: auto;
vertical-align: middle;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tainacan-icon-pdf:before {
content: "pdf";
}
.tainacan-icon-arrowleft:before {
content: "arrowleft";
}
.tainacan-icon-arrowup:before {
content: "arrowup";
}
.tainacan-icon-arrowright:before {
content: "arrowright";
}
.tainacan-icon-arrowdown:before {
content: "arrowdown";
}
.tainacan-icon-home:before {
content: "home";
}
.tainacan-icon-image:before {
content: "image";
}
.tainacan-icon-star:before {
content: "star";
}
.tainacan-icon-cancel:before {
content: "cancel";
}
.tainacan-icon-heartfill:before {
content: "heartfill";
}
.tainacan-icon-heartoutline:before {
content: "heartoutline";
}
.tainacan-icon-wordpress:before {
content: "wordpress";
}
.tainacan-icon-activities:before {
content: "activities";
}
.tainacan-icon-add:before {
content: "add";
}
.tainacan-icon-addcollection:before {
content: "addcollection";
}
.tainacan-icon-alert:before {
content: "alert";
}
.tainacan-icon-alertcircle:before {
content: "alertcircle";
}
.tainacan-icon-approved:before {
content: "approved";
}
.tainacan-icon-approvedcircle:before {
content: "approvedcircle";
}
.tainacan-icon-audio:before {
content: "audio";
}
.tainacan-icon-close:before {
content: "close";
}
.tainacan-icon-collection:before {
content: "collection";
}
.tainacan-icon-collections:before {
content: "collections";
}
.tainacan-icon-delete:before {
content: "delete";
}
.tainacan-icon-deleteforever:before {
content: "deleteforever";
}
.tainacan-icon-download:before {
content: "download";
}
.tainacan-icon-download:before {
content: "download";
}
.tainacan-icon-draft:before {
content: "draft";
}
.tainacan-icon-edit:before {
content: "edit";
}
.tainacan-icon-export:before {
content: "export";
}
.tainacan-icon-filters:before {
content: "filters";
}
.tainacan-icon-finish:before {
content: "finish";
}
.tainacan-icon-gallery:before {
content: "gallery";
}
.tainacan-icon-help:before {
content: "help";
}
.tainacan-icon-importers:before {
content: "importers";
}
.tainacan-icon-items:before {
content: "items";
}
.tainacan-icon-menu:before {
content: "menu";
}
.tainacan-icon-metadata:before {
content: "metadata";
}
.tainacan-icon-more:before {
content: "more";
}
.tainacan-icon-showmore:before {
content: "showmore";
}
.tainacan-icon-next:before {
content: "next";
}
.tainacan-icon-drag:before {
content: "drag";
}
.tainacan-icon-notifications:before {
content: "notifications";
}
.tainacan-icon-nextlevel:before {
content: "nextlevel";
}
.tainacan-icon-pause:before {
content: "pause";
}
.tainacan-icon-play:before {
content: "play";
}
.tainacan-icon-stop:before {
content: "stop";
}
.tainacan-icon-pause:before {
content: "pause";
}
.tainacan-icon-playfill:before {
content: "playfill";
}
.tainacan-icon-pointer:before {
content: "pointer";
}
.tainacan-icon-previous:before {
content: "previous";
}
.tainacan-icon-private:before {
content: "private";
}
.tainacan-icon-processerror:before {
content: "processerror";
}
.tainacan-icon-processes:before {
content: "processes";
}
.tainacan-icon-public:before {
content: "public";
}
.tainacan-icon-repository:before {
content: "repository";
}
.tainacan-icon-repproved:before {
content: "repproved";
}
.tainacan-icon-repprovedcircle:before {
content: "repprovedcircle";
}
.tainacan-icon-search:before {
content: "search";
}
.tainacan-icon-see:before {
content: "see";
}
.tainacan-icon-settings:before {
content: "settings";
}
.tainacan-icon-share:before {
content: "share";
}
.tainacan-icon-sortascending:before {
content: "sortascending";
}
.tainacan-icon-sortdescending:before {
content: "sortdescending";
}
.tainacan-icon-taxonomies:before {
content: "taxonomies";
}
.tainacan-icon-terms:before {
content: "terms";
}
.tainacan-icon-text:before {
content: "text";
}
.tainacan-icon-tour:before {
content: "tour";
}
.tainacan-icon-undo:before {
content: "undo";
}
.tainacan-icon-updating:before {
content: "updating";
}
.tainacan-icon-upload:before {
content: "upload";
}
.tainacan-icon-url:before {
content: "url";
}
.tainacan-icon-user:before {
content: "user";
}
.tainacan-icon-viewcards:before {
content: "viewcards";
}
.tainacan-icon-viewgallery:before {
content: "viewgallery";
}
.tainacan-icon-viewmasonry:before {
content: "viewmasonry";
}
.tainacan-icon-viewminiature:before {
content: "viewminiature";
}
.tainacan-icon-viewrecords:before {
content: "viewrecords";
}
.tainacan-icon-viewtable:before {
content: "viewtable";
}
.tainacan-icon-18px.tainacan-icon-set,
.tainacan-icon-18px.tainacan-icon:before {
font-size: 18px;
}
.tainacan-icon-20px.tainacan-icon-set,
.tainacan-icon-20px.tainacan-icon:before {
font-size: 20px;
}
.tainacan-icon-30px.tainacan-icon-set,
.tainacan-icon-30px.tainacan-icon:before {
font-size: 30px;
}
.tainacan-icon-36px.tainacan-icon-set,
.tainacan-icon-36px.tainacan-icon:before {
font-size: 36px;
}
.tainacan-icon-48px.tainacan-icon-set,
.tainacan-icon-48px.tainacan-icon:before {
font-size: 48px;
}
.tainacan-icon-dark:before {
color: rgba(0, 0, 0, 0.54);
}
.tainacan-icon-dark.tainacan-icon-inactive:before {
color: rgba(0, 0, 0, 0.26);
}
.tainacan-icon-light:before {
color: white;
}
.tainacan-icon-light.tainacan-icon-inactive:before {
color: rgba(255, 255, 255, 0.3);
}
.tainacan-icon-rotate-45 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(45deg);
transform: scaleX(-1) rotate(45deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(45deg);
-ms-transform: rotate(45deg);
transform: scaleY(-1) rotate(45deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-45:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tainacan-icon-rotate-90 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(90deg);
transform: scaleX(-1) rotate(90deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(90deg);
-ms-transform: rotate(90deg);
transform: scaleY(-1) rotate(90deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-90:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.tainacan-icon-rotate-135 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(135deg);
transform: scaleX(-1) rotate(135deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(135deg);
-ms-transform: rotate(135deg);
transform: scaleY(-1) rotate(135deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-135:before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.tainacan-icon-rotate-180 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(180deg);
transform: scaleX(-1) rotate(180deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(180deg);
-ms-transform: rotate(180deg);
transform: scaleY(-1) rotate(180deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-180:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.tainacan-icon-rotate-225 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(225deg);
transform: scaleX(-1) rotate(225deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(225deg);
-ms-transform: rotate(225deg);
transform: scaleY(-1) rotate(225deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-225:before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.tainacan-icon-rotate-270 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(270deg);
transform: scaleX(-1) rotate(270deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(270deg);
-ms-transform: rotate(270deg);
transform: scaleY(-1) rotate(270deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-270:before {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.tainacan-icon-rotate-315 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(315deg);
transform: scaleX(-1) rotate(315deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(315deg);
-ms-transform: rotate(315deg);
transform: scaleY(-1) rotate(315deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-315:before {
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
.tainacan-icon-spin:before {
-webkit-animation: mdi-spin 2s infinite linear;
animation: mdi-spin 2s infinite linear;
}
@-webkit-keyframes mdi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes mdi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}

8
src/classes/filter-types/tainacan-filter-item.vue
View File

@ -17,9 +17,11 @@
class="label"
slot="trigger"
slot-scope="props">
<b-icon
:icon="props.open ? 'menu-down' : 'menu-right'"
/>
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : props.open, 'tainacan-icon-arrowright' : !props.open }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
<span class="collapse-label">{{ filter.name }}</span>
</label>

2
src/classes/metadata-types/date/Date.vue
View File

@ -18,7 +18,7 @@
class="has-text-danger is-italic is-size-7">{{ $i18n.get('info_error_invalid_date') }}</p>
<!--<b-collapse-->
<!--position="is-bottom-right">-->
<!--<b-icon-->
<!--<span class="icon"-->
<!--icon="calendar-today"-->
<!--size="is-small"-->
<!--slot="trigger" />-->

33
src/classes/metadata-types/tainacan-form-item.vue
View File

@ -6,10 +6,20 @@
<span
class="collapse-handle"
@click="$emit('changeCollapse', metadatumTypeMessage != 'is-danger' ? !isCollapsed : true)">
<b-icon
type="is-secondary"
:icon="isCollapsed || metadatumTypeMessage == 'is-danger' ? 'menu-down' : 'menu-right'" />
<label class="label">{{ metadatum.metadatum.name }}</label>
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : isCollapsed || metadatumTypeMessage == 'is-danger', 'tainacan-icon-arrowright' : !(isCollapsed || metadatumTypeMessage == 'is-danger') }"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
<label
v-tooltip="{
content: metadatum.metadatum.name,
autoHide: false,
placement: 'auto-end'
}"
class="label">
{{ metadatum.metadatum.name }}
</label>
<span
v-if="metadatum.metadatum.required == 'yes'"
class="required-metadatum-asterisk"
@ -49,17 +59,16 @@
icon="minus-circle"
size="is-small"
type="is-secondary"/>
{{ $i18n.get('label_remove_value') }}</a>
&nbsp;{{ $i18n.get('label_remove_value') }}</a>
</div>
<a
@click="addInput"
class="is-inline add-link">
<b-icon
icon="plus-circle"
size="is-small"
type="is-secondary"/>
{{ $i18n.get('label_add_value') }}</a>
<span class="icon is-small">
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
</span>
&nbsp;{{ $i18n.get('label_add_value') }}</a>
</div>
</div>
@ -230,12 +239,13 @@
font-weight: 500;
margin-left: 15px;
margin-bottom: 0.5em;
max-width: 50%;
}
.metadata-type {
font-size: 0.8125rem;
font-weight: 400;
color: $gray3;
top: -0.2em;
top: -0.4em;
position: relative;
}
.help-wrapper {
@ -245,6 +255,7 @@
cursor: pointer;
position: relative;
margin-left: -42px;
white-space: nowrap;
}
}
</style>

9
src/classes/metadata-types/taxonomy/AddNewTerm.vue
View File

@ -4,11 +4,10 @@
<a
@click="toggleForm()"
class="is-inline add-link">
<b-icon
icon="plus-circle"
size="is-small"
type="is-secondary"/>
&nbsp;{{ $i18n.get('label_new_term') }}</a>
<span class="icon is-small">
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
</span>
&nbsp;{{ $i18n.get('label_new_term') }}</a>
</span>
<transition name="appear">

4
src/importer/class-tainacan-csv.php
View File

@ -331,8 +331,8 @@ class CSV extends Importer {
There are two special columns you can use: <b>special_document</b>, which will set the Document of your item, and <b>special_attachments</b> to add one or many attachments.\n
The values for the special_document must be prepended with 'url:'', 'file:'' or 'text:'. This will indicate the Document Type.\n
The values for the special_attachments is just a list of files. If you want to add many attachments, use the separator you set in the Multivalued Delimiter option.\n
In either case, you can point to a file using a full URL, or just a file name. In this last case, you should set the option below to tell Tainacan where to find the files in your server. You can then upload them directly (via FTP for example) and Taincan will add them to your items.\n
", 'taincan')); ?>
In either case, you can point to a file using a full URL, or just a file name. In this last case, you should set the option below to tell Tainacan where to find the files in your server. You can then upload them directly (via FTP for example) and tainacan will add them to your items.\n
", 'tainacan')); ?>
</p>
<label class="label"><?php _e('Server path', 'tainacan'); ?></label>
<span class="help-wrapper">

10
src/theme-helper/class-tainacan-theme-helper.php
View File

@ -60,35 +60,35 @@ class Theme_Helper {
$this->register_view_mode('table', [
'label' => __('Table', 'tainacan'),
'dynamic_metadata' => true,
'icon' => '<span class="icon"><i class="mdi mdi-view-list mdi-24px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewtable tainacan-icon-20px"></i></span>',
'type' => 'component',
]);
$this->register_view_mode('cards', [
'label' => __('Cards', 'tainacan'),
'dynamic_metadata' => false,
'description' => 'A cards view, displaying title, description, author name and creation date.',
'icon' => '<span class="icon"><i class="mdi mdi-view-module mdi-24px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewcards tainacan-icon-20px"></i></span>',
'type' => 'component'
]);
$this->register_view_mode('records', [
'label' => __('Records', 'tainacan'),
'dynamic_metadata' => true,
'description' => 'A records view, similiar to cards, but flexible for metadata',
'icon' => '<span class="icon"><i class="mdi mdi-view-column mdi-24px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewrecords tainacan-icon-20px"></i></span>',
'type' => 'component'
]);
$this->register_view_mode('masonry', [
'label' => __('Masonry', 'tainacan'),
'dynamic_metadata' => false,
'description' => 'A masonry view, similar to pinterest, which will display images without cropping.',
'icon' => '<span class="icon"><i class="mdi mdi-view-dashboard mdi-24px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewmasonry tainacan-icon-20px"></i></span>',
'type' => 'component'
]);
$this->register_view_mode('slideshow', [
'label' => __('Slideshow', 'tainacan'),
'dynamic_metadata' => false,
'description' => 'A fullscreen slideshow view.',
'icon' => '<span class="icon"><i class="mdi mdi-fullscreen mdi-24px"></i></span>',
'icon' => '<span class="icon"><i class="tainacan-icon tainacan-icon-viewgallery tainacan-icon-20px"></i></span>',
'type' => 'component',
'show_pagination' => false,
'full_screen' => true

6
src/theme-helper/view-mode-cards.vue
View File

@ -7,9 +7,9 @@
class="section">
<div class="content has-text-gray4 has-text-centered">
<p>
<b-icon
icon="file-multiple"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items" />
</span>
</p>
<p>{{ $i18n.get('info_no_item_found') }}</p>
</div>

6
src/theme-helper/view-mode-masonry.vue
View File

@ -7,9 +7,9 @@
class="section">
<div class="content has-text-gray4 has-text-centered">
<p>
<b-icon
icon="file-multiple"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items" />
</span>
</p>
<p>{{ $i18n.get('info_no_item_found') }}</p>
</div>

6
src/theme-helper/view-mode-records.vue
View File

@ -7,9 +7,9 @@
class="section">
<div class="content has-text-gray4 has-text-centered">
<p>
<b-icon
icon="file-multiple"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items" />
</span>
</p>
<p>{{ $i18n.get('info_no_item_found') }}</p>
</div>

53
src/theme-helper/view-mode-slideshow.vue
View File

@ -11,7 +11,9 @@
id="close-fullscren-button"
:class="{ 'is-hidden-mobile': !isMetadataCompressed }"
@click="closeSlideViewMode()">
<b-icon icon="close" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-close"/>
</span>
</button>
<!-- METADATA LIST -->
@ -23,7 +25,11 @@
}"
id="metadata-compress-button"
@click="isMetadataCompressed = !isMetadataCompressed">
<b-icon :icon="isMetadataCompressed ? 'menu-right' : 'menu-left'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowright' : isMetadataCompressed, 'tainacan-icon-arrowleft' : !isMetadataCompressed }"
class="tainacan-icon tainacan-icon-20px"/>
</span>
</button>
<aside
@ -35,7 +41,9 @@
<button
id="close-metadata-button"
@click="isMetadataCompressed = true">
<b-icon icon="close" />
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-close"/>
</span>
</button>
<hr>
</div>
@ -47,9 +55,11 @@
class="collapse-all is-size-7"
@click="collapseAll = !collapseAll">
{{ collapseAll ? $i18n.get('label_collapse_all') : $i18n.get('label_expand_all') }}
<b-icon
type="is-secondary"
:icon=" collapseAll ? 'menu-down' : 'menu-right'" />
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : collapseAll, 'tainacan-icon-arrowright' : !collapseAll}"
class="tainacan-icon tainacan-icon-20px"/>
</span>
</a>
<span
@ -69,9 +79,11 @@
class="label has-text-white"
slot="trigger"
slot-scope="props">
<b-icon
type="is-secondary"
:icon="props.open ? 'menu-down' : 'menu-right'"/>
<span class="icon">
<i
:class="{ 'tainacan-icon-arrowdown' : props.open, 'tainacan-icon-arrowright' : !props.open}"
class="has-text-secondary tainacan-icon tainacan-icon-20px"/>
</span>
<span
v-tooltip="{
content: metadatum.name,
@ -110,7 +122,7 @@
:style="{ visibility: (page > 1 && slideIndex <= 0) || slideIndex > 0 ? 'visible' : 'hidden' }"
class="slide-control-arrow arrow-left">
<span class="icon is-large">
<icon class="mdi mdi-48px mdi-chevron-left"/>
<icon class="tainacan-icon tainacan-icon-48px tainacan-icon-previous"/>
</span>
</button>
<div
@ -132,9 +144,9 @@
class="section">
<div class="content has-text-gray4 has-text-centered">
<p>
<b-icon
icon="file-multiple"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items" />
</span>
</p>
<p>{{ $i18n.get('info_no_item_found') }}</p>
</div>
@ -157,7 +169,7 @@
:style="{ visibility: (slideIndex < slideItems.length - 1) || page < totalPages ? 'visible' : 'hidden' }"
class="slide-control-arrow arrow-right">
<span class="icon is-large has-text-turoquoise5">
<icon class="mdi mdi-48px mdi-chevron-right"/>
<icon class="tainacan-icon tainacan-icon-48px tainacan-icon-next"/>
</span>
</button>
</section>
@ -174,10 +186,11 @@
:disabled="(slideIndex == slideItems.length - 1 && page == totalPages)"
class="play-button"
@click.stop.prevent="isPlaying = !isPlaying">
<b-icon
type="is-secondary"
size="is-medium"
:icon="isPlaying ? 'pause-circle' : 'play-circle' "/>
<span class="icon">
<i
:class="{ 'tainacan-icon-pause' : isPlaying, 'tainacan-icon-playfill' : !isPlaying }"
class="has-text-secondary tainacan-icon tainacan-icon-30px"/>
</span>
<circular-counter
v-if="isPlaying"
:time="this.slideTimeout/1000" />
@ -223,7 +236,7 @@
:style="{ visibility: (page > 1 && slideIndex <= 0) || slideIndex > 0 ? 'visible' : 'hidden' }"
class="slide-control-arrow slide-group-arrow arrow-left">
<span class="icon is-medium has-text-white">
<icon class="mdi mdi-24px mdi-chevron-left"/>
<icon class="tainacan-icon tainacan-icon-20px tainacan-icon-previous"/>
</span>
</button>
<button
@ -231,7 +244,7 @@
:style="{ visibility: (slideIndex < slideItems.length - 1) || page < totalPages ? 'visible' : 'hidden' }"
class="slide-control-arrow slide-group-arrow arrow-right">
<span class="icon is-medium has-text-white">
<icon class="mdi mdi-24px mdi-chevron-right"/>
<icon class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
</span>
</button>
</div>

6
src/theme-helper/view-mode-table.vue
View File

@ -7,9 +7,9 @@
class="section">
<div class="content has-text-gray4 has-text-centered">
<p>
<b-icon
icon="file-multiple"
size="is-large"/>
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items" />
</span>
</p>
<p>{{ $i18n.get('info_no_item_found') }}</p>
</div>

2
webpack.config.js
View File

@ -36,7 +36,7 @@ module.exports = {
exclude: /node_modules/,
},
{
test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2|svg|svgz)(\?.+)?$/,
test: /\.(png|jpg|jpeg|gif|eot|ttf|otf|woff|woff2|svg|svgz)(\?.+)?$/,
loader: 'file-loader'
},
{