From e540e2b9be198d4b9299db31adc763e6e9a1e730 Mon Sep 17 00:00:00 2001
From: Stexinator <hurricane90@gmx.de>
Date: Tue, 11 Apr 2023 21:18:06 +0200
Subject: [PATCH] [SalvageUnion] add to chat button to various things

---
 SalvageUnion/SalvageUnion.css  | 22 ++++++++++++
 SalvageUnion/SalvageUnion.html | 66 +++++++++++++++++++++++++---------
 2 files changed, 71 insertions(+), 17 deletions(-)

diff --git a/SalvageUnion/SalvageUnion.css b/SalvageUnion/SalvageUnion.css
index 10c10b76e7..fd1d55fcbe 100644
--- a/SalvageUnion/SalvageUnion.css
+++ b/SalvageUnion/SalvageUnion.css
@@ -10,6 +10,10 @@
     font-size: 1.3em;
 }
 
+.ui-dialog .charsheet button[type="roll"].control-to-chat::before {
+    content: "";
+}
+
 .ui-dialog .charsheet .equipment input {
     vertical-align: bottom;
 }
@@ -183,6 +187,24 @@ input[type="text"].fullsize {
     width: 98%
 }
 
+.textarea-with-controls {
+    display: block;
+}
+
+.control-to-chat {
+    position: absolute;
+    right: 5px;
+    z-index: 2;
+    background: none;
+    border: none;
+    font-family: pictos;
+    display: none;
+}
+
+.textarea-with-controls:hover .control-to-chat {
+    display: unset;
+}
+
 .weapon {
     display: inline-flex;
 }
diff --git a/SalvageUnion/SalvageUnion.html b/SalvageUnion/SalvageUnion.html
index 932e0479ba..1f3931b3ac 100644
--- a/SalvageUnion/SalvageUnion.html
+++ b/SalvageUnion/SalvageUnion.html
@@ -97,8 +97,11 @@
                         </button>
                     </summary>
                     <div>
-                        <input type="text" name="attr_traits" class="fullsize" title="Traits">
-                        <textarea name="attr_details"></textarea>
+                        <div class="textarea-with-controls">
+                            <input type="text" name="attr_traits" class="fullsize" title="Traits">
+                            <textarea name="attr_details"></textarea>
+                            <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{traits} \n @{details}}}">w</button>
+                        </div>
                     </div>
                 </details>
             </fieldset>
@@ -160,8 +163,11 @@
                     <input type="text" name="attr_action" title="Action">
                 </summary>
                 <div>
-                    <input type="text" name="attr_traits" class="fullsize" title="Traits">
-                    <textarea name="attr_equipment" class="textarea"></textarea>
+                    <div class="textarea-with-controls">
+                        <input type="text" name="attr_traits" class="fullsize" title="Traits">
+                        <textarea name="attr_equipment" class="textarea"></textarea>
+                        <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{traits} \n @{equipment}}}">w</button>
+                    </div>
                 </div>
             </details>
         </fieldset>
@@ -181,8 +187,9 @@
                     <input type="text" name="attr_range" title="Range">
                     <input type="text" name="attr_action" title="Action">
                 </summary>
-                <div>
+                <div class="textarea-with-controls">
                     <textarea name="attr_ability" class="textarea"></textarea>
+                    <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{ability}}}">w</button>
                 </div>
             </details>
         </fieldset>
@@ -294,8 +301,11 @@
                         </details>
                     </details>
                     <div>
-                        <input type="text" name="attr_traits" class="fullsize" title="Traits">
-                        <textarea name="attr_details"></textarea>
+                        <div class="textarea-with-controls">
+                            <input type="text" name="attr_traits" class="fullsize" title="Traits">
+                            <textarea name="attr_details"></textarea>
+                            <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{traits} \n @{details}}}">w</button>
+                        </div>
                     </div>
                 </details>
             </fieldset>
@@ -370,7 +380,11 @@
                         <input type="checkbox" name="attr_has-uses">
                     </div>
                 </details>
-                <textarea name="attr_details" class="textarea"></textarea>
+                <div class="textarea-with-controls">
+                    <textarea name="attr_details" class="textarea"></textarea>
+                    <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{details}}}">w</button>
+                </div>
+
             </details>
         </fieldset>
 
@@ -432,7 +446,10 @@
                         <input type="checkbox" name="attr_has-uses">
                     </div>
                 </details>
-                <textarea name="attr_details" class="textarea"></textarea>
+                <div class="textarea-with-controls">
+                    <textarea name="attr_details" class="textarea"></textarea>
+                    <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{details}}}">w</button>
+                </div>
             </details>
         </fieldset>
     </div>
@@ -523,8 +540,11 @@
                         </details>
                     </details>
                     <div>
-                        <input type="text" name="attr_traits" class="fullsize" title="Traits">
-                        <textarea name="attr_details"></textarea>
+                        <div class="textarea-with-controls">
+                            <input type="text" name="attr_traits" class="fullsize" title="Traits">
+                            <textarea name="attr_details"></textarea>
+                            <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{traits} \n @{details}}}">w</button>
+                        </div>
                     </div>
                 </details>
             </fieldset>
@@ -556,7 +576,10 @@
                 <summary>
                     <input type="text" name="attr_name" class="fullsize" title="Name of the Bay">
                 </summary>
-                <textarea name="attr_details" class="textarea"></textarea>
+                <div class="textarea-with-controls">
+                    <textarea name="attr_details"></textarea>
+                    <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{details}}}">w</button>
+                </div>
             </details>
         </fieldset>
     </div>
@@ -641,8 +664,11 @@
                         </details>
                     </details>
                     <div>
-                        <input type="text" name="attr_traits" class="fullsize" title="Traits">
-                        <textarea name="attr_details"></textarea>
+                        <div class="textarea-with-controls">
+                            <input type="text" name="attr_traits" class="fullsize" title="Traits">
+                            <textarea name="attr_details"></textarea>
+                            <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{traits} \n @{details}}}">w</button>
+                        </div>
                     </div>
                 </details>
             </fieldset>
@@ -654,7 +680,10 @@
                 <summary>
                     <input type="text" name="attr_name" class="fullsize" title="Name of the Trait">
                 </summary>
-                <textarea name="attr_details" class="textarea"></textarea>
+                <div class="textarea-with-controls">
+                    <textarea name="attr_details"></textarea>
+                    <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{details}}}">w</button>
+                </div>
             </details>
         </fieldset>
     </div>
@@ -666,7 +695,10 @@
                 <summary>
                     <input type="text" name="attr_name" title="Name of the Note">
                 </summary>
-                <textarea name="attr_details" class="textarea"></textarea>
+                <div class="textarea-with-controls">
+                    <textarea name="attr_details"></textarea>
+                    <button type="roll" class="control-to-chat" value="&{template:info}{{info=@{name} \n @{details}}}">w</button>
+                </div>
             </details>
         </fieldset>
     </div>
@@ -1929,8 +1961,8 @@ const asw = (() => {
 <rolltemplate class="sheet-rolltemplate-info">
     <div>
         {{info}}
-        <br>
         {{#heatroll}}
+        <br>
         <br>
                 Heat Check: {{heat}} vs {{heatroll}}
         {{/heatroll}}