From 420d137f679ee8706706142bef70f7427a126080 Mon Sep 17 00:00:00 2001
From: modzeleg <g.modzelewski@protonmail.com>
Date: Wed, 3 Mar 2021 14:32:31 +0100
Subject: [PATCH] T207 implemented modal placeholders in html

---
 .../klaus/controller/KlausController.class    | Bin 5958 -> 5722 bytes
 target/classes/static/css/modal.css           | 104 ++++++++++++++++++
 target/classes/static/css/wojtas.css          |  43 --------
 3 files changed, 104 insertions(+), 43 deletions(-)
 create mode 100644 target/classes/static/css/modal.css
 delete mode 100644 target/classes/static/css/wojtas.css

diff --git a/target/classes/com/release11/klaus/controller/KlausController.class b/target/classes/com/release11/klaus/controller/KlausController.class
index 1ed96390680b8031bdc0de507cea2e0cf5a72bfe..652bc793bba98aee308496e6b0231eba1e83e007 100644
GIT binary patch
delta 1845
zcmZuxX?qh@6n^hal1V1FX&IoBwgE~T+9qksrbvO5Zk9j`N*AaswLmOOY-$52Dh3f3
zw4iuZT&N2!sJPKWn-)aeP!SQ_#SQ)9NA(Awo;xYgM}6{4&Yg45_P*zwIZ<*hkahBp
zp<@7M;AaOEs2VIBR@fLOif$!aWH9IM^Fd}8<Cr^7fzIKSm(HrXP|bqI)~2RVwT?8n
zG^BH6V1!u8=2j~h$uUaW>Gd@Y4HdODtx2;?X>$p~=)zD@-MY3-ZKaX6j`q@q4P9$H
z+Gjf9MwW(bjvRQzFKmx<9L8(N<(Pmxu|sKcc`;E#0Y@Q<7)r#idWpzVgDyV;8j3mW
zC}AiR#cHA0rB<*>;*1(#Q^W<;<C=y`HC)Cq9hWl-Hc8JD^DU+JQj~Gb#4NGRGS?eq
z7}Xx$P!WmLM^~*6uU-_6bw)d4VOiH4SyTl>i};g;#4e_Z<yNQNk1CF8)QC=Nxw95?
zHH0|kVZIo$PG|LElx@7-i-jCl;wmxA=CL(MlSa{M^N(p}U=!?E!k{i&HbHWDHOEpc
z6Z>rQa?`Maqg68Hh;3XMGwE@n4J$RQ;#iHaNYk>iC6E7Qv8dUOcHz@<sk*fs>#$xl
zXiF^DG2|0$k2s|{vLlE}*qxNTu&7x_7h)PVaBRdT@tfA@yb+r<+{AG+ZV?OZi)^=Y
z#IaTEw>R0{*v4@?whN16a$Xni<hTp-8C*nMeK;0tYY$gOS8tXfcW~T;d&Lrm&$$!3
zG~CB=KX!|qjsp8M2ssH4ildHV>cPXZm_6cmM|(ysqB<VK;~MsI^x%oUHTnUY>$Hwf
za7M#fj!*GfU+xGCvwXo&K+W)G6g8(?@s*AUzUKG_=fnzQO6EBR9_r`_cU48&VzDs6
z`+>nL&KhI&{JLm#{l-oW=f!EGIPOI)&A);y*(Ev|a=J)b!Q?=Ze3IU_!v>Y)lwL4H
z>xILg0Pls7lfdW%#w0M-cL@3ZoI&_hEIxwL7GrWRrVe1n>*S^2Df-W%7(f9Wlp%w1
zjHI(W4j;Vm<7v7YpG<*$c!u668J@*+RE9h~kNp(p1v)zvQiBx0i}WaX2?t2J$na%)
zUReqj!>f3WbZH7HWC0idt8s7`P&X`Qws=4ynmvptf%1z`22rV?ULpzf<BGqrs3w+7
z3Ij|cER(@W8dRbOQ~v=Ykb)5yhT%avdeKJ}A0l5)MUf^>s>8#`tjt7~MAe@{HIPD;
zFi~l=I>V^eVK9k@H4?d!-X003j^G564f3QK)QbiFek?MYjK%$EvGim4Ag)nler8<z
ze-5&v0nZ@Ts3@}>L8N5>9c5NGd0u}4Zd1CgEeYJPcnDiSmE5L4@+EKXaGQpA_oF+3
z2gv3)rVZdB*$azFV35cF$`E(Z>}OyWO+y)dXJ!+ZLHZh(V-EeQ=o~@?no&uggDT2W
zO*>VCy(Hzp1e1_cO!r`jDv$%yV{)#TCpkJQ#i+$myg}(($?q86B;u$KakCN9VF<^`
z^(}I7f?dEC4P6>7l^nS=m2UB`v3on!pm$OYde>}Fy4;kDElQ5xOuR=;mYWnLDeKaG
z19-&ej~_<<L3&NDh|Mg1tO+hNX_f+~n~TZJf@o6Y4%u-6o#Z0p=9;dw9)>r8NBgiq
zMr9_~$*4I5{e3gj2WI64#s3hcfGq!{xiuf*6dB0L{FoT~9ADyFd`B9cG~eS#`~>%3
D4jW&M

delta 2135
zcmZvcdvsLQ6~=#OUUxEc5|S|@6A}o-NS;PX6b%p{1Va=o5<*NtV1U~+5;8F}p+!pv
zOQ~(GE#b6k-?o*$=rhq|0<A@@wADWByR{G7Y9Cf>AO35*+~?j9){?GSclNpa?6dd&
zzWts1OvBmBb5H*7)FZ&Pyi!1bphHL#CZZ_5HFY4>G?*IdZ|Xjn$-4U$!SrZWaq$Lk
zXCU3QX=Gq1+npV8Q~Q@ki7GDXa0lJ2TRGz1HtJ@wV)wWM2i(0eV#FP^rjR1VMduSN
zpUt3fhHbvVAt_Pg*YK-n#ofQWc54B}lsF_b7g4IX%)F%Lj}6DiR=26SW4UBiG4nJ@
zyA@x%p=;fZTXy#Jbalj-Pq{;dW&sPwPOtAMW|3yG4U27D*WJCQbKOoq>QWn0ZL4?H
zURXcQ5^5Z3HFeaRPIX_rk;@&LG*@t?c|rBWn`v>lN^>>KOjjUXbS<q8%QbUZp{OzU
z1ZvF7fi<elToG(gtIaLJilTPbI&^5(ah;;d94<^AcS2@iC}K_qn@U%*Uem?(ipYwA
zp@D3hqSd5IO3mtmQuB0S*pH1b+@P4(>1HcagM$}PALT|<A4<lTu*r6QlcG;jRGU*O
zA<yDiTt?rm*+P#Q53P##a<fC9=8bGKuZEUY-J&SBsrS2?OsfCF$wt{}TEdmlW>T8n
z>@nNJ6%p4ad6UV7>*u{$p%zEERm8J>`(itbLCt=K%wyr}7tLo_bDO2SATzo<<IOov
zhOEP=<^V;eF;dnL<*m|0znk5d-m}l$yV=bQr-w3bWusvAmlnhAnmc%#xjS-m=<SM2
zeJTs*AL6j3@J^{;Q@b_B5#H%=RP!$GGBwVY_<MM-!`+(qagVvn*&O+R<``q<S*Itu
z1f%&NA2KVVS5_V2KF$4XQxw@wd^XzCdk@-_AJKf2kC|i9y7(vfq{9Q6Pw{E<M0AO6
z=RvEg6C!{bb0${qkIX5Iv69c(&OWc$Ju}ly#l0Mkagr}Nd|C4qzB=(h!O2L`voZd_
zA07Urd5-5N`ietJ{l)AkX^j6Z#vxwN{GAugy(LTMzNpY$LqqP!+QC#N<7OQGsi-z%
z#nlmqe=8QqazReyv>~0|H#*EBn(39>AE3+*PgV)5Ua?`6)vegC$=fj^1jV+FqY};}
z1>?*~Ts+Pt^?Az1sVvV^mFKcN4RsH(w7z_rYl8HiW@TSu)i`UW=(Je^d|mz*<Z#5)
z5T%w9k>ot;MHaQvOaqPb8<*WmzZ?@hByUofhnbX?>}ra<q?(p>K|tJy15U{k;56S5
zTO@(sl;@Fcs0`oYjQ9!z;&@aRikxq@@YoEx`w4mFS}eL7X3%Y%L6_$Z=U`2<IlxAX
zs$r6?=Wzu+TxG%$EEQPI0;`2mv1MFEwJ>@fQVSEg8B8rRn5vn><9u7%e?k&y>CpF_
zok1B^9!ekKcV-cOcNXFIJcN$iv>AkV@T3n-?UJT!TPG~E?LM?zVuxUB@F!O>JGpUo
z)lafF(VrNYWM62K^fV&@X?;%OE&ngxPP(CDnu9@FL#H{^H$|>BoRov_I7`yA$#7qu
zclVy+{m8tI+xe{QOXeix-lP}#;YmK8=Q9#?hW05wYgH2R*ld??J#t5)v<aK5L?o+4
zByA#+HC#ix{I6v_9o!)6o8<GkgX`$0lcVB2F4yWov6l5VAO5V6PViKY?+a7HiN}Ay
zTUkv7B}peg;D^#eza0D#PYa9ZW@6)?;>U9GCvqZ=`Y%TvjyQ4wtrQD`vdin__|w^8
z{cLtvKPPua0_WK4bZ%b0AiMa5Ox#k?Cf4>9tDE8rb@dOk)LtC_`b50m7kc34`cbps
zVj{I=vTqv_)m$wcM)@Uoip!>5<Q-)v1&QW7Uz}i<O{+Y<{j}u*{a0S8Uwf@5q`))s
kZrlHjcbk68@8sQz^!Gy8pZO~<@elFD#Pc%$;y)x`0~Mmd>Hq)$

diff --git a/target/classes/static/css/modal.css b/target/classes/static/css/modal.css
new file mode 100644
index 0000000..75de6d6
--- /dev/null
+++ b/target/classes/static/css/modal.css
@@ -0,0 +1,104 @@
+#overlay {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  opacity: 0;
+  background: rgba(0, 0 , 0, 0.5);
+  pointer-events: none;
+}
+
+#overlay.active {
+	pointer-events: all;
+	opacity: 1;
+}
+
+.modal {
+	display: none;
+	width: 390px;
+	min-height: 71px;
+	max-height: 700px;
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	background: white;
+	padding: 5px;
+	border: 1px solid #f0f0f0;
+}
+
+.modal.active {
+	display: block;
+}
+
+.modal div.header {
+	width: 384px;
+	height: 24px;
+	background: gray;
+	color: white;
+	font-size: 24px;
+	font-weight: 700;
+	padding: 3px;
+	margin-bottom: 5px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.modal div.header button {
+	font-size: 100%;
+	font-family: inherit;
+	border: 0;
+	padding: 0;
+	background: 0;
+	color: inherit;
+	cursor: pointer;
+}
+
+.modal div.header button:hover {
+	color: white;
+	font-weight: 700;
+}
+
+.modal div.body {
+	width: 370px;
+	padding: 10px;
+	background: #f0f0f0;
+	color: black;
+	min-height: 16px;
+	text-align: justify;
+	font-size: 16px;
+}
+
+.modal div.function {
+	width: 385px;
+	min-height: 30px;
+	padding-top: 5px;
+	display: flex;
+	justify-content: space-evenly;
+	background: inherit;
+}
+
+.modal div.function button {
+	min-height: 22px;
+	min-width: 34px;
+	max-width: 74px;
+	padding: 3px 20px;
+	outline: none;
+	border: 1px solid #f0f0f0;
+	background: rgba(205,205,205,1);
+	font-size: 16px;
+	text-align: center;
+	cursor: pointer;
+}
+
+.modal div.function button:hover {
+	filter: brightness(110%);
+}
+
+.r-exclamation:before {
+	content: '!';
+	color: cyan;
+	font-style: normal;
+}
diff --git a/target/classes/static/css/wojtas.css b/target/classes/static/css/wojtas.css
deleted file mode 100644
index d595257..0000000
--- a/target/classes/static/css/wojtas.css
+++ /dev/null
@@ -1,43 +0,0 @@
-p#tooltipText {
-    /* /* padding: 20px;  */
-    width: 200px;
-    height: 150px;
-}
-
-div#tooltip {
-    border-radius: 15px;
-    padding-left: 20px;
-    padding-right: 20px;
-    padding-bottom: 20px;
-    margin-top: 160px;
-    border: 2px solid rgba(155, 165, 160, 0.507);
-    float: right;
-    width: 40%;
-    /* width: 70%; */
-    /* background-color: rgb(68, 158, 116); */
-    height: 100%;
-}
-
-.collapsible {
-    background-color: rgba(155, 165, 160, 0.507);
-    color: rgb(44, 44, 44);
-    cursor: pointer;
-    padding: 18px;
-    width: 100%;
-    border: none;
-    text-align: center;
-    outline: none;
-    font-size: 20px;
-}
-
-.active, .collapsibleActive:hover {
-    background-color: rgb(85, 85, 85);
-}
-
-.collapsibleData {
-    padding: 0 18px;
-    max-height: 0;
-    overflow: hidden;
-    transition: max-height 0.2s ease-out;
-    background-color: #f1f1f1;
-}
\ No newline at end of file