[FIX] website: fix runbot errors

addons/account/models/partner.py

@@ -711,7 +711,7 @@ def _compute_application_statistics_hook(self):
         if not self.env.user.has_group('account.group_account_invoice'):
             return data_list
         for partner in self.filtered(lambda p: p._get_account_statistics_count()):
-            stat_info = {'iconClass': 'fa-pencil-square-o', 'value': partner._get_account_statistics_count(), 'label': _('Invoices/Bills/Mandates')}
+            stat_info = {'icon': 'edit_square', 'value': partner._get_account_statistics_count(), 'label': _('Invoices/Bills/Mandates')}
             data_list[partner.id].append(stat_info)
         return data_list
 

addons/account/static/src/components/account_file_uploader/account_file_uploader.xml

@@ -20,7 +20,7 @@
     <t t-name="account.JournalUploadLink">
         <a t-att-class="this.props.btnClass" href="#" draggable="false">
             <div class="d-sm-none">
-                <i class="fa fa-upload"></i>
+                <i class="oi" data-icon="upload"></i>
             </div>
             <div class="d-none d-sm-block">
                 <t t-out="this.props.linkText"/>

addons/account/static/src/components/account_number_widget/account_number_widget.xml

@@ -13,7 +13,7 @@
             </div>
             <div t-if="this.state.label" class="position-absolute top-50 end-0 translate-middle-y me-1">
                 <span class="o_account_number badge rounded-pill text-success bg-success bg-opacity-25 d-inline-flex px-2 mb-1">
-                    <i class="fa fa-check me-1"/>
+                    <i class="oi me-1" data-icon="check"/>
                     <span t-out="this.state.label"/>
                 </span>
             </div>

addons/account/static/src/components/account_payment_field/account_payment.xml

@@ -58,7 +58,7 @@
                     </t>
                     <tr t-if="info.exchangeInfo?.line_ids and info.exchangeInfo.line_ids.length">
                         <td>
-                            <a role="button" tabindex="0" class="js_exchange_info fa fa-info-circle" style="margin-right:5px;" t-on-click.stop="() => this.onExchangeInfoClick(info.exchangeInfo.line_ids)"></a>
+                            <a role="button" tabindex="0" class="js_exchange_info oi" data-icon="info" style="margin-right:5px;" t-on-click.stop="() => this.onExchangeInfoClick(info.exchangeInfo.line_ids)"></a>
                         </td>
                         <td colspan="2">
                             <i class="o_field_widget text-start text-muted text-start">
@@ -85,7 +85,7 @@
                             <td class="ps-1">
                                 <t t-out="this.props.amount_company_currency"></t>
                                 <t t-if="this.props.amount_foreign_currency">
-                                    (<span class="fa fa-money"/> <t t-out="this.props.amount_foreign_currency"/>)
+                                    (<span class="oi" data-icon="payments"/> <t t-out="this.props.amount_foreign_currency"/>)
                                 </t>
                             </td>
                         </tr>

addons/account/static/src/components/account_pick_currency_rate/account_pick_currency_rate.xml

@@ -8,7 +8,7 @@
             title="Pick the rate on a certain date"
             t-custom-ref="datetime-picker-target"
         >
-            <i class="fa fa-calendar"/>
+            <i class="oi oi-filled" data-icon="calendar_today"/>
         </button>
     </t>
 

addons/account/static/src/components/account_statusbar_secured/account_move_statusbar_secured.xml

@@ -5,7 +5,7 @@
     <t t-name="account.MoveStatusBarSecuredField.ItemLabel">
         <span t-out="item.label" />
         <t t-if="item.value == 'posted'">
-            <i t-attf-class="fa fa-fw ms-1 #{this.isSecured ? 'fa-lock text-success' : 'fa-unlock text-warning'}"/>
+            <i t-attf-class="oi oi-fw ms-1 #{this.isSecured ? 'text-success' : 'text-warning'}" t-attf-data-icon="{{this.isSecured ? 'lock' : 'lock_open'}}"/>
         </t>
     </t>
 

addons/account/static/src/components/actionable_errors/actionable_errors.xml

@@ -13,9 +13,9 @@
                                href="#"
                                t-on-click.prevent="() => this.handleOnClick(error_value)"
                             >
-                                <i class="oi oi-arrow-right ms-1"/>
+                                <i class="oi ms-1" data-icon="east"/>
                                 <span class="ms-1" t-out="error_value.action_text"/>
-                                <i t-if="level === 'danger'" class="fa fa-warning ms-1"/>
+                                <i t-if="level === 'danger'" class="oi ms-1" data-icon="warning"/>
                             </a>
                         </div>
                     </div>

addons/account/static/src/components/currency_form/open_decimal_precision_btn_template.xml

@@ -4,7 +4,7 @@
         <button type="button"
             class="btn btn-link p-0"
             t-on-click="this.discardAndOpen">
-            <i class="fa fa-arrow-right text-muted me-1"/>
+            <i class="oi text-muted me-1" data-icon="east"/>
              More precision on Product Prices
         </button>
     </t>

addons/account/static/src/components/document_state/document_state_field.xml

@@ -4,7 +4,7 @@
         <div class="row m-2 mt-4 justify-content-between account_document_state_popover">
             <span class="col-10" t-out="this.props.message" style="white-space: pre-wrap;"/>
             <button class="col-2 btn p-0 account_document_state_popover_clone" t-on-click="() => this.props.copyText()">
-                <i class="fa fa-clipboard"/>
+                <i class="oi" data-icon="assignment"/>
             </button>
         </div>
     </t>
@@ -14,7 +14,7 @@
             <span t-if="this.message"> </span>
             <a t-if="this.message"
                t-on-click="(ev) => this.showMessagePopover(ev)"
-               class="fa fa-info-circle"/>
+               class="oi" data-icon="info"/>
         </span>
     </t>
 </templates>

addons/account/static/src/components/fetch_einvoices/fetch_einvoices.xml

@@ -2,7 +2,7 @@
 <templates id="template" xml:space="preserve">
     <t t-name="account.FetchEInvoices">
         <DropdownItem onSelected.bind="this.fetchEInvoices">
-            <i class="fa fa-fw fa-refresh me-1" aria-hidden="true"></i><t t-out="this.buttonLabel" />
+            <i class="oi oi-fw me-1" data-icon="refresh" aria-hidden="true"></i><t t-esc="this.buttonLabel" />
         </DropdownItem>
     </t>
 </templates>

addons/account/static/src/components/mail_attachments/mail_attachments.xml

@@ -8,10 +8,10 @@
                         <span t-out="attachment.name" class="flex-grow-1 text-truncate"/>
 
                         <button class="btn flex-shrink-0" t-on-click.stop="() => this.onFileRemove(attachment.id)">
-                            <i class="fa fa-fw fa-times"/>
+                            <i class="oi oi-fw" data-icon="close"/>
                         </button>
 
-                        <i class="fa fa-fw o_button_icon fa-warning" t-if="attachment.tooltip" t-att-data-tooltip="attachment.tooltip"></i>
+                        <i class="oi oi-fw o_button_icon" data-icon="warning" t-if="attachment.tooltip" t-att-data-tooltip="attachment.tooltip"></i>
                     </li>
                 </t>
             </t>

addons/account/static/src/components/many2many_tags_banks/many2many_tags_banks.xml

@@ -2,8 +2,8 @@
 <templates xml:space="preserve">
     <t t-name="account.BankTag">
         <BadgeTag color="this.props.color" onClick="this.props.onClick" onDelete="this.props.onDelete" tooltip="this.props.tooltip" crossTooltip="this.props.crossTooltip">
-            <i t-if="this.props.allowOutPayment" class="me-1 fa fa-shield text-success" data-tooltip="Trusted"/>
-            <i t-else="" class="me-1 fa fa-exclamation-circle text-danger" data-tooltip="Untrusted"/>
+            <i t-if="this.props.allowOutPayment" class="me-1 oi text-success" data-icon="security" data-tooltip="Trusted"/>
+            <i t-else="" class="me-1 oi text-danger" data-icon="error" data-tooltip="Untrusted"/>
             <div class="o_tag_badge_text" t-out="this.props.text"/>
         </BadgeTag>
     </t>

addons/account/static/src/components/manyone_banks/many2one_banks.js

@@ -13,10 +13,10 @@ import { Many2XAutocomplete } from "@web/views/fields/relational_utils";
 export class Many2XAutocompleteBank extends Many2XAutocomplete {
     buildRecordSuggestion(request, record) {
         const recordSuggestion = super.buildRecordSuggestion(request, record);
-        const icon = record.allow_out_payment ? "fa-shield" : "fa-exclamation-circle";
+        const icon = record.allow_out_payment ? "security" : "error";
         const colorClass = record.allow_out_payment ? "text-success" : "text-danger";
         const title = record.allow_out_payment ? _t("Trusted") : _t("Untrusted");
-        recordSuggestion.label = markup`<i class="me-1 fa ${icon} ${colorClass}" title="${title}"></i> ${recordSuggestion.label}`;
+        recordSuggestion.label = markup`<i class="me-1 oi ${colorClass}" data-icon="${icon}" title="${title}"></i> ${recordSuggestion.label}`;
         return recordSuggestion;
     }
 

addons/account/static/src/components/manyone_banks/many2one_banks.xml

@@ -3,8 +3,8 @@
     <t t-name="account.Many2OneBank" t-inherit="web.Many2One">
         <xpath expr="//t[@t-if='this.props.readonly']" position="before">
             <t t-if="this.props.value.id">
-                <i t-if="this.props.value.allow_out_payment" class="fa fa-shield text-success align-self-center o_input_box_overlay_start" title="Trusted"/>
-                <i t-else="" class="fa fa-exclamation-circle text-danger o_input_box_overlay_start" title="Untrusted"/>
+                <i t-if="this.props.value.allow_out_payment" class="oi text-success align-self-center o_input_box_overlay_start" data-icon="security" title="Trusted"/>
+                <i t-else="" class="oi text-danger o_input_box_overlay_start" data-icon="error" title="Untrusted"/>
             </t>
         </xpath>
     </t>

addons/account/static/src/components/onboarding/onboarding.xml

@@ -4,10 +4,10 @@
     <t t-name="account.Onboarding">
         <div class="">
             <div class="col-auto my-1" t-foreach="this.recordOnboardingSteps" t-as="step" t-key="step.id">
-                <i class="fa me-2 fs-5" t-att-class="{
-                    'fa-circle text-secondary': step.state == 'not_done',
-                    'fa-check-circle text-success': step.state != 'not_done',
-                }"/>
+                <i class="oi oi-filled me-2 fs-5" t-att-class="{
+                    'text-secondary': step.state == 'not_done',
+                    'text-success': step.state != 'not_done',
+                }" t-attf-data-icon="{{ step.state == 'not_done' ? 'circle' : 'check_circle' }}"/>
                 <a href="#"
                    t-att-data-method="step.action"
                    data-model="onboarding.onboarding.step"

addons/account/static/src/components/product_catalog/search/search_panel.xml

@@ -9,7 +9,7 @@
         <section position="before">
             <section t-if="this.showSections" class="o_search_panel_sections mt-4 pb-4 border-bottom">
                 <header class="d-flex align-items-center cursor-default gap-2 mb-3 ps-2">
-                    <i class="fa fa-filter text-primary"/>
+                    <i class="oi oi-filled" data-icon="filter_alt"/>
                     <b class="text-uppercase">Sections</b>
                     <div class="d-flex align-items-center ms-auto">
                         <span class="me-2">Filter</span>
@@ -43,11 +43,13 @@
                             <t t-set="section" t-value="this.state.sections.get(sectionId)"/>
                             <span
                                 t-if="sectionId"
-                                class="o_row_handle oi oi-draggable ui-sortable-handle"
+                                class="o_row_handle ui-sortable-handle oi"
+                                data-icon="drag_indicator"
                             />
                             <i
                                 t-else=""
-                                class="fa fa-pencil"
+                                class="oi oi-filled"
+                                data-icon="edit"
                                 t-on-click="() => this.enableSectionInput('top')"
                             />
                             <input

addons/account/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml

@@ -32,7 +32,8 @@
                     <Many2One t-props="this.m2oProps" t-on-keydown="this.onM2oInputKeydown"/>
                     <t t-if="this.showLabelVisibilityToggler">
                         <button
-                            class="o_input_box_overlay_end btn btn-link fa fa-bars"
+                            class="o_input_box_overlay_end btn btn-link oi"
+                            data-icon="menu"
                             id="labelVisibilityButtonId"
                             data-tooltip="Click or press enter to add a description"
                             t-on-click="() => this.switchLabelVisibility()"

addons/account/static/src/components/section_and_note_fields_backend/section_and_note_fields_backend.xml

@@ -13,17 +13,17 @@
             <td t-else="" class="o_list_section_options w-print-0 p-print-0 text-center">
                 <Dropdown position="'bottom-end'" t-if="!this.props.readonly">
                     <button class="btn d-table-cell border-0 py-0 px-1 cursor-pointer">
-                        <i class="fa fa-ellipsis-v"/>
+                        <i class="oi" data-icon="more_vert"/>
                     </button>
                     <t t-set-slot="content">
                         <t t-if="this.isSectionInPage(record)">
                             <DropdownItem onSelected="() => this.addRowInSection(record, false)">
-                                <i class="me-1 fa fa-fw fa-plus"/><span>Add a line</span>
+                                <i class="me-1 oi oi-fw" data-icon="add"/><span>Add a line</span>
                             </DropdownItem>
                             <t t-if="this.isTopSection(record)">
                                 <t t-if="this.props.subsections">
                                     <DropdownItem onSelected="() => this.addRowInSection(record, true)">
-                                        <i class="me-1 fa fa-fw fa-level-down"/><span>Add a subsection</span>
+                                        <i class="me-1 oi oi-fw" data-icon="subdirectory_arrow_right"/><span>Add a subsection</span>
                                     </DropdownItem>
                                 </t>
                             </t>
@@ -32,7 +32,7 @@
                                 onSelected="() => this.toggleCollapse(record, 'collapse_prices')"
                                 attrs="{ 'class': this.disablePricesButton(record) ? 'disabled' : '' }"
                             >
-                                <i class="me-1 fa fa-fw" t-att-class="this.hidePrices(record) ? 'fa-eye' : 'fa-eye-slash'"/>
+                                <i class="oi oi-fw me-1" t-att-data-icon="this.hidePrices(record) ? 'visibility' : 'visibility_off'"/>
                                 <span t-if="this.hidePrices(record)">Show Prices</span>
                                 <span t-else="">Hide Prices</span>
                             </DropdownItem>
@@ -42,35 +42,35 @@
                                     onSelected="() => this.toggleCollapse(record, 'collapse_composition')"
                                     attrs="{ 'class': this.disableCompositionButton(record) ? 'disabled' : '' }"
                                 >
-                                    <i class="me-1 fa fa-fw" t-att-class="this.hideComposition(record) ? 'fa-expand' : 'fa-compress'"/>
+                                    <i class="oi oi-fw me-1" t-att-data-icon="this.hideComposition(record) ? 'expand_content' : 'close_fullscreen'"/>
                                     <span t-if="this.hideComposition(record)">Show Composition</span>
                                     <span t-else="">Hide Composition</span>
                                 </DropdownItem>
                             </t>
                             <DropdownItem onSelected="() => this.addNoteInSection(record)">
-                                <i class="me-1 fa fa-fw fa-sticky-note-o"/><span>Add a note</span>
+                                <i class="oi oi-fw me-1" data-icon="sticky_note_2"/><span>Add a note</span>
                             </DropdownItem>
                             <DropdownItem t-if="this.hasPreviousSection(record)" onSelected="() => this.moveSectionUp(record)">
-                                <i class="me-1 fa fa-fw fa-arrow-up"/><span>Move Up</span>
+                                <i class="oi oi-fw me-1" data-icon="arrow_upward"/><span>Move Up</span>
                             </DropdownItem>
                             <t t-set="nextSectionInPage" t-value="this.isNextSectionInPage(record)"/>
                             <t t-set="moveDownItemAttrs" t-value="nextSectionInPage ? {} : { 'data-tooltip': this.disabledMoveDownItemTooltip }"/>
                             <t t-set="moveDownItemDefaultProps" t-value="{ attrs: moveDownItemAttrs, class: { 'text-muted': !nextSectionInPage } }"/>
                             <DropdownItem t-if="this.hasNextSection(record)" t-props="moveDownItemDefaultProps" onSelected="() => this.moveSectionDown(record)">
-                                <i class="me-1 fa fa-fw fa-arrow-down"/><span>Move Down</span>
+                                <i class="oi oi-fw me-1" data-icon="arrow_downward"/><span>Move Down</span>
                             </DropdownItem>
                             <DropdownItem onSelected="() => this.duplicateSection(record)">
-                                <i class="me-1 fa fa-fw fa-clone"/><span>Duplicate</span>
+                                <i class="oi oi-fw me-1" data-icon="content_copy"/><span>Duplicate</span>
                             </DropdownItem>
                             <t t-if="hasDeleteButton">
                                 <DropdownItem onSelected="() => this.deleteSection(record)" class="'text-danger'">
-                                    <i class="me-1 fa fa-fw fa-trash"/><span>Delete</span>
+                                    <i class="oi oi-fw oi-filled me-1" data-icon="delete"/><span>Delete</span>
                                 </DropdownItem>
                             </t>
                         </t>
                         <t t-else="">
                             <DropdownItem onSelected="() => this.expandPager()" attrs="{ 'data-tooltip': this.showAllItemsTooltip }">
-                                <i class="me-1 fa fa-fw fa-expand"/><span>Show all lines</span>
+                                <i class="oi oi-fw me-1" data-icon="expand_content"/><span>Show all lines</span>
                             </DropdownItem>
                         </t>
                     </t>

addons/account/static/src/components/section_state/section_state_icon.js

@@ -3,8 +3,8 @@ import { registry } from '@web/core/registry';
 import { standardWidgetProps } from '@web/views/widgets/standard_widget_props';
 
 export const COLLAPSE_ICONS = {
-    collapse_composition: 'fa fa-compress',
-    collapse_prices: 'fa fa-eye-slash',
+    collapse_composition: 'close_fullscreen',
+    collapse_prices: 'visibility_off',
 }
 
 export class SectionStateIcon extends Component {
@@ -14,7 +14,7 @@ export class SectionStateIcon extends Component {
         iconMapping: Object,
     };
 
-    get iconClass() {
+    get icon() {
         for (const [field, icon] of Object.entries(this.props.iconMapping)) {
             if (this.props.record.data[field]) {
                 return icon;

addons/account/static/src/components/section_state/section_state_icon.xml

@@ -4,8 +4,9 @@
     <t t-name="account.SectionStateIcon">
         <t t-if="['line_section', 'line_subsection'].includes(this.props.record.data.display_type)">
             <i
-                class="ms-1 mt-1 text-muted"
+                class="oi ms-1 mt-1 text-muted"
                 t-att-class="this.iconClass"
+                t-att-data-icon="this.icon"
                 aria-hidden="true"
             />
         </t>

addons/account/static/src/components/tax_totals/tax_totals.xml

@@ -24,7 +24,7 @@
                     <t t-else="">
                         <span class="o_tax_group_edit" t-on-click.prevent="() => this.setState('edit')">
                             <span class="o_tax_group_amount_value o_list_monetary">
-                                <i class="fa fa-pencil me-2"/> <t t-out="this.formatMonetary(this.props.taxGroup.tax_amount_currency)"/>
+                                <i class="oi oi-filled me-2" data-icon="edit"/> <t t-out="this.formatMonetary(this.props.taxGroup.tax_amount_currency)"/>
                             </span>
                         </span>
                     </t>