98 lines
6.6 KiB
HTML
98 lines
6.6 KiB
HTML
<div id="styleFormModal" class="modal modal-lg fade" data-bs-backdrop="static" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content rounded-1">
|
|
<form id="styleForm" class="mb-0" novalidate>
|
|
<div class="modal-header border-bottom-0">
|
|
<h5 class="modal-title ms-2">
|
|
<span class="form-create">Add</span>
|
|
<span class="form-edit">Edit</span>
|
|
Message Style
|
|
</h5>
|
|
</div>
|
|
<div class="modal-body p-4">
|
|
<div class="row">
|
|
<div class="col-lg-6 pe-lg-4">
|
|
<div class="mb-4">
|
|
<label for="styleName" class="form-label">Name</label>
|
|
<input type="text" name="styleName" id="styleName" class="form-control rounded-1" data-field="name" tabindex="1">
|
|
<div class="form-text">Human-readable name for this entry.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 ps-lg-4"></div>
|
|
<div class="col-lg-6 pe-lg-4">
|
|
<div class="form-check form-switch mb-4">
|
|
<label for="styleIsEmbed" class="form-check-label">Use an Embed</label>
|
|
<input type="checkbox" name="styleIsEmbed" id="styleIsEmbed" class="form-check-input" data-field="is_embed" tabindex="2">
|
|
<div class="form-text">Display in an Embed, instead of plain text.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 ps-lg-4">
|
|
<div class="form-check form-switch mb-4">
|
|
<label for="styleIsHyperlinked" class="form-check-label">Hyperlink the Title</label>
|
|
<input type="checkbox" name="styleIsHyperlinked" id="styleIsHyperlinked" class="form-check-input" data-field="is_hyperlinked" tabindex="3">
|
|
<div class="form-text">Click the title to go to the url.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 pe-lg-4">
|
|
<div class="form-check form-switch mb-4">
|
|
<label for="styleShowAuthor" class="form-check-label">Show the Author</label>
|
|
<input type="checkbox" name="styleShowAuthor" id="styleShowAuthor" class="form-check-input" data-field="show_author" tabindex="4">
|
|
<div class="form-text">Show the content author if possible.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 ps-lg-4">
|
|
<div class="form-check form-switch mb-4">
|
|
<label for="styleShowTimestamp" class="form-check-label">Show the Publish Date</label>
|
|
<input type="checkbox" name="styleShowTimestamp" id="styleShowTimestamp" class="form-check-input" data-field="show_timestamp" tabindex="5">
|
|
<div class="form-text">Show when the content was published.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 pe-lg-4">
|
|
<div class="form-check form-switch mb-4">
|
|
<label for="styleShowImages" class="form-check-label">Show any Images</label>
|
|
<input type="checkbox" name="styleShowImages" id="styleShowImages" class="form-check-input" data-field="show_images" tabindex="6">
|
|
<div class="form-text">Show any found images.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 ps-lg-4">
|
|
<div class="form-check form-switch mb-4">
|
|
<label for="styleFetchImages" class="form-check-label">Fetch missing Images</label>
|
|
<input type="checkbox" name="styleFetchImages" id="styleFetchImages" class="form-check-input" data-field="fetch_images" tabindex="7">
|
|
<div class="form-text">If images aren't found, try to fetch them.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 pe-lg-4">
|
|
<div class="mb-4 mb-lg-0">
|
|
<label for="styleTitleMutator" class="form-label">Title Mutator</label>
|
|
<select name="styleTitleMutator" id="styleTitleMutator" class="select-2" data-dropdownparent="#styleFormModal" data-field="title_mutator" tabindex="8">
|
|
<option value="">-----</option>
|
|
</select>
|
|
<div class="form-text">Modify the title in fun ways.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 ps-lg-4">
|
|
<div class="">
|
|
<label for="styleDescriptionMutator" class="form-label">Description Mutator</label>
|
|
<select name="styleDescriptionMutator" id="styleDescriptionMutator" class="select-2" data-dropdownparent="#styleFormModal" data-field="description_mutator" tabindex="9">
|
|
<option value="">-----</option>
|
|
</select>
|
|
<div class="form-text">Modify the description in fun ways.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer px-4 border-top-0">
|
|
<button type="button" class="btn btn-danger rounded-1 me-auto ms-0 modal-del-btn form-edit" tabindex="10">
|
|
<i class="bi bi-trash3"></i>
|
|
</button>
|
|
<button type="submit" class="btn btn-primary rounded-1 me-0 px-4" tabindex="11">
|
|
<i class="bi bi-floppy"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-secondary rounded-1 me-0 ms-3" data-bs-dismiss="modal" tabindex="12">
|
|
<i class="bi bi-arrow-return-right"></i>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div> |