From ca194d516df9527feff86e61ce64031f9d699c8c Mon Sep 17 00:00:00 2001
From: Anthony Correa <a@correa.co>
Date: Mon, 27 May 2024 15:03:20 -0500
Subject: [PATCH] email fixes, tweaks

---
 src/public/js/eventlineup.js                  | 31 ++++----------
 .../eventlineup/partials/email_modal.hbs      | 41 +++++++++++--------
 .../eventlineup/partials/email_table.hbs      |  2 +-
 3 files changed, 32 insertions(+), 42 deletions(-)

diff --git a/src/public/js/eventlineup.js b/src/public/js/eventlineup.js
index ea62833..a8670c9 100644
--- a/src/public/js/eventlineup.js
+++ b/src/public/js/eventlineup.js
@@ -138,17 +138,15 @@ function emailModal(el, url) {
       email_modal_node.classList.add('is-open')
       body.appendChild(email_modal_node)
       tinymce.init({
-        selector:`#lineup-email-data-${data.get('event_lineup_id')} #email-editor`, 
+        selector:`textarea#email-editor`, 
         content_css:"/css/application.css", 
         plugins: 'image',
         menubar: false,
         toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent | image',
         paste_data_images: true,
         statusbar:false})
-      // tinymce.activeEditor.setContent("Team,")
-      // lineup_table_div.innerHTML = lineup_table
-      // email_modal.classList.add("is-open");
-  // email_modal.querySelector(".Modal-body").innerHTML = html;
+      tinymce.remove();
+   
   });
 }
 
@@ -386,24 +384,11 @@ function initPage (){
   }
 }
 
-function mailToLink(el, protocol='mailto') {
-  console.log(el)
-  console.log(el.dataset)
-  const {to, bcc, subject} = el.dataset
-  const params = new URLSearchParams({
-    bcc, subject: encodeURIComponent(subject),
-  })
-  const url = `${protocol}:${to}?${params}`
-  console.log(url)
-  // location.href=`mailto:${to}${params}`
-  const windowRef = window.open(url, '_blank');
-  windowRef.focus();
-}
-
-function sparkMailToLink(el) {
-  const protocol = 'readdle-spark'
-  const {to, bcc, subject} = el.dataset
-  const url = `${protocol}://compose?recipient=${to}&bcc=${bcc}&subject=${encodeURIComponent(subject)}`
+function mailToLink(el, protocol) {
+  const {to, bcc} = el.dataset
+  const subject = document.getElementById('email-subject').value
+  const email_body = document.getElementById('email-editor').value
+  const url = `${protocol}://compose?recipient=${to}&bcc=${bcc}&subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(email_body)}`
   console.log(url)
   // location.href=`mailto:${to}${params}`
   const windowRef = window.open(url, '_blank');
diff --git a/src/views/eventlineup/partials/email_modal.hbs b/src/views/eventlineup/partials/email_modal.hbs
index edd0dc1..a52c1e0 100644
--- a/src/views/eventlineup/partials/email_modal.hbs
+++ b/src/views/eventlineup/partials/email_modal.hbs
@@ -8,32 +8,37 @@
 			<form>
 				<div class="FieldGroup">
 					<label class="FieldGroup-label">Subject</label>
-					<input class="Input" type="text" value="{{dateFormat event.startDate "ddd, MMM D, YYYY h:mm A" }}, {{ event.locationName }}, ({{#if (isAway event) }}@{{/if}}{{ event.opponentName }})">
+					<input class="Input" id="email-subject" type="text" value="{{dateFormat event.startDate "ddd, MMM D, YYYY h:mm A" }}, {{ event.locationName }}, ({{#if (isAway event) }}@{{/if}}{{ event.opponentName }})">
 				</div>
 				<div class="FieldGroup">
 					<label class="FieldGroup-label">Body</label>
 					<textarea id="email-editor" class="Input"></textarea>
 				</div>
 				<div class="FieldGroup">
-					<label class="FieldGroup-label">Lineup</label>
+					<label class="FieldGroup-label">
+						Lineup
+						<button class="Button Button--smallSquare" role="button" type="button" onclick="copyEmailTable(this)">
+							{{{embeddedSvgFromPath "/bootstrap-icons/clipboard-fill.svg"}}}
+						</button>
+					</label>
 					<div class="lineup-email lineup-table">{{>email_table}}</div>
 				</div>
-				<div class="FieldGroup">
-					<button class="Button" role="button" type="button" onclick="copyEmailTable(this)">
-						{{{embeddedSvgFromPath "/bootstrap-icons/clipboard-fill.svg"}}}
-						{{{embeddedSvgFromPath "/bootstrap-icons/table.svg"}}}
-						Copy Table
-					</button>
-					<button class="Button" role="button" type="button" onclick="sparkMailToLink(this);",
-					data-to="{{user.email}}" 
-					data-bcc="{{joinMemberEmailAddresses (filterNonPlayers members)}}" 
-					data-subject="{{dateFormat event.startDate "ddd, MMM D, YYYY h:mm A" }}, {{ event.locationName }}, ({{#if (isAway event) }}@{{/if}}{{ event.opponentName }})">
-						{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/mail.svg"}}}
-						Spark Mail
-					</button>
-				</div>
+					
 			</form>
 		</div>
+		<div class="Modal-footer">
+			<button class="Button" role="button" type="button" onclick="mailToLink(this, 'readdle-spark');",
+					data-to="{{user.email}}" 
+					data-bcc="{{joinMemberEmailAddresses (filterNonPlayers members)}}">
+						{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/mail.svg"}}}
+						Spark Mail
+			</button>
+			<button class="Button" role="button" type="button" onclick="mailToLink(this, 'mailto');",
+					data-to="{{user.email}}" 
+					data-bcc="{{joinMemberEmailAddresses (filterNonPlayers members)}}">
+						{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/mail.svg"}}}
+						Mail
+			</button>
+		</div>
   </div>
-</div>
-</script>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/src/views/eventlineup/partials/email_table.hbs b/src/views/eventlineup/partials/email_table.hbs
index 8391514..42cda2c 100644
--- a/src/views/eventlineup/partials/email_table.hbs
+++ b/src/views/eventlineup/partials/email_table.hbs
@@ -1,4 +1,4 @@
-<table>
+<table class="lineup-table">
 				<thead>
 					<tr>
 						<th class="title-cell" colSpan=3>