From 0fd93e167e91ece2b57e9ba281fb5f891a2beb0b Mon Sep 17 00:00:00 2001
From: gazizova-vlada <vlada.gazizova@onlyoffice.com>
Date: Wed, 19 Oct 2022 15:19:17 +0300
Subject: [PATCH] Web:Client:Add tabIndex.

---
 .../categories/common/Branding/additionalResources.js |  4 ++++
 .../categories/common/Branding/companyInfoSettings.js | 11 ++++++-----
 .../categories/common/Branding/whitelabel.js          |  1 +
 .../categories/common/Customization/dns-settings.js   |  2 ++
 .../common/Customization/language-and-time-zone.js    |  3 +++
 .../common/Customization/portal-renaming.js           |  2 ++
 .../common/Customization/welcome-page-settings.js     |  2 ++
 7 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/common/Branding/additionalResources.js b/packages/client/src/pages/PortalSettings/categories/common/Branding/additionalResources.js
index 617c277ea6..28ec1bf9ff 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Branding/additionalResources.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Branding/additionalResources.js
@@ -151,6 +151,7 @@ const AdditionalResources = (props) => {
         </div>
         <div className="branding-checkbox">
           <Checkbox
+            tabIndex={12}
             className="checkbox"
             isDisabled={!isSettingPaid}
             label={t("ShowFeedbackAndSupport")}
@@ -159,6 +160,7 @@ const AdditionalResources = (props) => {
           />
 
           <Checkbox
+            tabIndex={13}
             className="checkbox"
             isDisabled={!isSettingPaid}
             label={t("ShowVideoGuides")}
@@ -166,6 +168,7 @@ const AdditionalResources = (props) => {
             onChange={() => setShowVideoGuides(!videoGuidesEnabled)}
           />
           <Checkbox
+            tabIndex={14}
             className="checkbox"
             isDisabled={!isSettingPaid}
             label={t("ShowHelpCenter")}
@@ -175,6 +178,7 @@ const AdditionalResources = (props) => {
         </div>
         {isSettingPaid && (
           <SaveCancelButtons
+            tabIndex={15}
             onSaveClick={onSave}
             onCancelClick={onRestore}
             saveButtonLabel={t("Common:SaveButton")}
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Branding/companyInfoSettings.js b/packages/client/src/pages/PortalSettings/categories/common/Branding/companyInfoSettings.js
index 63a5254093..a8b4b7852c 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Branding/companyInfoSettings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Branding/companyInfoSettings.js
@@ -267,7 +267,7 @@ const CompanyInfoSettings = (props) => {
               value={companyName}
               hasError={hasErrorCompanyName}
               onChange={(e) => onChangeСompanyName(e.target.value)}
-              tabIndex={3}
+              tabIndex={5}
             />
           </FieldContainer>
           <FieldContainer
@@ -285,7 +285,7 @@ const CompanyInfoSettings = (props) => {
               value={email}
               hasError={hasErrorEmail}
               onChange={(e) => onChangeEmail(e.target.value)}
-              tabIndex={4}
+              tabIndex={6}
             />
           </FieldContainer>
           <FieldContainer
@@ -302,7 +302,7 @@ const CompanyInfoSettings = (props) => {
               value={phone}
               hasError={hasErrorPhone}
               onChange={(e) => onChangePhone(e.target.value)}
-              tabIndex={5}
+              tabIndex={7}
             />
           </FieldContainer>
           <FieldContainer
@@ -319,7 +319,7 @@ const CompanyInfoSettings = (props) => {
               value={site}
               hasError={hasErrorSite}
               onChange={(e) => onChangeSite(e.target.value)}
-              tabIndex={6}
+              tabIndex={8}
             />
           </FieldContainer>
           <FieldContainer
@@ -336,11 +336,12 @@ const CompanyInfoSettings = (props) => {
               value={address}
               hasError={hasErrorAddress}
               onChange={(e) => onChangeAddress(e.target.value)}
-              tabIndex={7}
+              tabIndex={9}
             />
           </FieldContainer>
         </div>
         <SaveCancelButtons
+          tabIndex={10}
           className="save-cancel-buttons"
           onSaveClick={onSave}
           onCancelClick={onRestore}
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js b/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
index be8b87bb9b..cdf679a716 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
@@ -840,6 +840,7 @@ const WhiteLabel = (props) => {
 
         {isSettingPaid && (
           <SaveCancelButtons
+            tabIndex={3}
             className="save-cancel-buttons"
             onSaveClick={onSave}
             onCancelClick={onRestoreLogo}
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js
index 61084c105a..9a67373c7a 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js
@@ -103,6 +103,7 @@ const DNSSettings = (props) => {
         isVertical={true}
       >
         <TextInput
+          tabIndex={8}
           id="textInputContainerDNSSettings"
           scale={true}
           value={location.hostname}
@@ -141,6 +142,7 @@ const DNSSettings = (props) => {
       )}
       <div className="send-request-container">
         <Button
+          tabIndex={9}
           label={t("Common:SendRequest")}
           className="save-cancel-buttons send-request-button"
           onClick={onSendRequest}
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js
index d8a603d965..0ad7a50cad 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js
@@ -439,6 +439,7 @@ class LanguageAndTimeZone extends React.Component {
           isVertical={true}
         >
           <ComboBox
+            tabIndex={1}
             id="comboBoxLanguage"
             options={cultureNames}
             selectedOption={language}
@@ -457,6 +458,7 @@ class LanguageAndTimeZone extends React.Component {
           isVertical={true}
         >
           <ComboBox
+            tabIndex={2}
             id="comboBoxTimezone"
             options={timezones}
             selectedOption={timezone}
@@ -497,6 +499,7 @@ class LanguageAndTimeZone extends React.Component {
           <> {settingsBlock}</>
         )}
         <SaveCancelButtons
+          tabIndex={3}
           className="save-cancel-buttons"
           onSaveClick={this.onSaveLngTZSettings}
           onCancelClick={this.onCancelClick}
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js
index f7b090c183..d40be62c63 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js
@@ -238,6 +238,7 @@ const PortalRenaming = (props) => {
         isVertical={true}
       >
         <TextInput
+          tabIndex={10}
           id="textInputContainerPortalRenaming"
           scale={true}
           value={portalName}
@@ -274,6 +275,7 @@ const PortalRenaming = (props) => {
         <> {settingsBlock}</>
       )}
       <SaveCancelButtons
+        tabIndex={11}
         id="buttonsPortalRenaming"
         className="save-cancel-buttons"
         onSaveClick={onSavePortalRename}
diff --git a/packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js b/packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js
index 0530cedf18..e6aa5a604c 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js
@@ -285,6 +285,7 @@ class WelcomePageSettings extends React.Component {
           isVertical={true}
         >
           <TextInput
+            tabIndex={5}
             id="textInputContainerWelcomePage"
             scale={true}
             value={greetingTitle}
@@ -321,6 +322,7 @@ class WelcomePageSettings extends React.Component {
           <> {settingsBlock}</>
         )}
         <SaveCancelButtons
+          tabIndex={6}
           id="buttonsWelcomePage"
           className="save-cancel-buttons"
           onSaveClick={this.onSaveGreetingSettings}