submodal layout changes
This commit is contained in:
parent
e871c8c679
commit
e7ef270d39
@ -1,5 +1,5 @@
|
||||
|
||||
<div id="subFormModal" class="modal fade" data-bs-backdrop="static" tabindex="-1">
|
||||
<!--
|
||||
<div id="subFormModal" class="modal modal-lg fade" data-bs-backdrop="static" tabindex="-1">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<form id="subForm" class="mb-0" novalidate>
|
||||
@ -12,31 +12,115 @@
|
||||
</div>
|
||||
<div class="modal-body py-4">
|
||||
<input type="hidden" id="subId" name="subId">
|
||||
<div class="mb-3">
|
||||
<label for="subName" class="form-label">Name</label>
|
||||
<input type="text" id="subName" name="subName" class="form-control rounded-1" placeholder="My News Feed">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="subUrl" class="form-label">URL</label>
|
||||
<input type="url" id="subUrl" name="subUrl" class="form-control rounded-1" placeholder="http://example.com/rss.xml">
|
||||
<div class="form-text">Must point to a valid <a href="https://en.wikipedia.org/wiki/RSS" class="text-decoration-none">RSS</a> feed.</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="subChannels" class="form-label">Channels</label>
|
||||
<select name="subChannels" id="subChannels" class="select-2" multiple data-dropdownparent="#subFormModal"></select>
|
||||
<div class="form-text">Subscription content will be sent to these channels.</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="subFilters" class="form-label">Filters</label>
|
||||
<select name="subFilters" id="subFilters" class="select-2" multiple data-dropdownparent="#subFormModal"></select>
|
||||
<div class="form-text">Filters to apply to this subscription's content.</div>
|
||||
</div>
|
||||
<div>
|
||||
<label for="subExtraNotes" class="form-label">Extra Notes</label>
|
||||
<textarea id="subExtraNotes" name="subExtraNotes" class="form-control rounded-1" placeholder=""></textarea>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pe-lg-3">
|
||||
<div class="mb-3">
|
||||
<label for="subName" class="form-label">Name</label>
|
||||
<input type="text" id="subName" name="subName" class="form-control rounded-1" placeholder="My News Feed">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="subUrl" class="form-label">URL</label>
|
||||
<input type="url" id="subUrl" name="subUrl" class="form-control rounded-1" placeholder="http://example.com/rss.xml">
|
||||
<div class="form-text">Must point to a valid <a href="https://en.wikipedia.org/wiki/RSS" class="text-decoration-none">RSS</a> feed.</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="subChannels" class="form-label">Channels</label>
|
||||
<select name="subChannels" id="subChannels" class="select-2" multiple data-dropdownparent="#subFormModal"></select>
|
||||
<div class="form-text">Subscription content will be sent to these channels.</div>
|
||||
</div>
|
||||
<div class="mb-3 mb-lg-0">
|
||||
<label for="subFilters" class="form-label">Filters</label>
|
||||
<select name="subFilters" id="subFilters" class="select-2" multiple data-dropdownparent="#subFormModal"></select>
|
||||
<div class="form-text">Filters to apply to this subscription's content.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 ps-lg-3 d-flex flex-column">
|
||||
<div class="mb-3">
|
||||
<label for="subImage" class="form-label">Image</label>
|
||||
<input type="file" id="subImage" name="subImage" class="form-control rounded-1" accept="image/*">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<div id="subImagePreview" class="rounded-1 bg-body-tertiary position-relative p-1 text-center" style="height: 7rem">
|
||||
<img src="..." style="max-width: 100%; max-height: 100%; display: none">
|
||||
<small class="position-absolute translate-middle top-50 start-50 text-muted">Image Preview</small>
|
||||
</div>
|
||||
<small class="form-text"></small>
|
||||
</div>
|
||||
<div class="mt-auto">
|
||||
<label for="subExtraNotes" class="form-label">Extra Notes</label>
|
||||
<textarea id="subExtraNotes" name="subExtraNotes" class="form-control rounded-1" placeholder="" style="resize: none; height: 7rem"></textarea>
|
||||
<small class="d-none d-lg-inline">‌</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger rounded-1 me-auto form-edit">Delete</button>
|
||||
<button type="submit" class="btn btn-primary rounded-1 me-0">
|
||||
<span class="form-create">Create</span>
|
||||
<span class="form-edit">Confirm Edit</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary rounded-1 ms-3" data-bs-dismiss="modal">Cancel</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
|
||||
<div id="subFormModal" class="modal modal-lg fade" data-bs-backdrop="static" tabindex="-1">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<form id="subForm" class="mb-0" novalidate>
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
<span class="form-create">Add</span>
|
||||
<span class="form-edit">Edit</span>
|
||||
Subscription
|
||||
</h5>
|
||||
</div>
|
||||
<div class="modal-body py-4">
|
||||
<input type="hidden" id="subId" name="subId">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pe-lg-3">
|
||||
<div class="mb-3">
|
||||
<label for="subName" class="form-label">Name</label>
|
||||
<input type="text" id="subName" name="subName" class="form-control rounded-1" placeholder="My News Feed">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="subUrl" class="form-label">URL</label>
|
||||
<input type="url" id="subUrl" name="subUrl" class="form-control rounded-1" placeholder="http://example.com/rss.xml">
|
||||
<div class="form-text">Must point to a valid <a href="https://en.wikipedia.org/wiki/RSS" class="text-decoration-none">RSS</a> feed.</div>
|
||||
</div>
|
||||
<div class="mb-3 mb-lg-0">
|
||||
<label for="subExtraNotes" class="form-label">Extra Notes</label>
|
||||
<textarea id="subExtraNotes" name="subExtraNotes" class="form-control rounded-1" placeholder="" style="resize: none; height: 7rem"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 ps-lg-3">
|
||||
<div class="mb-3">
|
||||
<label for="subChannels" class="form-label">Channels</label>
|
||||
<select name="subChannels" id="subChannels" class="select-2" multiple data-dropdownparent="#subFormModal"></select>
|
||||
<div class="form-text">Subscription content will be sent to these channels.</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="subFilters" class="form-label">Filters</label>
|
||||
<select name="subFilters" id="subFilters" class="select-2" multiple data-dropdownparent="#subFormModal"></select>
|
||||
<div class="form-text">Filters to apply to this subscription's content.</div>
|
||||
</div>
|
||||
<div class="form-switch ps-0">
|
||||
<label for="subActive" class="form-check-label">Active</label>
|
||||
<br>
|
||||
<input type="checkbox" id="subActive" name="subActive" class="form-check-input ms-0">
|
||||
<br>
|
||||
<small class="form-text">Inactive subscriptions wont be processed.</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger rounded-1 me-auto form-edit">Delete</button>
|
||||
<button type="submit" class="btn btn-primary rounded-1 me-0">
|
||||
<span class="form-create">Create</span>
|
||||
<span class="form-edit">Confirm Edit</span>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user