Ran prettier on file

src/plugins/profile/templates/profile_modal.js

@@ -1,75 +1,88 @@
 import "shared/components/image-picker.js";
-import { __ } from 'i18n';
-import { _converse } from  "@converse/headless";
+import { __ } from "i18n";
+import { _converse } from "@converse/headless";
 import { html } from "lit";
 
-
 /**
  * @param {import('../modals/profile').default} el
  */
 function tplOmemoPage(el) {
-    return html`
-        <div class="tab-pane ${ el.tab === 'omemo' ? 'active' : ''}" id="omemo-tabpanel" role="tabpanel" aria-labelledby="omemo-tab">
-            ${ el.tab === 'omemo' ? html`<converse-omemo-profile></converse-omemo-profile>` : '' }
-        </div>`;
+    return html` <div
+        class="tab-pane ${el.tab === "omemo" ? "active" : ""}"
+        id="omemo-tabpanel"
+        role="tabpanel"
+        aria-labelledby="omemo-tab"
+    >
+        ${el.tab === "omemo" ? html`<converse-omemo-profile></converse-omemo-profile>` : ""}
+    </div>`;
 }
 
-
 /**
  * @param {import('../modals/profile').default} el
  */
 export default (el) => {
     const o = { ...el.model.toJSON(), ...el.model.vcard?.toJSON() };
-    const i18n_email = __('Email');
-    const i18n_fullname = __('Full Name');
-    const i18n_jid = __('XMPP Address');
-    const i18n_nickname = __('Nickname');
-    const i18n_role = __('Role');
-    const i18n_save = __('Save and close');
-    const i18n_role_help = __('Use commas to separate multiple roles. Your roles are shown next to your name on your chat messages.');
-    const i18n_url = __('URL');
+    const i18n_email = __("Email");
+    const i18n_fullname = __("Full Name");
+    const i18n_jid = __("XMPP Address");
+    const i18n_nickname = __("Nickname");
+    const i18n_role = __("Role");
+    const i18n_save = __("Save and close");
+    const i18n_role_help = __(
+        "Use commas to separate multiple roles. Your roles are shown next to your name on your chat messages."
+    );
+    const i18n_url = __("URL");
 
-    const i18n_omemo = __('OMEMO');
-    const i18n_profile = __('Profile');
-    const ii18n_reset_password = __('Reset Password');
+    const i18n_omemo = __("OMEMO");
+    const i18n_profile = __("Profile");
+    const ii18n_reset_password = __("Reset Password");
 
     const navigation_tabs = [
         html`<li role="presentation" class="nav-item">
-            <a class="nav-link ${el.tab === "profile" ? "active" : ""}"
-               id="profile-tab"
-               href="#profile-tabpanel"
-               aria-controls="profile-tabpanel"
-               role="tab"
-               @click="${ev => el.switchTab(ev)}"
-               data-name="profile"
-               data-toggle="tab">${ i18n_profile }</a>
-            </li>`
+            <a
+                class="nav-link ${el.tab === "profile" ? "active" : ""}"
+                id="profile-tab"
+                href="#profile-tabpanel"
+                aria-controls="profile-tabpanel"
+                role="tab"
+                @click="${(ev) => el.switchTab(ev)}"
+                data-name="profile"
+                data-toggle="tab"
+                >${i18n_profile}</a
+            >
+        </li>`,
     ];
 
     navigation_tabs.push(
         html`<li role="presentation" class="nav-item">
-                <a class="nav-link ${el.tab === 'passwordreset' ? 'active' : ''}"
+            <a
+                class="nav-link ${el.tab === "passwordreset" ? "active" : ""}"
                 id="passwordreset-tab"
                 href="#passwordreset-tabpanel"
                 aria-controls="passwordreset-tabpanel"
                 role="tab"
-                @click="${ev => el.switchTab(ev)}"
+                @click="${(ev) => el.switchTab(ev)}"
                 data-name="passwordreset"
-                data-toggle="tab">${ ii18n_reset_password }</a>
+                data-toggle="tab"
+                >${ii18n_reset_password}</a
+            >
         </li>`
     );
 
-    if (_converse.pluggable.plugins['converse-omemo']?.enabled(_converse)) {
+    if (_converse.pluggable.plugins["converse-omemo"]?.enabled(_converse)) {
         navigation_tabs.push(
             html`<li role="presentation" class="nav-item">
-                <a class="nav-link ${el.tab === 'omemo' ? 'active' : ''}"
-                   id="omemo-tab"
-                   href="#omemo-tabpanel"
-                   aria-controls="omemo-tabpanel"
-                   role="tab"
-                   @click="${ev => el.switchTab(ev)}"
-                   data-name="omemo"
-                   data-toggle="tab">${ i18n_omemo }</a>
+                <a
+                    class="nav-link ${el.tab === "omemo" ? "active" : ""}"
+                    id="omemo-tab"
+                    href="#omemo-tabpanel"
+                    aria-controls="omemo-tabpanel"
+                    role="tab"
+                    @click="${(ev) => el.switchTab(ev)}"
+                    data-name="omemo"
+                    data-toggle="tab"
+                    >${i18n_omemo}</a
+                >
             </li>`
         );
     }
@@ -77,8 +90,8 @@ export default (el) => {
     return html`
         <ul class="nav nav-pills justify-content-center">${navigation_tabs}</ul>
         <div class="tab-content">
-            <div class="tab-pane ${ el.tab === 'profile' ? 'active' : ''}" id="profile-tabpanel" role="tabpanel" aria-labelledby="profile-tab">
-                <form class="converse-form converse-form--modal" action="#" @submit=${ev => el.onFormSubmitted(ev)}>
+            <div class="tab-pane ${el.tab === "profile" ? "active" : ""}" id="profile-tabpanel" role="tabpanel" aria-labelledby="profile-tab">
+                <form class="converse-form converse-form--modal" action="#" @submit=${(ev) => el.onFormSubmitted(ev)}>
                     <div class="row py-2">
                         <div class="col-auto">
                             <converse-image-picker .model=${el.model} width="128" height="128"></converse-image-picker>
@@ -92,23 +105,23 @@ export default (el) => {
                     </div>
                     <div>
                         <label for="vcard-fullname" class="col-form-label">${i18n_fullname}:</label>
-                        <input id="vcard-fullname" type="text" class="form-control" name="fn" value="${o.fullname || ''}"/>
+                        <input id="vcard-fullname" type="text" class="form-control" name="fn" value="${o.fullname || ""}"/>
                     </div>
                     <div>
                         <label for="vcard-nickname" class="col-form-label">${i18n_nickname}:</label>
-                        <input id="vcard-nickname" type="text" class="form-control" name="nickname" value="${o.nickname || ''}"/>
+                        <input id="vcard-nickname" type="text" class="form-control" name="nickname" value="${o.nickname || ""}"/>
                     </div>
                     <div>
                         <label for="vcard-url" class="col-form-label">${i18n_url}:</label>
-                        <input id="vcard-url" type="url" class="form-control" name="url" value="${o.url || ''}"/>
+                        <input id="vcard-url" type="url" class="form-control" name="url" value="${o.url || ""}"/>
                     </div>
                     <div>
                         <label for="vcard-email" class="col-form-label">${i18n_email}:</label>
-                        <input id="vcard-email" type="email" class="form-control" name="email" value="${o.email || ''}"/>
+                        <input id="vcard-email" type="email" class="form-control" name="email" value="${o.email || ""}"/>
                     </div>
                     <div>
                         <label for="vcard-role" class="col-form-label">${i18n_role}:</label>
-                        <input id="vcard-role" type="text" class="form-control" name="role" value="${o.role || ''}" aria-describedby="vcard-role-help"/>
+                        <input id="vcard-role" type="text" class="form-control" name="role" value="${o.role || ""}" aria-describedby="vcard-role-help"/>
                         <small id="vcard-role-help" class="form-text text-muted">${i18n_role_help}</small>
                     </div>
                     <hr/>
@@ -118,11 +131,11 @@ export default (el) => {
                 </form>
             </div>
 
-            <div class="tab-pane ${ el.tab === 'passwordreset' ? 'active' : ''}" id="passwordreset-tabpanel" role="tabpanel" aria-labelledby="passwordreset-tab">
-                ${ el.tab === 'passwordreset' ? html`<converse-change-password-form></converse-change-password-form>` : '' }
+            <div class="tab-pane ${el.tab === "passwordreset" ? "active" : ""}" id="passwordreset-tabpanel" role="tabpanel" aria-labelledby="passwordreset-tab">
+                ${el.tab === "passwordreset" ? html`<converse-change-password-form></converse-change-password-form>` : ""}
             </div>
 
-            ${ _converse.pluggable.plugins['converse-omemo']?.enabled(_converse) ? tplOmemoPage(el) : '' }
+            ${_converse.pluggable.plugins["converse-omemo"]?.enabled(_converse) ? tplOmemoPage(el) : ""}
         </div>
     </div>`;
-}
+};