From 38409d1d12f492843799e171057ef9118a075b3c Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Tue, 22 Apr 2025 19:06:35 +0000
Subject: [PATCH 01/15] add TipforSum

---
 src/constants/index.ts | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/constants/index.ts b/src/constants/index.ts
index 29cc1c8..28e9bea 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -11,3 +11,28 @@ export const PAYMENTS = {
 };
 
 export const TAX = 0.04;
+
+export const TipFromSum = {
+	gas: {
+	  [PAYMENTS["gas"]["only4"]]: "Если сессия закрыта только с оценками 'хорошо' или если вы только поступили",
+	  [PAYMENTS["gas"]["miss"]]: "Если сессия закрыта только с оценками 'хорошо', или если вы только поступили",
+	  [PAYMENTS["gas"]["with4and5"]]: "Если сессия закрыта с оценками 'хорошо' и 'отлично'",
+	  [PAYMENTS["gas"]["only5"]]: "Если сессия закрыта с только с оценками 'отлично'",
+	  [PAYMENTS["gas"]["only4"] * (1 - TAX)]: "Если сессия закрыта только с оценками 'хорошо' или если вы только поступили; за вычетом профсоюзного взноса.",
+	  [PAYMENTS["gas"]["miss"] * (1 - TAX)]: "Если сессия закрыта только с оценками 'хорошо', или если вы только поступили; за вычетом профсоюзного взноса.",
+	  [PAYMENTS["gas"]["with4and5"] * (1 - TAX)]: "Если сессия закрыта с оценками 'хорошо' и 'отлично'; за вычетом профсоюзного взноса.",
+	  [PAYMENTS["gas"]["only5"] * (1 - TAX)]: "Если сессия закрыта с только с оценками 'отлично'; за вычетом профсоюзного взноса.",
+	},
+	pgas: {
+	  [PAYMENTS["pgas"]]: "Вы получаете повышенную академическую стипендию",
+	  [PAYMENTS["pgas"] * (1 - TAX)]: "Вы получаете повышенную академическую стипендию; за вычетом профсоюзного взноса.",
+	},
+	gss: {
+	  [PAYMENTS["gss"]]: "Вы получаете государственную социальную стипендию",
+	  [PAYMENTS["gss"] * (1 - TAX)]: "Вы получаете государственную социальную стипендию; за вычетом профсоюзного взноса.",
+	},
+	pgss: {
+	  [PAYMENTS["pgss"]]: "Вы получаете повышенную государственную социальную стипендию",
+	  [PAYMENTS["pgss"] * (1 - TAX)]: "Вы получаете повышенную государственную социальную стипендию; за вычетом профсоюзного взноса.",
+	},
+  };
\ No newline at end of file

From 08fa15d2b808e5e0be851f9d2fda16a33604b000 Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Tue, 22 Apr 2025 21:44:05 +0000
Subject: [PATCH 02/15] add grey tooltips

---
 src/pages/ReverseCalc.vue | 39 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index 05118d0..3b30f66 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -1,7 +1,11 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import IrdomSection from '../components/IrdomSection.vue';
-import { PAYMENTS, TAX } from '../constants/';
+import { PAYMENTS, TAX, TipFromSum } from '../constants/';
+//import SvgIcon from '@jamescoyle/vue-icon';
+//import { mdiInformationOutline } from '@mdi/js';
+import { VTooltip, VBtn, VIcon } from 'vuetify/components';
+import '@mdi/font/css/materialdesignicons.css';
 import { lz } from '../utils';
 
 interface Result {
@@ -148,6 +152,7 @@ const formattedStipend = (stipend: number): string => {
 	if (thousands) return `${thousands} ${lz(rest, 3)},${lz(float, 2)} ₽`;
 	return `${rest},${lz(float, 2)} ₽`;
 };
+//const infoIconPath = mdiInformationOutline;
 </script>
 
 <template>
@@ -161,18 +166,50 @@ const formattedStipend = (stipend: number): string => {
 				<div class="d-flex justify-space-between">
 					<div class="pay">ГАС</div>
 					<div id="gas" class="sum-plus bg-primary">{{ formattedStipend(recount['gas']) }}</div>
+					<v-tooltip :text="TipFromSum['gas'][recount['gas']]"> 
+						<template #activator="{ props }">
+							<v-btn icon variant="tonal" v-bind="props">
+								<!-- <svg-icon type="mdi" :path="infoIconPath"/> -->
+								<v-icon>mdi-information-symbol</v-icon>
+							</v-btn>
+						</template>
+					</v-tooltip>
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">ПГАС</v-sheet>
 					<div id="pgas" class="sum-plus bg-primary">{{ formattedStipend(recount['pgas']) }}</div>
+					<v-tooltip :text="TipFromSum['pgas'][recount['pgas']]"> 
+						<template #activator="{ props }">
+							<v-btn icon variant="tonal" v-bind="props">
+								<!-- <svg-icon type="mdi" :path="infoIconPath"/> -->
+								<v-icon>mdi-information-symbol</v-icon>
+							</v-btn>
+						</template>
+					</v-tooltip>
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">ГСС</v-sheet>
 					<div id="gss" class="sum-plus bg-primary">{{ formattedStipend(recount['gss']) }}</div>
+					<v-tooltip :text="TipFromSum['gss'][recount['gss']]"> 
+						<template #activator="{ props }">
+							<v-btn icon variant="tonal" v-bind="props">
+								<!--<svg-icon type="mdi" :path="infoIconPath"/>-->
+								<v-icon>mdi-information-symbol</v-icon>
+							</v-btn>
+						</template>
+					</v-tooltip>
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">ПГСС</v-sheet>
 					<div id="pgss" class="sum-plus bg-primary">{{ formattedStipend(recount['pgss']) }}</div>
+					<v-tooltip :text="TipFromSum['pgss'][recount['pgss']]"> 
+						<template #activator="{ props }">
+							<v-btn icon variant="tonal" v-bind="props">
+								<!-- <svg-icon type="mdi" :path="infoIconPath"/> -->
+								<v-icon>mdi-information-symbol</v-icon>
+							</v-btn>
+						</template>
+					</v-tooltip>
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">Профвзнос</v-sheet>

From 6c385a31ac65d14af26ee921a3689e308fbe9504 Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Wed, 23 Apr 2025 22:59:08 +0000
Subject: [PATCH 03/15] add icons

---
 package.json              |  2 ++
 pnpm-lock.yaml            | 24 ++++++++++++++++++++----
 src/pages/ReverseCalc.vue | 20 ++++++++------------
 3 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 82e8eaf..7f0a24f 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,9 @@
 		"test": "echo success"
 	},
 	"dependencies": {
+		"@jamescoyle/vue-icon": "^0.1.2",
 		"@mdi/font": "^7.4.47",
+		"@mdi/js": "^7.4.47",
 		"pinia": "^2.2.6",
 		"vue": "^3.5.13",
 		"vue-router": "^4.4.5"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f7b85dd..7673810 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,9 +8,15 @@ importers:
 
   .:
     dependencies:
+      '@jamescoyle/vue-icon':
+        specifier: ^0.1.2
+        version: 0.1.2
       '@mdi/font':
         specifier: ^7.4.47
         version: 7.4.47
+      '@mdi/js':
+        specifier: ^7.4.47
+        version: 7.4.47
       pinia:
         specifier: ^2.2.6
         version: 2.2.6(typescript@5.6.3)(vue@3.5.13(typescript@5.6.3))
@@ -556,12 +562,18 @@ packages:
     resolution: {integrity: sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==}
     engines: {node: '>=18.18'}
 
+  '@jamescoyle/vue-icon@0.1.2':
+    resolution: {integrity: sha512-KFrImXx5TKIi6iQXlnyLEBl4rNosNKbTeRnr70ucTdUaciVmd9qK9d/pZAaKt1Ob/8xNnX2GMp8LisyHdKtEgw==}
+
   '@jridgewell/sourcemap-codec@1.5.0':
     resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
   '@mdi/font@7.4.47':
     resolution: {integrity: sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw==}
 
+  '@mdi/js@7.4.47':
+    resolution: {integrity: sha512-KPnNOtm5i2pMabqZxpUz7iQf+mfrYZyKCZ8QNz85czgEt7cuHcGorWfdzUMWYA0SD+a6Hn4FmJ+YhzzzjkTZrQ==}
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -979,8 +991,8 @@ packages:
     resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
     engines: {node: '>= 4'}
 
-  domutils@3.1.0:
-    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
 
   electron-to-chromium@1.5.60:
     resolution: {integrity: sha512-HcraRUkTKJ+8yA3b10i9qvhUlPBRDlKjn1XGek1zDGVfAKcvi8TsUnImGqLiEm9j6ZulxXIWWIo9BmbkbCTGgA==}
@@ -2315,10 +2327,14 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.1': {}
 
+  '@jamescoyle/vue-icon@0.1.2': {}
+
   '@jridgewell/sourcemap-codec@1.5.0': {}
 
   '@mdi/font@7.4.47': {}
 
+  '@mdi/js@7.4.47': {}
+
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -2740,7 +2756,7 @@ snapshots:
     dependencies:
       domelementtype: 2.3.0
 
-  domutils@3.1.0:
+  domutils@3.2.2:
     dependencies:
       dom-serializer: 2.0.0
       domelementtype: 2.3.0
@@ -3002,7 +3018,7 @@ snapshots:
     dependencies:
       domelementtype: 2.3.0
       domhandler: 5.0.3
-      domutils: 3.1.0
+      domutils: 3.2.2
       entities: 4.5.0
 
   ignore@5.3.2: {}
diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index 3b30f66..e4b573a 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -3,9 +3,9 @@ import { computed, ref } from 'vue';
 import IrdomSection from '../components/IrdomSection.vue';
 import { PAYMENTS, TAX, TipFromSum } from '../constants/';
 //import SvgIcon from '@jamescoyle/vue-icon';
-//import { mdiInformationOutline } from '@mdi/js';
-import { VTooltip, VBtn, VIcon } from 'vuetify/components';
-import '@mdi/font/css/materialdesignicons.css';
+import { mdiInformationOutline } from '@mdi/js';
+import { VTooltip, VBtn} from 'vuetify/components';
+//import '@mdi/font/css/materialdesignicons.css';
 import { lz } from '../utils';
 
 interface Result {
@@ -152,7 +152,7 @@ const formattedStipend = (stipend: number): string => {
 	if (thousands) return `${thousands} ${lz(rest, 3)},${lz(float, 2)} ₽`;
 	return `${rest},${lz(float, 2)} ₽`;
 };
-//const infoIconPath = mdiInformationOutline;
+const infoIconPath = mdiInformationOutline;
 </script>
 
 <template>
@@ -169,8 +169,7 @@ const formattedStipend = (stipend: number): string => {
 					<v-tooltip :text="TipFromSum['gas'][recount['gas']]"> 
 						<template #activator="{ props }">
 							<v-btn icon variant="tonal" v-bind="props">
-								<!-- <svg-icon type="mdi" :path="infoIconPath"/> -->
-								<v-icon>mdi-information-symbol</v-icon>
+								<svg-icon type="mdi" :path="infoIconPath" />
 							</v-btn>
 						</template>
 					</v-tooltip>
@@ -181,8 +180,7 @@ const formattedStipend = (stipend: number): string => {
 					<v-tooltip :text="TipFromSum['pgas'][recount['pgas']]"> 
 						<template #activator="{ props }">
 							<v-btn icon variant="tonal" v-bind="props">
-								<!-- <svg-icon type="mdi" :path="infoIconPath"/> -->
-								<v-icon>mdi-information-symbol</v-icon>
+								<svg-icon type="mdi" :path="infoIconPath"/> 
 							</v-btn>
 						</template>
 					</v-tooltip>
@@ -193,8 +191,7 @@ const formattedStipend = (stipend: number): string => {
 					<v-tooltip :text="TipFromSum['gss'][recount['gss']]"> 
 						<template #activator="{ props }">
 							<v-btn icon variant="tonal" v-bind="props">
-								<!--<svg-icon type="mdi" :path="infoIconPath"/>-->
-								<v-icon>mdi-information-symbol</v-icon>
+								<svg-icon type="mdi" :path="infoIconPath"/>
 							</v-btn>
 						</template>
 					</v-tooltip>
@@ -205,8 +202,7 @@ const formattedStipend = (stipend: number): string => {
 					<v-tooltip :text="TipFromSum['pgss'][recount['pgss']]"> 
 						<template #activator="{ props }">
 							<v-btn icon variant="tonal" v-bind="props">
-								<!-- <svg-icon type="mdi" :path="infoIconPath"/> -->
-								<v-icon>mdi-information-symbol</v-icon>
+								<svg-icon type="mdi" :path="infoIconPath"/> 
 							</v-btn>
 						</template>
 					</v-tooltip>

From 556fa5e6084474eb4589289bf22fc6875795e41c Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Mon, 28 Apr 2025 09:17:11 +0000
Subject: [PATCH 04/15] change icons

---
 src/pages/ReverseCalc.vue | 77 ++++++++++++++++++++++-----------------
 1 file changed, 43 insertions(+), 34 deletions(-)

diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index e4b573a..2f7c5dc 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -2,7 +2,7 @@
 import { computed, ref } from 'vue';
 import IrdomSection from '../components/IrdomSection.vue';
 import { PAYMENTS, TAX, TipFromSum } from '../constants/';
-//import SvgIcon from '@jamescoyle/vue-icon';
+import SvgIcon from '@jamescoyle/vue-icon';
 import { mdiInformationOutline } from '@mdi/js';
 import { VTooltip, VBtn} from 'vuetify/components';
 //import '@mdi/font/css/materialdesignicons.css';
@@ -153,6 +153,7 @@ const formattedStipend = (stipend: number): string => {
 	return `${rest},${lz(float, 2)} ₽`;
 };
 const infoIconPath = mdiInformationOutline;
+
 </script>
 
 <template>
@@ -165,47 +166,55 @@ const infoIconPath = mdiInformationOutline;
 			<div class="ma-0">
 				<div class="d-flex justify-space-between">
 					<div class="pay">ГАС</div>
-					<div id="gas" class="sum-plus bg-primary">{{ formattedStipend(recount['gas']) }}</div>
-					<v-tooltip :text="TipFromSum['gas'][recount['gas']]"> 
-						<template #activator="{ props }">
-							<v-btn icon variant="tonal" v-bind="props">
-								<svg-icon type="mdi" :path="infoIconPath" />
-							</v-btn>
-						</template>
-					</v-tooltip>
+					<div class="d-flex">
+						<div id="gas" class="sum-plus bg-primary">{{ formattedStipend(recount['gas']) }}</div>
+						<v-tooltip :text="TipFromSum['gas'][recount['gas']]"> 
+							<template #activator="{ props }">
+								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
+									<svg-icon type="mdi" :path="infoIconPath" />
+								</v-btn>
+							</template>
+						</v-tooltip>
+					</div>	
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">ПГАС</v-sheet>
-					<div id="pgas" class="sum-plus bg-primary">{{ formattedStipend(recount['pgas']) }}</div>
-					<v-tooltip :text="TipFromSum['pgas'][recount['pgas']]"> 
-						<template #activator="{ props }">
-							<v-btn icon variant="tonal" v-bind="props">
-								<svg-icon type="mdi" :path="infoIconPath"/> 
-							</v-btn>
-						</template>
-					</v-tooltip>
+					<div class="d-flex">
+						<div id="pgas" class="sum-plus bg-primary">{{ formattedStipend(recount['pgas']) }}</div>
+						<v-tooltip :text="TipFromSum['pgas'][recount['pgas']]"> 
+							<template #activator="{ props }">
+								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
+									<svg-icon type="mdi" :path="infoIconPath"/> 
+								</v-btn>
+							</template>
+						</v-tooltip>
+					</div>	
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">ГСС</v-sheet>
-					<div id="gss" class="sum-plus bg-primary">{{ formattedStipend(recount['gss']) }}</div>
-					<v-tooltip :text="TipFromSum['gss'][recount['gss']]"> 
-						<template #activator="{ props }">
-							<v-btn icon variant="tonal" v-bind="props">
-								<svg-icon type="mdi" :path="infoIconPath"/>
-							</v-btn>
-						</template>
-					</v-tooltip>
+					<div class="d-flex">
+						<div id="gss" class="sum-plus bg-primary">{{ formattedStipend(recount['gss']) }}</div>
+						<v-tooltip :text="TipFromSum['gss'][recount['gss']]"> 
+							<template #activator="{ props }">
+								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
+									<svg-icon type="mdi" :path="infoIconPath"/>
+								</v-btn>
+							</template>
+						</v-tooltip>
+				    </div>		
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">ПГСС</v-sheet>
-					<div id="pgss" class="sum-plus bg-primary">{{ formattedStipend(recount['pgss']) }}</div>
-					<v-tooltip :text="TipFromSum['pgss'][recount['pgss']]"> 
-						<template #activator="{ props }">
-							<v-btn icon variant="tonal" v-bind="props">
-								<svg-icon type="mdi" :path="infoIconPath"/> 
-							</v-btn>
-						</template>
-					</v-tooltip>
+					<div class="d-flex">
+						<div id="pgss" class="sum-plus bg-primary">{{ formattedStipend(recount['pgss']) }}</div>
+						<v-tooltip :text="TipFromSum['pgss'][recount['pgss']]"> 
+							<template #activator="{ props }">
+								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
+									<svg-icon type="mdi" :path="infoIconPath"/> 
+								</v-btn>
+							</template>
+						</v-tooltip>
+					</div>	
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">Профвзнос</v-sheet>
@@ -239,7 +248,7 @@ const infoIconPath = mdiInformationOutline;
 	background: green;
 	color: white;
 	border-radius: 999px;
-	margin: 10px 0;
+	margin: 10px 10px;
 	padding: 0 30px;
 	min-width: max(54px, fit-content);
 	justify-content: center;

From e9a4c3d9f4cb5105427d0fe30572966712810d70 Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Mon, 28 Apr 2025 09:34:20 +0000
Subject: [PATCH 05/15] add changes

---
 src/pages/ReverseCalc.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index 2f7c5dc..7cd9dd9 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -2,10 +2,10 @@
 import { computed, ref } from 'vue';
 import IrdomSection from '../components/IrdomSection.vue';
 import { PAYMENTS, TAX, TipFromSum } from '../constants/';
+// @ts-ignore
 import SvgIcon from '@jamescoyle/vue-icon';
 import { mdiInformationOutline } from '@mdi/js';
 import { VTooltip, VBtn} from 'vuetify/components';
-//import '@mdi/font/css/materialdesignicons.css';
 import { lz } from '../utils';
 
 interface Result {

From 0b1c615281cb0c32cadb38d28e481f7b0a941846 Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Mon, 28 Apr 2025 11:02:14 +0000
Subject: [PATCH 06/15] change style

---
 src/pages/ReverseCalc.vue | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index 7cd9dd9..a40b2ea 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -5,7 +5,7 @@ import { PAYMENTS, TAX, TipFromSum } from '../constants/';
 // @ts-ignore
 import SvgIcon from '@jamescoyle/vue-icon';
 import { mdiInformationOutline } from '@mdi/js';
-import { VTooltip, VBtn} from 'vuetify/components';
+import { VTooltip, VBtn } from 'vuetify/components';
 import { lz } from '../utils';
 
 interface Result {
@@ -153,7 +153,6 @@ const formattedStipend = (stipend: number): string => {
 	return `${rest},${lz(float, 2)} ₽`;
 };
 const infoIconPath = mdiInformationOutline;
-
 </script>
 
 <template>
@@ -168,53 +167,53 @@ const infoIconPath = mdiInformationOutline;
 					<div class="pay">ГАС</div>
 					<div class="d-flex">
 						<div id="gas" class="sum-plus bg-primary">{{ formattedStipend(recount['gas']) }}</div>
-						<v-tooltip :text="TipFromSum['gas'][recount['gas']]"> 
+						<v-tooltip :text="TipFromSum['gas'][recount['gas']]">
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
 									<svg-icon type="mdi" :path="infoIconPath" />
 								</v-btn>
 							</template>
 						</v-tooltip>
-					</div>	
+					</div>
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">ПГАС</v-sheet>
 					<div class="d-flex">
 						<div id="pgas" class="sum-plus bg-primary">{{ formattedStipend(recount['pgas']) }}</div>
-						<v-tooltip :text="TipFromSum['pgas'][recount['pgas']]"> 
+						<v-tooltip :text="TipFromSum['pgas'][recount['pgas']]">
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
-									<svg-icon type="mdi" :path="infoIconPath"/> 
+									<svg-icon type="mdi" :path="infoIconPath" />
 								</v-btn>
 							</template>
 						</v-tooltip>
-					</div>	
+					</div>
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">ГСС</v-sheet>
 					<div class="d-flex">
 						<div id="gss" class="sum-plus bg-primary">{{ formattedStipend(recount['gss']) }}</div>
-						<v-tooltip :text="TipFromSum['gss'][recount['gss']]"> 
+						<v-tooltip :text="TipFromSum['gss'][recount['gss']]">
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
-									<svg-icon type="mdi" :path="infoIconPath"/>
+									<svg-icon type="mdi" :path="infoIconPath" />
 								</v-btn>
 							</template>
 						</v-tooltip>
-				    </div>		
+					</div>
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">ПГСС</v-sheet>
 					<div class="d-flex">
 						<div id="pgss" class="sum-plus bg-primary">{{ formattedStipend(recount['pgss']) }}</div>
-						<v-tooltip :text="TipFromSum['pgss'][recount['pgss']]"> 
+						<v-tooltip :text="TipFromSum['pgss'][recount['pgss']]">
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
-									<svg-icon type="mdi" :path="infoIconPath"/> 
+									<svg-icon type="mdi" :path="infoIconPath" />
 								</v-btn>
 							</template>
 						</v-tooltip>
-					</div>	
+					</div>
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">Профвзнос</v-sheet>

From e77f244055faed2a9b2e5c977ce57e9ec4368d98 Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Mon, 28 Apr 2025 11:04:10 +0000
Subject: [PATCH 07/15] change style'2

---
 src/constants/index.ts | 39 ++++++++++++++++++++++++---------------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/src/constants/index.ts b/src/constants/index.ts
index 28e9bea..b1f9124 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -14,25 +14,34 @@ export const TAX = 0.04;
 
 export const TipFromSum = {
 	gas: {
-	  [PAYMENTS["gas"]["only4"]]: "Если сессия закрыта только с оценками 'хорошо' или если вы только поступили",
-	  [PAYMENTS["gas"]["miss"]]: "Если сессия закрыта только с оценками 'хорошо', или если вы только поступили",
-	  [PAYMENTS["gas"]["with4and5"]]: "Если сессия закрыта с оценками 'хорошо' и 'отлично'",
-	  [PAYMENTS["gas"]["only5"]]: "Если сессия закрыта с только с оценками 'отлично'",
-	  [PAYMENTS["gas"]["only4"] * (1 - TAX)]: "Если сессия закрыта только с оценками 'хорошо' или если вы только поступили; за вычетом профсоюзного взноса.",
-	  [PAYMENTS["gas"]["miss"] * (1 - TAX)]: "Если сессия закрыта только с оценками 'хорошо', или если вы только поступили; за вычетом профсоюзного взноса.",
-	  [PAYMENTS["gas"]["with4and5"] * (1 - TAX)]: "Если сессия закрыта с оценками 'хорошо' и 'отлично'; за вычетом профсоюзного взноса.",
-	  [PAYMENTS["gas"]["only5"] * (1 - TAX)]: "Если сессия закрыта с только с оценками 'отлично'; за вычетом профсоюзного взноса.",
+		[PAYMENTS['gas']['only4']]:
+			"Если сессия закрыта только с оценками 'хорошо' или если вы только поступили",
+		[PAYMENTS['gas']['miss']]:
+			"Если сессия закрыта только с оценками 'хорошо', или если вы только поступили",
+		[PAYMENTS['gas']['with4and5']]: "Если сессия закрыта с оценками 'хорошо' и 'отлично'",
+		[PAYMENTS['gas']['only5']]: "Если сессия закрыта с только с оценками 'отлично'",
+		[PAYMENTS['gas']['only4'] * (1 - TAX)]:
+			"Если сессия закрыта только с оценками 'хорошо' или если вы только поступили; за вычетом профсоюзного взноса.",
+		[PAYMENTS['gas']['miss'] * (1 - TAX)]:
+			"Если сессия закрыта только с оценками 'хорошо', или если вы только поступили; за вычетом профсоюзного взноса.",
+		[PAYMENTS['gas']['with4and5'] * (1 - TAX)]:
+			"Если сессия закрыта с оценками 'хорошо' и 'отлично'; за вычетом профсоюзного взноса.",
+		[PAYMENTS['gas']['only5'] * (1 - TAX)]:
+			"Если сессия закрыта с только с оценками 'отлично'; за вычетом профсоюзного взноса.",
 	},
 	pgas: {
-	  [PAYMENTS["pgas"]]: "Вы получаете повышенную академическую стипендию",
-	  [PAYMENTS["pgas"] * (1 - TAX)]: "Вы получаете повышенную академическую стипендию; за вычетом профсоюзного взноса.",
+		[PAYMENTS['pgas']]: 'Вы получаете повышенную академическую стипендию',
+		[PAYMENTS['pgas'] * (1 - TAX)]:
+			'Вы получаете повышенную академическую стипендию; за вычетом профсоюзного взноса.',
 	},
 	gss: {
-	  [PAYMENTS["gss"]]: "Вы получаете государственную социальную стипендию",
-	  [PAYMENTS["gss"] * (1 - TAX)]: "Вы получаете государственную социальную стипендию; за вычетом профсоюзного взноса.",
+		[PAYMENTS['gss']]: 'Вы получаете государственную социальную стипендию',
+		[PAYMENTS['gss'] * (1 - TAX)]:
+			'Вы получаете государственную социальную стипендию; за вычетом профсоюзного взноса.',
 	},
 	pgss: {
-	  [PAYMENTS["pgss"]]: "Вы получаете повышенную государственную социальную стипендию",
-	  [PAYMENTS["pgss"] * (1 - TAX)]: "Вы получаете повышенную государственную социальную стипендию; за вычетом профсоюзного взноса.",
+		[PAYMENTS['pgss']]: 'Вы получаете повышенную государственную социальную стипендию',
+		[PAYMENTS['pgss'] * (1 - TAX)]:
+			'Вы получаете повышенную государственную социальную стипендию; за вычетом профсоюзного взноса.',
 	},
-  };
\ No newline at end of file
+};

From 7ab156002a28ebb340bf1dc2381b411eb0e32b62 Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Mon, 28 Apr 2025 11:12:12 +0000
Subject: [PATCH 08/15] change style'2

---
 src/pages/ReverseCalc.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index a40b2ea..afe9c82 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -2,7 +2,7 @@
 import { computed, ref } from 'vue';
 import IrdomSection from '../components/IrdomSection.vue';
 import { PAYMENTS, TAX, TipFromSum } from '../constants/';
-// @ts-ignore
+// @ts-expect-error
 import SvgIcon from '@jamescoyle/vue-icon';
 import { mdiInformationOutline } from '@mdi/js';
 import { VTooltip, VBtn } from 'vuetify/components';

From e2d61e8df232653f4dc84e25d6c93e2a587421f5 Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Mon, 28 Apr 2025 11:17:54 +0000
Subject: [PATCH 09/15] change style'3

---
 src/pages/ReverseCalc.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index afe9c82..e9ab555 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -2,7 +2,7 @@
 import { computed, ref } from 'vue';
 import IrdomSection from '../components/IrdomSection.vue';
 import { PAYMENTS, TAX, TipFromSum } from '../constants/';
-// @ts-expect-error
+// @ts-expect-error: This is necessary because the operation may return an unexpected type.
 import SvgIcon from '@jamescoyle/vue-icon';
 import { mdiInformationOutline } from '@mdi/js';
 import { VTooltip, VBtn } from 'vuetify/components';

From a5f4f292e760693a37ee773552ee6a19d61f0a7d Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Mon, 5 May 2025 14:59:15 +0000
Subject: [PATCH 10/15] add proffee tooltip

---
 src/constants/index.ts    |  2 ++
 src/pages/ReverseCalc.vue | 29 +++++++++++++++++++++++------
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/constants/index.ts b/src/constants/index.ts
index b1f9124..b860924 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -44,4 +44,6 @@ export const TipFromSum = {
 		[PAYMENTS['pgss'] * (1 - TAX)]:
 			'Вы получаете повышенную государственную социальную стипендию; за вычетом профсоюзного взноса.',
 	},
+	proffee:
+		'4% от всей полученной суммы.'
 };
diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index e9ab555..d6cdd84 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -167,7 +167,9 @@ const infoIconPath = mdiInformationOutline;
 					<div class="pay">ГАС</div>
 					<div class="d-flex">
 						<div id="gas" class="sum-plus bg-primary">{{ formattedStipend(recount['gas']) }}</div>
-						<v-tooltip :text="TipFromSum['gas'][recount['gas']]">
+						<v-tooltip :text="TipFromSum['gas'][recount['gas']]"
+						:disabled="!TipFromSum['gas'][recount['gas']]"
+						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
 									<svg-icon type="mdi" :path="infoIconPath" />
@@ -180,7 +182,9 @@ const infoIconPath = mdiInformationOutline;
 					<v-sheet class="pay">ПГАС</v-sheet>
 					<div class="d-flex">
 						<div id="pgas" class="sum-plus bg-primary">{{ formattedStipend(recount['pgas']) }}</div>
-						<v-tooltip :text="TipFromSum['pgas'][recount['pgas']]">
+						<v-tooltip :text="TipFromSum['pgas'][recount['pgas']]"
+						:disabled="!TipFromSum['pgas'][recount['pgas']]"
+						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
 									<svg-icon type="mdi" :path="infoIconPath" />
@@ -193,7 +197,8 @@ const infoIconPath = mdiInformationOutline;
 					<v-sheet class="pay">ГСС</v-sheet>
 					<div class="d-flex">
 						<div id="gss" class="sum-plus bg-primary">{{ formattedStipend(recount['gss']) }}</div>
-						<v-tooltip :text="TipFromSum['gss'][recount['gss']]">
+						<v-tooltip :text="TipFromSum['gss'][recount['gss']]"
+						:disabled="!TipFromSum['gss'][recount['gss']]">
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
 									<svg-icon type="mdi" :path="infoIconPath" />
@@ -206,7 +211,9 @@ const infoIconPath = mdiInformationOutline;
 					<v-sheet class="pay">ПГСС</v-sheet>
 					<div class="d-flex">
 						<div id="pgss" class="sum-plus bg-primary">{{ formattedStipend(recount['pgss']) }}</div>
-						<v-tooltip :text="TipFromSum['pgss'][recount['pgss']]">
+						<v-tooltip :text="TipFromSum['pgss'][recount['pgss']]"
+						:disabled="!TipFromSum['pgss'][recount['pgss']]"
+					    >
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
 									<svg-icon type="mdi" :path="infoIconPath" />
@@ -217,7 +224,17 @@ const infoIconPath = mdiInformationOutline;
 				</div>
 				<div class="d-flex justify-space-between">
 					<v-sheet class="pay">Профвзнос</v-sheet>
-					<div id="tax" class="sum-plus bg-primary">{{ formattedStipend(recount['tax']) }}</div>
+					<div class="d-flex">
+						<div id="tax" class="sum-plus bg-primary">{{ formattedStipend(recount['tax']) }}</div>
+						<v-tooltip :text="TipFromSum['proffee']" 
+						:disabled="!TipFromSum['proffee'] || recount['tax'] >= 0">
+								<template #activator="{ props }">
+									<v-btn icon variant="tonal" v-bind="props" class="mt-3">
+										<svg-icon type="mdi" :path="infoIconPath" />
+									</v-btn>
+								</template>
+							</v-tooltip>
+					</div>		
 				</div>
 			</div>
 			<v-divider />
@@ -247,7 +264,7 @@ const infoIconPath = mdiInformationOutline;
 	background: green;
 	color: white;
 	border-radius: 999px;
-	margin: 10px 10px;
+	margin: 10px;
 	padding: 0 30px;
 	min-width: max(54px, fit-content);
 	justify-content: center;

From 666097e7c456cfd50bf587a992631a28138cbe86 Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Wed, 7 May 2025 11:11:57 +0000
Subject: [PATCH 11/15] change tooltips

---
 src/constants/index.ts    |  3 +--
 src/pages/ReverseCalc.vue | 43 +++++++++++++++++++++++----------------
 2 files changed, 26 insertions(+), 20 deletions(-)

diff --git a/src/constants/index.ts b/src/constants/index.ts
index b860924..860d265 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -44,6 +44,5 @@ export const TipFromSum = {
 		[PAYMENTS['pgss'] * (1 - TAX)]:
 			'Вы получаете повышенную государственную социальную стипендию; за вычетом профсоюзного взноса.',
 	},
-	proffee:
-		'4% от всей полученной суммы.'
+	proffee: '4% от всей полученной суммы.',
 };
diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index d6cdd84..511c066 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -167,8 +167,9 @@ const infoIconPath = mdiInformationOutline;
 					<div class="pay">ГАС</div>
 					<div class="d-flex">
 						<div id="gas" class="sum-plus bg-primary">{{ formattedStipend(recount['gas']) }}</div>
-						<v-tooltip :text="TipFromSum['gas'][recount['gas']]"
-						:disabled="!TipFromSum['gas'][recount['gas']]"
+						<v-tooltip
+							:text="TipFromSum['gas'][recount['gas']]"
+							:disabled="!TipFromSum['gas'][recount['gas']]"
 						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
@@ -182,8 +183,9 @@ const infoIconPath = mdiInformationOutline;
 					<v-sheet class="pay">ПГАС</v-sheet>
 					<div class="d-flex">
 						<div id="pgas" class="sum-plus bg-primary">{{ formattedStipend(recount['pgas']) }}</div>
-						<v-tooltip :text="TipFromSum['pgas'][recount['pgas']]"
-						:disabled="!TipFromSum['pgas'][recount['pgas']]"
+						<v-tooltip
+							:text="TipFromSum['pgas'][recount['pgas']]"
+							:disabled="!TipFromSum['pgas'][recount['pgas']]"
 						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
@@ -197,8 +199,10 @@ const infoIconPath = mdiInformationOutline;
 					<v-sheet class="pay">ГСС</v-sheet>
 					<div class="d-flex">
 						<div id="gss" class="sum-plus bg-primary">{{ formattedStipend(recount['gss']) }}</div>
-						<v-tooltip :text="TipFromSum['gss'][recount['gss']]"
-						:disabled="!TipFromSum['gss'][recount['gss']]">
+						<v-tooltip
+							:text="TipFromSum['gss'][recount['gss']]"
+							:disabled="!TipFromSum['gss'][recount['gss']]"
+						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
 									<svg-icon type="mdi" :path="infoIconPath" />
@@ -211,9 +215,10 @@ const infoIconPath = mdiInformationOutline;
 					<v-sheet class="pay">ПГСС</v-sheet>
 					<div class="d-flex">
 						<div id="pgss" class="sum-plus bg-primary">{{ formattedStipend(recount['pgss']) }}</div>
-						<v-tooltip :text="TipFromSum['pgss'][recount['pgss']]"
-						:disabled="!TipFromSum['pgss'][recount['pgss']]"
-					    >
+						<v-tooltip
+							:text="TipFromSum['pgss'][recount['pgss']]"
+							:disabled="!TipFromSum['pgss'][recount['pgss']]"
+						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
 									<svg-icon type="mdi" :path="infoIconPath" />
@@ -226,15 +231,17 @@ const infoIconPath = mdiInformationOutline;
 					<v-sheet class="pay">Профвзнос</v-sheet>
 					<div class="d-flex">
 						<div id="tax" class="sum-plus bg-primary">{{ formattedStipend(recount['tax']) }}</div>
-						<v-tooltip :text="TipFromSum['proffee']" 
-						:disabled="!TipFromSum['proffee'] || recount['tax'] >= 0">
-								<template #activator="{ props }">
-									<v-btn icon variant="tonal" v-bind="props" class="mt-3">
-										<svg-icon type="mdi" :path="infoIconPath" />
-									</v-btn>
-								</template>
-							</v-tooltip>
-					</div>		
+						<v-tooltip
+							:text="TipFromSum['proffee']"
+							:disabled="!TipFromSum['proffee'] || recount['tax'] >= 0"
+						>
+							<template #activator="{ props }">
+								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
+									<svg-icon type="mdi" :path="infoIconPath" />
+								</v-btn>
+							</template>
+						</v-tooltip>
+					</div>
 				</div>
 			</div>
 			<v-divider />

From 8eef2349da27b89e8a88536d62a7e1bfdac73eb5 Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Sun, 11 May 2025 10:24:46 +0000
Subject: [PATCH 12/15] add tooltip in mobile

---
 src/constants/index.ts | 2 +-
 src/vuetify.ts         | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/constants/index.ts b/src/constants/index.ts
index 860d265..986a0c6 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -44,5 +44,5 @@ export const TipFromSum = {
 		[PAYMENTS['pgss'] * (1 - TAX)]:
 			'Вы получаете повышенную государственную социальную стипендию; за вычетом профсоюзного взноса.',
 	},
-	proffee: '4% от всей полученной суммы.',
+	proffee: '4% от всей полученной суммы',
 };
diff --git a/src/vuetify.ts b/src/vuetify.ts
index a7d659f..52f1148 100644
--- a/src/vuetify.ts
+++ b/src/vuetify.ts
@@ -37,6 +37,11 @@ export const vuetify = createVuetify({
 		VCheckbox: {
 			color: 'rgb(0, 1, 76)',
 		},
+		VTooltip: {
+			'open-on-click': true,
+			'open-on-hover': true,
+			'open-on-focus': true,
+		},
 	},
 	theme: {
 		defaultTheme: 'profcomffLight',

From 2a023fce9d13ec6b3daf715983c561da6b06140f Mon Sep 17 00:00:00 2001
From: golovankovasa <golovankovasa@it.profcomff.com>
Date: Mon, 12 May 2025 11:16:27 +0000
Subject: [PATCH 13/15] add minor changes

---
 src/pages/ReverseCalc.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index 511c066..b77e62a 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -170,6 +170,9 @@ const infoIconPath = mdiInformationOutline;
 						<v-tooltip
 							:text="TipFromSum['gas'][recount['gas']]"
 							:disabled="!TipFromSum['gas'][recount['gas']]"
+							open-on-click
+							open-on-hover
+							open-on-focus
 						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
@@ -186,6 +189,9 @@ const infoIconPath = mdiInformationOutline;
 						<v-tooltip
 							:text="TipFromSum['pgas'][recount['pgas']]"
 							:disabled="!TipFromSum['pgas'][recount['pgas']]"
+							open-on-click
+							open-on-hover
+							open-on-focus
 						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
@@ -202,6 +208,9 @@ const infoIconPath = mdiInformationOutline;
 						<v-tooltip
 							:text="TipFromSum['gss'][recount['gss']]"
 							:disabled="!TipFromSum['gss'][recount['gss']]"
+							open-on-click
+							open-on-hover
+							open-on-focus
 						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
@@ -218,6 +227,9 @@ const infoIconPath = mdiInformationOutline;
 						<v-tooltip
 							:text="TipFromSum['pgss'][recount['pgss']]"
 							:disabled="!TipFromSum['pgss'][recount['pgss']]"
+							open-on-click
+							open-on-hover
+							open-on-focus
 						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
@@ -234,6 +246,9 @@ const infoIconPath = mdiInformationOutline;
 						<v-tooltip
 							:text="TipFromSum['proffee']"
 							:disabled="!TipFromSum['proffee'] || recount['tax'] >= 0"
+							open-on-click
+							open-on-hover
+							open-on-focus
 						>
 							<template #activator="{ props }">
 								<v-btn icon variant="tonal" v-bind="props" class="mt-3">

From 7a90a2b3e9ed81deed9b3217f583bf85ca800869 Mon Sep 17 00:00:00 2001
From: Dmatrushka19 <dmasik1903@gmail.com>
Date: Wed, 4 Mar 2026 23:40:10 +0300
Subject: [PATCH 14/15] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20?=
 =?UTF-8?q?=D0=BE=D0=BF=D1=80=D0=B5=D0=B4=D0=B5=D0=BB=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D1=88=D0=B8=D1=80=D0=B8=D0=BD=D1=8B=20=D1=8D=D0=BA?=
 =?UTF-8?q?=D1=80=D0=B0=D0=BD=D0=B0=20=D1=80=D0=B5=D0=B0=D0=BA=D1=82=D0=B8?=
 =?UTF-8?q?=D0=B2=D0=BD=D1=8B=D0=BC=20=D1=87=D0=B5=D1=80=D0=B5=D0=B7=20use?=
 =?UTF-8?q?Display;=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20=D0=BE?=
 =?UTF-8?q?=D0=B1=D1=80=D0=B0=D0=B1=D0=BE=D1=82=D1=87=D0=B8=D0=BA=20"."=20?=
 =?UTF-8?q?=D0=B8=20",",=20=D1=87=D1=82=D0=BE=D0=B1=D1=8B=20=D0=BA=D0=BE?=
 =?UTF-8?q?=D1=80=D1=80=D0=B5=D0=BA=D1=82=D0=BD=D0=BE=20=D0=BE=D0=B1=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B1=D0=B0=D1=82=D1=8B=D0=B2=D0=B0=D1=82=D1=8C=20=D0=B2?=
 =?UTF-8?q?=D0=B2=D0=B5=D0=B4=D0=B5=D0=BD=D0=BD=D1=83=D1=8E=20=D0=B8=D0=BD?=
 =?UTF-8?q?=D1=84=D1=83;=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20ha?=
 =?UTF-8?q?sInput=20=D1=81=20trim()=20=D0=B4=D0=BB=D1=8F=20=D0=BA=D0=BE?=
 =?UTF-8?q?=D1=80=D1=80=D0=B5=D0=BA=D1=82=D0=BD=D0=BE=D0=B9=20=D0=BE=D0=B1?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=BA=D0=B8=20=D0=BF=D1=83=D1=81?=
 =?UTF-8?q?=D1=82=D0=BE=D0=B3=D0=BE/=D0=BF=D1=80=D0=BE=D0=B1=D0=B5=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=BD=D0=BE=D0=B3=D0=BE=20=D0=B2=D0=B2=D0=BE=D0=B4=D0=B0?=
 =?UTF-8?q?;=20=D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=BB=20=D1=82=D1=83=D0=BB=D1=82=D0=B8=D0=BF=D1=8B=20?=
 =?UTF-8?q?=D0=B4=D0=BB=D1=8F=20=D0=B2=D1=8B=D0=B2=D0=B5=D0=B4=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=B8=D0=BD=D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=86?=
 =?UTF-8?q?=D0=B8=D0=B8=20=D0=BE=20=D0=B2=D1=8B=D0=BF=D0=BB=D0=B0=D1=82?=
 =?UTF-8?q?=D0=B0=D1=85=20(=D1=80=D0=B5=D0=B0=D0=BB=D0=B8=D0=B7=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=B0=D0=BB=20=D0=BA=D0=BE=D1=80=D1=80=D0=B5=D0=BA=D1=82?=
 =?UTF-8?q?=D0=BD=D0=BE,=20=D0=B2=20=D1=82=D0=BE=D0=BC=20=D1=87=D0=B8?=
 =?UTF-8?q?=D1=81=D0=BB=D0=B5=20=D1=80=D0=B0=D0=B7=D0=BE=D0=B1=D1=80=D0=B0?=
 =?UTF-8?q?=D0=BB=D1=81=D1=8F=20=D1=81=20=D0=B8=D0=BA=D0=BE=D0=BD=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=B9);?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ReverseCalc.vue | 284 ++++++++++++++++++++++++--------------
 1 file changed, 180 insertions(+), 104 deletions(-)

diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index b77e62a..edf68b5 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -1,11 +1,9 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
+import { useDisplay } from 'vuetify';
+import { mdiInformationOutline } from '@mdi/js';
 import IrdomSection from '../components/IrdomSection.vue';
 import { PAYMENTS, TAX, TipFromSum } from '../constants/';
-// @ts-expect-error: This is necessary because the operation may return an unexpected type.
-import SvgIcon from '@jamescoyle/vue-icon';
-import { mdiInformationOutline } from '@mdi/js';
-import { VTooltip, VBtn } from 'vuetify/components';
 import { lz } from '../utils';
 
 interface Result {
@@ -33,7 +31,8 @@ const emptyResult: Result = {
 	tax: 0,
 };
 
-const screenWidth = window.innerWidth;
+const { width } = useDisplay();
+const isNarrow = computed(() => width.value < 800);
 
 const flattenStipend = (options: typeof PAYMENTS): typeof convertedStipend => {
 	const newOptions: typeof convertedStipend = Object.assign({}, convertedStipend);
@@ -116,26 +115,27 @@ function formatInput(input: string) {
 	}
 }
 
-let result: Result = emptyResult;
-const recount = computed(() => {
-	const tempInput = inputSum.value.replace(',', '.');
-	result =
-		combinations.find(o => o.sum <= Number(tempInput) + 1 && o.sum >= Number(tempInput) - 1) ??
-		emptyResult;
-	return result;
+const parsedSum = computed(() => {
+	const s = inputSum.value.trim().replace(',', '.');
+	if (!s) return null;
+	const n = Number(s);
+	return Number.isFinite(n) ? n : null;
 });
 
 const found = computed(() => {
-	const foundResult = combinations.find(
-		o => o.sum <= Number(inputSum.value) + 1 && o.sum >= Number(inputSum.value) - 1
-	);
-	if (foundResult) {
-		return true;
-	} else {
-		return false;
-	}
+	const target = parsedSum.value;
+	if (target === null) return false;
+	return combinations.some(o => Math.abs(o.sum - target) <= 1);
 });
 
+const recount = computed(() => {
+	const target = parsedSum.value;
+	if (target === null) return emptyResult;
+	return combinations.find(o => Math.abs(o.sum - target) <= 1) ?? emptyResult;
+});
+
+const hasInput = computed(() => inputSum.value.trim().length > 0);
+
 const formattedStipend = (stipend: number): string => {
 	let thousands: number;
 	let rest: number;
@@ -152,7 +152,15 @@ const formattedStipend = (stipend: number): string => {
 	if (thousands) return `${thousands} ${lz(rest, 3)},${lz(float, 2)} ₽`;
 	return `${rest},${lz(float, 2)} ₽`;
 };
-const infoIconPath = mdiInformationOutline;
+
+type StipendField = 'gas' | 'pgas' | 'gss' | 'pgss';
+
+const getTooltipText = (field: StipendField): string => {
+	if (!hasInput.value || !found.value) return '';
+	const value = recount.value[field];
+	const tips = TipFromSum[field] as Record<number, string>;
+	return tips[value] ?? '';
+};
 </script>
 
 <template>
@@ -162,108 +170,165 @@ const infoIconPath = mdiInformationOutline;
 				<v-text-field v-model="inputSum" label="Полученная сумма" :rules="[formatInput]" />
 				<v-divider class="ma-0" />
 			</IrdomSection>
+
 			<div class="ma-0">
-				<div class="d-flex justify-space-between">
+				<!-- ГАС -->
+				<div class="d-flex justify-space-between align-center">
 					<div class="pay">ГАС</div>
-					<div class="d-flex">
+					<div class="right-group">
 						<div id="gas" class="sum-plus bg-primary">{{ formattedStipend(recount['gas']) }}</div>
-						<v-tooltip
-							:text="TipFromSum['gas'][recount['gas']]"
-							:disabled="!TipFromSum['gas'][recount['gas']]"
-							open-on-click
-							open-on-hover
-							open-on-focus
-						>
-							<template #activator="{ props }">
-								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
-									<svg-icon type="mdi" :path="infoIconPath" />
-								</v-btn>
-							</template>
-						</v-tooltip>
+						<span v-show="hasInput && found && getTooltipText('gas')">
+							<v-tooltip :text="getTooltipText('gas')" location="end" content-class="tooltip-large">
+								<template #activator="{ props }">
+									<v-btn
+										v-bind="props"
+										:icon="mdiInformationOutline"
+										variant="tonal"
+										size="x-small"
+										color="grey"
+										style="font-size: medium"
+									/>
+								</template>
+							</v-tooltip>
+						</span>
 					</div>
 				</div>
-				<div class="d-flex justify-space-between">
-					<v-sheet class="pay">ПГАС</v-sheet>
-					<div class="d-flex">
+
+				<!-- ПГАС -->
+				<div class="d-flex justify-space-between align-center">
+					<div class="pay">ПГАС</div>
+					<div class="right-group">
 						<div id="pgas" class="sum-plus bg-primary">{{ formattedStipend(recount['pgas']) }}</div>
-						<v-tooltip
-							:text="TipFromSum['pgas'][recount['pgas']]"
-							:disabled="!TipFromSum['pgas'][recount['pgas']]"
-							open-on-click
-							open-on-hover
-							open-on-focus
-						>
-							<template #activator="{ props }">
-								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
-									<svg-icon type="mdi" :path="infoIconPath" />
-								</v-btn>
-							</template>
-						</v-tooltip>
+						<span v-show="getTooltipText('pgas')">
+							<v-tooltip
+								:text="getTooltipText('pgas')"
+								location="end"
+								content-class="tooltip-large"
+							>
+								<template #activator="{ props }">
+									<v-btn
+										v-bind="props"
+										:icon="mdiInformationOutline"
+										variant="tonal"
+										size="x-small"
+										color="grey"
+										style="font-size: medium"
+									/>
+								</template>
+							</v-tooltip>
+						</span>
 					</div>
 				</div>
-				<div class="d-flex justify-space-between">
-					<v-sheet class="pay">ГСС</v-sheet>
-					<div class="d-flex">
+
+				<!-- ГСС -->
+				<div class="d-flex justify-space-between align-center">
+					<div class="pay">ГСС</div>
+					<div class="right-group">
 						<div id="gss" class="sum-plus bg-primary">{{ formattedStipend(recount['gss']) }}</div>
-						<v-tooltip
-							:text="TipFromSum['gss'][recount['gss']]"
-							:disabled="!TipFromSum['gss'][recount['gss']]"
-							open-on-click
-							open-on-hover
-							open-on-focus
-						>
-							<template #activator="{ props }">
-								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
-									<svg-icon type="mdi" :path="infoIconPath" />
-								</v-btn>
-							</template>
-						</v-tooltip>
+						<span v-show="hasInput && found && getTooltipText('gss')">
+							<v-tooltip
+								:text="getTooltipText('gss')"
+								location="start"
+								content-class="tooltip-large"
+							>
+								<template #activator="{ props }">
+									<v-btn
+										v-bind="props"
+										:icon="mdiInformationOutline"
+										variant="tonal"
+										size="x-small"
+										color="grey"
+										style="font-size: medium"
+									/>
+								</template>
+							</v-tooltip>
+						</span>
 					</div>
 				</div>
-				<div class="d-flex justify-space-between">
-					<v-sheet class="pay">ПГСС</v-sheet>
-					<div class="d-flex">
+
+				<!-- ПГСС -->
+				<div class="d-flex justify-space-between align-center">
+					<div class="pay">ПГСС</div>
+					<div class="right-group">
 						<div id="pgss" class="sum-plus bg-primary">{{ formattedStipend(recount['pgss']) }}</div>
-						<v-tooltip
-							:text="TipFromSum['pgss'][recount['pgss']]"
-							:disabled="!TipFromSum['pgss'][recount['pgss']]"
-							open-on-click
-							open-on-hover
-							open-on-focus
-						>
-							<template #activator="{ props }">
-								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
-									<svg-icon type="mdi" :path="infoIconPath" />
-								</v-btn>
-							</template>
-						</v-tooltip>
+						<span v-show="hasInput && found && getTooltipText('pgss')">
+							<v-tooltip
+								:text="getTooltipText('pgss')"
+								location="start"
+								content-class="tooltip-large"
+							>
+								<template #activator="{ props }">
+									<v-btn
+										v-bind="props"
+										:icon="mdiInformationOutline"
+										variant="tonal"
+										size="x-small"
+										color="grey"
+										style="font-size: medium"
+									/>
+								</template>
+							</v-tooltip>
+						</span>
 					</div>
 				</div>
-				<div class="d-flex justify-space-between">
-					<v-sheet class="pay">Профвзнос</v-sheet>
-					<div class="d-flex">
+
+				<!-- Профвзнос -->
+				<div class="d-flex justify-space-between align-center">
+					<div class="pay">Профвзнос</div>
+					<div class="right-group">
 						<div id="tax" class="sum-plus bg-primary">{{ formattedStipend(recount['tax']) }}</div>
-						<v-tooltip
-							:text="TipFromSum['proffee']"
-							:disabled="!TipFromSum['proffee'] || recount['tax'] >= 0"
-							open-on-click
-							open-on-hover
-							open-on-focus
-						>
-							<template #activator="{ props }">
-								<v-btn icon variant="tonal" v-bind="props" class="mt-3">
-									<svg-icon type="mdi" :path="infoIconPath" />
-								</v-btn>
-							</template>
-						</v-tooltip>
+						<span v-show="hasInput && found && recount['tax'] !== 0">
+							<v-tooltip
+								:text="TipFromSum['proffee']"
+								location="start"
+								content-class="tooltip-large"
+							>
+								<template #activator="{ props }">
+									<v-btn
+										v-bind="props"
+										:icon="mdiInformationOutline"
+										variant="tonal"
+										size="x-small"
+										color="grey"
+										style="font-size: medium"
+									/>
+								</template>
+							</v-tooltip>
+						</span>
 					</div>
 				</div>
 			</div>
+
 			<v-divider />
+
+			<!-- Итоговая строка -->
 			<div class="your d-flex justify-space-between">
 				<div class="text-h4">Сумма:</div>
-				<div class="stipend bg-secondary" :class="screenWidth < 800 ? 'text-h5' : 'text-h4'">
-					{{ found ? formattedStipend(recount['sum']) : 'Не найдено' }}
+				<div class="right-group">
+					<div
+						class="stipend"
+						:class="[found ? 'bg-primary' : 'bg-secondary', isNarrow ? 'text-h5' : 'text-h4']"
+					>
+						{{ found ? formattedStipend(recount['sum']) : hasInput ? 'Не найдено' : '0,00 ₽' }}
+					</div>
+					<span v-show="hasInput && !found">
+						<v-tooltip
+							text="Не найден такой вариант суммы"
+							location="start"
+							content-class="tooltip-large"
+						>
+							<template #activator="{ props }">
+								<v-btn
+									v-bind="props"
+									:icon="mdiInformationOutline"
+									variant="tonal"
+									size="x-small"
+									color="grey"
+									style="font-size: medium"
+								/>
+							</template>
+						</v-tooltip>
+					</span>
 				</div>
 			</div>
 		</div>
@@ -278,15 +343,20 @@ const infoIconPath = mdiInformationOutline;
 	margin: 13px 0 10px;
 }
 
+.right-group {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+
 .sum-plus {
 	height: 54px;
 	display: flex;
 	align-items: center;
 	font-size: 20px;
-	background: green;
 	color: white;
 	border-radius: 999px;
-	margin: 10px;
+	margin: 10px 0;
 	padding: 0 30px;
 	min-width: max(54px, fit-content);
 	justify-content: center;
@@ -326,3 +396,9 @@ const infoIconPath = mdiInformationOutline;
 	padding: 24px 24px 112px;
 }
 </style>
+
+<style>
+.tooltip-large {
+	font-size: 1rem !important;
+}
+</style>

From ffd2bb1564d3ba6d5633628cbb51657f5d26f1f6 Mon Sep 17 00:00:00 2001
From: Dmatrushka19 <dmasik1903@gmail.com>
Date: Wed, 4 Mar 2026 23:40:38 +0300
Subject: [PATCH 15/15] =?UTF-8?q?=D1=81=D1=82=D0=B8=D0=BB=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ReverseCalc.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/ReverseCalc.vue b/src/pages/ReverseCalc.vue
index edf68b5..f019d55 100644
--- a/src/pages/ReverseCalc.vue
+++ b/src/pages/ReverseCalc.vue
@@ -395,9 +395,7 @@ const getTooltipText = (field: StipendField): string => {
 	height: 100%;
 	padding: 24px 24px 112px;
 }
-</style>
 
-<style>
 .tooltip-large {
 	font-size: 1rem !important;
 }