İstifadəçi:Qraf/common.js

// İstifadəçi səhifələri məzmunu üçün hazır düzəliş xülasələri
mw.loader.using(['@wikimedia/codex'], require => {
    var { createMwApp } = require('vue'),
        { CdxButton, CdxMenuButton } = require('@wikimedia/codex')

    const app = createMwApp({
        data: () => ({
            menuItems: [
                { label: 'Vandalizm', value: '[[VP:Vandalizm|Vandalizm]] geri qaytarılır' },
                { label: 'Reklam', value: '[[VP:İS]] : Reklam xarakterli məlumatlar' },
                { label: 'Əlaqəsiz', value: '[[VP:İS]] : Vikipediya ilə əlaqəsi olmayan məzmun' },
                { label: 'İri həcm', value: '[[VP:İS]] : İstifadəçi səhifəsinə yerləşdirilmiş böyük həcmdə bioqrafik məlumat' },
                { label: 'Polemika', value: '[[VP:İS]] : Polemika kimi qəbul edilə biləcək şəxsi fikirlər və sitatlar]]' },
                { label: 'Qeyri-ensiklopedik', value: '[[VP:İS]] : İstifadəçi səhifəsinə yerləşdirilmiş qeyri-[[Vikipediya:Ensiklopedik əhəmiyyətlilik|ensiklopedik]] materiallar' },
                { label: 'Məqalə deyil', value: '[[VP:İS]]: İstifadəçi səhifəsi məqalə deyil' },
                { label: 'Kateqoriya və şablon', value: '[[VP:İS]] : İstifadəçi səhifəsində məqalələr üçün nəzərdə tutulan şablon və kateqoriyalardan istifadə' },
                { label: 'İstiqamətləndirmə', value: '[[VP:İS]] : İstifadəçi səhifəsindən digər səhifəyə yönləndirmə' }
            ],
            selected: null
        }),
        methods: {
            fillInTheSummary(summary) {
                document.getElementById('wpSummary').value = document.getElementById('wpSummary').value.length === 0 ? summary : document.getElementById('wpSummary').value + ', ' + summary
            }
        },
        template: `
            <cdx-menu-button
                v-model:selected="selected"
                :menu-items="menuItems"
                @update:selected="fillInTheSummary"
            >
                <cdx-button
                    @click="e => e.preventDefault()"
                >
                    İstifadəçi səhifəsi üçün
                </cdx-button>
            </cdx-menu-button>
        `
    })
        .component('cdx-button', CdxButton)
        .component('cdx-menu-button', CdxMenuButton)

	if (mw.config.get('wgNamespaceNumber') === 2 || mw.config.get('wgNamespaceNumber') === 3) mw.hook('summaryButtons').add(() => app.mount(document.querySelector('.summaryButtons-groups').appendChild(document.createElement('div'))))
})