From 3a60dda01e0f5713f3915ed25077fc8e300cdc8f Mon Sep 17 00:00:00 2001
From: liza-pohranichna <haemoglobin0@gmail.com>
Date: Mon, 1 Jul 2024 00:46:04 +0300
Subject: [PATCH 1/6] feature: changed styles for settings and added new
 call-end-sound block [WTEL-4668]

---
 src/app/locale/en/en.js                       |  1 +
 src/app/locale/ru/ru.js                       |  1 +
 src/app/locale/ua/ua.js                       |  1 +
 .../settings/components/the-settings.vue      | 44 ++++++++++++++++++-
 4 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
index fdc2061de..7d54bf8a2 100644
--- a/src/app/locale/en/en.js
+++ b/src/app/locale/en/en.js
@@ -59,6 +59,7 @@ export default {
     webPhone: 'WebPhone',
     useWebPhone: 'Use WebPhone',
     useStun: 'Use STUN',
+    callEnd: 'Call end tune infroming',
   },
 
   validation: {
diff --git a/src/app/locale/ru/ru.js b/src/app/locale/ru/ru.js
index 8797fb481..f048c947d 100644
--- a/src/app/locale/ru/ru.js
+++ b/src/app/locale/ru/ru.js
@@ -59,6 +59,7 @@ export default {
     webPhone: 'Web-телефон',
     useWebPhone: 'Использовать Web-телефон',
     useStun: 'Использовать STUN',
+    callEnd: 'Звуковое оповещение про завершение звонка',
   },
 
   validation: {
diff --git a/src/app/locale/ua/ua.js b/src/app/locale/ua/ua.js
index 2009d936f..278974f60 100644
--- a/src/app/locale/ua/ua.js
+++ b/src/app/locale/ua/ua.js
@@ -59,6 +59,7 @@ export default {
     webPhone: 'Web-телефон',
     useWebPhone: 'Використовувати Web-телефон',
     useStun: 'Використовувати STUN',
+    callEnd: 'Звукове сповіщення про завершення дзвінка',
   },
 
   validation: {
diff --git a/src/modules/settings/components/the-settings.vue b/src/modules/settings/components/the-settings.vue
index ed28a17e7..1b635ce4d 100644
--- a/src/modules/settings/components/the-settings.vue
+++ b/src/modules/settings/components/the-settings.vue
@@ -82,6 +82,22 @@
             </div>
           </form>
         </section>
+        <section class="settings-section__setting">
+          <header class="content-header">
+            <h3 class="content-title">
+              {{ $t('settings.callEnd') }}
+            </h3>
+          </header>
+          <form>
+            <div class="settings-section__wrapper">
+              <p>{{ $t('objects.status') }}</p>
+              <wt-switcher
+                v-model="callEndSound"
+                @change="changeCallEndSoundState"
+              />
+            </div>
+          </form>
+        </section>
       </section>
     </template>
   </wt-page-wrapper>
@@ -107,6 +123,7 @@ export default {
     isPasswordPatching: false,
     webrtc: true,
     stun: false,
+    callEndSound: false,
     language: {
       name: 'English',
       id: 'en',
@@ -209,6 +226,13 @@ export default {
       }
     },
 
+    changeCallEndSoundState(value) {
+      value
+        ? localStorage.setItem('callEndSound', 'true')
+        : localStorage.removeItem('callEndSound');
+      this.callEndSound = value;
+    },
+
     changeLanguage(value) {
       localStorage.setItem('lang', value.id);
       this.language = value;
@@ -227,11 +251,27 @@ export default {
 <style lang="scss" scoped>
 .settings-section {
   display: flex;
-  flex: 0 1 50%;
+  max-height: 700px;
+  width: 100%;
+
+  flex-wrap: wrap;
   flex-direction: column;
   min-width: 200px;
   gap: var(--spacing-sm);
 
+  //.content-title {
+  //  @extend %typo-subtitle-1;
+  //}
+
+  &__setting {
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    padding: 0 var(--spacing-sm) var(--spacing-sm);
+    border-radius: var(--border-radius);
+    box-shadow: var(--elevation-5);
+  }
+
   .wt-button {
     display: block;
     margin: 3px 0 0 auto;
@@ -243,7 +283,7 @@ export default {
   }
 
   &__switcher {
-    margin-bottom: var(--spacing-xs);
+    margin-bottom: var(--spacing-sm);
   }
 }
 </style>

From 8161a2b54dc94d894f7105d6dab5916eb7745074 Mon Sep 17 00:00:00 2001
From: liza-pohranichna <haemoglobin0@gmail.com>
Date: Mon, 1 Jul 2024 12:28:25 +0300
Subject: [PATCH 2/6] feature: added restore call end sound [WTEL-4668]

---
 src/modules/settings/components/the-settings.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/modules/settings/components/the-settings.vue b/src/modules/settings/components/the-settings.vue
index 1b635ce4d..6a795a2a2 100644
--- a/src/modules/settings/components/the-settings.vue
+++ b/src/modules/settings/components/the-settings.vue
@@ -164,6 +164,7 @@ export default {
 
   created() {
     this.restoreLanguage();
+    this.callEndSound = !!localStorage.getItem('callEndSound');
   },
 
   computed: {

From e356fcb2b909934c6aa91f31705a16a9afc84d60 Mon Sep 17 00:00:00 2001
From: liza-pohranichna <haemoglobin0@gmail.com>
Date: Tue, 2 Jul 2024 15:56:49 +0300
Subject: [PATCH 3/6] feature: after review [WTEL-4668]

---
 src/modules/settings/components/the-settings.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/modules/settings/components/the-settings.vue b/src/modules/settings/components/the-settings.vue
index 6a795a2a2..6ce66ba35 100644
--- a/src/modules/settings/components/the-settings.vue
+++ b/src/modules/settings/components/the-settings.vue
@@ -260,10 +260,6 @@ export default {
   min-width: 200px;
   gap: var(--spacing-sm);
 
-  //.content-title {
-  //  @extend %typo-subtitle-1;
-  //}
-
   &__setting {
     width: 50%;
     display: flex;

From 667dafbe2f4280b49cf69a76d0f725d44a287c30 Mon Sep 17 00:00:00 2001
From: liza-pohranichna <haemoglobin0@gmail.com>
Date: Fri, 5 Jul 2024 22:02:23 +0300
Subject: [PATCH 4/6] feature: changes after review [WTEL-4668]

---
 src/modules/settings/components/the-settings.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/modules/settings/components/the-settings.vue b/src/modules/settings/components/the-settings.vue
index 6ce66ba35..bcb78eb42 100644
--- a/src/modules/settings/components/the-settings.vue
+++ b/src/modules/settings/components/the-settings.vue
@@ -92,7 +92,7 @@
             <div class="settings-section__wrapper">
               <p>{{ $t('objects.status') }}</p>
               <wt-switcher
-                v-model="callEndSound"
+                :value="callEndSound"
                 @change="changeCallEndSoundState"
               />
             </div>
@@ -123,7 +123,7 @@ export default {
     isPasswordPatching: false,
     webrtc: true,
     stun: false,
-    callEndSound: false,
+    callEndSound: !!localStorage.getItem('callEndSound'),
     language: {
       name: 'English',
       id: 'en',
@@ -164,7 +164,6 @@ export default {
 
   created() {
     this.restoreLanguage();
-    this.callEndSound = !!localStorage.getItem('callEndSound');
   },
 
   computed: {
@@ -251,8 +250,9 @@ export default {
 
 <style lang="scss" scoped>
 .settings-section {
-  display: flex;
-  max-height: 700px;
+  display: block;
+  column-count: 2;
+  column-gap: var(--spacing-md);
   width: 100%;
 
   flex-wrap: wrap;
@@ -261,12 +261,13 @@ export default {
   gap: var(--spacing-sm);
 
   &__setting {
-    width: 50%;
     display: flex;
     flex-direction: column;
+    margin-bottom: var(--spacing-sm);
     padding: 0 var(--spacing-sm) var(--spacing-sm);
     border-radius: var(--border-radius);
     box-shadow: var(--elevation-5);
+    break-inside: avoid-column;
   }
 
   .wt-button {

From c4061192544345d2ec723d5bb01233199408d309 Mon Sep 17 00:00:00 2001
From: liza-pohranichna <haemoglobin0@gmail.com>
Date: Fri, 5 Jul 2024 22:15:41 +0300
Subject: [PATCH 5/6] feature: remove gap frome styles in settings [WTEL-4668]

---
 src/modules/settings/components/the-settings.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/modules/settings/components/the-settings.vue b/src/modules/settings/components/the-settings.vue
index bcb78eb42..35387f3e5 100644
--- a/src/modules/settings/components/the-settings.vue
+++ b/src/modules/settings/components/the-settings.vue
@@ -252,13 +252,12 @@ export default {
 .settings-section {
   display: block;
   column-count: 2;
-  column-gap: var(--spacing-md);
+  column-gap: var(--spacing-sm);
   width: 100%;
 
   flex-wrap: wrap;
   flex-direction: column;
   min-width: 200px;
-  gap: var(--spacing-sm);
 
   &__setting {
     display: flex;

From dc61eca06d7d5bd23c869728f68609c42c7c8f23 Mon Sep 17 00:00:00 2001
From: liza-pohranichna <haemoglobin0@gmail.com>
Date: Mon, 8 Jul 2024 19:01:16 +0300
Subject: [PATCH 6/6] feature: changed heading on settings page and name of
 item for call-end-soud in local storage [WTEL-4668]

---
 package-lock.json                                |  8 ++++----
 package.json                                     |  2 +-
 src/modules/settings/components/the-settings.vue | 10 +++++++---
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e5a81a008..8630b7f5c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@vuelidate/validators": "^2.0.0",
         "@vueuse/core": "^10.3.0",
         "@webitel/flow-ui-sdk": "^0.1.14",
-        "@webitel/ui-sdk": "^24.6.47",
+        "@webitel/ui-sdk": "^24.6.50",
         "axios": "^1.6.8",
         "clipboard-copy": "^4.0.1",
         "cron-validator": "^1.3.1",
@@ -2250,9 +2250,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.6.47",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.6.47.tgz",
-      "integrity": "sha512-aaKP3Tb+a2iwkNkEnDOBdIyB5lHBzW7+rraMA1GisS+26MXtqGhJYzA8RuGkUEO3F0D0h2sYFxFzYrlLp85dig==",
+      "version": "24.6.51",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.6.51.tgz",
+      "integrity": "sha512-kt5By4dTCQVUKKeXXZOchNTiReMR5cLsWWRI+deBZUZE6Nhglo3IsrwJIilPeYxjMDRA1cbq47obmi1FVqW12A==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
diff --git a/package.json b/package.json
index 5d04ce7d3..2f7d265ae 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "@vuelidate/validators": "^2.0.0",
     "@vueuse/core": "^10.3.0",
     "@webitel/flow-ui-sdk": "^0.1.14",
-    "@webitel/ui-sdk": "^24.6.47",
+    "@webitel/ui-sdk": "^24.6.50",
     "axios": "^1.6.8",
     "clipboard-copy": "^4.0.1",
     "cron-validator": "^1.3.1",
diff --git a/src/modules/settings/components/the-settings.vue b/src/modules/settings/components/the-settings.vue
index 5f1b905e5..d58b55b42 100644
--- a/src/modules/settings/components/the-settings.vue
+++ b/src/modules/settings/components/the-settings.vue
@@ -124,7 +124,7 @@ export default {
     isPasswordPatching: false,
     webrtc: true,
     stun: false,
-    callEndSound: !!localStorage.getItem('callEndSound'),
+    callEndSound: !!localStorage.getItem('settings/callEndSound'),
     language: {
       name: 'English',
       id: 'en',
@@ -237,8 +237,8 @@ export default {
 
     changeCallEndSoundState(value) {
       value
-        ? localStorage.setItem('callEndSound', 'true')
-        : localStorage.removeItem('callEndSound');
+        ? localStorage.setItem('settings/callEndSound', 'true')
+        : localStorage.removeItem('settings/callEndSound');
       this.callEndSound = value;
     },
 
@@ -277,6 +277,10 @@ export default {
     break-inside: avoid-column;
   }
 
+  .content-title {
+    @extend %typo-heading-4;
+  }
+
   .wt-button {
     display: block;
     margin: 3px 0 0 auto;