|
|
@@ -94,7 +94,6 @@ body{
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
-
|
|
|
<div class="mx-auto text-center">
|
|
|
<!------ Profile Information ---------->
|
|
|
<div class="container">
|
|
|
@@ -212,7 +211,7 @@ body{
|
|
|
<a href="{{ bm.link }}" TARGET="_BLANK">
|
|
|
<img src="static/logo/link_logo.png"width="30" height="30">
|
|
|
</a>
|
|
|
- <button type="submit" class="btn btn-primary" style="padding: 3px; font-size: 6px; border-width: 3px;"><b>Edit</b></button>
|
|
|
+ <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#ModifyBookmark" style="padding: 3px; font-size: 6px; border-width: 3px;"><b>Edit</b></button>
|
|
|
<b class="text_border"><i>{{ bm.status }}</i></b>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -232,5 +231,72 @@ body{
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+<!-- Modal Popup for Edit Button-->
|
|
|
+{% block modal %}
|
|
|
+<div class="modal" id="ModifyBookmark" tabindex="-1" role="dialog" aria-labelledby="ModifyBookmarkLabel" aria-hidden="true" >
|
|
|
+ <div class="modal-dialog modal-lg" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="row d-flex justify-content-center align-items-center h-100">
|
|
|
+ <div class="row g-0">
|
|
|
+ <div class="col-md-6 col-lg-5 d-none d-md-block">
|
|
|
+ <img
|
|
|
+ src="/static/logo/edit_logo.png"
|
|
|
+ alt="bookmark_logo"
|
|
|
+ style="width: 1000px;"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 col-lg-7 d-flex align-items-center">
|
|
|
+ <div class="card-body p-4 p-lg-5 text-black">
|
|
|
+ <!--Form-->
|
|
|
+ <form method="POST" enctype="multipart/form-data">
|
|
|
+ <div class="d-flex align-items-center mb-3 pb-1" style='position:relative; right:40px'>
|
|
|
+ <span class="h1 fw-bold mb-0">Modify your bookmark</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="form-outline mb-4" style='position:relative; right:60px'>
|
|
|
+ <label class="form-label" for="web_link">Website Link</label>
|
|
|
+ <input type="text" name="web_link" class="form-control form-control-lg" style="width:400px" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="form-outline mb-4" style='position:relative; right:60px'>
|
|
|
+ <label class="form-label" for="web_name">Name <b>(Up to 12 characters in length)</b></label>
|
|
|
+ <input type="text" name="web_name" maxlength="12" class="form-control form-control-lg" style="width:400px"/>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="form-outline mb-4" style='position:relative; right:60px'>
|
|
|
+ <label class="form-label" for="web_group">Existing Groups <b>(Up to 12 characters in length)</b></label><br>
|
|
|
+ <select name="web_group" style="height:47px" required aria-invalid="false">
|
|
|
+ <option value="cng-555">Create new group:</option>
|
|
|
+ {% for bg in bgroups %}
|
|
|
+ <option name="web_group" value="{{ bg.group }}">{{ bg.group }}</option>
|
|
|
+ {% endfor %}
|
|
|
+ </select>
|
|
|
+ <input type="text" name="new_group" maxlength="12" style='position:relative; left:20px; height:47px;' placeholder="Name new group here"/>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="form-outline mb-4" style='position:relative; right:60px'>
|
|
|
+ <label class="form-label" for="share_public_private">Is this a Public or Private bookmark?</label><br>
|
|
|
+ <input type="radio" id="share_public_private" name="share_public_private" value="public" checked="checked" style="transform:scale(2);">
|
|
|
+ <label for="Public"> Public</label><br>
|
|
|
+ <input type="radio" id="share_public_private" name="share_public_private" value="private" style="transform:scale(2);">
|
|
|
+ <label for="Private"> Private</label><br>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="pt-1 mb-4" style='position:relative; right:60px'>
|
|
|
+ <button class="btn btn-dark btn-lg btn-block" type="submit" style="width:400px; position:relative; top:-30px; padding-right: 0px;">Modify</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </form>
|
|
|
+ <!--(End) Form (End)-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+{% endblock %}
|
|
|
{% endblock %}
|
eddy
