From 0d194f8a6a38c5491d2ee39d0eddc3f6415503f6 Mon Sep 17 00:00:00 2001
From: "m.epshtein" <m.epshtein@micord.ru>
Date: Tue, 25 Jun 2024 13:03:18 +0300
Subject: [PATCH] fl merge

---
 .../src/resources/css/components-lkrp.css     | 97 ++++++++++++++++++-
 frontend/src/resources/css/inbox-lkrp.css     |  4 +-
 frontend/src/resources/img/svg/win-error.svg  |  4 +
 .../src/resources/img/svg/win-success.svg     |  4 +
 4 files changed, 105 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/resources/img/svg/win-error.svg
 create mode 100644 frontend/src/resources/img/svg/win-success.svg

diff --git a/frontend/src/resources/css/components-lkrp.css b/frontend/src/resources/css/components-lkrp.css
index 60cf3eb9..7ff3527d 100644
--- a/frontend/src/resources/css/components-lkrp.css
+++ b/frontend/src/resources/css/components-lkrp.css
@@ -3,6 +3,10 @@
     display: flex;
 }
 
+.webbpm.ervu_lkrp_ul hbox.align-center > .horizontal-container {
+	justify-content: center;
+}
+
 .webbpm.ervu_lkrp_ul .error {
 	position: relative;
 	display: block;
@@ -161,7 +165,7 @@
 	&:not(:disabled):not(.disabled):hover,
 	&:not(:disabled):not(.disabled):active,
 	&:not(:disabled):not(.disabled):focus {
-	    color: var(--color-link-hover);
+	    color: var(--color-link-hover) !important;
 	}
 	&::before {
 		background-image: url(../img/svg/data.svg);
@@ -222,6 +226,22 @@
     }
 }
 
+.webbpm.ervu_lkrp_ul .loader-group {
+	.loader {
+        font-size: 5px;
+        left: 14px;
+        top: 10px;
+        width: 6px;
+        height: 6px;
+        padding: 0;
+        border-radius: 10px;
+	}
+	.mute {
+		color: var(--color-light);
+		margin-left: 40px;
+	}	
+}
+
 .webbpm.ervu_lkrp_ul .link .btn {
 	color: var(--color-link);
 	padding: 0;
@@ -230,7 +250,7 @@
 	&:not(:disabled):not(.disabled):hover,
 	&:not(:disabled):not(.disabled):active,
 	&:not(:disabled):not(.disabled):focus {
-		color: var(--color-link-hover);
+		color: var(--color-link-hover) !important;
 	}
 }
 
@@ -298,6 +318,9 @@
         margin-top: 16px;
         border-top: 1px solid var(--border-light);   	
     }
+    .warning-group ~ *:not([hidden]) {
+    	margin-top: 16px;
+    }
 }
 
 .webbpm.ervu_lkrp_ul .filter-block {
@@ -598,6 +621,15 @@
 
 		.modal-dialog {
 			width: calc(100vw - 1rem);
+
+			.horizontal-container {
+				flex-wrap: wrap !important;
+
+				button-component:not(.info):not(.link), .btn {
+					width: 100%;
+					padding: 0;
+				}
+			}
 		}
 	}
 }
@@ -635,6 +667,7 @@
 	}	
 }
 */
+
 .webbpm.ervu_lkrp_ul .modal.show {
 	display: flex !important;
 
@@ -692,6 +725,49 @@
 				margin-top: 8px;
 			}		
 		}
+		hyper-link.btn {
+			padding: 0;
+			margin: var(--indent-small) 0 0;
+			background: transparent !important;
+
+			.hyper-link {
+			    padding: 13px 38px;
+			    border: 1px solid var(--color-link);				
+			    border-radius: 4px;
+
+			    &:hover {
+			    	border-color: var(--color-link-hover);
+			    }
+			}
+			&.btn-main .hyper-link {
+				background: var(--color-link) !important;
+
+				&:hover {
+					background-color: var(--color-link-hover) !important;
+				}
+				a {
+					color: var(--white);
+				}
+			}
+			& + button-component {
+				padding-left: 10px;
+			}
+		}
+		.field-email {
+			margin-top: 16px;
+
+			.form-group {
+				margin-bottom: 0;
+
+				div:last-child {
+					width: 100%;
+					padding: 16px;
+					border-radius: 4px;
+					border: 1px solid var(--border-light);
+					background-color: var(--bg-light);
+				}				
+			}
+		}
 		.warning-message {
 			display: block;
 			font-size: var(--size-text-secondary);
@@ -747,6 +823,23 @@
 		}       
 	}	
 }
+.webbpm.ervu_lkrp_ul [class*="win-"] .modal-content {
+	&::before {
+		content: "";
+		position: relative;
+		width: 64px;
+		height: 64px;
+		left: calc(50% - 64px / 2);
+		margin-bottom: 24px;
+		background-repeat: no-repeat;	
+	}	
+}
+.webbpm.ervu_lkrp_ul .win-error .modal-content::before {
+	background-image: url(../img/svg/win-error.svg);
+}
+.webbpm.ervu_lkrp_ul .win-success .modal-content::before {
+	background-image: url(../img/svg/win-success.svg);
+}
 
 
 /* temp fix + add flex-wrap*/
diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css
index 1f4ea148..2e3140f5 100644
--- a/frontend/src/resources/css/inbox-lkrp.css
+++ b/frontend/src/resources/css/inbox-lkrp.css
@@ -197,8 +197,8 @@ body {
 
 .webbpm.ervu_lkrp_ul .loader {
     font-size: 15px;
-    left: calc(50% -  50px);
-    top: calc(50% -  50px);    
+    left: calc(50% - 50px);
+    top: calc(50% - 50px);    
     width: 0.8em;
     height: 0.8em;
     border-radius: 50%;
diff --git a/frontend/src/resources/img/svg/win-error.svg b/frontend/src/resources/img/svg/win-error.svg
new file mode 100644
index 00000000..d2c4746f
--- /dev/null
+++ b/frontend/src/resources/img/svg/win-error.svg
@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32 4C16.4 4 4 16.4 4 32C4 47.6 16.4 60 32 60C47.6 60 60 47.6 60 32C60 16.4 47.6 4 32 4ZM32 56C18.8 56 8 45.2 8 32C8 18.8 18.8 8 32 8C45.2 8 56 18.8 56 32C56 45.2 45.2 56 32 56Z" fill="#C64E1B"/>
+<path d="M44.4002 44.4002C43.5166 45.2839 42.0839 45.2839 41.2002 44.4002L34.8287 38.0287C33.2666 36.4666 30.7339 36.4666 29.1718 38.0287L22.8002 44.4002C21.9166 45.2839 20.4839 45.2839 19.6002 44.4002V44.4002C18.7166 43.5166 18.7166 42.0839 19.6002 41.2002L25.9718 34.8287C27.5339 33.2666 27.5339 30.7339 25.9718 29.1718L19.6002 22.8002C18.7166 21.9166 18.7166 20.4839 19.6002 19.6002V19.6002C20.4839 18.7166 21.9166 18.7166 22.8002 19.6002L29.1718 25.9718C30.7339 27.5339 33.2666 27.5339 34.8287 25.9718L41.2002 19.6002C42.0839 18.7166 43.5166 18.7166 44.4002 19.6002V19.6002C45.2839 20.4839 45.2839 21.9166 44.4002 22.8002L38.0287 29.1718C36.4666 30.7339 36.4666 33.2666 38.0287 34.8287L44.4002 41.2002C45.2839 42.0839 45.2839 43.5166 44.4002 44.4002V44.4002Z" fill="#C64E1B"/>
+</svg>
diff --git a/frontend/src/resources/img/svg/win-success.svg b/frontend/src/resources/img/svg/win-success.svg
new file mode 100644
index 00000000..08e946ac
--- /dev/null
+++ b/frontend/src/resources/img/svg/win-success.svg
@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.8807 12.0547C36.5831 10.1398 31.7816 9.66544 27.1923 10.7023C22.6031 11.7392 18.472 14.2318 15.4151 17.8083C12.3582 21.3849 10.5393 25.8538 10.2298 30.5485C9.9202 35.2432 11.1365 39.9123 13.6973 43.8592C16.2581 47.8062 20.0261 50.8197 24.4395 52.4502C28.8529 54.0807 33.675 54.2409 38.1869 52.9069C42.6987 51.5729 46.6585 48.8161 49.4756 45.0478C52.2927 41.2795 53.8162 36.7015 53.8188 31.9965V29.7676C53.8188 28.4288 54.9042 27.3434 56.2431 27.3434C57.582 27.3434 58.6673 28.4288 58.6673 29.7676V31.9979C58.664 37.7484 56.802 43.3451 53.3589 47.9508C49.9158 52.5566 45.0761 55.9259 39.5616 57.5564C34.0471 59.1868 28.1533 58.991 22.7592 56.9982C17.3651 55.0054 12.7597 51.3222 9.62988 46.4982C6.50003 41.6741 5.01343 35.9675 5.39179 30.2295C5.77015 24.4915 7.9932 19.0295 11.7294 14.6582C15.4656 10.2868 20.5147 7.24033 26.1238 5.97304C31.7329 4.70574 37.6014 5.28554 42.854 7.62598C44.077 8.1709 44.6266 9.60406 44.0817 10.827C43.5368 12.05 42.1036 12.5996 40.8807 12.0547Z" fill="#C64E1B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57.9555 10.8899C58.9027 11.8361 58.9034 13.371 57.9572 14.3182L33.7148 38.5849C33.2602 39.0399 32.6435 39.2957 32.0003 39.2958C31.3572 39.296 30.7403 39.0406 30.2855 38.5858L23.0128 31.313C22.0661 30.3663 22.0661 28.8314 23.0128 27.8846C23.9595 26.9379 25.4945 26.9379 26.4412 27.8846L31.9988 33.4423L54.5271 10.8916C55.4733 9.94437 57.0083 9.9436 57.9555 10.8899Z" fill="#C64E1B"/>
+</svg>