From 0b423a7e43a8dcd6fb08674d373833769b19473f Mon Sep 17 00:00:00 2001
From: Corban-Lee <corbz.jones@gmail.com>
Date: Tue, 17 Sep 2024 15:48:31 +0100
Subject: [PATCH] non-functional advanced submodal additions & changes

---
 apps/templates/home/includes/submodal.html | 88 +++++++++++++++-------
 1 file changed, 62 insertions(+), 26 deletions(-)

diff --git a/apps/templates/home/includes/submodal.html b/apps/templates/home/includes/submodal.html
index 80fed8d..c578816 100644
--- a/apps/templates/home/includes/submodal.html
+++ b/apps/templates/home/includes/submodal.html
@@ -84,20 +84,7 @@
                 </div>
                 <div class="modal-body p-4">
                     <div class="row">
-                        <div class="col-lg-6 pe-lg-4">
-                            <div class="mb-4">
-                                <label for="subTitleMutators" class="form-label">Title Mutators</label>
-                                <select name="subTitleMutators" id="subTitleMutators" class="select-2 sub-mutators-field" multiple data-dropdownparent="#subAdvancedModal" tabindex="1"></select>
-                                <div class="form-text">Apply mutators to article titles.</div>
-                            </div>
-                        </div>
-                        <div class="col-lg-6 ps-lg-4">
-                            <div class="mb-4">
-                                <label for="subDescMutators" class="form-label">Description Mutators</label>
-                                <select name="subDescMutators" id="subDescMutators" class="select-2 sub-mutators-field" multiple data-dropdownparent="#subAdvancedModal" tabindex="2"></select>
-                                <div class="form-text">Apply mutators to article descriptions.</div>
-                            </div>
-                        </div>
+                        
                         <div class="col-lg-6 pe-lg-4 d-none">
                             <div class="mb-4">
                                 <label for="" class="form-label">Article Fetch Limit</label>
@@ -115,36 +102,85 @@
                             </div>
                         </div>
                         <div class="col-lg-6 pe-lg-4">
-                            <div class="mb-4">
-                                <div class="colour-input"
-                                    data-id="subEmbedColour"
-                                    data-label="Embed Colour"
-                                    data-helptext="Colour of each embed in Discord."
-                                    data-tabindex="5">
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-lg-6 ps-lg-4">
                             <div class="mb-4">
                                 <label for="subPubThreshold" class="form-label">Publish Datetime Threshold</label>
                                 <input type="datetime-local" name="subPubThreshold" id="subPubThreshold" class="form-control rounded-1" required data-field="published_threshold" tabindex="9">
                                 <div class="form-text">RSS content older than this datetime will be skipped.</div>
                             </div>
                         </div>
-                        <div class="col-lg-6 pe-lg-4">
+                        <div class="col-lg-6 ps-lg-4">
                             <div>
                                 <label for="subUniqueRules">Unique Content Rules</label>
                                 <select name="subUniqueRules" id="subUniqueRules" class="select-2" multiple data-dropdownparent="#subAdvancedModal" required data-field="unique_content_rules" tabindex="10"></select>
                                 <div class="form-text">Prevent duplicate articles, by identifying articles matched by these selected fields.</div>
                             </div>
                         </div>
-                        <div class="col-lg-6 ps-lg-4">
+                        <div class="col-lg-6 ps-lg-4 d-none">
                             <div class="form-check form-switch">
                                 <label for="subArticleFetchImage" class="form-check-label">Show Images</label>
                                 <input type="checkbox" id="subArticleFetchImage" name="subArticleFetchImage" class="form-check-input" data-field="article_fetch_image" tabindex="11">
                                 <div class="form-text">Show images on the Discord embed?</div>
                             </div>
                         </div>
+                        <div class="col-12">
+                            <hr class="mb-4">
+                        </div>
+                        <div class="col-12">
+                            <h5 class="mb-4">Discord Embed Settings</h5>
+                        </div>
+                        <div class="col-lg-6 pe-lg-4">
+                            <div class="form-check form-switch mb-4">
+                                <label for="" class="form-check-label">Hyperlink Title</label>
+                                <input type="checkbox" class="form-check-input">
+                                <div class="form-text">Hyperlinked title using the content's URL.</div>
+                            </div>
+                        </div>
+                        <div class="col-lg-6 ps-lg-4">
+                            <div class="form-check form-switch mb-4">
+                                <label for="" class="form-check-label">Show Author</label>
+                                <input type="checkbox" class="form-check-input">
+                                <div class="form-text">Show the content author if possible.</div>
+                            </div>
+                        </div>
+                        <div class="col-lg-6 pe-lg-4">
+                            <div class="form-check form-switch mb-4">
+                                <label for="" class="form-check-label">Show Timestamp</label>
+                                <input type="checkbox" class="form-check-input">
+                                <div class="form-text">Show the content timestamp if possible.</div>
+                            </div>
+                        </div>
+                        <div class="col-lg-6 ps-lg-4">
+                            <div class="form-check form-switch mb-4">
+                                <label for="" class="form-check-label">Show Images</label>
+                                <input type="checkbox" class="form-check-input">
+                                <div class="form-text">Show any images if possible.</div>
+                            </div>
+                        </div>
+                        <div class="col-lg-6 pe-lg-4">
+                            <div class="mb-4">
+                                <label for="subTitleMutators" class="form-label">Title Mutators</label>
+                                <select name="subTitleMutators" id="subTitleMutators" class="select-2 sub-mutators-field" multiple data-dropdownparent="#subAdvancedModal" tabindex="1"></select>
+                                <div class="form-text">Apply mutators to article titles.</div>
+                            </div>
+                        </div>
+                        <div class="col-lg-6 ps-lg-4">
+                            <div class="mb-4">
+                                <label for="subDescMutators" class="form-label">Description Mutators</label>
+                                <select name="subDescMutators" id="subDescMutators" class="select-2 sub-mutators-field" multiple data-dropdownparent="#subAdvancedModal" tabindex="2"></select>
+                                <div class="form-text">Apply mutators to article descriptions.</div>
+                            </div>
+                        </div>
+                        <!-- mb-4 mb-lg-0 -->
+                        <div class="col-lg-6 pe-lg-4">
+                            <div class="">
+                                <div class="colour-input"
+                                    data-id="subEmbedColour"
+                                    data-label="Embed Colour"
+                                    data-helptext="Colour of each embed in Discord."
+                                    data-tabindex="5">
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <div class="modal-footer px-4">