Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 | 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 46x 46x 46x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 14x 14x 7x 7x 7x 7x 7x 7x 7x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 7x 14x 14x 14x 14x 7x 7x 7x 7x 7x 7x 7x 7x 2x 2x 2x 1x 1x 1x 1x 1x 7x 7x 7x 6x 6x 7x 7x 7x 7x 7x 7x 7x 7x 7x 14x 8x 8x 8x 8x 8x 8x 8x 12x 6x 6x 6x 6x 6x 14x 7x 7x | /**
* WikiLambda Vue editor: Page title utils mixin
* Mixin with util functions to change page titles outside Vue scope
*
* @copyright 2020– Abstract Wikipedia team; see AUTHORS.txt
* @license MIT
*/
'use strict';
const Constants = require( '../Constants.js' ),
{ mapGetters } = require( 'vuex' );
module.exports = exports = {
data: function () {
return {
pageTitleObject: {}
};
},
computed: mapGetters( [
'getFallbackLanguageZids',
'getLabelData',
'getLanguageIsoCodeOfZLang',
'getRowByKeyPath',
'getUserLangZid',
'getZMonolingualTextValue',
'getZPersistentName',
'getZReferenceTerminalValue'
] ),
methods: {
/**
* Update the page title and language chip based on the provided data.
* - First construct a new page title object based on the provided name.
* - Then update the DOM elements of page title and language chip based on the new object.
*/
updatePageTitle: function () {
this.updatePageTitleObject();
this.updatePageTitleElements();
},
/**
* Update the DOM elements of page title and language chip based on the provided data
* - page title: update the page title with the provided title
* - language chip: update the language chip with the provided language code
*/
updatePageTitleElements: function () {
// eslint-disable-next-line no-jquery/no-global-selector
const $firstHeading = $( '#firstHeading' );
const $langChip = $firstHeading.find( '.ext-wikilambda-editpage-header--bcp47-code-name' );
const $pageTitle = $firstHeading.find( '.ext-wikilambda-editpage-header-title--function-name' ).first();
// Update the title
$pageTitle
.toggleClass( 'ext-wikilambda-editpage-header--title-untitled', !this.pageTitleObject.title )
.text( this.pageTitleObject.title || this.$i18n( 'wikilambda-editor-default-name' ).text() );
// Update the language chip
$langChip
.toggleClass( 'ext-wikilambda-editpage-header--bcp47-code-hidden', !this.pageTitleObject.hasChip )
.text( this.pageTitleObject.chip )
.attr( 'data-title', this.pageTitleObject.chipName );
},
/**
* Update the page title object based on the provided name;
* - Is there a title in my language?
* - Yes: { title: "Title", hasChip: false }
* - No: for each lang in fallback languages [ "A", "B", "C" ], check:
* - Is there a title in a fallback language?
* - Yes: { title: "Title", hasChip: true }
* - No: { title: null, hasChip: false }
* Finally update the title DOM elements to reflect the new state.
*/
updatePageTitleObject: function () {
const nameRow = this.getZPersistentName( this.getUserLangZid );
this.pageTitleObject = this.pageTitleObject || {};
// Is there a title in my language?
if ( nameRow ) {
// Yes
this.setPageTitleObject( nameRow, false );
} else {
// No
const fallbackLanguages = this.getFallbackLanguageZids
.slice( this.getFallbackLanguageZids.indexOf( this.getUserLangZid ) + 1 );
// Is there a title in a fallback language?
const hasTitle = fallbackLanguages.some( ( lang ) => {
const fallbackNameRow = this.getZPersistentName( lang );
// Yes, title in a fallback language
if ( fallbackNameRow ) {
this.setPageTitleObject( fallbackNameRow, true );
return true;
}
// No, no title available in a fallback language
return false;
} );
// No title available in any language
if ( !hasTitle ) {
this.setPageTitleObject( null, false );
}
}
},
/**
* Set the page title object based on the provided name object and chip flag
*
* @param {Object} nameRow - row for the monolingual object with the name to set
* @param {boolean} hasChip - flag to indicate if the language chip should be displayed
*/
setPageTitleObject: function ( nameRow, hasChip ) {
if ( nameRow ) {
const langRow = this.getRowByKeyPath( [ Constants.Z_MONOLINGUALSTRING_LANGUAGE ], nameRow.id );
const langZid = this.getZReferenceTerminalValue( langRow.id );
const langCode = this.getLanguageIsoCodeOfZLang( langZid );
this.pageTitleObject.title = this.getZMonolingualTextValue( nameRow.id );
this.pageTitleObject.hasChip = hasChip;
this.pageTitleObject.chip = langCode;
this.pageTitleObject.chipName = this.getLabelData( langZid ).label;
} else {
this.pageTitleObject.title = null;
this.pageTitleObject.hasChip = false;
this.pageTitleObject.chip = null;
this.pageTitleObject.chipName = null;
}
}
}
};
|