##RELOAD_LINK##",
- "eucc-learn-more": "Label for the link leading to a page where the user can learn more about the Wikimedia movement.\n\nDo not translate ##INFO PAGE##.",
"eucc-contact-button-call-short-label": "Short label for the button \"call your representative\".",
"eucc-contact-button-tweet-short-label": "Short label for the button \"tweet your representative\".",
"eucc-contact-button-call-label": "Long label for the button \"call your representative\".",
"eucc-contact-button-tweet-label": "Long label for the button \"tweet your representative\". Parameter:\n* $1 - Twitter username of the representative",
"eucc-contact-top-alternatives-text": "Text appearing before the email form, to offer instructions and alternative ways to contact a representative.\n\nParameters:\n* $1 - a verb representing an alternative action, such as \"tweet\"\n* $2 - a verb representing an alternative action, such as \"call\"",
"eucc-contact-button-generate-mail-label": "Button label to generate the text of an email from the form data and display it in a dialog.",
"eucc-dialog-mark-as-done-label": "Label for button that marks the action as done",
"eucc-mail-dialog-copy-text-label": "Label for the button to copy the text of the email.",
"eucc-mail-dialog-send-mail-label": "Label for the button to send the email from a local email client.",
"eucc-mail-dialog-title": "Title of the email dialog",
"eucc-mail-dialog-top-label": "Label for the form to send the email content",
"eucc-mail-dialog-target-rep": "Representative info when sending email. Parameters:\n* $1 - Representative name\n* $2 - Representative email address",
"eucc-call-dialog-title": "Title of the call dialog",
"eucc-tweet-at-rep-default-text": "Default text when tweeting at representatives",
"eucc-twitter-dialog-title": "Title of tweet dialog",
"eucc-contact-top-alternatives-only-phone-text": "Text appearing before the email form, offering instructions and alternative ways to contact a representative - without Twitter."
}
diff --git a/resources/ui/widget/Contact.js b/resources/ui/widget/Contact.js
index b5f55cc..1adbc97 100644
--- a/resources/ui/widget/Contact.js
+++ b/resources/ui/widget/Contact.js
@@ -1,459 +1,470 @@
( function( mw, $ ) {
eucc.ui.ContactWidget = function( cfg ) {
this.representative = cfg.representative;
this.country = cfg.country;
this.countryNameOfficial = this.getCountryNameOfficial();
eucc.ui.ContactWidget.parent.call( this, cfg );
this.compiledText = '';
this.dirty = false;
this.windowManager = OO.ui.getWindowManager();
this.makeTopAlternatives();
this.makeTextComposition();
this.makeButtons();
this.$element.append(
this.$textContainerOuter,
this.buttonsLayout.$element
);
this.$element.addClass( 'eucc-contact-widget' );
};
OO.inheritClass( eucc.ui.ContactWidget, OO.ui.Widget );
eucc.ui.ContactWidget.static.tagName = 'div';
eucc.ui.ContactWidget.prototype.getCountryNameOfficial = function() {
var countryName = this.country.name;
var countryNames = countryName.split( '/' );
if( countryNames.length > 1 ) {
return countryNames[ 0 ].trim();
}
return countryName;
};
eucc.ui.ContactWidget.prototype.makeTopAlternatives = function() {
this.$topAlternativesContainer = $( '' + greetingText + '
').toString(), new OO.ui.HtmlSnippet( '' + userInfo + '
').toString(), this.customTextWidget.$element, new OO.ui.HtmlSnippet( '' + firstPart + '
').toString(), new OO.ui.HtmlSnippet( '' + preIssueText + '
').toString(), this.issueSelector.$element, new OO.ui.HtmlSnippet( '' + secondPart + '
').toString(), new OO.ui.HtmlSnippet( '' + outro + '
').toString(), new OO.ui.HtmlSnippet( '' + complimentaryClose + '
').toString(), this.emailInput.$element, this.$newsletterContainer ); this.$textContainer.find( 'input[name="first_name"]' ).replaceWith( this.firstNameInput.$element ); this.$textContainer.find( 'input[name="last_name"]' ).replaceWith( this.lastNameInput.$element ); this.$textContainerOuter.append( this.$textContainer ); }; eucc.ui.ContactWidget.prototype.makeInputs = function() { this.firstNameInput = new OO.ui.TextInputWidget( { placeholder: mw.message( 'eucc-email-first-name-input-placeholder' ).text(), required: true, name: 'first_name' } ); this.firstNameInput.on( 'change', this.onInputChange.bind( this ) ); this.lastNameInput = new OO.ui.TextInputWidget( { placeholder: mw.message( 'eucc-email-last-name-input-placeholder' ).text(), required: true, name: 'last_name' } ); this.lastNameInput.on( 'change', this.onInputChange.bind( this ) ); this.customTextWidget = new OO.ui.MultilineTextInputWidget( { autosize: true, placeholder: mw.message( 'eucc-email-custom-text-placeholder' ).text(), } ); this.customTextWidget.$element.addClass( 'eucc-multiline-text-input' ); this.customTextWidget.on( 'change', this.onInputChange.bind( this ) ); var issueSelectorItems = []; var first = true; for( var idx in this.issues ) { var issue = this.issues[ idx ]; issueSelectorItems.push( new eucc.ui.CheckboxMultioptionTextWidget( { data: mw.message( issue.labelKey ).text(), label: mw.message( issue.labelKey ).text(), contentText: mw.message( issue.textKey ).text(), selected: first || false } ) ); first = false; } this.issueSelector = new OO.ui.CheckboxMultiselectWidget( { items: issueSelectorItems } ); this.issueSelector.on( 'change', this.onInputChange.bind( this ) ); this.emailInput = new OO.ui.TextInputWidget( { type: 'email', name: 'email', required: true, placeholder: mw.message( 'eucc-email-email-input-placeholder' ).text(), } ); this.emailInput.on( 'change', this.onInputChange.bind( this ) ); }; eucc.ui.ContactWidget.prototype.makeNewsletterContainer = function() { this.newsletterCheckbox = new OO.ui.CheckboxInputWidget( { selected: false, name: 'newsletter' } ); this.newsletterCheckbox.on( 'change', this.onInputChange.bind( this ) ); var ibmWatsonLink = "##IBM_WATSON_LABEL##"; ibmWatsonLink = ibmWatsonLink.replace( '##IBM_WATSON_URL##', mw.config.get( 'euccMailingListPrivacyPolicyURL' ) ); ibmWatsonLink = ibmWatsonLink.replace( '##IBM_WATSON_LABEL##', mw.message( 'eucc-email-privacy-policy-label' ).escaped() ); var label = mw.message( 'eucc-email-newsletter-label' ).escaped(); label = label.replace( '$1', ibmWatsonLink ); this.newsletterLabel = new OO.ui.LabelWidget( { label: new OO.ui.HtmlSnippet( '' + label + '' ), input: this.newsletterCheckbox } ); this.$newsletterContainer = $( '