New view modes icons and re-label Grid view mode as Thumbnail View mode.

This commit is contained in:
Mateus Machado Luna 2018-07-16 13:48:55 -03:00
parent f58cb7cc23
commit ef2a7a9694
3 changed files with 12 additions and 13 deletions

View File

@ -283,10 +283,10 @@
<span> <span>
<span class="icon is-small gray-icon"> <span class="icon is-small gray-icon">
<i <i
:class="{'mdi-table' : ( adminViewMode == 'table' || adminViewMode == undefined), :class="{'mdi-view-list' : ( adminViewMode == 'table' || adminViewMode == undefined),
'mdi-view-list' : adminViewMode == 'cards', 'mdi-view-module' : adminViewMode == 'cards',
'mdi-view-grid' : adminViewMode == 'grid', 'mdi-apps' : adminViewMode == 'grid',
'mdi-view-module' : adminViewMode == 'records'}" 'mdi-view-column' : adminViewMode == 'records'}"
class="mdi"/> class="mdi"/>
</span> </span>
</span> </span>
@ -298,7 +298,7 @@
:value="'table'"> :value="'table'">
<b-icon <b-icon
class="gray-icon" class="gray-icon"
icon="table"/> icon="view-list"/>
{{ $i18n.get('label_table') }} {{ $i18n.get('label_table') }}
</b-dropdown-item> </b-dropdown-item>
<b-dropdown-item <b-dropdown-item
@ -306,7 +306,7 @@
:value="'cards'"> :value="'cards'">
<b-icon <b-icon
class="gray-icon" class="gray-icon"
icon="view-list"/> icon="view-module"/>
{{ $i18n.get('label_cards') }} {{ $i18n.get('label_cards') }}
</b-dropdown-item> </b-dropdown-item>
<b-dropdown-item <b-dropdown-item
@ -314,15 +314,15 @@
:value="'grid'"> :value="'grid'">
<b-icon <b-icon
class="gray-icon" class="gray-icon"
icon="view-grid"/> icon="apps"/>
{{ $i18n.get('label_grid') }} {{ $i18n.get('label_thumbnail') }}
</b-dropdown-item> </b-dropdown-item>
<b-dropdown-item <b-dropdown-item
:class="{ 'is-active': adminViewMode == 'records' }" :class="{ 'is-active': adminViewMode == 'records' }"
:value="'records'"> :value="'records'">
<b-icon <b-icon
class="gray-icon" class="gray-icon"
icon="view-module"/> icon="view-column"/>
{{ $i18n.get('label_records') }} {{ $i18n.get('label_records') }}
</b-dropdown-item> </b-dropdown-item>
</b-dropdown> </b-dropdown>

View File

@ -227,7 +227,6 @@ return apply_filters( 'tainacan-admin-i18n', [
'label_view_modes_available' => __( 'View modes available on theme', 'tainacan' ), 'label_view_modes_available' => __( 'View modes available on theme', 'tainacan' ),
'label_warning' => __( 'Warning', 'tainacan' ), 'label_warning' => __( 'Warning', 'tainacan' ),
'label_error' => __( 'Erro', 'tainacan' ), 'label_error' => __( 'Erro', 'tainacan' ),
'label_grid' => __( 'Grid', 'tainacan' ),
'label_table' => __( 'Table', 'tainacan' ), 'label_table' => __( 'Table', 'tainacan' ),
'label_cards' => __( 'Cards', 'tainacan' ), 'label_cards' => __( 'Cards', 'tainacan' ),
'label_records' => __( 'Records', 'tainacan' ), 'label_records' => __( 'Records', 'tainacan' ),

View File

@ -52,21 +52,21 @@ class Theme_Helper {
$this->register_view_mode('table', [ $this->register_view_mode('table', [
'label' => __('Table', 'tainacan'), 'label' => __('Table', 'tainacan'),
'dynamic_metadata' => true, 'dynamic_metadata' => true,
'icon' => '<span class="icon"><i class="mdi mdi-table mdi-24px"></i></span>', 'icon' => '<span class="icon"><i class="mdi mdi-view-list mdi-24px"></i></span>',
'type' => 'component', 'type' => 'component',
]); ]);
$this->register_view_mode('cards', [ $this->register_view_mode('cards', [
'label' => __('Cards view', 'tainacan'), 'label' => __('Cards view', 'tainacan'),
'dynamic_metadata' => false, 'dynamic_metadata' => false,
'description' => 'A cards view, displaying title, description, author name and creation date.', 'description' => 'A cards view, displaying title, description, author name and creation date.',
'icon' => '<span class="icon"><i class="mdi mdi-view-list mdi-24px"></i></span>', 'icon' => '<span class="icon"><i class="mdi mdi-view-module mdi-24px"></i></span>',
'type' => 'component' 'type' => 'component'
]); ]);
$this->register_view_mode('records', [ $this->register_view_mode('records', [
'label' => __('Records view', 'tainacan'), 'label' => __('Records view', 'tainacan'),
'dynamic_metadata' => true, 'dynamic_metadata' => true,
'description' => 'A records view, similiar to cards, but flexible for metadata', 'description' => 'A records view, similiar to cards, but flexible for metadata',
'icon' => '<span class="icon"><i class="mdi mdi-view-module mdi-24px"></i></span>', 'icon' => '<span class="icon"><i class="mdi mdi-view-column mdi-24px"></i></span>',
'type' => 'component' 'type' => 'component'
]); ]);
} }