AppStd/EnvelopeGenerator
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(share pop-up): Post-Request-Prozess hinzugefügt.

Browse Source
This commit is contained in:
Developer 02 2024-10-09 15:03:54 +02:00
parent 25cd1601a6
commit 0eb5897185
3 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
View File

@ -114,15 +114,15 @@
<div class="modal-body"> <div class="modal-body">
<div class="input-group mb-3"> <div class="input-group mb-3">
<span class="input-group-text">E-Mail</span> <span class="input-group-text">E-Mail</span>
<input type="text" class="form-control" placeholder="user@samplemail.com" aria-label=""> <input type="text" class="form-control" placeholder="user@samplemail.com" id="readonly-receiver-mail" aria-label="">
</div> </div>
<div class="input-group"> <div class="input-group">
<span class="input-group-text">Gültig bis</span> <span class="input-group-text">Gültig bis</span>
<input type="date" name="expiration" class="form-control"> <input type="date" name="expiration" class="form-control" id="readonly-date-valid">
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-primary"> <button type="button" class="btn btn-primary" id="readonly-send">
<span class="material-symbols-outlined"> <span class="material-symbols-outlined">
send send
</span> </span>
@ -135,12 +135,17 @@
<div id='app'></div> <div id='app'></div>
</div> </div>
<script nonce="@nonce"> <script nonce="@nonce">
document.addEventListener("DOMContentLoaded", function () { document.getElementById('readonly-send').addEventListener('click', async () => {
const shareButton = document.querySelector('.dd-card-preview button'); const receiverMail = document.getElementById('readonly-receiver-mail').value;
const dateValid = document.getElementById('readonly-date-valid').value;
shareButton.addEventListener('click', function () { await shareEnvelope(receiverMail, dateValid)
// click action logic .then(res => {
}); console.log(res)
})
.catch(err => {
console.log(err)
})
}); });
const collapseNav = () => { const collapseNav = () => {

4
EnvelopeGenerator.Web/wwwroot/js/api-service.js
View File

@ -14,7 +14,7 @@ class API {
} }
static get SHARE_URL() { static get SHARE_URL() {
return `/readonly` return `/api/readonly`
} }
static __XSRF_TOKEN static __XSRF_TOKEN
@ -56,4 +56,4 @@ const redirect = (url) => window.location.href = url;
const redirRejected = () => redirect(API.REJECT_REDIR_URL); const redirRejected = () => redirect(API.REJECT_REDIR_URL);
const shareEnvelope = (receiverMail, dateValid) => createPost(API.SHARE_URL, { receiverMail: receiverMail, dateValid: dateValid }); const shareEnvelope = (receiverMail, dateValid) => createPost(API.SHARE_URL, { receiverMail: receiverMail, dateValid: dateValid }, Content.JSON);

4
EnvelopeGenerator.Web/wwwroot/js/api-service.min.js vendored
View File

@ -1,2 +1,2 @@
class Content{static get JSON(){return"application/json"}}class API{static get REJECT_URL(){return`/api/envelope/reject`}static get REJECT_REDIR_URL(){return`/envelopekey/${API.ENV_KEY}/rejected`}static get SHARE_URL(){return`/readonly`}static __XSRF_TOKEN class Content{static get JSON(){return"application/json"}}class API{static get REJECT_URL(){return`/api/envelope/reject`}static get REJECT_REDIR_URL(){return`/envelopekey/${API.ENV_KEY}/rejected`}static get SHARE_URL(){return`/api/readonly`}static __XSRF_TOKEN
static get XSRF_TOKEN(){return API.__XSRF_TOKEN??=document.getElementsByName("__RequestVerificationToken")[0].value,API.__XSRF_TOKEN}static get ENV_KEY(){return ENV_KEY??document.querySelector('meta[name="env-key"]').getAttribute("content")}}const submitForm=async n=>await fetch(n.action,{method:n.method,body:new FormData(n),headers:{"X-Requested-With":"XMLHttpRequest"}}),createRequest=async(n,t,i,r)=>fetch(t,{credentials:"include",method:n,headers:{"Content-Type":r,"X-XSRF-TOKEN":API.XSRF_TOKEN},body:JSON.stringify(i)}),createPost=(n,t,i)=>createRequest("POST",n,t,i),rejectEnvelope=n=>createPost(API.REJECT_URL,n,Content.JSON),redirect=n=>window.location.href=n,redirRejected=()=>redirect(API.REJECT_REDIR_URL),shareEnvelope=(n,t)=>createPost(API.SHARE_URL,{receiverMail:n,dateValid:t}); static get XSRF_TOKEN(){return API.__XSRF_TOKEN??=document.getElementsByName("__RequestVerificationToken")[0].value,API.__XSRF_TOKEN}static get ENV_KEY(){return ENV_KEY??document.querySelector('meta[name="env-key"]').getAttribute("content")}}const submitForm=async n=>await fetch(n.action,{method:n.method,body:new FormData(n),headers:{"X-Requested-With":"XMLHttpRequest"}}),createRequest=async(n,t,i,r)=>fetch(t,{credentials:"include",method:n,headers:{"Content-Type":r,"X-XSRF-TOKEN":API.XSRF_TOKEN},body:JSON.stringify(i)}),createPost=(n,t,i)=>createRequest("POST",n,t,i),rejectEnvelope=n=>createPost(API.REJECT_URL,n,Content.JSON),redirect=n=>window.location.href=n,redirRejected=()=>redirect(API.REJECT_REDIR_URL),shareEnvelope=(n,t)=>createPost(API.SHARE_URL,{receiverMail:n,dateValid:t},Content.JSON);