diff --git a/EnvelopeGenerator.Web/EnvelopeGenerator.Web.csproj b/EnvelopeGenerator.Web/EnvelopeGenerator.Web.csproj index 79023085..8fe87259 100644 --- a/EnvelopeGenerator.Web/EnvelopeGenerator.Web.csproj +++ b/EnvelopeGenerator.Web/EnvelopeGenerator.Web.csproj @@ -5,7 +5,7 @@ enable enable EnvelopeGenerator.Web - 2.0.0.0 + 2.1.1.0 Digital Data GmbH Digital Data GmbH EnvelopeGenerator.Web @@ -13,8 +13,9 @@ digital data envelope generator web EnvelopeGenerator.Web is an ASP.NET MVC application developed to manage signing processes. It uses Entity Framework Core (EF Core) for database operations. The user interface for signing processes is developed with Razor View Engine (.cshtml files) and JavaScript under wwwroot, integrated with PSPDFKit. This integration allows users to view and sign documents seamlessly. Assets\icon.ico - 2.0.0.0 - 2.0.0.0 + 2.1.1.0 + 2.1.1.0 + Copyright © 2024 Digital Data GmbH. All rights reserved. diff --git a/EnvelopeGenerator.Web/Views/Home/EnvelopeLocked.cshtml b/EnvelopeGenerator.Web/Views/Home/EnvelopeLocked.cshtml index 4964fd97..eec2c588 100644 --- a/EnvelopeGenerator.Web/Views/Home/EnvelopeLocked.cshtml +++ b/EnvelopeGenerator.Web/Views/Home/EnvelopeLocked.cshtml @@ -23,45 +23,46 @@

@_localizer[WebKey.LockedBody]

-
-
-
-
- +
+
+ +
-
- @if (ViewData["ErrorMessage"] is string errMsg) - { - @_sanitizer.Sanitize(errMsg) - } -
+ +
-
- +
+ +
-
-
- - -
-
-
+ @if (ViewData["ErrorMessage"] is string errMsg) + { + + } +
@_localizer[WebKey.LockedFooterTitle]

@_localizer[WebKey.LockedFooterBody]

diff --git a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml index b469feb8..96f33d1e 100644 --- a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml +++ b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml @@ -18,53 +18,11 @@ var document = Model.Envelope?.Documents?.FirstOrDefault(); var sender = Model.Envelope?.User; var pages = document?.Elements?.Select(e => e.Page) ?? Array.Empty(); + int? signatureCount = document?.Elements?.Count(); var stPageIndexes = string.Join(pages.Count() > 1 ? ", " : "", pages.Take(pages.Count() - 1)) + (pages.Count() > 1 ? $" {_localizer[WebKey.and].TrySanitize(_sanitizer)} " : "") + pages.LastOrDefault(); } -
- -
-
-
-
-
-
- @($"{_localizer[WebKey.SigningProcessTitle]}: ".TrySanitize(_sanitizer)) - @($"{envelope?.Title}".TrySanitize(_sanitizer)) -
-

@Html.Raw(string.Format(_localizer[WebKey.EnvelopeInfo1], pages.Count(), stPageIndexes).TrySanitize(_hlSanitizer))

-

- - @Html.Raw(string.Format(_localizer[WebKey.EnvelopeInfo2], /* sanitize separately but don't sanitize the URI */ - envelope?.AddedWhen.ToString(userCulture?.Info?.DateTimeFormat).TrySanitize(_sanitizer), - $"{sender?.Prename} {sender?.Name}".TrySanitize(_sanitizer), - sender?.Email.TrySanitize(_sanitizer), - envelope?.Title.TrySanitize(_sanitizer), - sender?.Prename.TrySanitize(_sanitizer), - sender?.Name.TrySanitize(_sanitizer), - sender?.Email.TrySanitize(_sanitizer))) - -

-
-
-
-
-
+
-
+ +
+
+
+
Digital Data
+

signFlow

+ Erfahren Sie mehr +
+
+ +

@($"{envelope?.Title}".TrySanitize(_sanitizer))

+
@($"{@envelope?.Message}".TrySanitize(_sanitizer))
+

+ + @Html.Raw(string.Format(_localizer[WebKey.EnvelopeInfo2], /* sanitize separately but don't sanitize the URI */ + envelope?.AddedWhen.ToString(userCulture?.Info?.DateTimeFormat).TrySanitize(_sanitizer), + $"{sender?.Prename} {sender?.Name}".TrySanitize(_sanitizer), + sender?.Email.TrySanitize(_sanitizer), + envelope?.Title.TrySanitize(_sanitizer), + sender?.Prename.TrySanitize(_sanitizer), + sender?.Name.TrySanitize(_sanitizer), + sender?.Email.TrySanitize(_sanitizer))) + +

+
+
+ + 0/@signatureCount Unterschriften + +
+
+
+
+ +
@Html.AntiForgeryToken() - + \ No newline at end of file diff --git a/EnvelopeGenerator.Web/bundleconfig.json b/EnvelopeGenerator.Web/bundleconfig.json index 3584b22f..d382de45 100644 --- a/EnvelopeGenerator.Web/bundleconfig.json +++ b/EnvelopeGenerator.Web/bundleconfig.json @@ -76,5 +76,11 @@ "inputFiles": [ "wwwroot/css/privacy-policy.css" ] + }, + { + "outputFileName": "wwwroot/css/card.min.css", + "inputFiles": [ + "wwwroot/css/card.css" + ] } ] diff --git a/EnvelopeGenerator.Web/wwwroot/css/card.css b/EnvelopeGenerator.Web/wwwroot/css/card.css new file mode 100644 index 00000000..8904992d --- /dev/null +++ b/EnvelopeGenerator.Web/wwwroot/css/card.css @@ -0,0 +1,275 @@ +@import url('https://fonts.googleapis.com/css?family=Muli&display=swap'); + +* { + box-sizing: border-box; +} + +.dd-cards-container { + font-family: 'Muli', sans-serif; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + height: 10rem; +} + +.dd-card { + background-color: #fff; + box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, 0.2); + display: flex; + max-width: 100%; + margin: 0; + overflow: hidden; + width: 100%; +} + +.dd-card h6 { + opacity: 0.6; + margin: 0; + letter-spacing: 0.0625rem; +} + +.uppercase { + text-transform: uppercase; +} + +.dd-card h2 { + letter-spacing: 0.0625rem; + margin: 0; +} + +.dd-card-preview { + background-color: #2A265F; + color: #fff; + padding: 1.875rem; + max-width: 15.625rem; +} + +.dd-card-preview a { + color: #fff; + display: inline-block; + font-size: 0.75rem; + opacity: 0.6; + margin-top: 1.875rem; + text-decoration: none; +} + +.dd-card-info { + padding: 1rem 0 0 1.875rem; + position: relative; + width: 100%; +} + + .dd-card-info p { + opacity: 0.6; + font-size: 0.75rem; + opacity: 0.6; + margin-top: .875rem; + text-decoration: none; + } + +.progress-container { + text-align: right; + width: 9.375rem; +} + +.progress { + position: relative; + background-color: #ddd; + border-radius: 0.1875rem; + height: 0.3125rem; + width: 10rem; +} + + .progress::after { + background-color: #2A265F; + content: ''; + position: absolute; + top: 0; + left: 0; + height: 0.3125rem; + width: var(--progress-width, 1%); + transition: width 1s ease; + } + +.progress-text { + font-size: 0.625rem; + opacity: 0.6; + letter-spacing: 0.0625rem; + text-align: left; +} + +.dd-card-btn { + background-color: #2A265F; + border: 0; + border-radius: 3.125rem; + box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, 0.2); + color: #fff; + font-size: 1rem; + padding: 0.75rem 1.5625rem; + position: absolute; + bottom: 1.875rem; + right: 1.875rem; + letter-spacing: 0.0625rem; +} + +/* SOCIAL PANEL CSS */ +.social-panel-container { + position: fixed; + right: 0; + bottom: 5rem; + transform: translateX(100%); + transition: transform 0.4s ease-in-out; +} + + .social-panel-container.visible { + transform: translateX(-0.625rem); + } + +.social-panel { + background-color: #fff; + border-radius: 16px; + box-shadow: 0 16px 31px -17px rgba(0,31,97,0.6); + border: 5px solid #001F61; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + font-family: 'Muli'; + position: relative; + height: 169px; + width: 370px; + max-width: calc(100% - 10px); +} + +.social-panel button.close-btn { + border: 0; + color: #97A5CE; + cursor: pointer; + font-size: 20px; + position: absolute; + top: 5px; + right: 5px; +} + +.social-panel button.close-btn:focus { + outline: none; +} + +.social-panel p { + background-color: #001F61; + border-radius: 0 0 10px 10px; + color: #fff; + font-size: 14px; + line-height: 18px; + padding: 2px 17px 6px; + position: absolute; + top: 0; + left: 50%; + margin: 0; + transform: translateX(-50%); + text-align: center; + width: 235px; +} + +.social-panel p i { + margin: 0 5px; +} + +.social-panel p a { + color: #FF7500; + text-decoration: none; +} + +.social-panel h4 { + margin: 20px 0; + color: #97A5CE; + font-family: 'Muli'; + font-size: 14px; + line-height: 18px; + text-transform: uppercase; +} + +.social-panel ul { + display: flex; + list-style-type: none; + padding: 0; + margin: 0; +} + +.social-panel ul li { + margin: 0 10px; +} + +.social-panel ul li a { + border: 1px solid #DCE1F2; + border-radius: 50%; + color: #001F61; + font-size: 20px; + display: flex; + justify-content: center; + align-items: center; + height: 50px; + width: 50px; + text-decoration: none; +} + +.social-panel ul li a:hover { + border-color: #FF6A00; + box-shadow: 0 9px 12px -9px #FF6A00; +} + +.floating-btn { + border-radius: 26.5px; + background-color: #001F61; + border: 1px solid #001F61; + box-shadow: 0 16px 22px -17px #03153B; + color: #fff; + cursor: pointer; + font-size: 16px; + line-height: 20px; + padding: 12px 20px; + position: fixed; + bottom: 20px; + right: 20px; + z-index: 999; +} + +.floating-btn:hover { + background-color: #ffffff; + color: #001F61; +} + +.floating-btn:focus { + outline: none; +} + +.floating-text { + background-color: #001F61; + border-radius: 10px 10px 0 0; + color: #fff; + font-family: 'Muli'; + padding: 7px 15px; + position: fixed; + bottom: 0; + left: 50%; + transform: translateX(-50%); + text-align: center; + z-index: 998; +} + +.floating-text a { + color: #FF7500; + text-decoration: none; +} + +@media screen and (max-width: 480px) { + + .social-panel-container.visible { + transform: translateX(0px); + } + + .floating-btn { + right: 10px; + } +} \ No newline at end of file diff --git a/EnvelopeGenerator.Web/wwwroot/css/card.min.css b/EnvelopeGenerator.Web/wwwroot/css/card.min.css new file mode 100644 index 00000000..26d8b889 --- /dev/null +++ b/EnvelopeGenerator.Web/wwwroot/css/card.min.css @@ -0,0 +1 @@ +@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');*{box-sizing:border-box}.dd-cards-container{font-family:'Muli',sans-serif;display:flex;align-items:center;justify-content:center;flex-direction:column;height:10rem}.dd-card{background-color:#fff;box-shadow:0 .625rem .625rem rgba(0,0,0,.2);display:flex;max-width:100%;margin:0;overflow:hidden;width:100%}.dd-card h6{opacity:.6;margin:0;letter-spacing:.0625rem}.uppercase{text-transform:uppercase}.dd-card h2{letter-spacing:.0625rem;margin:0}.dd-card-preview{background-color:#2a265f;color:#fff;padding:1.875rem;max-width:15.625rem}.dd-card-preview a{color:#fff;display:inline-block;font-size:.75rem;opacity:.6;margin-top:1.875rem;text-decoration:none}.dd-card-info{padding:1rem 0 0 1.875rem;position:relative;width:100%}.dd-card-info p{opacity:.6;font-size:.75rem;opacity:.6;margin-top:.875rem;text-decoration:none}.progress-container{text-align:right;width:9.375rem}.progress{position:relative;background-color:#ddd;border-radius:.1875rem;height:.3125rem;width:10rem}.progress::after{background-color:#2a265f;content:'';position:absolute;top:0;left:0;height:.3125rem;width:var(--progress-width,1%);transition:width 1s ease}.progress-text{font-size:.625rem;opacity:.6;letter-spacing:.0625rem;text-align:left}.dd-card-btn{background-color:#2a265f;border:0;border-radius:3.125rem;box-shadow:0 .625rem .625rem rgba(0,0,0,.2);color:#fff;font-size:1rem;padding:.75rem 1.5625rem;position:absolute;bottom:1.875rem;right:1.875rem;letter-spacing:.0625rem}.social-panel-container{position:fixed;right:0;bottom:5rem;transform:translateX(100%);transition:transform .4s ease-in-out}.social-panel-container.visible{transform:translateX(-.625rem)}.social-panel{background-color:#fff;border-radius:16px;box-shadow:0 16px 31px -17px rgba(0,31,97,.6);border:5px solid #001f61;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Muli';position:relative;height:169px;width:370px;max-width:calc(100% - 10px)}.social-panel button.close-btn{border:0;color:#97a5ce;cursor:pointer;font-size:20px;position:absolute;top:5px;right:5px}.social-panel button.close-btn:focus{outline:0}.social-panel p{background-color:#001f61;border-radius:0 0 10px 10px;color:#fff;font-size:14px;line-height:18px;padding:2px 17px 6px;position:absolute;top:0;left:50%;margin:0;transform:translateX(-50%);text-align:center;width:235px}.social-panel p i{margin:0 5px}.social-panel p a{color:#ff7500;text-decoration:none}.social-panel h4{margin:20px 0;color:#97a5ce;font-family:'Muli';font-size:14px;line-height:18px;text-transform:uppercase}.social-panel ul{display:flex;list-style-type:none;padding:0;margin:0}.social-panel ul li{margin:0 10px}.social-panel ul li a{border:1px solid #dce1f2;border-radius:50%;color:#001f61;font-size:20px;display:flex;justify-content:center;align-items:center;height:50px;width:50px;text-decoration:none}.social-panel ul li a:hover{border-color:#ff6a00;box-shadow:0 9px 12px -9px #ff6a00}.floating-btn{border-radius:26.5px;background-color:#001f61;border:1px solid #001f61;box-shadow:0 16px 22px -17px #03153b;color:#fff;cursor:pointer;font-size:16px;line-height:20px;padding:12px 20px;position:fixed;bottom:20px;right:20px;z-index:999}.floating-btn:hover{background-color:#fff;color:#001f61}.floating-btn:focus{outline:0}.floating-text{background-color:#001f61;border-radius:10px 10px 0 0;color:#fff;font-family:'Muli';padding:7px 15px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);text-align:center;z-index:998}.floating-text a{color:#ff7500;text-decoration:none}@media screen and (max-width:480px){.social-panel-container.visible{transform:translateX(0)}.floating-btn{right:10px}} \ No newline at end of file diff --git a/EnvelopeGenerator.Web/wwwroot/css/logo.css b/EnvelopeGenerator.Web/wwwroot/css/logo.css index 9527cdaa..5cd9526e 100644 --- a/EnvelopeGenerator.Web/wwwroot/css/logo.css +++ b/EnvelopeGenerator.Web/wwwroot/css/logo.css @@ -5,6 +5,11 @@ .dd-show-logo { width: 9rem; + position: absolute; + right: 0; + margin: 0 2rem 0 0; + padding: 0; + top:0; } .cursor-locked-logo { diff --git a/EnvelopeGenerator.Web/wwwroot/css/logo.min.css b/EnvelopeGenerator.Web/wwwroot/css/logo.min.css index bc86abec..3b0dcc86 100644 --- a/EnvelopeGenerator.Web/wwwroot/css/logo.min.css +++ b/EnvelopeGenerator.Web/wwwroot/css/logo.min.css @@ -1 +1 @@ -.dd-locked-logo{width:13rem;padding-top:1rem}.dd-show-logo{width:9rem}.cursor-locked-logo{width:9rem;padding-top:1rem}.cursor-show-logo{width:6rem}@media(max-width:767px){.dd-show-logo{width:5rem}.cursor-show-logo{width:3rem}} \ No newline at end of file +.dd-locked-logo{width:13rem;padding-top:1rem}.dd-show-logo{width:9rem;position:absolute;right:0;margin:0 2rem 0 0;padding:0;top:0}.cursor-locked-logo{width:9rem;padding-top:1rem}.cursor-show-logo{width:6rem}@media(max-width:767px){.dd-show-logo{width:5rem}.cursor-show-logo{width:3rem}} \ No newline at end of file diff --git a/EnvelopeGenerator.Web/wwwroot/css/privacy-policy.css b/EnvelopeGenerator.Web/wwwroot/css/privacy-policy.css index 5dd01060..12d2fc42 100644 --- a/EnvelopeGenerator.Web/wwwroot/css/privacy-policy.css +++ b/EnvelopeGenerator.Web/wwwroot/css/privacy-policy.css @@ -1,5 +1,5 @@ body { - font-family: Arial, sans-serif; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; line-height: 1.6; margin: 1.25rem; background-color: #f4f4f4; diff --git a/EnvelopeGenerator.Web/wwwroot/css/privacy-policy.min.css b/EnvelopeGenerator.Web/wwwroot/css/privacy-policy.min.css index 4394da81..eb1528de 100644 --- a/EnvelopeGenerator.Web/wwwroot/css/privacy-policy.min.css +++ b/EnvelopeGenerator.Web/wwwroot/css/privacy-policy.min.css @@ -1 +1 @@ -body{font-family:Arial,sans-serif;line-height:1.6;margin:1.25rem;background-color:#f4f4f4}header{text-align:center;margin:0 10rem 3rem 10rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}h1{color:#333}h2{color:#0056b3}section{background-color:#fff;padding:1.25rem;border-radius:.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.1);margin:0 10rem 3rem 10rem}ul{list-style:disc inside}a{color:#0056b3;text-decoration:none}a:hover{text-decoration:underline} \ No newline at end of file +body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.6;margin:1.25rem;background-color:#f4f4f4}header{text-align:center;margin:0 10rem 3rem 10rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}h1{color:#333}h2{color:#0056b3}section{background-color:#fff;padding:1.25rem;border-radius:.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.1);margin:0 10rem 3rem 10rem}ul{list-style:disc inside}a{color:#0056b3;text-decoration:none}a:hover{text-decoration:underline} \ No newline at end of file diff --git a/EnvelopeGenerator.Web/wwwroot/css/site.css b/EnvelopeGenerator.Web/wwwroot/css/site.css index d9dbe1a3..4caea544 100644 --- a/EnvelopeGenerator.Web/wwwroot/css/site.css +++ b/EnvelopeGenerator.Web/wwwroot/css/site.css @@ -4,22 +4,20 @@ */ /* Toolbar Buttons */ -#app { - background: gray; - width: 100vw; - height: 80vh; -} .navbar-toggler { border: 0; } +.material-symbols-outlined { + align-content: center; +} + .btn-group { margin-right: 10vw; margin-bottom: 10vh; } - .btn_refresh, .btn_reject, .btn_complete { height:2.5rem; } @@ -69,8 +67,7 @@ } body { - background-color: #bbb; - + background: #f8fcfc; display: flex; flex-direction: column; height: 100vh; @@ -78,16 +75,51 @@ body { } main { - flex: 1; + display:flex; + margin: 0 0 0.5vh 0; +} + +.envelope-view { + display: flex; /* d-flex */ + flex-direction: column; /* flex-column */ + width: 100vw; + height: 95.9vh; +} + +#app { + background: gray; + width: 100vw; + height: 100%; + flex-grow: 1; + border-width: 0; } footer { - background: #333; - color: white; - text-align: center; - padding: 10px 0; + height: 4vh; + background-color: #001F61; + border-radius: 10px 10px 0 0; + color: #fff; + font-family: 'Muli'; + padding: 0.5vh 0; + position: fixed; + bottom: 0; + width: 100%; + z-index: 998; + border-width: 0; } + footer * { + margin-left: 1rem; + } + + footer > * { + margin: 0 6rem 0 1rem; + } + + footer a { + color: #FF7500; + text-decoration: none; + } .page { margin-top: 3rem; @@ -281,13 +313,44 @@ footer#page-footer { } #form-access-code { - margin-left: 5rem; + justify-content: space-evenly; +} + +.access-code-form-floating { + display: flex; + justify-content: start; + flex-direction: row; +} + + .access-code-form-floating button { + align-content: center; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + .access-code-form-floating input { + align-content: center; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-right-width: 0; + width: 7rem; + } + +#access-code-error-message { + justify-content: center; + align-content: center; + margin: 1.5rem 7rem 0 7rem; + height: 2.5rem; +} + +.flag-dropdown button { + height: 100%; } .header-1 { align-items: center; justify-content: space-between; - margin-top:0; + margin-top: 0; padding-top: 0; } @@ -298,6 +361,9 @@ footer#page-footer { padding-top: 0; } +.no-receiver-explanation { + padding: 2.5rem; +} /* styles for mobile responsiveness */ @media (max-height: 850px) { .navbar .container { diff --git a/EnvelopeGenerator.Web/wwwroot/css/site.min.css b/EnvelopeGenerator.Web/wwwroot/css/site.min.css index 241a4f3d..ee2b7189 100644 --- a/EnvelopeGenerator.Web/wwwroot/css/site.min.css +++ b/EnvelopeGenerator.Web/wwwroot/css/site.min.css @@ -1 +1 @@ -#app{background:#808080;width:100vw;height:50vh}.navbar-toggler{border:0}.btn-group{margin-right:10vw;margin-bottom:10vh}.btn_refresh,.btn_reject,.btn_complete{height:2.5rem}.btn_complete .icon,.btn_reject .icon,.btn_refresh .icon{width:1.1rem}.btn_complete span,.btn_reject span,.btn_refresh span{vertical-align:middle}.button-finish{transition:background-color linear 300ms;background-color:#059669;color:#fff;border-left:0}.button-finish:hover,.button-finish:focus,.button-finish:active{background-color:#10b981;color:#fff}.button-reject{transition:background-color linear 300ms;background-color:#d97706;color:#fff;border-left:0}.button-reject:hover,.button-reject:focus,.button-reject:active{background-color:#f59e0b;color:#fff}.button-reset{transition:background-color linear 300ms;background-color:#2563eb;color:#fff;border-left:0}.button-reset:hover,.button-reset:focus,.button-reset:active{background-color:#3b82f6;color:#fff}body{background-color:#bbb;display:flex;flex-direction:column;height:100vh;margin:0}main{flex:1}footer{background:#333;color:#fff;text-align:center;padding:10px 0}.page{margin-top:3rem;background:#fff;border-radius:.313rem;box-shadow:rgba(9,30,66,.25) 0 .25rem .5rem -.125rem,rgba(9,30,66,.08) 0 0 0 .063rem;max-width:40rem}.page section{max-width:30rem;margin:0 auto}.page header .icon{display:inline-block;border-radius:6.25rem;padding:.938rem;margin-bottom:2rem}.page header .icon.admin{background-color:#331904;color:#fecba1}.page header .icon.locked{background-color:#ffc107;color:#000}.page header .icon.signed{background-color:#146c43;color:#fff}.page header .icon.rejected{background-color:#e4d8d5;color:#fff}.page .form{max-width:30rem;margin:2rem auto;display:flex;gap:1rem}#form-access-code>.input,#form-admin-password>.input{flex-grow:1}#page-admin header .icon{background-color:#331904;color:#fecba1}.envelope{display:block;border:.063rem solid #eee;margin-bottom:1rem;padding:.5rem}footer#page-footer{color:#333;max-width:40rem;margin-top:1rem;font-size:.85rem}footer#page-footer a,footer#page-footer a:link,footer#page-footer a:hover,footer#page-footer a:visited,footer#page-footer a:focus{color:#444}.sender-card{background-color:transparent;border:0}.sender-card .row{height:7vh}.sender-card img{height:7vh;background-color:#d1cfcf;border-radius:3.125rem}.navbar .container{display:flex;padding:0;margin:0}.navbar-toggler{padding:0;margin:0;width:4rem;left:0}.envelope-message{position:absolute;display:flex;width:calc(100% - 8rem);align-items:center;justify-content:start;margin-left:4rem}.envelope-message .icon{margin-right:.5rem}.envelope-message .message{font-family:'Roboto',sans-serif;font-size:16px;font-weight:550}.logo{width:9rem;position:absolute;right:0;margin-right:2rem}.none-display{display:none}.dropdown-flag img,.img-flag{width:30%;height:70%}.dropdown-flag{height:75%;width:75%}.increase-dropdown-height{min-height:25rem}.dropdown-flag .select2-container{width:100%!important;max-width:11.25rem}.lang-item{font-size:.85rem}#langDropdownMenuButton{min-width:4vw}.highlight{font-weight:700;font-size:.85rem}.signature-process-title,.signature-process-name{font-size:1.125rem}.mail-link{color:#000;text-decoration:none}.mail-link:hover{text-decoration:underline}#flex-action-panel{z-index:1050}#form-access-code{margin-left:5rem}.header-1{align-items:center;justify-content:space-between;margin-top:0;padding-top:0}.header-1 .text{text-align:center;margin-left:1.5vw;margin-top:0;padding-top:0}@media(max-height:850px){.navbar .container{display:flex;padding:0;margin:0}.navbar-toggler{padding:0;margin:0;width:4rem;left:0}.envelope-message{width:calc(100% - 4rem - 9rem)}.envelope-message .message{font-size:14px;font-weight:550}.logo{width:9rem;position:absolute;right:0}.card-text,.card-text{font-size:.6rem;margin:0;padding:0}.highlight{font-weight:700;font-size:.5rem}.signature-process-title,.signature-process-name{font-size:.7rem}}@media(max-width:767px){.navbar{flex-direction:column;align-items:flex-start}.navbar-brand{font-size:.5rem;text-align:center;overflow:hidden;text-overflow:ellipsis}.envelope-message{width:calc(100% - 4rem - 4.5rem);margin-left:3rem}.envelope-message .message{font-size:12px;font-weight:550}.envelope-message .icon{margin-right:.1rem;font-size:1rem}.logo{width:5rem;right:0;margin-right:1rem}.btn_group{position:fixed;flex-direction:row;bottom:.5rem;right:.5rem}.img-fluid{width:1.2rem;height:100%;display:none}.page{margin-top:1rem;max-width:90%;padding:.5rem}.page section{max-width:90%}#form-access-code{margin-left:0}}@media(max-height:600px){.collapse{height:4rem}} \ No newline at end of file +.navbar-toggler{border:0}.material-symbols-outlined{align-content:center}.btn-group{margin-right:10vw;margin-bottom:10vh}.btn_refresh,.btn_reject,.btn_complete{height:2.5rem}.btn_complete .icon,.btn_reject .icon,.btn_refresh .icon{width:1.1rem}.btn_complete span,.btn_reject span,.btn_refresh span{vertical-align:middle}.button-finish{transition:background-color linear 300ms;background-color:#059669;color:#fff;border-left:0}.button-finish:hover,.button-finish:focus,.button-finish:active{background-color:#10b981;color:#fff}.button-reject{transition:background-color linear 300ms;background-color:#d97706;color:#fff;border-left:0}.button-reject:hover,.button-reject:focus,.button-reject:active{background-color:#f59e0b;color:#fff}.button-reset{transition:background-color linear 300ms;background-color:#2563eb;color:#fff;border-left:0}.button-reset:hover,.button-reset:focus,.button-reset:active{background-color:#3b82f6;color:#fff}body{background:#f8fcfc;display:flex;flex-direction:column;height:100vh;margin:0}main{display:flex;margin:0 0 .5vh 0}.envelope-view{display:flex;flex-direction:column;width:100vw;height:95.9vh}#app{background:#808080;width:100vw;height:100%;flex-grow:1;border-width:0}footer{height:4vh;background-color:#001f61;border-radius:10px 10px 0 0;color:#fff;font-family:'Muli';padding:.5vh 0;position:fixed;bottom:0;width:100%;z-index:998;border-width:0}footer *{margin-left:1rem}footer>*{margin:0 6rem 0 1rem}footer a{color:#ff7500;text-decoration:none}.page{margin-top:3rem;background:#fff;border-radius:.313rem;box-shadow:rgba(9,30,66,.25) 0 .25rem .5rem -.125rem,rgba(9,30,66,.08) 0 0 0 .063rem;max-width:40rem}.page section{max-width:30rem;margin:0 auto}.page header .icon{display:inline-block;border-radius:6.25rem;padding:.938rem;margin-bottom:2rem}.page header .icon.admin{background-color:#331904;color:#fecba1}.page header .icon.locked{background-color:#ffc107;color:#000}.page header .icon.signed{background-color:#146c43;color:#fff}.page header .icon.rejected{background-color:#e4d8d5;color:#fff}.page .form{max-width:30rem;margin:2rem auto;display:flex;gap:1rem}#form-access-code>.input,#form-admin-password>.input{flex-grow:1}#page-admin header .icon{background-color:#331904;color:#fecba1}.envelope{display:block;border:.063rem solid #eee;margin-bottom:1rem;padding:.5rem}footer#page-footer{color:#333;max-width:40rem;margin-top:1rem;font-size:.85rem}footer#page-footer a,footer#page-footer a:link,footer#page-footer a:hover,footer#page-footer a:visited,footer#page-footer a:focus{color:#444}.sender-card{background-color:transparent;border:0}.sender-card .row{height:7vh}.sender-card img{height:7vh;background-color:#d1cfcf;border-radius:3.125rem}.navbar .container{display:flex;padding:0;margin:0}.navbar-toggler{padding:0;margin:0;width:4rem;left:0}.envelope-message{position:absolute;display:flex;width:calc(100% - 8rem);align-items:center;justify-content:start;margin-left:4rem}.envelope-message .icon{margin-right:.5rem}.envelope-message .message{font-family:'Roboto',sans-serif;font-size:16px;font-weight:550}.logo{width:9rem;position:absolute;right:0;margin-right:2rem}.none-display{display:none}.dropdown-flag img,.img-flag{width:30%;height:70%}.dropdown-flag{height:75%;width:75%}.increase-dropdown-height{min-height:25rem}.dropdown-flag .select2-container{width:100%!important;max-width:11.25rem}.lang-item{font-size:.85rem}#langDropdownMenuButton{min-width:4vw}.highlight{font-weight:700;font-size:.85rem}.signature-process-title,.signature-process-name{font-size:1.125rem}.mail-link{color:#000;text-decoration:none}.mail-link:hover{text-decoration:underline}#flex-action-panel{z-index:1050}#form-access-code{justify-content:space-evenly}.access-code-form-floating{display:flex;justify-content:start;flex-direction:row}.access-code-form-floating button{align-content:center;border-bottom-left-radius:0;border-top-left-radius:0}.access-code-form-floating input{align-content:center;border-bottom-right-radius:0;border-top-right-radius:0;border-right-width:0;width:7rem}#access-code-error-message{justify-content:center;align-content:center;margin:1.5rem 7rem 0 7rem;height:2.5rem}.flag-dropdown button{height:100%}.header-1{align-items:center;justify-content:space-between;margin-top:0;padding-top:0}.header-1 .text{text-align:center;margin-left:1.5vw;margin-top:0;padding-top:0}.no-receiver-explanation{padding:2.5rem}@media(max-height:850px){.navbar .container{display:flex;padding:0;margin:0}.navbar-toggler{padding:0;margin:0;width:4rem;left:0}.envelope-message{width:calc(100% - 4rem - 9rem)}.envelope-message .message{font-size:14px;font-weight:550}.logo{width:9rem;position:absolute;right:0}.card-text,.card-text{font-size:.6rem;margin:0;padding:0}.highlight{font-weight:700;font-size:.5rem}.signature-process-title,.signature-process-name{font-size:.7rem}}@media(max-width:767px){.navbar{flex-direction:column;align-items:flex-start}.navbar-brand{font-size:.5rem;text-align:center;overflow:hidden;text-overflow:ellipsis}.envelope-message{width:calc(100% - 4rem - 4.5rem);margin-left:3rem}.envelope-message .message{font-size:12px;font-weight:550}.envelope-message .icon{margin-right:.1rem;font-size:1rem}.logo{width:5rem;right:0;margin-right:1rem}.btn_group{position:fixed;flex-direction:row;bottom:.5rem;right:.5rem}.img-fluid{width:1.2rem;height:100%;display:none}.page{margin-top:1rem;max-width:90%;padding:.5rem}.page section{max-width:90%}#form-access-code{margin-left:0}}@media(max-height:600px){.collapse{height:4rem}} \ No newline at end of file diff --git a/EnvelopeGenerator.Web/wwwroot/js/annotation.js b/EnvelopeGenerator.Web/wwwroot/js/annotation.js index b566c753..8aa021e6 100644 --- a/EnvelopeGenerator.Web/wwwroot/js/annotation.js +++ b/EnvelopeGenerator.Web/wwwroot/js/annotation.js @@ -253,6 +253,7 @@ } static async createAnnotationFrameBlob(receiverName, receiverSignature, timestamp, width, height) { + Comp.SignatureProgress.SignedCount += 1; const canvas = document.createElement('canvas') const scale = 4 const fontSize = 10 diff --git a/EnvelopeGenerator.Web/wwwroot/js/app.js b/EnvelopeGenerator.Web/wwwroot/js/app.js index 81a1717f..2e337132 100644 --- a/EnvelopeGenerator.Web/wwwroot/js/app.js +++ b/EnvelopeGenerator.Web/wwwroot/js/app.js @@ -141,7 +141,7 @@ class App { switch (eventType) { case 'RESET': result = await this.handleReset(null) - + Comp.SignatureProgress.SignedCount = 0; if (result.isConfirmed) { Swal.fire({ title: 'Erfolg', diff --git a/EnvelopeGenerator.Web/wwwroot/js/app.min.js b/EnvelopeGenerator.Web/wwwroot/js/app.min.js index 06a97566..2bca05c7 100644 --- a/EnvelopeGenerator.Web/wwwroot/js/app.min.js +++ b/EnvelopeGenerator.Web/wwwroot/js/app.min.js @@ -1 +1 @@ -const ActionType={Created:0,Saved:1,Sent:2,EmailSent:3,Delivered:4,Seen:5,Signed:6,Rejected:7};class App{constructor(n,t,i,r,u,f){this.container=f??`#${this.constructor.name.toLowerCase()}`;this.envelopeKey=n;this.Network=new Network;this.Instance=null;this.currentDocument=null;this.currentReceiver=null;this.signatureCount=0;this.envelopeReceiver=t;this.documentBytes=i;this.licenseKey=r;this.locale=u}async init(){this.currentDocument=this.envelopeReceiver.envelope.documents[0];this.currentReceiver=this.envelopeReceiver.receiver;const n=this.documentBytes;if(n.fatal||n.error)return Swal.fire({title:"Fehler",text:"Dokument konnte nicht geladen werden!",icon:"error"});const t=this.documentBytes;this.Instance=await UI.loadPSPDFKit(t,this.container,this.licenseKey,this.locale);UI.configurePSPDFKit(this.Instance,this.handleClick.bind(this));this.Instance.addEventListener("annotations.load",this.handleAnnotationsLoad.bind(this));this.Instance.addEventListener("annotations.change",this.handleAnnotationsChange.bind(this));this.Instance.addEventListener("annotations.create",this.handleAnnotationsCreate.bind(this));this.Instance.addEventListener("annotations.willChange",()=>{Comp.ActPanel.Toggle()});try{this.signatureCount=this.currentDocument.elements.length;await Annotation.createAnnotations(this.currentDocument,this.Instance);const n=await this.Network.openDocument(this.envelopeKey);if(n.fatal||n.error)return Swal.fire({title:"Fehler",text:"Umschlag konnte nicht geöffnet werden!",icon:"error"})}catch(i){}[...document.getElementsByClassName("btn_refresh")].forEach(n=>n.addEventListener("click",()=>this.handleClick("RESET")));[...document.getElementsByClassName("btn_complete")].forEach(n=>n.addEventListener("click",()=>this.handleClick("FINISH")))}handleAnnotationsLoad(n){n.toJS()}handleAnnotationsChange(){}async handleAnnotationsCreate(n){const t=n.toJS()[0],i=!!t.formFieldName,r=!!t.isSignature;if(i===!1&&r===!0){const r=t.boundingBox.left-20,u=t.boundingBox.top-20,n=150,i=75,f=new Date,e=await Annotation.createAnnotationFrameBlob(this.envelopeReceiver.name,this.currentReceiver.signature,f,n,i),o=await fetch(e),s=await o.blob(),h=await this.Instance.createAttachment(s),c=Annotation.createImageAnnotation(new PSPDFKit.Geometry.Rect({left:r,top:u,width:n,height:i}),t.pageIndex,h);this.Instance.create(c)}}async handleClick(n){let t=!1;switch(n){case"RESET":t=await this.handleReset(null);t.isConfirmed&&Swal.fire({title:"Erfolg",text:"Dokument wurde zurückgesetzt",icon:"info"});break;case"FINISH":t=await this.handleFinish(null);t==!0&&(window.location.href=`/EnvelopeKey/${this.envelopeKey}/Success`);break;case"REJECT":alert("Dokument abgelent!")}}async handleFinish(){const n=await this.Instance.exportInstantJSON(),t=await n.formFieldValues,r=t.filter(n=>Annotation.isFieldRequired(n)),u=r.some(n=>n.value===undefined||n.value===null||n.value==="");if(u)return Swal.fire({title:"Warnung",text:"Bitte füllen Sie alle Standortinformationen vollständig aus!",icon:"warning"}),!1;const f=new RegExp("^[a-zA-Z\\u0080-\\u024F]+(?:([\\ \\-\\']|(\\.\\ ))[a-zA-Z\\u0080-\\u024F]+)*$"),e=t.filter(n=>Annotation.isCityField(n));for(var i of e)if(!f.test(i.value))return Swal.fire({title:"Warnung",text:`Bitte überprüfen Sie die eingegebene Ortsangabe "${i.value}" auf korrekte Formatierung. Beispiele für richtige Formate sind: München, Île-de-France, Sauðárkrókur, San Francisco, St. Catharines usw.`,icon:"warning"}),!1;const o=await this.validateAnnotations(this.signatureCount);return o===!1?(Swal.fire({title:"Warnung",text:"Es wurden nicht alle Signaturfelder ausgefüllt!",icon:"warning"}),!1):Swal.fire({title:localized.confirmation,html:`
${localized.sigAgree}
`,icon:"question",showCancelButton:!0,confirmButtonColor:"#3085d6",cancelButtonColor:"#d33",confirmButtonText:localized.finalize,cancelButtonText:localized.back}).then(async t=>{if(t.isConfirmed){try{await this.Instance.save()}catch(i){return Swal.fire({title:"Fehler",text:"Umschlag konnte nicht signiert werden!",icon:"error"}),!1}try{const i=await n,t=await this.Network.postEnvelope(this.envelopeKey,this.currentDocument.id,i);return t.fatal?(Swal.fire({title:"Fehler",text:"Umschlag konnte nicht signiert werden!",icon:"error"}),!1):t.error?(Swal.fire({title:"Warnung",text:"Umschlag ist nicht mehr verfügbar.",icon:"warning"}),!1):!0}catch(i){return!1}}else return!1})}async validateAnnotations(n){const t=await Annotation.getAnnotations(this.Instance),i=t.map(n=>n.toJS()).filter(n=>n.isSignature);return n>i.length?!1:!0}async handleReset(){const n=await Swal.fire({title:"Sind sie sicher?",text:"Wollen Sie das Dokument und alle erstellten Signaturen zurücksetzen?",icon:"question",showCancelButton:!0});if(n.isConfirmed){const n=await Annotation.deleteAnnotations(this.Instance)}return n}} \ No newline at end of file +const ActionType={Created:0,Saved:1,Sent:2,EmailSent:3,Delivered:4,Seen:5,Signed:6,Rejected:7};class App{constructor(n,t,i,r,u,f){this.container=f??`#${this.constructor.name.toLowerCase()}`;this.envelopeKey=n;this.Network=new Network;this.Instance=null;this.currentDocument=null;this.currentReceiver=null;this.signatureCount=0;this.envelopeReceiver=t;this.documentBytes=i;this.licenseKey=r;this.locale=u}async init(){this.currentDocument=this.envelopeReceiver.envelope.documents[0];this.currentReceiver=this.envelopeReceiver.receiver;const n=this.documentBytes;if(n.fatal||n.error)return Swal.fire({title:"Fehler",text:"Dokument konnte nicht geladen werden!",icon:"error"});const t=this.documentBytes;this.Instance=await UI.loadPSPDFKit(t,this.container,this.licenseKey,this.locale);UI.configurePSPDFKit(this.Instance,this.handleClick.bind(this));this.Instance.addEventListener("annotations.load",this.handleAnnotationsLoad.bind(this));this.Instance.addEventListener("annotations.change",this.handleAnnotationsChange.bind(this));this.Instance.addEventListener("annotations.create",this.handleAnnotationsCreate.bind(this));this.Instance.addEventListener("annotations.willChange",()=>{Comp.ActPanel.Toggle()});try{this.signatureCount=this.currentDocument.elements.length;await Annotation.createAnnotations(this.currentDocument,this.Instance);const n=await this.Network.openDocument(this.envelopeKey);if(n.fatal||n.error)return Swal.fire({title:"Fehler",text:"Umschlag konnte nicht geöffnet werden!",icon:"error"})}catch(i){}[...document.getElementsByClassName("btn_refresh")].forEach(n=>n.addEventListener("click",()=>this.handleClick("RESET")));[...document.getElementsByClassName("btn_complete")].forEach(n=>n.addEventListener("click",()=>this.handleClick("FINISH")))}handleAnnotationsLoad(n){n.toJS()}handleAnnotationsChange(){}async handleAnnotationsCreate(n){const t=n.toJS()[0],i=!!t.formFieldName,r=!!t.isSignature;if(i===!1&&r===!0){const r=t.boundingBox.left-20,u=t.boundingBox.top-20,n=150,i=75,f=new Date,e=await Annotation.createAnnotationFrameBlob(this.envelopeReceiver.name,this.currentReceiver.signature,f,n,i),o=await fetch(e),s=await o.blob(),h=await this.Instance.createAttachment(s),c=Annotation.createImageAnnotation(new PSPDFKit.Geometry.Rect({left:r,top:u,width:n,height:i}),t.pageIndex,h);this.Instance.create(c)}}async handleClick(n){let t=!1;switch(n){case"RESET":t=await this.handleReset(null);Comp.SignatureProgress.SignedCount=0;t.isConfirmed&&Swal.fire({title:"Erfolg",text:"Dokument wurde zurückgesetzt",icon:"info"});break;case"FINISH":t=await this.handleFinish(null);t==!0&&(window.location.href=`/EnvelopeKey/${this.envelopeKey}/Success`);break;case"REJECT":alert("Dokument abgelent!")}}async handleFinish(){const n=await this.Instance.exportInstantJSON(),t=await n.formFieldValues,r=t.filter(n=>Annotation.isFieldRequired(n)),u=r.some(n=>n.value===undefined||n.value===null||n.value==="");if(u)return Swal.fire({title:"Warnung",text:"Bitte füllen Sie alle Standortinformationen vollständig aus!",icon:"warning"}),!1;const f=new RegExp("^[a-zA-Z\\u0080-\\u024F]+(?:([\\ \\-\\']|(\\.\\ ))[a-zA-Z\\u0080-\\u024F]+)*$"),e=t.filter(n=>Annotation.isCityField(n));for(var i of e)if(!f.test(i.value))return Swal.fire({title:"Warnung",text:`Bitte überprüfen Sie die eingegebene Ortsangabe "${i.value}" auf korrekte Formatierung. Beispiele für richtige Formate sind: München, Île-de-France, Sauðárkrókur, San Francisco, St. Catharines usw.`,icon:"warning"}),!1;const o=await this.validateAnnotations(this.signatureCount);return o===!1?(Swal.fire({title:"Warnung",text:"Es wurden nicht alle Signaturfelder ausgefüllt!",icon:"warning"}),!1):Swal.fire({title:localized.confirmation,html:`
${localized.sigAgree}
`,icon:"question",showCancelButton:!0,confirmButtonColor:"#3085d6",cancelButtonColor:"#d33",confirmButtonText:localized.finalize,cancelButtonText:localized.back}).then(async t=>{if(t.isConfirmed){try{await this.Instance.save()}catch(i){return Swal.fire({title:"Fehler",text:"Umschlag konnte nicht signiert werden!",icon:"error"}),!1}try{const i=await n,t=await this.Network.postEnvelope(this.envelopeKey,this.currentDocument.id,i);return t.fatal?(Swal.fire({title:"Fehler",text:"Umschlag konnte nicht signiert werden!",icon:"error"}),!1):t.error?(Swal.fire({title:"Warnung",text:"Umschlag ist nicht mehr verfügbar.",icon:"warning"}),!1):!0}catch(i){return!1}}else return!1})}async validateAnnotations(n){const t=await Annotation.getAnnotations(this.Instance),i=t.map(n=>n.toJS()).filter(n=>n.isSignature);return n>i.length?!1:!0}async handleReset(){const n=await Swal.fire({title:"Sind sie sicher?",text:"Wollen Sie das Dokument und alle erstellten Signaturen zurücksetzen?",icon:"question",showCancelButton:!0});if(n.isConfirmed){const n=await Annotation.deleteAnnotations(this.Instance)}return n}} \ No newline at end of file diff --git a/EnvelopeGenerator.Web/wwwroot/js/event-binder.js b/EnvelopeGenerator.Web/wwwroot/js/event-binder.js index 7f6dc07a..076baabe 100644 --- a/EnvelopeGenerator.Web/wwwroot/js/event-binder.js +++ b/EnvelopeGenerator.Web/wwwroot/js/event-binder.js @@ -64,4 +64,36 @@ class Comp { Comp.ActPanel.Display = Comp.ActPanel.IsHided ? '' : 'none' } } + + static SignatureProgress = class { + static __SignatureCount; + static get SignatureCount() { + this.__SignatureCount = parseInt(document.getElementById("signature-count").innerText); + return this.__SignatureCount; + } + + static __SignedCountSpan; + static get SignedCountSpan() { + this.__SignedCountSpan ??= document.getElementById("signed-count"); + return Comp.SignatureProgress.__SignedCountSpan; + } + + static __signedCount = 0; + static get SignedCount() { + return this.__signedCount; + } + + static set SignedCount(value) { + this.__signedCount = value; + const width = (value / this.SignatureCount) * 100; + this.SignedCountBar.style.setProperty('--progress-width', width + '%'); + this.SignedCountSpan.innerText = value.toString(); + } + + static __SignedCountBar; + static get SignedCountBar() { + this.__SignedCountBar ??= document.getElementById("signed-count-bar"); + return this.__SignedCountBar; + } + } } \ No newline at end of file diff --git a/EnvelopeGenerator.Web/wwwroot/js/event-binder.min.js b/EnvelopeGenerator.Web/wwwroot/js/event-binder.min.js index 1ff095d9..7d96784c 100644 --- a/EnvelopeGenerator.Web/wwwroot/js/event-binder.min.js +++ b/EnvelopeGenerator.Web/wwwroot/js/event-binder.min.js @@ -1,3 +1,3 @@ $(".btn_reject").click(()=>Swal.fire({title:localized.rejection,html:`
${localized.rejectionReasonQ}
`,icon:"question",input:"text",inputAttributes:{autocapitalize:"off"},showCancelButton:!0,confirmButtonColor:"#3085d6",cancelButtonColor:"#d33",confirmButtonText:localized.complete,cancelButtonText:localized.back,showLoaderOnConfirm:!0,preConfirm:async n=>{try{return await rejectEnvelope(n)}catch(t){Swal.showValidationMessage(` Request failed: ${t} - `)}},allowOutsideClick:()=>!Swal.isLoading()}).then(n=>{if(n.isConfirmed){const t=n.value;t.ok?redirRejected():Swal.showValidationMessage(`Request failed: ${t.message}`)}}));class Comp{static ActPanel=class{static __Root;static get Root(){Comp.ActPanel.__Root??=document.getElementById("flex-action-panel");return Comp.ActPanel.__Root}static get Elements(){return[...Comp.ActPanel.Root.children]}static get IsHided(){return Comp.ActPanel.Root.style.display=="none"}static set Display(n){Comp.ActPanel.Root.style.display=n;Comp.ActPanel.Elements.forEach(t=>t.style.display=n)}static Toggle(){Comp.ActPanel.Display=Comp.ActPanel.IsHided?"":"none"}};} \ No newline at end of file + `)}},allowOutsideClick:()=>!Swal.isLoading()}).then(n=>{if(n.isConfirmed){const t=n.value;t.ok?redirRejected():Swal.showValidationMessage(`Request failed: ${t.message}`)}}));class Comp{static ActPanel=class{static __Root;static get Root(){Comp.ActPanel.__Root??=document.getElementById("flex-action-panel");return Comp.ActPanel.__Root}static get Elements(){return[...Comp.ActPanel.Root.children]}static get IsHided(){return Comp.ActPanel.Root.style.display=="none"}static set Display(n){Comp.ActPanel.Root.style.display=n;Comp.ActPanel.Elements.forEach(t=>t.style.display=n)}static Toggle(){Comp.ActPanel.Display=Comp.ActPanel.IsHided?"":"none"}};static SignatureProgress=class{static __SignatureCount;static get SignatureCount(){this.__SignatureCount=parseInt(document.getElementById("signature-count").innerText);return this.__SignatureCount}static __SignedCountSpan;static get SignedCountSpan(){this.__SignedCountSpan??=document.getElementById("signed-count");return Comp.SignatureProgress.__SignedCountSpan}static __signedCount=0;static get SignedCount(){return this.__signedCount}static set SignedCount(n){this.__signedCount=n;const t=(n/this.SignatureCount)*100;this.SignedCountBar.style.setProperty("--progress-width",t+"%");this.SignedCountSpan.innerText=n.toString()}static __SignedCountBar;static get SignedCountBar(){this.__SignedCountBar??=document.getElementById("signed-count-bar");return this.__SignedCountBar}};} \ No newline at end of file diff --git a/EnvelopeGenerator.Web/wwwroot/privacy-policy.de-DE.html b/EnvelopeGenerator.Web/wwwroot/privacy-policy.de-DE.html index c94972a2..2124120c 100644 --- a/EnvelopeGenerator.Web/wwwroot/privacy-policy.de-DE.html +++ b/EnvelopeGenerator.Web/wwwroot/privacy-policy.de-DE.html @@ -1,11 +1,13 @@ + Datenschutzinformation für das Fernsignatursystem signFLOW +

Datenschutzinformation für das Fernsignatursystem signFLOW

@@ -14,8 +16,13 @@

1. Allgemeine Informationen

-

In der heutigen schnelllebigen und zunehmend digitalen Welt, sind personenbezogene Daten eine wichtige Ressource. Ihre Daten sind wertvoll und müssen daher mit der durch diverse Gesetze und Vorschriften (DSGVO, TDDDG, ...) gebotenen Sorgfalt behandelt werden.

-

Als Anbieter von lokalen Lösungen (OnPremise) setzt der Hersteller des signFLOWs, die Digital Data GmbH, einen klaren Schwerpunkt auf Datenschutz und Datensicherheit. Für Sie bedeutet dies, dass nur die nötigsten Daten erhoben und gespeichert werden (Datensparsamkeit bzw. Datenminimierung). Außerdem kommen bei der Verarbeitung aktuelle und als sicher geltende Technologien zum Einsatz.

+

In der heutigen schnelllebigen und zunehmend digitalen Welt, sind personenbezogene Daten eine wichtige + Ressource. Ihre Daten sind wertvoll und müssen daher mit der durch diverse Gesetze und Vorschriften (DSGVO, + TDDDG, ...) gebotenen Sorgfalt behandelt werden.

+

Als Anbieter von lokalen Lösungen (OnPremise) setzt der Hersteller des signFLOWs, die Digital Data GmbH, + einen klaren Schwerpunkt auf Datenschutz und Datensicherheit. Für Sie bedeutet dies, dass nur die nötigsten + Daten erhoben und gespeichert werden (Datensparsamkeit bzw. Datenminimierung). Außerdem kommen bei der + Verarbeitung aktuelle und als sicher geltende Technologien zum Einsatz.

Kontaktdaten des Herstellers:

Digital Data GmbH
@@ -25,7 +32,8 @@ info-flow@digitaldata.works
Telefon: 0049 641 202360
-

Kontakt zum Datenschutzbeauftragten: privacy-flow@digitaldata.works

+

Kontakt zum Datenschutzbeauftragten: privacy-flow@digitaldata.works

@@ -39,7 +47,8 @@ info-flow@digitaldata.works
Telefon: 0049 641 202360
-

Kontakt zu unserer Datenschutzbeauftragten: privacy-flow@digitaldata.works

+

Kontakt zu unserer Datenschutzbeauftragten: privacy-flow@digitaldata.works

@@ -52,14 +61,17 @@

3.2 Ursprung der personenbezogenen Daten

-

Sie haben die unter 3.1 stehenden Daten vorab an Ihren Geschäftspartner (die verantwortliche Stelle) übermittelt. Diese Übermittlung kann mündlich per Telefon, im persönlichen Kontakt, per E-Mail oder per Kontaktformular geschehen sein.

+

Sie haben die unter 3.1 stehenden Daten vorab an Ihren Geschäftspartner (die verantwortliche Stelle) + übermittelt. Diese Übermittlung kann mündlich per Telefon, im persönlichen Kontakt, per E-Mail oder per + Kontaktformular geschehen sein.

Ihre digitale Signatur übermitteln Sie eigenständig, bei der Unterzeichnung eines Dokuments.

3.3 Aufbewahrungsfristen / Speicherungsdauer

  • Die automatische E-Mail Korrespondenz wird für 6 Jahre aufbewahrt.
  • Unterzeichnete Verträge werden für die Dauer ihrer Laufzeit + 10 Jahre aufbewahrt.
    • -
  • Der technische Vorgang wird in der signFLOW Softwarelösung je nach Dokumentart bzw. Vertragsart unbegrenzt aufbewahrt.
    • +
  • Der technische Vorgang wird in der signFLOW Softwarelösung je nach Dokumentart bzw. Vertragsart + unbegrenzt aufbewahrt.

Ihre personenbezogenen Daten werden aber grundsätzlich anonymisiert, wenn:

    @@ -70,54 +82,218 @@
    • Handelsgesetzbuch (HGB)
    • Abgabenordnung (AO)
      • -
    • Grundsätze zur ordnungsgemäßen Führung und Aufbewahrung von Büchern, Aufzeichnungen und Unterlagen in elektronischer Form sowie zum Datenzugriff (GoBD)
      • +
    • Grundsätze zur ordnungsgemäßen Führung und Aufbewahrung von Büchern, Aufzeichnungen und Unterlagen in + elektronischer Form sowie zum Datenzugriff (GoBD)
    +

    + Abhängig von der spezifischen Dokumentart, kann die Aufbewahrungsfrist variieren. Außerdem können sich + Zeiten + verlängern, falls Unregelmäßigkeiten auftreten. Z.B.: eine rechtliche Auseinandersetzung droht oder aktuell + läuft. +

    3.4 Verarbeitungszweck

    -

    Die unter 3.1 definierten personenbezogenen Daten werden verarbeitet, um den technisch notwendigen Prozess abzubilden bzw. anbieten zu können. Dies umfasst die Feststellung der Identität, Antragsprüfung, Abrechnung und Dokumentationspflichten.

    +

    Die unter 3.1 definierten personenbezogenen Daten werden verarbeitet um:

    +
      +
    • Den technisch notwendigen Prozess abzubilden bzw. anbieten zu können.
      • +
    • Damit Sie als Endbenutzer in der Lage sind, ein zu unterzeichnendes Dokument, digital zu unterschreiben, + ist die Feststellung der Identität des Antragstellers, Antragsprüfung und -abwicklung, Abrechnung sowie + die Wahrung der Dokumentationspflichten notwendig.
      • +
    +

    In Einzelfällen werden Daten zur Fehlerbehebung insbesondere bei Supportanfragen von der IT-Abteilung + gesondert behandelt oder ggf. an den Hersteller weitergegeben.

    +

    Im Zuge der Maßnahmen zur Sicherstellung der Informationssicherheit, insbesondere zur Identifizierung und + Abwehr von Angriffen, sowie zur Durchführung interner und externer Audits, der Exportkontrolle und der + Prüfung von Sanktionslisten, erfolgt ebenfalls eine Datenverarbeitung. Bei Anfragen gemäß §8 Abs. 2 VDG + werden die entsprechenden Informationen an die zuständigen Stellen übermittelt.

    3.5 Rechtmäßigkeit der Verarbeitung

    -

    Ihre Daten werden auf Grundlage einer sich anbahnenden oder bereits vorhandenen Geschäftsbeziehung erhoben.

    -

    Die rechtliche Grundlage für die Übermittlung an zuständige Stellen bildet §8 Abs. 2 VDG.

    +

    Ihre Daten werden auf Grundlage einer sich anbahnenden oder bereits vorhandenen Geschäftsbeziehung erhoben. +

    +

    Die rechtliche Grundlage für die Übermittlung an zuständige Stellen bildet §8 Abs. 2 VDG. Anfragen von + Betroffenen werden gemäß den Artikeln 12 bis 23 der DSGVO sowie den Paragraphen 32 bis 37 des BDSG + bearbeitet.

    3.6 Berechtigte Interessen

    -

    Es besteht ein berechtigtes Interesse der verantwortlichen Stelle gemäß Art. 6 Abs. 1 lit. f DSGVO, insbesondere in der Informationssicherheit und zur Vermeidung von Schäden.

    +

    Ein berechtigtes Interesse der verantwortlichen Stelle gemäß Art. 6 Abs. 1 lit. f DSGVO besteht in den + folgenden Fällen:

    +

    Es werden Maßnahmen zur Informationssicherheit ergriffen, die sowohl präventive technische als auch + organisatorische Maßnahmen sowie die Behandlung von Vorfällen umfassen. Ziel ist es, potenzielle Schäden für + das Unternehmen, die von der Datenverarbeitung betroffenen Personen und die Nutzer der Vertrauensdienste zu + bewerten und zu vermeiden.

    3.7 Erforderlichkeit der Daten

    -

    Die erhobenen Daten stellen das Minimum der nötigen Daten zwecks digitaler Unterschrift dar.

    +

    Die erhobenen Daten stellen das Minimum der nötigen Daten zwecks digitaler Unterschrift dar. Ohne die unter + 3.1 genannten Daten, kann der Dienst nicht betrieben werden.

    +

    Besonders wichtig ist die Angabe einer Mobilfunknummer oder einer deutschen Festnetznummer, da diese für die + Authentifizierung und die Signaturauslösung als zweiter Faktor verwendet wird. Ohne diesen + Sicherheitsmechanismus kann der Dienst leider nicht bereitgestellt werden.

    3.8 Weitergabe von Daten

    -

    Daten werden nur in Ausnahmefällen zwecks Supportleistungen an den Hersteller weitergegeben.

    +

    Eine systemische Übermittlung von Daten findet nicht statt.

    +

    Daten werden nur in Ausnahmefällen, zwecks Supportleistungen, an den Hersteller weitergegeben. Mit der + Hersteller besteht ein gültiger Auftragsdatenverarbeitungsvertrag (AVV), welcher die Sicherheit und + Integrität des Umgangs mit Ihren Daten gewährleistet.

4. Verwendung von Cookies

-

Beim Besuch bestimmter Seiten kommen temporäre Cookies zum Einsatz, die für die technische Bereitstellung der Dienste notwendig sind.

+

+ Beim Besuch bestimmter Seiten kommen temporäre Cookies zum Einsatz, die für die technische Bereitstellung + der Dienste notwendig sind. Diese sogenannten Session-Cookies enthalten keine personenbezogenen Daten und + werden nach Beendigung der Sitzung automatisch gelöscht. Methoden wie Java-Applets oder Active-X-Controls, + die das Nutzerverhalten nachvollziehbar machen könnten, werden nicht verwendet. +

5. Betroffenenrechte

-

Wenn Sie Fragen zu Ihren Daten haben oder eine Berichtigung, Löschung oder Einschränkung der Verarbeitung wünschen, senden Sie bitte Ihre Anfrage per Post oder E-Mail an die oben angegebene Adresse. Sie können auch gemäß Art. 21 DSGVO Widerspruch gegen die Verarbeitung einlegen.

+

+ Wenn Sie Fragen zu Ihren Daten haben oder eine Berichtigung, Löschung oder Einschränkung der Verarbeitung + wünschen, senden Sie bitte Ihre Anfrage per Post oder E-Mail an die oben angegebene Adresse. Dies gilt auch, + wenn Sie gemäß Art. 21 DSGVO Widerspruch gegen die Verarbeitung einlegen möchten oder eine Anfrage zur + Datenübertragbarkeit haben. +

+

+ Bei Fragen oder Beschwerden zu einem Verfahren können Sie sich ebenfalls über die genannten + Kontaktmöglichkeiten an uns wenden. Sollten Sie darüber hinaus einen Grund zur Beschwerde haben, haben Sie + die Möglichkeit, sich an unsere Aufsichtsbehörde zu wenden. Welche Aufsichtsbehörde für Sie zuständig ist, + erfahren Sie hier: + Laender-node.html +

6. Hinweisgebersystem

-

Wir haben ein unabhängiges, neutrales und vertrauliches Hinweisgebersystem eingerichtet, das es internen und externen Hinweisgebenden ermöglicht, anonym Meldungen abzugeben. Dieses Verfahren dient der Aufdeckung von schwerwiegenden Verstößen gegen geltendes Recht sowie anderen ernsthaften Angelegenheiten.

+

+ Die Einhaltung gesetzlicher Vorschriften und interner Richtlinien, einschließlich unseres Verhaltenskodexes + sowie des Verhaltenskodexes für Geschäftspartner, hat für uns (die verarbeitende Stelle) oberste Priorität. + Dies gilt sowohl für unseren eigenen Geschäftsbereich als auch für unsere Lieferketten. +

+

+ Es ist uns wichtig, Risiken frühzeitig zu identifizieren und Verstöße zu vermeiden. Wir möchten rechtzeitig + geeignete Maßnahmen ergreifen, um mögliche Schäden für Betroffene, Kunden, Mitarbeiter, Geschäftspartner und + unsere Unternehmensgruppe zu verhindern. +

+

+ Aus diesem Grund haben wir ein unabhängiges, neutrales und vertrauliches Hinweisgebersystem eingerichtet, + das es internen und externen Hinweisgebenden ermöglicht, auch anonym Meldungen abzugeben. Durch unser + transparentes Beschwerdeverfahren bieten wir insbesondere den Betroffenen, den Hinweisgebenden und den + Mitarbeitenden, die an der Aufklärung der gemeldeten Vorfälle mitwirken, den größtmöglichen Schutz. +

+

+ Im Rahmen dieses Verfahrens können alle tatsächlichen und vermeintlichen Verstöße gegen gesetzliche + Vorgaben, unseren Verhaltenskodex sowie den Verhaltenskodex für Geschäftspartner gemeldet werden. Auch + menschenrechtliche oder umweltbezogene Risiken sowie Pflichtverletzungen entlang der gesamten Lieferkette + unserer Konzernunternehmen und in unserem eigenen Geschäftsbereich können Gegenstand einer Meldung sein. +

+

+ Einheitliche und zügige Prozesse sowie eine vertrauliche und professionelle Bearbeitung der Hinweise durch + interne Experten bilden die Grundlage dieses fairen Verfahrens. Benachteiligungen oder Bestrafungen von + Hinweisgebenden sowie von Personen, die mit der Bearbeitung von Beschwerden und Hinweisen betraut sind, + werden nicht toleriert. +

6.1 Zweck und Rechtsgrundlage der Datenverarbeitung

-

Der Zweck der Verarbeitung besteht in der Verwaltung des Hinweisgebersystems, welches rechtliche Verpflichtungen gemäß Art. 6 Abs. 1 lit. c DSGVO erfüllt.

+

+ Der Zweck der Verarbeitung personenbezogener Daten besteht in der Verwaltung des Hinweisgebersystems, das + auch die Aufdeckung schwerwiegender Verstöße oder potenzieller Verstöße gegen geltendes Recht sowie anderer + ernsthafter Angelegenheiten umfasst. Die Verarbeitung dieser Daten ist notwendig, um rechtlichen + Verpflichtungen nachzukommen, die uns auferlegt sind, gemäß Art. 6 Abs. 1 S. 1 lit. c) DSGVO. Dies + bezieht + sich auf das Gesetz, das den Schutz von Hinweisgebern verbessert (Hinweisgeberschutzgesetz - HinSchG). +

+

+ Zudem dient die Verarbeitung dem berechtigten Interesse, schwerwiegende Verstöße oder mögliche Verstöße + gegen geltendes Recht sowie andere ernsthafte Angelegenheiten aufzudecken, gemäß Art. 6 Abs. 1 S. 1 lit. + f) + DSGVO. +

+

+ Im Hinblick auf die Verarbeitung besonderer Kategorien personenbezogener Daten ist diese auf Grundlage des + Hinweisgeberschutzgesetzes aus Gründen eines erheblichen öffentlichen Interesses erforderlich, gemäß Art. 9 + Abs. 2 lit. g) DSGVO. Die Verarbeitung dieser besonderen Daten erfolgt gemäß Art. 9 Abs. 2 lit. f) + DSGVO in + Verbindung mit Art. 6 Abs. 1 S. 1 lit. f) DSGVO, um Rechtsansprüche festzustellen, auszuüben oder zu + verteidigen. +

+

+ Betroffene Personen sind diejenigen, über die eine Meldung gemacht wird. Dies können Mitarbeiter, + Vertragspartner oder andere Personen sein, die in beruflicher Verbindung zu der verarbeitenden Stelle + stehen. Darüber hinaus verarbeiten wir personenbezogene Daten der hinweisgebenden Person, wenn diese ihre + Kontaktinformationen oder andere identifizierende Informationen übermittelt. Hinweisgebende Personen sollten + sich daher bewusst sein, dass wir im Rahmen der Bearbeitung des gemeldeten Falls personenbezogene Daten über + sie verarbeiten können. +

6.2 Kategorien personenbezogener Daten

-

Es können allgemeine personenbezogene Daten, Daten zu strafrechtlichen Verurteilungen sowie besondere Kategorien personenbezogener Daten verarbeitet werden.

+

+ Die Meldung kann anonym erfolgen, wodurch keine personenbezogenen Daten der meldenden Person verarbeitet + werden. Die Art der personenbezogenen Daten, die verarbeitet werden, hängt von den übermittelten + Informationen ab. Wenn die meldende Person personenbezogene Daten über eine andere Person, einschließlich + der gemeldeten Person oder Personen, angibt, werden auch diese Daten verarbeitet. Folgende Kategorien von + personenbezogenen Daten können verarbeitet werden: +

+
    +
  • Allgemeine personenbezogene Daten (z.B.: Vorname, Nachname, Adresse, E-Mail-Adresse, Telefonnummer, + usw.)
    • +
  • Personenbezogene Daten zu strafrechtlichen Verurteilungen oder Verdachtsmomenten
    • +
  • Besondere Kategorien personenbezogener Daten (Informationen über rassische oder ethnische Herkunft, + politische Meinungen, religiöse oder philosophische Überzeugungen, Gewerkschaftszugehörigkeit, + Gesundheitsdaten sowie Informationen über das Sexualleben oder die sexuelle Orientierung einer Person) +
    • +
+

+ Wir bitten die meldende Person, ausschließlich Informationen zu übermitteln, die für den jeweiligen Fall von + Bedeutung sind, und insbesondere keine sensiblen Informationen zu melden, es sei denn, diese sind für die + Bearbeitung des gemeldeten Falls von zentraler Relevanz. +

6.3 Verpflichtung zur Bereitstellung personenbezogener Daten

-

Die Bereitstellung personenbezogener Daten ist nicht zwingend erforderlich, da auch eine anonyme Meldung möglich ist.

+

+ Es ist nicht erforderlich, die im Abschnitt 6.2 genannten personenbezogenen Daten bereitzustellen, da auch + eine anonyme Meldung möglich ist. Bitte beachte jedoch, dass wir möglicherweise nicht in der Lage sind, die + Meldung zu bearbeiten, wenn keine personenbezogenen Daten angegeben werden. +

6.4 Empfänger personenbezogener Daten

-

Die Meldungen werden bei der verarbeitenden Stelle erfasst und an zuständige Fachabteilungen weitergeleitet. Eine Weitergabe erfolgt nur bei rechtlicher Notwendigkeit oder mit Zustimmung der hinweisgebenden Person.

+

Die Meldungen werden bei der verarbeitenden Stelle im System als Vorgänge erfasst. Nach einer Bewertung + werden diese Vorgänge intern an die zuständigen Fachabteilungen weitergeleitet, und gegebenenfalls werden + Folgemaßnahmen eingeleitet. Sollte eine Meldung eine der Konzerngesellschaften der verarbeitenden Stelle + betreffen, werden die relevanten Vorgänge an die zuständigen Personen der jeweiligen Gesellschaft + weitergegeben, die dann intern eine Bewertung vornehmen und gegebenenfalls Maßnahmen ergreifen. Bei der + Weitergabe personenbezogener Daten wird der Grundsatz der Datenminimierung beachtet, was bedeutet, dass nur + die unbedingt notwendigen Daten zur Bearbeitung der Meldung weitergegeben werden.

+

Personenbezogene Daten der hinweisgebenden Person werden an Behörden weitergeleitet, wenn dies erforderlich + ist, um schwerwiegende Verstöße oder Angelegenheiten zu behandeln oder das Recht auf Verteidigung der + betroffenen Personen zu sichern. In anderen Fällen erfolgt die Weitergabe personenbezogener Daten der + hinweisgebenden Person nur mit deren Zustimmung. Daten über andere Personen als die hinweisgebende Person + werden nur im Rahmen der Nachverfolgung eines gemeldeten Falls oder zur Bearbeitung schwerwiegender Verstöße + oder Angelegenheiten weitergegeben.

+

Die Meldeplattform wird von dem Auftragsverarbeiter WhistleB Whistleblowing Centre AB mit Sitz in Stockholm, + Schweden, bereitgestellt. Weitere Informationen zu WhistleB und den entsprechenden Nutzungsbedingungen sind + dort einsehbar. + whistleb_terms_of_use.pdf +

6.5 Speicherdauer

-

Personenbezogene Daten, die sich als nicht relevant erweisen, werden anonymisiert oder gelöscht. Archivierte Meldungen werden nach Abschluss des Verfahrens und Erfüllung der Dokumentationspflichten nach 3 Jahren gelöscht.

+

Personenbezogene Daten, die sich als nicht relevant für die Bearbeitung eines gemeldeten Falls herausstellen, + sowie Meldungen, die wir als unbegründet ansehen, werden umgehend als "nicht relevant" eingestuft. In diesem + Fall wird der Personenbezug entfernt, es sei denn, es handelt sich bereits um eine anonyme Meldung. Um die + gesetzlich vorgeschriebene Dokumentationspflicht und die Löschfristen gemäß § 11 Abs. 1 und Abs. 5 HinSchG + zu erfüllen, wird die Meldung zunächst ohne Personenbezug archiviert, jedoch noch nicht gelöscht. + Archivierte Fälle dienen ausschließlich der Erfüllung dieser Dokumentationspflichten und können danach nicht + mehr zur Bearbeitung herangezogen werden.

+

Die Meldungen und personenbezogenen Daten, die im Zuge der Bearbeitung einer Meldung erfasst werden, bilden + die Grundlage für die weitere Bearbeitung und werden so schnell wie möglich anonymisiert. Sollte es + notwendig sein, Folgemaßnahmen gemäß §§ 3 Abs. 8 und 18 HinSchG zu ergreifen, kann es jedoch erforderlich + sein, von der Anonymisierung abzuweichen, sei es aufgrund behördlicher Anordnungen oder zur Wahrung von + Rechtsansprüchen. In solchen Fällen wird in der Regel eine Pseudonymisierung angestrebt, es sei denn, es + gibt andere Vorgaben, wie etwa eine richterliche Anordnung. Die Dokumentation wird drei Jahre nach Abschluss + des Verfahrens gelöscht. Sie kann jedoch länger aufbewahrt werden, um den Anforderungen dieses Gesetzes oder + anderer Rechtsvorschriften gerecht zu werden, solange dies notwendig und angemessen ist.

+ \ No newline at end of file diff --git a/EnvelopeGenerator.Web/wwwroot/privacy-policy.en-US.html b/EnvelopeGenerator.Web/wwwroot/privacy-policy.en-US.html index 64bedaae..c0a91270 100644 --- a/EnvelopeGenerator.Web/wwwroot/privacy-policy.en-US.html +++ b/EnvelopeGenerator.Web/wwwroot/privacy-policy.en-US.html @@ -1,22 +1,27 @@  + - Privacy Information for the Remote Signature System signFLOW + Data Protection Information for the Remote Signature System signFLOW +
-

Privacy Information for the Remote Signature System signFLOW

-

Last updated: 19.09.2024

+

Data Protection Information for the Remote Signature System signFLOW

+

As of: 19.09.2024

-

1. General Information

-

In today’s fast-paced and increasingly digital world, personal data is a valuable resource. Your data is important and must be handled with care as mandated by various laws and regulations (GDPR, TDDDG, ...).

-

As a provider of on-premise solutions, the manufacturer of signFLOW, Digital Data GmbH, places a clear emphasis on data protection and data security. For you, this means that only the necessary data is collected and stored (data minimization). Additionally, the processing is done using the latest and considered secure technologies.

-

Manufacturer's Contact Information:

+

In today's fast-paced and increasingly digital world, personal data is an important resource. Your data is + valuable and must therefore be handled with the care required by various laws and regulations (GDPR, TDDDG, + ...).

+

As a provider of local solutions (OnPremise), the manufacturer of signFLOW, Digital Data GmbH, places a clear + focus on data protection and data security. For you, this means that only the necessary data is collected + and stored (data minimization). Furthermore, current and secure technologies are used in processing.

+

Contact details of the manufacturer:

Digital Data GmbH
Ludwig-Rinn-Straße 16
@@ -25,12 +30,13 @@ info-flow@digitaldata.works
Phone: 0049 641 202360
-

Contact for Data Protection: privacy-flow@digitaldata.works

+

Contact the Data Protection Officer: privacy-flow@digitaldata.works

-

2. Responsible Party for Data Processing

-

Your data will be processed confidentially by:

+

2. Responsible Entity for Data Processing

+

Your data is processed with confidence by:

Digital Data GmbH
Ludwig-Rinn-Straße 16
@@ -39,85 +45,241 @@ info-flow@digitaldata.works
Phone: 0049 641 202360
-

Contact our Data Protection Officer: privacy-flow@digitaldata.works

+

Contact our Data Protection Officer: privacy-flow@digitaldata.works

3. Data Collection

-

3.1 The following categories of personal data are processed:

+

3.1 The following categories of personal data are processed

    -
  • Names: First and last names, and your digital signature
    • +
  • Names: First and last names as well as your digital signature
  • Contact details: Phone number, mobile phone number, and email address
    • -
  • Technical data: IP address, time of access, or attempted access
    • +
  • Technical data: IP address, time of access, or access attempts
-

3.2 Source of personal data

-

You have previously provided the data listed in 3.1 to your business partner (the responsible party). This submission may have occurred orally by phone, in person, via email, or through a contact form.

-

You submit your digital signature independently when signing a document.

+

3.2 Source of the personal data

+

You have previously provided the data mentioned under 3.1 to your business partner (the responsible entity). + This transmission may have occurred verbally over the phone, in personal contact, via email, or via a + contact form.

+

You transmit your digital signature independently when signing a document.

-

3.3 Retention periods / storage duration

+

3.3 Retention periods / Storage duration

  • Automatic email correspondence is stored for 6 years.
    • -
  • Signed contracts are stored for the duration of their term plus 10 years.
    • -
  • The technical process is stored indefinitely in the signFLOW software solution depending on the type of document or contract.
    • +
  • Signed contracts are retained for the duration of their term + 10 years.
    • +
  • The technical process is stored in the signFLOW software solution indefinitely, depending on the + document or contract type.

Your personal data will generally be anonymized when:

    -
  • The contract has expired and the legal retention period has passed.
    • +
  • The contract has expired, and the statutory retention period is over.
  • The contract was rejected by you or never signed.
-

The legal bases for these retention periods include:

+

The legal basis for these retention periods includes:

  • Commercial Code (HGB)
  • Tax Code (AO)
    • -
  • Principles for the proper management and storage of books, records, and documents in electronic form and access to data (GoBD)
    • +
  • Principles for the Proper Keeping and Retention of Books, Records, and Documents in Electronic Form and + for Data Access (GoBD)
+

+ Depending on the specific type of document, the retention period may vary. Additionally, the periods may be + extended in case of irregularities, such as a pending or ongoing legal dispute. +

3.4 Purpose of processing

-

The personal data defined in 3.1 is processed to enable the technically necessary process. This includes identity verification, application review, billing, and documentation obligations.

+

The personal data defined under 3.1 is processed to:

+
    +
  • Support or provide the technically necessary process.
    • +
  • Enable you, as the end user, to sign a document digitally. This requires the identification of the + applicant, application verification and processing, billing, and compliance with documentation + requirements.
    • +
+

In individual cases, data is processed separately by the IT department, particularly in response to support + requests, or possibly forwarded to the manufacturer for further processing.

+

Data processing also occurs to ensure information security, especially for the identification and prevention + of attacks, and for conducting internal and external audits, export controls, and sanctions list checks. + Information may also be transmitted to the relevant authorities in accordance with Section 8 (2) VDG.

-

3.5 Lawfulness of processing

-

Your data is collected based on a developing or existing business relationship.

-

The legal basis for transferring data to responsible authorities is §8 para. 2 VDG.

+

3.5 Legality of processing

+

Your data is collected based on an impending or already existing business relationship.

+

The legal basis for the transmission to competent authorities is Section 8 (2) VDG. Requests from data + subjects are processed in accordance with Articles 12 to 23 of the GDPR and Sections 32 to 37 of the Federal + Data Protection Act (BDSG).

3.6 Legitimate interests

-

There is a legitimate interest of the responsible party according to Art. 6 para. 1 lit. f GDPR, especially in information security and damage prevention.

+

A legitimate interest of the responsible entity in accordance with Article 6 (1) (f) GDPR exists in the + following cases:

+

Measures are taken for information security, which include both preventive technical and organizational + measures as well as incident handling. The aim is to assess and avoid potential harm to the company, the + individuals affected by data processing, and the users of trust services.

-

3.7 Necessity of the data

-

The data collected represents the minimum necessary for the purpose of a digital signature.

+

3.7 Necessity of data

+

The collected data represents the minimum necessary for the digital signature. Without the data mentioned + under 3.1, the service cannot be operated.

+

It is particularly important to provide a mobile number or a German landline number, as this is used for + authentication and signature triggering as a second factor. Without this security mechanism, the service + cannot be provided.

-

3.8 Data sharing

-

Data is only shared with the manufacturer in exceptional cases for support services.

+

3.8 Data transfer

+

Systematic data transmission does not take place.

+

Data is only forwarded to the manufacturer for support services in exceptional cases. A valid data processing + agreement (DPA) exists with the manufacturer, which ensures the security and integrity of the handling of + your data.

4. Use of Cookies

-

Temporary cookies are used when visiting certain pages, which are necessary for the technical provision of the services.

+

+ When visiting certain pages, temporary cookies are used, which are necessary for the technical provision of + the services. These so-called session cookies do not contain any personal data and are automatically deleted + after the session ends. Methods such as Java applets or Active-X controls that could track user behavior are + not used. +

-

5. Rights of Data Subjects

-

If you have questions about your data or wish to request rectification, deletion, or restriction of processing, please send your inquiry by post or email to the address listed above. You can also object to the processing under Art. 21 GDPR.

+

5. Rights of Affected Persons

+

+ If you have questions about your data or wish to request correction, deletion, or restriction of processing, + please send your request by mail or email to the address provided above. This also applies if you wish to + object to the processing in accordance with Article 21 GDPR or request data portability. +

+

+ If you have questions or complaints about a procedure, you can also contact us using the contact details + provided. If you have further grounds for complaint, you can contact our supervisory authority. You can find + out which supervisory authority is responsible for you here: + Laender-node.html +

6. Whistleblower System

-

We have established an independent, neutral, and confidential whistleblower system that allows internal and external whistleblowers to submit reports anonymously. This system serves to uncover serious violations of applicable law and other significant matters.

+

+ Compliance with legal regulations and internal guidelines, including our Code of Conduct and the Code of + Conduct for Business Partners, is our (the data processing entity's) top priority. This applies both to our + own business operations and to our supply chains. +

+

+ It is important to us to identify risks early and avoid violations. We aim to take appropriate measures in a + timely manner to prevent potential harm to affected persons, customers, employees, business partners, and + our corporate group. +

+

+ For this reason, we have established an independent, neutral, and confidential whistleblower system that + enables internal and external whistleblowers to submit reports, including anonymously. Through our + transparent complaint procedure, we offer the greatest possible protection, especially to the affected + persons, whistleblowers, and employees involved in investigating reported incidents. +

+

+ Under this procedure, any actual or alleged violations of legal requirements, our Code of Conduct, or the + Code of Conduct for Business Partners may be reported. Human rights or environmental risks, as well as + breaches of duty along the entire supply chain of our group companies and in our own business operations, + can also be the subject of a report. +

+

+ Standardized and swift processes, as well as confidential and professional handling of the reports by + internal experts, form the basis of this fair procedure. Discrimination or punishment of whistleblowers and + individuals responsible for handling complaints and reports will not be tolerated. +

-

6.1 Purpose and legal basis of data processing

-

The purpose of the processing is to manage the whistleblower system, which fulfills legal obligations under Art. 6 para. 1 lit. c GDPR.

+

6.1 Purpose and Legal Basis of Data Processing

+

+ The purpose of processing personal data is to manage the whistleblower system, which also includes + identifying serious violations or potential violations of applicable law and other serious matters. The + processing of this data is necessary to comply with legal obligations imposed on us, in accordance with Art. + 6 para. 1 sentence 1 lit. c) GDPR. This refers to the law that enhances the protection of whistleblowers + (Whistleblower Protection Act - HinSchG). +

+

+ Additionally, the processing serves the legitimate interest of identifying serious violations or potential + violations of applicable law and other serious matters, in accordance with Art. 6 para. 1 sentence 1 lit. f) + GDPR. +

+

+ Regarding the processing of special categories of personal data, this is necessary based on the + Whistleblower Protection Act for reasons of significant public interest, in accordance with Art. 9 para. 2 + lit. g) GDPR. The processing of such special data is carried out in accordance with Art. 9 para. 2 lit. f) + GDPR in conjunction with Art. 6 para. 1 sentence 1 lit. f) GDPR to establish, exercise, or defend legal + claims. +

+

+ Affected persons are those about whom a report is made. These can be employees, contractors, or other + individuals in a business relationship with the data processing entity. Furthermore, we process personal + data of the whistleblower if they provide their contact details or other identifying information. + Whistleblowers should be aware that we may process personal data about them during the handling of the + reported case. +

-

6.2 Categories of personal data

-

General personal data, data related to criminal convictions, and special categories of personal data may be processed.

+

6.2 Categories of Personal Data

+

+ Reports can be made anonymously, in which case no personal data of the reporting person will be processed. + The type of personal data processed depends on the information provided. If the reporting person provides + personal data about another individual, including the reported individual or persons, that data will also be + processed. The following categories of personal data may be processed: +

+
    +
  • General personal data (e.g., first name, last name, address, email address, phone number, etc.)
    • +
  • Personal data related to criminal convictions or suspicions
    • +
  • Special categories of personal data (information about racial or ethnic origin, political opinions, + religious or philosophical beliefs, trade union membership, health data, and information about a + person's sex life or sexual orientation)
    • +
+

+ We ask the reporting person to only provide information relevant to the case and to avoid reporting + sensitive information unless it is essential for handling the reported case. +

-

6.3 Obligation to provide personal data

-

Providing personal data is not mandatory, as anonymous reporting is also possible.

+

6.3 Obligation to Provide Personal Data

+

+ It is not mandatory to provide the personal data mentioned in section 6.2, as anonymous reporting is also + possible. However, please note that we may be unable to process the report if no personal data is provided. +

-

6.4 Recipients of personal data

-

Reports are processed by the relevant department and forwarded to the appropriate divisions. Data is only shared when legally required or with the consent of the whistleblower.

+

6.4 Recipients of Personal Data

+

+ Reports are logged in the system of the data processing entity as cases. After evaluation, these cases are + forwarded internally to the relevant departments, and follow-up actions may be initiated. If a report + involves one of the group companies of the data processing entity, the relevant cases are forwarded to the + responsible individuals at the respective company, who will then conduct an internal evaluation and take + action if necessary. When transferring personal data, the principle of data minimization is observed, + meaning only the data strictly necessary for handling the report is shared. +

+

+ Personal data of the whistleblower will be shared with authorities when necessary to address serious + violations or issues, or to safeguard the right to defense of the affected persons. In other cases, personal + data of the whistleblower will only be shared with their consent. Data about persons other than the + whistleblower will only be shared in connection with the investigation of a reported case or to address + serious violations or issues. +

+

+ The reporting platform is provided by the processor WhistleB Whistleblowing Centre AB, based in Stockholm, + Sweden. Further information about WhistleB and the corresponding terms of use can be found at: + whistleb_terms_of_use.pdf +

-

6.5 Retention period

-

Personal data that proves irrelevant will be anonymized or deleted. Archived reports are deleted after 3 years following the conclusion of the process and documentation obligations.

+

6.5 Retention Period

+

+ Personal data that is found to be irrelevant to the processing of a reported case, as well as reports deemed + unfounded, will be immediately classified as "not relevant." In this case, the personal reference is removed + unless the report was anonymous from the outset. To meet the legally required documentation obligations and + deletion periods pursuant to § 11 para. 1 and para. 5 HinSchG, the report is initially archived without + personal reference but is not yet deleted. Archived cases serve solely to fulfill these documentation + obligations and can no longer be used for further processing. +

+

+ Reports and personal data collected during the processing of a report form the basis for further handling + and are anonymized as soon as possible. However, if it is necessary to take follow-up actions pursuant to §§ + 3 para. 8 and 18 HinSchG, it may be necessary to deviate from anonymization, whether due to official orders + or to protect legal claims. In such cases, pseudonymization is generally sought, unless other directives + apply, such as a court order. Documentation is deleted three years after the conclusion of the process, but + it may be retained longer if required to meet the requirements of this law or other legal provisions, as + long as it remains necessary and appropriate. +

+ + \ No newline at end of file