Adds back i18n function to router. Adds buttons ids for tests in collection and items lists.

This commit is contained in:
mateuswetah 2018-02-26 15:52:33 -03:00
parent 5aa78c9a4a
commit 498a2e0af8
4 changed files with 35 additions and 26 deletions

View File

@ -47,9 +47,9 @@
</b-table-column>
<b-table-column tabindex="0" label="Ações" width="110" :aria-label="$i18n.get('label_ações')">
<a :aria-label="$i18n.get('label_button_view')" @click.prevent.stop="goToCollectionPage(props.row.id)"><b-icon icon="eye"></a>
<a :aria-label="$i18n.get('label_button_edit')" @click.prevent.stop="goToCollectionEditPage(props.row.id)"><b-icon icon="pencil"></a>
<a :aria-label="$i18n.get('label_button_delete')" @click.prevent.stop="deleteOneCollection(props.row.id)"><b-icon icon="delete"></a>
<a id="button-view" :aria-label="$i18n.get('label_button_view')" @click.prevent.stop="goToCollectionPage(props.row.id)"><b-icon icon="eye"></a>
<a id="button-edit" :aria-label="$i18n.get('label_button_edit')" @click.prevent.stop="goToCollectionEditPage(props.row.id)"><b-icon icon="pencil"></a>
<a id="button-delete" :aria-label="$i18n.get('label_button_delete')" @click.prevent.stop="deleteOneCollection(props.row.id)"><b-icon icon="delete"></a>
</b-table-column>
</template>

View File

@ -59,9 +59,9 @@
<img class="table-thumb" :src="`${ props.row[column.slug] }`"/>
</template>
<template v-if="column.field == 'row_actions'">
<a @click.prevent.stop="goToItemPage(props.row.id)"><b-icon icon="eye"></a>
<a @click.prevent.stop="goToItemEditPage(props.row.id)"><b-icon icon="pencil"></a>
<a @click.prevent.stop="deleteOneItem(props.row.id)"><b-icon icon="delete"></a>
<a id="button-view" @click.prevent.stop="goToItemPage(props.row.id)"><b-icon icon="eye"></a>
<a id="button-edit" @click.prevent.stop="goToItemEditPage(props.row.id)"><b-icon icon="pencil"></a>
<a id="button-delete" @click.prevent.stop="deleteOneItem(props.row.id)"><b-icon icon="delete"></a>
</template>
</b-table-column>
@ -77,7 +77,9 @@
</b-icon>
</p>
<p>Nenhum item ainda nesta coleção.</p>
<router-link tag="button" class="button is-primary"
<router-link
id="button-create"
tag="button" class="button is-primary"
:to="{ path: `/collections/${collectionId}/items/new` }">
Criar Item
</router-link>

View File

@ -21,35 +21,40 @@ import FieldsList from '../components/fields-list.vue'
Vue.use(VueRouter);
const i18nGet = function (key) {
let string = wp_settings.i18n[key];
return (string != undefined && string != null && string != '' ) ? string : "ERROR: Invalid i18n key!";
}
const routes = [
{ path: '/', redirect:'/collections' },
{ path: '/collections', name: 'CollectionsPage', component: CollectionsPage, meta: {title: 'page_title_collections_page'} },
{ path: '/collections/new', name: 'CollectionEditionPage', component: CollectionEditionPage, meta: {title: 'page_title_create_collection'} },
{ path: '/collections', name: 'CollectionsPage', component: CollectionsPage, meta: {title: i18nGet('page_title_collections_page')} },
{ path: '/collections/new', name: 'CollectionEditionPage', component: CollectionEditionPage, meta: {title: i18nGet('page_title_create_collection')} },
{ path: '/collections/:id', name: 'CollectionPage', component: CollectionPage, meta: {title: 'page_title_collection_page'},
{ path: '/collections/:id', name: 'CollectionPage', component: CollectionPage, meta: {title: i18nGet('page_title_collection_page')},
children: [
{ path: '', component: ItemsList, name: 'ItemsList', meta: {title: 'Items List'} },
{ path: 'items', component: ItemsList, name: 'ItemsList', meta: {title: 'Items List'} },
{ path: 'edit', component: CollectionEditionPage, name: 'CollectionEditionPage', meta: {title: 'page_title_collection_edition'} },
{ path: 'fields', component: FieldsList, name: 'FieldsList', meta: {title: 'Fields List'} },
{ path: 'filters', component: FiltersList, name: 'FiltersList', meta: {title: 'Filters List'} }
{ path: '', component: ItemsList, name: 'ItemsList', meta: {title: i18nGet('page_title_collection_page')} },
{ path: 'items', component: ItemsList, name: 'ItemsList', meta: {title: i18nGet('page_title_collection_page')} },
{ path: 'edit', component: CollectionEditionPage, name: 'CollectionEditionPage', meta: {title: i18nGet('page_title_collection_edition')} },
{ path: 'fields', component: FieldsList, name: 'FieldsList', meta: {title: i18nGet('page_title_collection_page')} },
{ path: 'filters', component: FiltersList, name: 'FiltersList', meta: {title: i18nGet('page_title_collection_page')} }
]
},
{ path: 'items/new', name: 'ItemEditionPage', component: ItemEditionPage, meta: {title: 'page_title_create_item'} },
{ path: '/collections/:collection_id/items/:id/edit', name: 'ItemEditionPage', component: ItemEditionPage, meta: {title: 'page_title_item_edition'} },
{ path: '/collections/:collection_id/items/new', name: 'ItemCreatePage', component: ItemEditionPage, meta: {title: 'page_title_create_item'} },
{ path: '/collections/:collection_id/items/:id', name: 'ItemPage', component: ItemPage, meta: {title: 'page_title_item_page'} },
{ path: 'items/new', name: 'ItemEditionPage', component: ItemEditionPage, meta: {title: i18nGet('page_title_create_item')} },
{ path: '/collections/:collection_id/items/:id/edit', name: 'ItemEditionPage', component: ItemEditionPage, meta: {title: i18nGet('page_title_item_edition')} },
{ path: '/collections/:collection_id/items/new', name: 'ItemCreatePage', component: ItemEditionPage, meta: {title: i18nGet('page_title_create_item')} },
{ path: '/collections/:collection_id/items/:id', name: 'ItemPage', component: ItemPage, meta: {title: i18nGet('page_title_item_page')} },
{ path: '/items', name: 'ItemsPage', component: ItemsPage, meta: {title: 'page_title_items_page'} },
{ path: '/items', name: 'ItemsPage', component: ItemsPage, meta: {title: i18nGet('page_title_items_page')} },
{ path: '/filters', name: 'FiltersPage', component: FiltersPage, meta: {title: 'page_title_filters_page'} },
{ path: '/filters', name: 'FiltersPage', component: FiltersPage, meta: {title: i18nGet('page_title_filters_page')} },
{ path: '/fields', name: 'FieldsPage', component: FieldsPage, meta: {title: 'page_title_fields_page'} },
{ path: '/fields', name: 'FieldsPage', component: FieldsPage, meta: {title: i18nGet('page_title_fields_page')} },
{ path: '/categories', name: 'CategoriesPage', component: CategoriesPage, meta: {title: 'page_title_categories_page'} },
{ path: '/categories', name: 'CategoriesPage', component: CategoriesPage, meta: {title: i18nGet('page_title_categories_page')} },
{ path: '/events', name: 'EventsPage', component: EventsPage, meta: {title: 'page_title_events_page'} },
{ path: '/events', name: 'EventsPage', component: EventsPage, meta: {title: i18nGet('page_title_events_page')} },
{ path: '*', redirect: '/'}
]

View File

@ -48,10 +48,12 @@
</b-upload>
</b-field>
<button
id="button-cancel-collection-creation"
class="button"
type="button"
@click="cancelBack">Cancelar</button>
<a
id="button-submit-collection-creation"
@click="onSubmit"
class="button is-success is-hovered">Salvar</a>
</form>