PaymentSummaryDisplayHandler.update - Code Metrics - Inspection of "[WIP] T177934 First steps layout & content pages" - wmde/FundraisingFrontend - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Pull Request — master (#981)

by wiese

created 2017-11-06 10:04 UTC

PaymentSummaryDisplayHandler.update C

↳ Parent: skins/cat17/src/app/lib/view_handler/display_payment_summary.js

Complexity

Conditions	8
Paths	64

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	0

Metric	Value
cc	8
c	1
b	0
f	0
nc	64
dl	0
loc	71
rs	6.4391
nop	1

4 Functions

Rating	Size	Complexity
A	5	2
A	8	3
A	8	3
A	5	2

How to fix Long Method

'use strict';
var objectAssign = require( 'object-assign' ),
  PaymentSummaryDisplayHandler = {
    intervalElement: null,
    amountElement: null,
    paymentTypeElement: null,
    intervalTranslations: null,
    paymentTypeTranslations: null,
    numberFormatter: null,
    intervalIconElement: null,
    intervalIcons: null,
    paymentIconsElement: null,
    paymentIcons: null,
    periodicityTextElement: null,
    periodicityText: null,
    paymentElement: null,
    paymentText: null,
    addressTypeIconElement: null,
    addressTypeIcon: null,
    addressTypeElement: null,
    addressType: null,
    addressTypeTextElement: null,
    countriesDictionary: {'DE': 'Deutschland', 'AT': 'Österreich', 'CH': 'Schweiz', 'BE': 'Belgien', 'IT': 'Italien', 'LU': 'Luxemburg'},
    intervalTextElement: null,
    intervalText: null,
    memberShipTypeElement: null,
    memberShipType: null,
    memberShipTypeIconElement: null,
    memberShipTypeIcon: null,
    memberShipTypeTextElement: null,
    memberShipTypeText: null,
    update: function ( formContent ) {
      this.intervalElement.text( this.formatPaymentInterval( formContent.paymentIntervalInMonths ) );
      this.intervalTextElement.text( this.intervalText[formContent.paymentIntervalInMonths] );

      var amountFormat = this.numberFormatter.format(formContent.amount);
      this.amountElement.each(function () {
        if (formContent.amount > 0 || $(this).data('display-error') === undefined) {
          $(this).text(amountFormat);
        }
        else {
          $(this).text('Betrag');
        }
      });

      var paymentTypeText = this.formatPaymentType( formContent.paymentType );
      this.paymentTypeElement.each(function () {
        if (formContent.paymentType !== "" || $(this).data('display-error') === undefined) {
          $(this).text(paymentTypeText);
        }
        else {
          $(this).text('Zahlart');
        }
      });

      this.setSummaryIcon(this.intervalIconElement, formContent.paymentIntervalInMonths, this.intervalIcons);
      this.setSummaryIcon(this.paymentIconsElement, formContent.paymentType, this.paymentIcons);
      this.periodicityTextElement.text( this.periodicityText[formContent.paymentIntervalInMonths] );

      var paymentTextFormatted = this.paymentText[formContent.paymentType];
      if (formContent.paymentType == "BEZ") {
        paymentTextFormatted = '<div class="col-lg-6 no-gutter">' + paymentTextFormatted + "</div>";
        paymentTextFormatted = paymentTextFormatted.replace('<br />', '</div><div class="col-lg-6 no-gutter">');

        if (formContent.accountNumber && formContent.bankCode) {
          paymentTextFormatted = "<dl class='bank-info'><div><dt>Kontonummer</dt><dd>"+formContent.accountNumber+"</dd></div>" +
            "<div><dt>Bankleitzahl</dt><dd>"+formContent.bankCode+"</dd></div></dl>" + paymentTextFormatted;
        }
        else if (formContent.iban && formContent.bic) {
          paymentTextFormatted = "<dl class='bank-info'><div><dt>IBAN</dt><dd>"+formContent.iban+"</dd></div>" +
          "<div><dt>BIC</dt><dd>"+formContent.bic+"</dd></div></dl>" + paymentTextFormatted;
        }
      }
      this.paymentElement.html(paymentTextFormatted);
      this.setSummaryIcon(this.addressTypeIconElement, formContent.addressType, this.addressTypeIcon);

      if (formContent.addressType != "") {
        this.addressTypeElement.text(this.addressType[formContent.addressType]);
      }
      else {
        this.addressTypeElement.each(function () {
          if ($(this).data('display-error') === undefined) {
            $(this).text("Daten noch nicht ausgewählt.");
          }
        });
      }

      this.addressTypeTextElement.html(this.getAddressSummaryContent(formContent));

      if (this.memberShipTypeElement) {
        var textMemberShipType = this.memberShipType[formContent.membershipType];
        this.memberShipTypeElement.each(function () {
          if (formContent.membershipType) {
            $(this).text(textMemberShipType);
          }
        });

        this.setSummaryIcon(this.memberShipTypeIconElement, formContent.membershipType, this.memberShipTypeIcon);

        this.memberShipTypeTextElement.text(this.memberShipTypeText[formContent.membershipType]);
      }
    },
    capitalize: function (s) {
      return s[0].toUpperCase() + s.slice(1);
    },
    formatPaymentInterval: function ( paymentIntervalInMonths ) {
      return this.intervalTranslations[ paymentIntervalInMonths ];
    },
    formatPaymentType: function ( paymentType ) {
      return paymentType=="" ? String("Zahlung noch nicht ausgewählt.") : this.paymentTypeTranslations[ paymentType ];
    },
    getAddressSummaryContent: function (formContent) {
      if (formContent.addressType === "person") {
        return (
          formContent.firstName && formContent.lastName ?
            (formContent.salutation ? this.capitalize(formContent.salutation) : "") + " " +
            (formContent.title ? this.capitalize(formContent.title) : "") + " " +
            formContent.firstName + " " + formContent.lastName + "<br />"
            : ""
        ) +
        (formContent.street ? formContent.street + "<br />" : "") +
        (formContent.postcode && formContent.city ? formContent.postcode + " " + formContent.city + "<br />" : "") +
        ( formContent.country ? this.countriesDictionary[formContent.country] + "<br />" : "") +
        formContent.email;
      }
      else if (formContent.addressType === 'firma') {
        return (formContent.companyName ? formContent.companyName + "<br />" : "") +
        (formContent.contactPerson ? formContent.contactPerson + "<br />" : "") +
        (formContent.street ? formContent.street + "<br />" : "") +
        (formContent.postcode && formContent.city ? formContent.postcode + " " + formContent.city + "<br />" : "") +
        ( formContent.country ? this.countriesDictionary[formContent.country] + "<br />" : "") +
        formContent.email;
      }

      return "";
    },
    setSummaryIcon: function (elements, value, iconsDictionary) {
      elements.removeClass('icon-error');
      if (elements.length && elements.get(0).className.split(' ').length > 1) {
        elements.removeClass(elements.get(0).className.split(' ').pop());
      }
      if (iconsDictionary[value] === undefined) {
        elements.each(function() {
          if ($(this).data('display-error') === undefined) {
            $(this).addClass('icon-error');
          }
        });
      }
      else {
        elements.addClass( iconsDictionary[value] );
      }
    }
  };

module.exports = {
  createPaymentSummaryDisplayHandler: function ( intervalElement, amountElement, paymentTypeElement,
                                                 intervalTranslations, paymentTypeTranslations, numberFormatter,
                                                 intervalIconElement, intervalIcons, paymentIconsElement, paymentIcons,
                                                 periodicityTextElement, periodicityText, paymentElement, paymentText,
                                                 addressTypeIconElement, addressTypeIcon, addressTypeElement, addressType,
                                                 addressTypeTextElement, intervalTextElement, intervalText,
                                                 memberShipTypeElement, memberShipType, memberShipTypeIconElement,
                                                 memberShipTypeIcon, memberShipTypeTextElement, memberShipTypeText) {
    return objectAssign( Object.create( PaymentSummaryDisplayHandler ), {
      intervalElement: intervalElement,
      amountElement: amountElement,
      paymentTypeElement: paymentTypeElement,
      intervalTranslations: intervalTranslations,
      paymentTypeTranslations: paymentTypeTranslations,
      numberFormatter: numberFormatter,
      intervalIconElement: intervalIconElement,
      intervalIcons: intervalIcons,
      paymentIconsElement: paymentIconsElement,
      paymentIcons: paymentIcons,
      periodicityTextElement: periodicityTextElement,
      periodicityText: periodicityText,
      paymentElement: paymentElement,
      paymentText: paymentText,
      addressTypeIconElement: addressTypeIconElement,
      addressTypeIcon: addressTypeIcon,
      addressTypeElement: addressTypeElement,
      addressType: addressType,
      addressTypeTextElement: addressTypeTextElement,
      intervalTextElement: intervalTextElement,
      intervalText: intervalText,
      memberShipTypeElement: memberShipTypeElement,
      memberShipType: memberShipType,
      memberShipTypeIconElement: memberShipTypeIconElement,
      memberShipTypeIcon: memberShipTypeIcon,
      memberShipTypeTextElement: memberShipTypeTextElement,
      memberShipTypeText: memberShipTypeText
    } );
  }
};


1			'use strict';
2			var objectAssign = require( 'object-assign' ),
3			PaymentSummaryDisplayHandler = {
4			intervalElement: null,
5			amountElement: null,
6			paymentTypeElement: null,
7			intervalTranslations: null,
8			paymentTypeTranslations: null,
9			numberFormatter: null,
10			intervalIconElement: null,
11			intervalIcons: null,
12			paymentIconsElement: null,
13			paymentIcons: null,
14			periodicityTextElement: null,
15			periodicityText: null,
16			paymentElement: null,
17			paymentText: null,
18			addressTypeIconElement: null,
19			addressTypeIcon: null,
20			addressTypeElement: null,
21			addressType: null,
22			addressTypeTextElement: null,
23			countriesDictionary: {'DE': 'Deutschland', 'AT': 'Österreich', 'CH': 'Schweiz', 'BE': 'Belgien', 'IT': 'Italien', 'LU': 'Luxemburg'},
24			intervalTextElement: null,
25			intervalText: null,
26			memberShipTypeElement: null,
27			memberShipType: null,
28			memberShipTypeIconElement: null,
29			memberShipTypeIcon: null,
30			memberShipTypeTextElement: null,
31			memberShipTypeText: null,
32			update: function ( formContent ) {
33			this.intervalElement.text( this.formatPaymentInterval( formContent.paymentIntervalInMonths ) );
34			this.intervalTextElement.text( this.intervalText[formContent.paymentIntervalInMonths] );
35
36			var amountFormat = this.numberFormatter.format(formContent.amount);
37			this.amountElement.each(function () {
38			if (formContent.amount > 0 \|\| $(this).data('display-error') === undefined) {
39			$(this).text(amountFormat);
40			}
41			else {
42			$(this).text('Betrag');
43			}
44			});
45
46			var paymentTypeText = this.formatPaymentType( formContent.paymentType );
47			this.paymentTypeElement.each(function () {
48			if (formContent.paymentType !== "" \|\| $(this).data('display-error') === undefined) {
49			$(this).text(paymentTypeText);
50			}
51			else {
52			$(this).text('Zahlart');
53			}
54			});
55
56			this.setSummaryIcon(this.intervalIconElement, formContent.paymentIntervalInMonths, this.intervalIcons);
57			this.setSummaryIcon(this.paymentIconsElement, formContent.paymentType, this.paymentIcons);
58			this.periodicityTextElement.text( this.periodicityText[formContent.paymentIntervalInMonths] );
59
60			var paymentTextFormatted = this.paymentText[formContent.paymentType];
61			if (formContent.paymentType == "BEZ") {
62			paymentTextFormatted = '<div class="col-lg-6 no-gutter">' + paymentTextFormatted + "</div>";
63			paymentTextFormatted = paymentTextFormatted.replace('<br />', '</div><div class="col-lg-6 no-gutter">');
64
65			if (formContent.accountNumber && formContent.bankCode) {
66			paymentTextFormatted = "<dl class='bank-info'><div><dt>Kontonummer</dt><dd>"+formContent.accountNumber+"</dd></div>" +
67			"<div><dt>Bankleitzahl</dt><dd>"+formContent.bankCode+"</dd></div></dl>" + paymentTextFormatted;
68			}
69			else if (formContent.iban && formContent.bic) {
70			paymentTextFormatted = "<dl class='bank-info'><div><dt>IBAN</dt><dd>"+formContent.iban+"</dd></div>" +
71			"<div><dt>BIC</dt><dd>"+formContent.bic+"</dd></div></dl>" + paymentTextFormatted;
72			}
73			}
74			this.paymentElement.html(paymentTextFormatted);
75			this.setSummaryIcon(this.addressTypeIconElement, formContent.addressType, this.addressTypeIcon);
76
77			if (formContent.addressType != "") {
78			this.addressTypeElement.text(this.addressType[formContent.addressType]);
79			}
80			else {
81			this.addressTypeElement.each(function () {
82			if ($(this).data('display-error') === undefined) {
83			$(this).text("Daten noch nicht ausgewählt.");
84			}
85			});
86			}
87
88			this.addressTypeTextElement.html(this.getAddressSummaryContent(formContent));
89
90			if (this.memberShipTypeElement) {
91			var textMemberShipType = this.memberShipType[formContent.membershipType];
92			this.memberShipTypeElement.each(function () {
93			if (formContent.membershipType) {
94			$(this).text(textMemberShipType);
95			}
96			});
97
98			this.setSummaryIcon(this.memberShipTypeIconElement, formContent.membershipType, this.memberShipTypeIcon);
99
100			this.memberShipTypeTextElement.text(this.memberShipTypeText[formContent.membershipType]);
101			}
102			},
103			capitalize: function (s) {
104			return s[0].toUpperCase() + s.slice(1);
105			},
106			formatPaymentInterval: function ( paymentIntervalInMonths ) {
107			return this.intervalTranslations[ paymentIntervalInMonths ];
108			},
109			formatPaymentType: function ( paymentType ) {
110			return paymentType=="" ? String("Zahlung noch nicht ausgewählt.") : this.paymentTypeTranslations[ paymentType ];
111			},
112			getAddressSummaryContent: function (formContent) {
113			if (formContent.addressType === "person") {
114			return (
115			formContent.firstName && formContent.lastName ?
116			(formContent.salutation ? this.capitalize(formContent.salutation) : "") + " " +
117			(formContent.title ? this.capitalize(formContent.title) : "") + " " +
118			formContent.firstName + " " + formContent.lastName + "<br />"
119			: ""
120			) +
121			(formContent.street ? formContent.street + "<br />" : "") +
122			(formContent.postcode && formContent.city ? formContent.postcode + " " + formContent.city + "<br />" : "") +
123			( formContent.country ? this.countriesDictionary[formContent.country] + "<br />" : "") +
124			formContent.email;
125			}
126			else if (formContent.addressType === 'firma') {
127			return (formContent.companyName ? formContent.companyName + "<br />" : "") +
128			(formContent.contactPerson ? formContent.contactPerson + "<br />" : "") +
129			(formContent.street ? formContent.street + "<br />" : "") +
130			(formContent.postcode && formContent.city ? formContent.postcode + " " + formContent.city + "<br />" : "") +
131			( formContent.country ? this.countriesDictionary[formContent.country] + "<br />" : "") +
132			formContent.email;
133			}
134
135			return "";
136			},
137			setSummaryIcon: function (elements, value, iconsDictionary) {
138			elements.removeClass('icon-error');
139			if (elements.length && elements.get(0).className.split(' ').length > 1) {
140			elements.removeClass(elements.get(0).className.split(' ').pop());
141			}
142			if (iconsDictionary[value] === undefined) {
143			elements.each(function() {
144			if ($(this).data('display-error') === undefined) {
145			$(this).addClass('icon-error');
146			}
147			});
148			}
149			else {
150			elements.addClass( iconsDictionary[value] );
151			}
152			}
153			};
154
155			module.exports = {
156			createPaymentSummaryDisplayHandler: function ( intervalElement, amountElement, paymentTypeElement,
157			intervalTranslations, paymentTypeTranslations, numberFormatter,
158			intervalIconElement, intervalIcons, paymentIconsElement, paymentIcons,
159			periodicityTextElement, periodicityText, paymentElement, paymentText,
160			addressTypeIconElement, addressTypeIcon, addressTypeElement, addressType,
161			addressTypeTextElement, intervalTextElement, intervalText,
162			memberShipTypeElement, memberShipType, memberShipTypeIconElement,
163			memberShipTypeIcon, memberShipTypeTextElement, memberShipTypeText) {
164			return objectAssign( Object.create( PaymentSummaryDisplayHandler ), {
165			intervalElement: intervalElement,
166			amountElement: amountElement,
167			paymentTypeElement: paymentTypeElement,
168			intervalTranslations: intervalTranslations,
169			paymentTypeTranslations: paymentTypeTranslations,
170			numberFormatter: numberFormatter,
171			intervalIconElement: intervalIconElement,
172			intervalIcons: intervalIcons,
173			paymentIconsElement: paymentIconsElement,
174			paymentIcons: paymentIcons,
175			periodicityTextElement: periodicityTextElement,
176			periodicityText: periodicityText,
177			paymentElement: paymentElement,
178			paymentText: paymentText,
179			addressTypeIconElement: addressTypeIconElement,
180			addressTypeIcon: addressTypeIcon,
181			addressTypeElement: addressTypeElement,
182			addressType: addressType,
183			addressTypeTextElement: addressTypeTextElement,
184			intervalTextElement: intervalTextElement,
185			intervalText: intervalText,
186			memberShipTypeElement: memberShipTypeElement,
187			memberShipType: memberShipType,
188			memberShipTypeIconElement: memberShipTypeIconElement,
189			memberShipTypeIcon: memberShipTypeIcon,
190			memberShipTypeTextElement: memberShipTypeTextElement,
191			memberShipTypeText: memberShipTypeText
192			} );
193			}
194			};
195

wmde / FundraisingFrontend

Pull Request — master (#981)

PaymentSummaryDisplayHandler.update C

Complexity

Size

Duplication

Importance

4 Functions

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like