Migration Guide - BIATeam/BIADemo GitHub Wiki

This migration contains a major upgrade for Angular project. The angular version upgrade from v9 to v12. included PrimeNg from v9 to v12.

• Concerning Angular see update guide for more details.
• Concerning PrimeNg see the PrimeOne Migration for more details.

• With PrimeNg, the main difference is, v10 uses p-* prefix for classes whereas older versions use ui-*
• Icon naming change: ui-icon-xxx is replaced by pi pi-xxx (where xxx is the icon name)
• The icon filter-list is replaced by the icon filter.
• The icon chevron-down is replaced by the icon angle-down.
• Float label : All input text components support floating labels by adding (.p-float-label) to wrapper class. before

      <span class="md-inputfield">
        <input formControlName="name" type="text" pInputText maxlength="64" />
        <label><span class="bia-star-mandatory">*</span>{{ 'airport.name' | translate }}</label>
      </span>

after

      <span class="p-float-label">
        <input formControlName="name" type="text" pInputText maxlength="64" />
        <label><span class="bia-star-mandatory">*</span>{{ 'airport.name' | translate }}</label>
      </span>

• PrimeNg traduction Now the traduction use the same json file. So there is a "primeng" element into the I18N json files.

Keep the same order listed bellow.

• Replace in html and scss files all ui-icon- by pi pi-
• Replace in html and scss files all chevron-down by angle-down.
• Replace in html and scss files all filter-list by filter.
• Replace in html and scss files all md-inputfield by p-float-label.
• Replace in html and scss files all ui-button-secondary by p-button-outlined.
• Replace in html and scss files all ui- prefix by p-.