| Current Path : /var/www/homesaver/www/bitrix/js/catalog/warehouse-master/src/components/ |
| Current File : /var/www/homesaver/www/bitrix/js/catalog/warehouse-master/src/components/footer.js |
import { mapGetters, mapMutations } from 'ui.vue3.vuex';
export const Footer = {
computed: {
getButtonClass(): Array
{
const classes = [
'ui-btn',
'ui-btn-round',
'ui-btn-no-caps',
'ui-btn-lg',
'catalog-warehouse__master-clear--btn',
];
if (this.isLoading === true)
{
classes.push('ui-btn-wait');
}
if (this.isRestrictedAccess === true)
{
classes.push('ui-btn-disabled');
}
if (this.isUsed === true)
{
classes.push('ui-btn-default');
}
else
{
classes.push('ui-btn-success');
}
return classes;
},
getHintClass(): Array
{
return [
'ui-link-dashed',
'catalog-warehouse__master-clear--hint',
];
},
getButtonText(): String
{
return this.isUsed
? this.$Bitrix.Loc.getMessage('CAT_WAREHOUSE_MASTER_NEW_DEACTIVATE_BUTTON')
: this.$Bitrix.Loc.getMessage('CAT_WAREHOUSE_MASTER_NEW_ACTIVATE_BUTTON');
},
...mapGetters([
'isLoading',
'isUsed',
'isRestrictedAccess',
]),
},
methods: {
openHelpdesk()
{
if (top.BX.Helper)
{
top.BX.Helper.show('redirect=detail&code=14566618');
}
},
onButtonClick()
{
this.$emit('onButtonClick');
},
...mapMutations([
'setIsLoading',
]),
},
// language = Vue
template: `
<div class="catalog-warehouse__master-clear--footer">
<button
:class="getButtonClass"
v-on:click="onButtonClick"
>{{ getButtonText }}</button>
<span
:class="getHintClass"
v-on:click="openHelpdesk"
>
{{ $Bitrix.Loc.getMessage('CAT_WAREHOUSE_MASTER_NEW_HINT_MORE') }}
</span>
</div>
`,
};