Merge branch 'master' of http://git.dd:3000/AppStd/EnvelopeGenerator

chore: Auto-update min.css after merge
2024-09-17 13:35:07 +02:00 · 2024-09-17 11:31:25 +02:00 · 2024-09-17 11:22:03 +02:00 · 2024-09-17 11:18:56 +02:00 · 2024-09-17 11:09:21 +02:00 · 2024-09-17 10:17:16 +02:00
14 changed files with 215 additions and 82 deletions
--- a/EnvelopeGenerator.Application/Resources/Resource.de-DE.resx
+++ b/EnvelopeGenerator.Application/Resources/Resource.de-DE.resx
@@ -210,6 +210,9 @@
  <data name="UnexpectedError" xml:space="preserve">
    <value>Ein unerwarteter Fehler ist aufgetreten.</value>
  </data>
+  <data name="WelcomeToTheESignPortal" xml:space="preserve">
+    <value>Herzlich willkommen im eSign-Portal</value>
+  </data>
  <data name="WrongAccessCode" xml:space="preserve">
    <value>Ungültiger Zugangscode.</value>
  </data>
--- a/EnvelopeGenerator.Application/Resources/Resource.en-US.resx
+++ b/EnvelopeGenerator.Application/Resources/Resource.en-US.resx
@@ -210,6 +210,9 @@
  <data name="UnexpectedError" xml:space="preserve">
    <value>An unexpected error has occurred.</value>
  </data>
+  <data name="WelcomeToTheESignPortal" xml:space="preserve">
+    <value>Welcome to the eSign portal</value>
+  </data>
  <data name="WrongAccessCode" xml:space="preserve">
    <value>Invalid access code.</value>
  </data>
--- a/EnvelopeGenerator.Web/Views/Home/EnvelopeLocked.cshtml
+++ b/EnvelopeGenerator.Web/Views/Home/EnvelopeLocked.cshtml
@@ -5,9 +5,13 @@
    ViewData["Title"] = _localizer[WebKey.DocProtected];
    var userCulture = ViewData["UserCulture"] as Culture;
 }
-<div class="page container py-5 px-2">
+<div class="page container py-4 px-4">
    <header class="text-center">
-        <div class="icon locked">
+        <div class="header-1 alert alert-secondary" role="alert">
+            <h3 class="text">@_localizer[WebKey.WelcomeToTheESignPortal]</h3>
+            <img class="cursor-logo" src="/img/cursor_logo.png" />
+        </div>
+        <div class="icon locked mt-4 mb-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" fill="currentColor" class="bi bi-shield-lock" viewBox="0 0 16 16">
                <path d="M5.338 1.59a61 61 0 0 0-2.837.856.48.48 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.7 10.7 0 0 0 2.287 2.233c.346.244.652.42.893.533q.18.085.293.118a1 1 0 0 0 .101.025 1 1 0 0 0 .1-.025q.114-.034.294-.118c.24-.113.547-.29.893-.533a10.7 10.7 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-2.517 2.453 7 7 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7 7 0 0 1-1.048-.625 11.8 11.8 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 63 63 0 0 1 5.072.56" />
                <path d="M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99a1.5 1.5 0 1 1 2-1.415" />
@@ -19,8 +23,8 @@
        <p>@_localizer[WebKey.LockedBody]</p>
    </section>
    <div class="row m-0 p-0 justify-content-center">
-        <div class="col-8">
-            <form id="form-access-code" class="form ms-5" method="post">
+        <div class="col-8 pe-0">
+            <form id="form-access-code" class="form" method="post">
                <div class="input">
                    <label class="visually-hidden" for="access_code">@_localizer[WebKey.LockedTitle]</label>
                    <input type="password" id="access_code" class="form-control" name="access_code" placeholder="@_localizer[WebKey.LockedAccessCode]" required="required">
--- a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
+++ b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
@@ -21,40 +21,43 @@
 }
 <div class="d-flex flex-column min-vh-100">
    <nav class="navbar navbar-light bg-light">
-        <div class="container-fluid">
+        <div class="container">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
+                <span class="material-symbols-outlined">
+                    more_vert
+                </span>
            </button>
-            <div class="navbar-brand me-auto ms-5 envelope-message">@($"{_localizer[WebKey.Hello]} {Model.Name}, {@envelope?.Message}".TrySanitize(_sanitizer))</div>
-            <div class="col-1  p-0 m-0 me-3 d-flex">
-                <img src="~/img/digital_data.svg" alt="...">
+            <div class="envelope-message">
+                <span class="icon material-symbols-outlined">history_edu</span>
+                <span class="message navbar-brand">@($"{_localizer[WebKey.Hello]} {Model.Name}, {@envelope?.Message}".TrySanitize(_sanitizer))</span>
+            </div>
+            <div class="logo">
+                <img class="cursor-img" src="~/img/cursor_logo.png" alt="...">
            </div>
        </div>
    </nav>
-    <div class="collapse show" id="navbarToggleExternalContent" data-bs-theme="light">
-        <div class="bg-light p-1">
-            <div class="card sender-card mb-3">
-                <div class="row g-0">
-                    <div class="col p-0 m-0">
-                        <div class="card-body p-0 m-0 ms-4">
-                            <h5 class="card-title p-0 m-0">
-                                <span class="signature-process-title">@($"{_localizer[WebKey.SigningProcessTitle]}: ".TrySanitize(_sanitizer))</span>
-                                <span class="signature-process-name">@($"{envelope?.Title}".TrySanitize(_sanitizer))</span>
-                            </h5>
-                            <p class="card-text p-0 m-0">@Html.Raw(string.Format(_localizer[WebKey.EnvelopeInfo1], pages.Count(), stPageIndexes).TrySanitize(_hlSanitizer))</p>
-                            <p class="card-text p-0 m-0">
-                                <small class="text-body-secondary">
-                                    @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)))
-                                </small>
-                            </p>
-                        </div>
+    <div class="collapse show bg-light " id="navbarToggleExternalContent" data-bs-theme="light">
+        <div class="card sender-card p-1 mb-3">
+            <div class="row g-0">
+                <div class="col p-0 m-0">
+                    <div class="card-body p-0 m-0 ms-4">
+                        <h5 class="card-title p-0 m-0">
+                            <span class="signature-process-title">@($"{_localizer[WebKey.SigningProcessTitle]}: ".TrySanitize(_sanitizer))</span>
+                            <span class="signature-process-name">@($"{envelope?.Title}".TrySanitize(_sanitizer))</span>
+                        </h5>
+                        <p class="card-text p-0 m-0">@Html.Raw(string.Format(_localizer[WebKey.EnvelopeInfo1], pages.Count(), stPageIndexes).TrySanitize(_hlSanitizer))</p>
+                        <p class="card-text p-0 m-0">
+                            <small class="text-body-secondary">
+                                @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)))
+                            </small>
+                        </p>
                    </div>
                </div>
            </div>
--- a/EnvelopeGenerator.Web/Views/Shared/_Layout.cshtml
+++ b/EnvelopeGenerator.Web/Views/Shared/_Layout.cshtml
@@ -13,12 +13,20 @@
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/lib/sweetalert2/sweetalert2.min.css" />
    <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
+    <link rel="stylesheet" href="~/css/cursor.min.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/EnvelopeGenerator.Web.styles.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/lib/flag-icons-main/css/flag-icons.min.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/lib/alertifyjs/css/alertify.min.css" />
    <link rel="stylesheet" href="~/lib/alertifyjs/css/themes/default.min.css" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined" rel="stylesheet">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
 </head>
 <body>
+    <style>
+        .material-symbols-outlined {
+            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
+        }
+    </style>
    @if (ViewData["EnvelopeKey"] is string envelopeKey)
    {
    <script nonce="@nonce">const ENV_KEY = "@envelopeKey.TrySanitize(_sanitizer)"</script>
--- a/EnvelopeGenerator.Web/WebKey.cs
+++ b/EnvelopeGenerator.Web/WebKey.cs
@@ -33,5 +33,6 @@
 		public static readonly string RejectionInfo1_ext = nameof(RejectionInfo1_ext);
 		public static readonly string RejectionInfo2_ext = nameof(RejectionInfo2_ext);
        public static readonly string SigningProcessTitle = nameof(SigningProcessTitle);
+        public static readonly string WelcomeToTheESignPortal = nameof(WelcomeToTheESignPortal);
    }
 }
--- a/EnvelopeGenerator.Web/appsettings.json
+++ b/EnvelopeGenerator.Web/appsettings.json
@@ -20,9 +20,9 @@
  "Content-Security-Policy": [ // The first format parameter {0} will be replaced by the nonce value.
    "default-src 'self'",
    "script-src 'self' 'nonce-{0}' 'unsafe-eval'",
-    "style-src 'self' 'unsafe-inline'",
+    "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com:*",
    "img-src 'self' data: https: blob:",
-    "font-src 'self'",
+    "font-src 'self' https://fonts.gstatic.com:*",
    "connect-src 'self' https://nominatim.openstreetmap.org:* http://localhost:* https://localhost:* ws://localhost:* wss://localhost:* blob:",
    "frame-src 'self'",
    "media-src 'self'",
--- a/EnvelopeGenerator.Web/bundleconfig.json
+++ b/EnvelopeGenerator.Web/bundleconfig.json
@@ -58,5 +58,11 @@
    "inputFiles": [
      "wwwroot/lib/bootstrap-cookie-consent-settings-main/bootstrap-cookie-consent-settings.js"
    ]
+  },
+  {
+    "outputFileName": "wwwroot/css/cursor.min.css",
+    "inputFiles": [
+      "wwwroot/css/cursor.css"
+    ]
  }
 ]
--- a/EnvelopeGenerator.Web/wwwroot/css/cursor.css
+++ b/EnvelopeGenerator.Web/wwwroot/css/cursor.css
@@ -0,0 +1,8 @@
+.cursor-logo {
+    width: 7rem;
+    padding-top: 1rem;
+}
+
+.cursor-img {
+    width: 5rem;
+}
--- a/EnvelopeGenerator.Web/wwwroot/css/cursor.min.css
+++ b/EnvelopeGenerator.Web/wwwroot/css/cursor.min.css
@@ -0,0 +1 @@
+.cursor-logo{width:7rem;padding-top:1rem}.cursor-img{width:5rem}
--- a/EnvelopeGenerator.Web/wwwroot/css/site.css
+++ b/EnvelopeGenerator.Web/wwwroot/css/site.css
@@ -10,6 +10,10 @@
    height: 80vh;
 }

+.navbar-toggler {
+    border: 0;
+}
+
 .btn-group {
    margin-right: 10vw;
    margin-bottom: 10vh;
@@ -163,8 +167,43 @@ footer#page-footer {
        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: 0.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 {
@@ -224,18 +263,83 @@ footer#page-footer {
    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;
+}
+
+.header-1 .logo {
+    width: 9rem;
+    margin-top:0;
+    padding-top: 0;
+}
+
 /* styles for mobile responsiveness */
+@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;
+        margin-right: 2rem;
+    }
+
+    .card-text, .card-text {
+        font-size: 0.6rem; /* Font size reduced */
+        margin: 0rem;
+        padding: 0rem;
+    }
+
+    .highlight {
+        font-weight: 700;
+        font-size: 0.5rem;
+    }
+
+    .signature-process-title, .signature-process-name {
+        font-size: 0.7rem;
+    }
+}
+
@media (max-width: 767px) {
    .navbar {
        flex-direction: column;
        align-items: flex-start;
    }

-    .navbar-toggler {
-        transform: scale(0.75);
-        padding: 0;
-    }
-
    .navbar-brand {
        font-size: 0.5rem;
        text-align: center;
@@ -243,14 +347,25 @@ footer#page-footer {
        text-overflow: ellipsis;
    }

-    .collapse .card-text, .collapsing .card-text {
-        font-size: 0.6rem; /* Font size reduced */
-        margin: 0rem;
-        padding: 0rem;
+    .envelope-message {
+        width: calc(100% - 4rem - 4.5rem);
+        margin-left: 3rem;
    }

-    .sender-card .card-body {
-        padding: 0.5rem;
+        .envelope-message .message {
+            font-size: 12px;
+            font-weight: 550;
+        }
+
+        .envelope-message .icon {
+            margin-right: 0.1rem;
+            font-size: 1rem
+        }
+
+    .logo {
+        width: 5rem;
+        right: 0;
+        margin-right: 1rem;
    }

    .btn_group {
@@ -266,10 +381,6 @@ footer#page-footer {
        display: none;
    }

-    img {
-        max-width: 4rem;
-    }
-
    .page {
        margin-top: 1rem;
        max-width: 90%;
@@ -280,28 +391,13 @@ footer#page-footer {
            max-width: 90%;
        }

-    .highlight {
-        font-weight: 700;
-        font-size: 0.5rem;
-    }
-
-    .signature-process-title, .signature-process-name {
-        font-size: 0.7rem;
+    #form-access-code {
+        margin-left: 0;
    }
 }
-@media (max-height: 850px) {
-    .collapse .card-text, .collapsing .card-text {
-        font-size: 0.5rem; /* Font size reduced */
-        margin: 0rem;
-        padding: 0rem;
-    }

-    .highlight {
-        font-weight: 700;
-        font-size: 0.5rem;
-    }
-
-    .signature-process-title, .signature-process-name {
-        font-size: 0.7rem;
+@media (max-height: 600px) {
+    .collapse {
+        height: 4rem;
    }
 }
--- a/EnvelopeGenerator.Web/wwwroot/css/site.min.css
+++ b/EnvelopeGenerator.Web/wwwroot/css/site.min.css
@@ -1 +1 @@
-#app{background:#808080;width:100vw;height:80vh}.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}.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}.envelope-message{font-family:'Roboto',sans-serif}.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}@media(max-width:767px){.navbar{flex-direction:column;align-items:flex-start}.navbar-toggler{transform:scale(.75);padding:0}.navbar-brand{font-size:.5rem;text-align:center;overflow:hidden;text-overflow:ellipsis}.collapse .card-text,.collapsing .card-text{font-size:.6rem;margin:0;padding:0}.sender-card .card-body{padding:.5rem}.btn_group{position:fixed;flex-direction:row;bottom:.5rem;right:.5rem}.img-fluid{width:1.2rem;height:100%;display:none}img{max-width:4rem}.page{margin-top:1rem;max-width:90%;padding:.5rem}.page section{max-width:90%}.highlight{font-weight:700;font-size:.5rem}.signature-process-title,.signature-process-name{font-size:.7rem}}@media(max-height:850px){.collapse .card-text,.collapsing .card-text{font-size:.5rem;margin:0;padding:0}.highlight{font-weight:700;font-size:.5rem}.signature-process-title,.signature-process-name{font-size:.7rem}}
+#app{background:#808080;width:100vw;height:80vh}.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}.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}.header-1 .logo{width:9rem;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;margin-right:2rem}.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}}
--- a/EnvelopeGenerator.Web/wwwroot/img/cursor_logo.png
+++ b/EnvelopeGenerator.Web/wwwroot/img/cursor_logo.png
--- a/EnvelopeGenerator.Web/wwwroot/js/annotation.js
+++ b/EnvelopeGenerator.Web/wwwroot/js/annotation.js
@@ -52,7 +52,7 @@
        /**
         * Date, post code and place text form part
         */
-        const date_place_top_shift = 16
+        const date_place_top_shift = 14;
        //date
        const id_date = PSPDFKit.generateInstantId()
        const annotation_date = new PSPDFKit.Annotations.WidgetAnnotation({
@@ -64,8 +64,8 @@
            boundingBox: new PSPDFKit.Geometry.Rect({
                width: width * 1.55,
                height: height / 2,
-                top: top + height + 25 + date_place_top_shift,
-                left: left + width * 1.30,
+                top: top + height + 25 + date_place_top_shift + (height) + 4,
+                left: left
            }),
            fontSize: 8,
            backgroundColor: PSPDFKit.Color.TRANSPARENT,
@@ -80,7 +80,7 @@
            value: detailedCurrentDate(),
            readOnly: true
        })
-        
+
        //city
        var location = await getLocation();
        const id_city = PSPDFKit.generateInstantId()
@@ -93,12 +93,12 @@
            boundingBox: new PSPDFKit.Geometry.Rect({
                width: width * 1.2,
                height: height / 2,
-                top: top + height + 25 + date_place_top_shift,
+                top: top + height + 23 + date_place_top_shift,
                left: left,
            }),
            fontSize: 8
        })
-        
+
        const formFieldCity = new PSPDFKit.FormFields.TextFormField({
            name: id_city,
            annotationIds: PSPDFKit.Immutable.List([annotation_city.id]),
@@ -125,8 +125,8 @@
            boundingBox: new PSPDFKit.Geometry.Rect({
                width: width * 0.75,
                height: height / 2,
-                top: top + height + 25 + label_top_shift + date_place_top_shift,
-                left: left + width * 1.30
+                top: top + height + 23 + label_top_shift + date_place_top_shift + (height) + 4,
+                left: left
            }),
            fontSize: 8,
            backgroundColor: PSPDFKit.Color.TRANSPARENT,
@@ -166,7 +166,7 @@
            annotationIds: PSPDFKit.Immutable.List([annotation_city_label.id]),
            value: "Ort",
            readOnly: true
-        })       
+        })

        return [annotation, formField, annotation_date, formFieldDate, annotation_city, formFieldCity, annotation_date_label, formFieldDateLabel, annotation_city_label, formFieldCityLabel]
    }
@@ -311,7 +311,7 @@

    //required
    static #requiredFieldNames = new Array()
-    
+
    static markFieldAsRequired(formField) {
        this.#requiredFieldNames.push(formField.name)
    }
@@ -327,7 +327,7 @@
        this.#cityFieldNames.push(formField.name)
    }

-    static isCityField(formField){
+    static isCityField(formField) {
        return this.#cityFieldNames.includes(formField.name)
    }
 }
Author	SHA1	Message	Date
Developer 02	30b5633498	Merge branch 'master' of http://git.dd:3000/AppStd/EnvelopeGenerator	2024-09-17 13:35:07 +02:00
Developer 02	00545fdc50	chore: Auto-update min.css after merge	2024-09-17 11:31:25 +02:00
Developer 02	d80e511b08	chore: Auto-update min.css after merge	2024-09-17 11:22:03 +02:00
Developer 02	7313355a83	merge: Integrate customer/CURSOR-Software-AG into master	2024-09-17 11:18:56 +02:00
Developer 02	66466dc865	fix: Sichtbarkeit des Zugangscodes-Formulars im Hochformatmodus auf Mobilgeräten Das Problem behoben, bei dem das Zugangscodes-Formular im Hochformatmodus auf Mobilgeräten nicht sichtbar war. Die CSS-Stile wurden angepasst, um sicherzustellen, dass das Formular unabhängig von der Geräteausrichtung ordnungsgemäß angezeigt wird.	2024-09-17 11:09:21 +02:00
Developer 02	8cd8df4b02	feat: Unterschriftsdatum unter das Unterschriftsfeld verschoben	2024-09-17 10:17:16 +02:00
Developer 02	dd7454d38e	feat: Separate CSS for Cursor company created Eine separate CSS-Datei für das Unternehmen Cursor wurde erstellt. Die site.css wurde angepasst, um das Layout entsprechend dem Cursor-Logo responsiv zu gestalten.	2024-09-17 10:14:34 +02:00
Developer 02	f7c3ed280a	merge: Master-Branch integriert	2024-09-17 00:52:34 +02:00
Developer 02	9ffeb7afe8	feat: UI für die Dokumentenunterzeichnungsseite verbessert - Layout modernisiert und responsiver gestaltet. - Button-Stile und Farbschemata aktualisiert. - Verbesserte Ausrichtung von Text und Symbolen für mehr visuelle Klarheit. - Fokus auf die Verbesserung der Benutzererfahrung beim Unterzeichnen von Dokumenten.	2024-09-17 00:38:37 +02:00
Developer 02	a83994af43	feat: Google Fonts und Google Icons hinzugefügt; CSP-Anpassungen vorgenommen - Google Fonts und Google Icons in das Projekt integriert. - Content Security Policy (CSP) aktualisiert, um die Nutzung von Google Fonts und Google Icons zu ermöglichen.	2024-09-16 15:19:56 +02:00
Developer 02	8345034fcd	refactor: Logo aktualisieren	2024-09-16 14:31:18 +02:00
Developer 02	a763d3c353	feat: Mehrsprachige Unterstützung für den Header hinzugefügt	2024-09-16 14:04:34 +02:00
Developer 02	5ba5d2755b	feat: EnvelopeLocked Seite anpassen und Stile für Firmenbranding aktualisieren - Die Datei `EnvelopeLocked.cshtml` wurde aktualisiert, um eine neue Willkommensnachricht, ein Logo und ein benutzerdefiniertes Kopfzeilen-Layout für das eSign-Portal aufzunehmen. - Aktualisierungen der Lokalisierung hinzugefügt, um die korrekte Anzeige der ausgewählten Sprache und Flagge zu gewährleisten. - Das Layout und die Abstände wurden angepasst, um besser mit den unternehmensspezifischen Designanforderungen übereinzustimmen. - Modifizierte `site.css` für benutzerdefinierte Schaltflächenstile, Seitenlayout und fügte unternehmensspezifische Farben für die Markenkonsistenz hinzu.	2024-09-16 13:51:07 +02:00
				`@@ -0,0 +1 @@`
				`.cursor-logo{width:7rem;padding-top:1rem}.cursor-img{width:5rem}`