CHIEFSOFT\ameye
85 lines
2.3 KiB
JavaScript
85 lines
2.3 KiB
JavaScript
/**
|
|
* @defgroup plugins_pubIds_urn_js
|
|
*/
|
|
/**
|
|
* @file plugins/pubIds/urn/js/FieldTextUrn.js
|
|
*
|
|
* Copyright (c) 2014-2021 Simon Fraser University
|
|
* Copyright (c) 2003-2021 John Willinsky
|
|
* Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
|
|
*
|
|
* @brief A Vue.js component for URN text form field, that is used for custom suffixes, and that considers adding a check number.
|
|
*/
|
|
var template = pkp.Vue.compile('<div class="pkpFormField pkpFormField--text pkpFormField--urn" :class="classes">' +
|
|
' <form-field-label' +
|
|
' :controlId="controlId"' +
|
|
' :label="label"' +
|
|
' :localeLabel="localeLabel"' +
|
|
' :isRequired="isRequired"' +
|
|
' :requiredLabel="__(\'common.required\')"' +
|
|
' :multilingualLabel="multilingualLabel"' +
|
|
' />' +
|
|
' <div' +
|
|
' v-if="isPrimaryLocale && description"' +
|
|
' class="pkpFormField__description"' +
|
|
' v-strip-unsafe-html="description"' +
|
|
' :id="describedByDescriptionId"' +
|
|
' />' +
|
|
' <div class="pkpFormField__control" :class="controlClasses">' +
|
|
' <input' +
|
|
' class="pkpFormField__input pkpFormField--text__input pkpFormField--urn__input"' +
|
|
' ref="input"' +
|
|
' v-model="currentValue"' +
|
|
' :type="inputType"' +
|
|
' :id="controlId"' +
|
|
' :name="localizedName"' +
|
|
' :aria-describedby="describedByIds"' +
|
|
' :aria-invalid="!!errors.length"' +
|
|
' :required="isRequired"' +
|
|
' :style="inputStyles"' +
|
|
' />' +
|
|
' <button' +
|
|
' v-if="applyCheckNumber"' +
|
|
' class="pkpButton pkpFormField--urn__button"' +
|
|
' @click.prevent="addCheckNumber"' +
|
|
' >' +
|
|
' {{ addCheckNumberLabel }}' +
|
|
' </button>' +
|
|
' <field-error' +
|
|
' v-if="errors.length"' +
|
|
' :id="describedByErrorId"' +
|
|
' :messages="errors"' +
|
|
' />' +
|
|
' </div>' +
|
|
' </div>' +
|
|
' </div>');
|
|
|
|
pkp.Vue.component('field-text-urn', {
|
|
name: 'FieldTextUrn',
|
|
extends: pkp.Vue.component('field-text'),
|
|
props: {
|
|
addCheckNumberLabel: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
urnPrefix: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
applyCheckNumber: {
|
|
type: Boolean,
|
|
required: true
|
|
}
|
|
},
|
|
methods: {
|
|
/**
|
|
* Add a check number to the end of the URN
|
|
*/
|
|
addCheckNumber() {
|
|
this.currentValue += $.pkp.plugins.generic.urn.getCheckNumber(this.currentValue, this.urnPrefix);
|
|
}
|
|
},
|
|
render: function(h) {
|
|
return template.render.call(this, h);
|
|
}
|
|
}); |