|
|
@@ -97,137 +97,135 @@ body{
|
|
|
|
|
|
</style>
|
|
|
<div class="mx-auto text-center">
|
|
|
-<!------ Profile Information ---------->
|
|
|
-<div class="container">
|
|
|
- <div class="main-body">
|
|
|
- <div class="row">
|
|
|
+ <!------ Profile Information ---------->
|
|
|
+ <div class="container">
|
|
|
+ <div class="row">
|
|
|
<div class="col-md-4">
|
|
|
- <div class="card">
|
|
|
- <div class="card-body">
|
|
|
- <div class="d-flex flex-column align-items-center text-center">
|
|
|
- {% if user.profile_image %}
|
|
|
- <img src="static/uploads/{{ user.profile_image }}" style="width:150px">
|
|
|
- {% else %}
|
|
|
- <img src="static/uploads/defaultprofileimg/defaultprofileimg.png" style="width:150px">
|
|
|
- {% endif %}
|
|
|
- <div class="mt-3">
|
|
|
- <h4>{{ user.username }}</h4>
|
|
|
- <p class="text-secondary mb-1">{{ user.email }}</p>
|
|
|
- <hr>
|
|
|
- <!------ Upload Profile Image ---------->
|
|
|
- <div class="mt-3">
|
|
|
- <p><b>Upload Profile Image</b></p>
|
|
|
- <form action="" method="POST" enctype="multipart/form-data">
|
|
|
- <input
|
|
|
- class="input-UploadProfile-Browse"
|
|
|
- type="file"
|
|
|
- id="profile_image"
|
|
|
- name="profile_image"
|
|
|
- accept="image/png, image/jpeg"
|
|
|
- onchange="form.submit()"
|
|
|
- value="Upload"
|
|
|
- src="http://example.com/path/to/image.png"
|
|
|
- >
|
|
|
- <p>**Accept Only <b>PNG's</b>, <b>JPEG's</b>**</p>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <!------ Change Username and Password ---------->
|
|
|
- <form method="POST">
|
|
|
- <div class="card-body">
|
|
|
- <hr style="border: 3px solid rgb(177, 176, 176); width:327px; border-radius: 5px;">
|
|
|
- <p><b>Change Username or Password</b></p><br>
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-3" style='position:relative; left:20px'>
|
|
|
- <h6 class="mb-0"><label for="username">Username</label></h6><br>
|
|
|
- </div>
|
|
|
- <div class="col-sm-9 text-secondary">
|
|
|
- <input type="text" id="username" name="username"><br>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <hr style="border: 1px solid rgb(177, 176, 176);"/>
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-3" style='position:relative; left:20px'>
|
|
|
- <h6 class="mb-0"><label for="password">Password</label></h6><br>
|
|
|
- </div>
|
|
|
- <div class="col-sm-9 text-secondary">
|
|
|
- <input type="text" id="password" name="password"><br>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-3" style='position:relative; left:20px'>
|
|
|
- <h6 class="mb-0"><label for="password_confirm">Password<br>(Confirm)</label></h6><br>
|
|
|
- </div>
|
|
|
- <div class="col-sm-9 text-secondary">
|
|
|
- <input type="text" id="password_confirm" name="password_confirm">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="d-flex flex-column align-items-center text-center">
|
|
|
+ {% if user.profile_image %}
|
|
|
+ <img src="static/uploads/{{ user.profile_image }}" style="width:150px">
|
|
|
+ {% else %}
|
|
|
+ <img src="static/uploads/defaultprofileimg/defaultprofileimg.png" style="width:150px">
|
|
|
+ {% endif %}
|
|
|
+ <div class="mt-3">
|
|
|
+ <h4>{{ user.username }}</h4>
|
|
|
+ <p class="text-secondary mb-1">{{ user.email }}</p>
|
|
|
+ <hr>
|
|
|
+ <!------ Upload Profile Image ---------->
|
|
|
+ <div class="mt-3">
|
|
|
+ <p><b>Upload Profile Image</b></p>
|
|
|
+ <form action="" method="POST" enctype="multipart/form-data">
|
|
|
+ <input
|
|
|
+ class="input-UploadProfile-Browse"
|
|
|
+ type="file"
|
|
|
+ id="profile_image"
|
|
|
+ name="profile_image"
|
|
|
+ accept="image/png, image/jpeg"
|
|
|
+ onchange="form.submit()"
|
|
|
+ value="Upload"
|
|
|
+ src="http://example.com/path/to/image.png"
|
|
|
+ >
|
|
|
+ <p>**Accept Only <b>PNG's</b>, <b>JPEG's</b>**</p>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-12">
|
|
|
- <input type="submit" value="Submit" class="btn btn-info"></a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!------ List of bookmarks you have created ---------->
|
|
|
- <div class="card">
|
|
|
- <div class="container">
|
|
|
- <div class="col-md-12">
|
|
|
- <h2 class="text-center" style="padding-left:75px; padding-right:75px;">List of bookmarks you have created </h2>
|
|
|
- <hr>
|
|
|
- <!------ Download bookmark button ---------->
|
|
|
- <form method="POST" target="_blank">
|
|
|
- <input name="dl_bookml" value="dl_bookml" style="display:none;"/>
|
|
|
- <button type="submit" class="btn btn-info">Download Bookmarks for backup</button>
|
|
|
- </form>
|
|
|
- <br>
|
|
|
- </div>
|
|
|
- <!------ Bookmark list ---------->
|
|
|
- <div class="row">
|
|
|
- {% for bg, bml in bdic.items(): %}
|
|
|
- <div class="col-md-6">
|
|
|
- <div class="bookmark_box_background_color" style="border-style: inset;">
|
|
|
- <div>
|
|
|
- <h3 >{{ bg }}</h3>
|
|
|
- <hr>
|
|
|
- <!-- Code: Each Link in the Box-->
|
|
|
- <!-------- Icon ---------->
|
|
|
- {% for bm in bml: %}
|
|
|
+ <!------ Change Username and Password ---------->
|
|
|
+ <form method="POST">
|
|
|
+ <div class="card-body">
|
|
|
+ <hr style="border: 3px solid rgb(177, 176, 176); width:327px; border-radius: 5px;">
|
|
|
+ <p><b>Change Username or Password</b></p><br>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-sm-3" style='position:relative; left:20px'>
|
|
|
+ <h6 class="mb-0"><label for="username">Username</label></h6><br>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-9 text-secondary">
|
|
|
+ <input type="text" id="username" name="username"><br>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <hr style="border: 1px solid rgb(177, 176, 176);"/>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-sm-3" style='position:relative; left:20px'>
|
|
|
+ <h6 class="mb-0"><label for="password">Password</label></h6><br>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-9 text-secondary">
|
|
|
+ <input type="text" id="password" name="password"><br>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="row">
|
|
|
- <div class="col.md-4">
|
|
|
- <ul class="list">
|
|
|
- <li><img src="static/sitecons/{{bm.icon}}" height=25 width=25> {{ bm.name }}</li>
|
|
|
+ <div class="col-sm-3" style='position:relative; left:20px'>
|
|
|
+ <h6 class="mb-0"><label for="password_confirm">Password<br>(Confirm)</label></h6><br>
|
|
|
</div>
|
|
|
- <!-------- Link/Delete/Status---------->
|
|
|
- <div class="col.md-4">
|
|
|
- <li class="href_link_button" style="position:absolute; right:125px;">
|
|
|
- <a href="{{ bm.link }}" TARGET="_BLANK">
|
|
|
- <img src="static/logo/link_logo.png"width="30" height="30">
|
|
|
- </a>
|
|
|
- <form method="POST">
|
|
|
- <input name="web_delete" value="{{bm.id}}" style="display:none;"/>
|
|
|
- <button type="submit" class="btn btn-danger" style="padding: 3px; font-size: 6px; border-width: 3px;position:absolute; left:35px; bottom:0px">Delete</button>
|
|
|
- </form>
|
|
|
- <b class="text_border btn-outline-secondary"><i>{{ bm.status }}</i></b>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <div class="col-sm-9 text-secondary">
|
|
|
+ <input type="text" id="password_confirm" name="password_confirm">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-sm-12">
|
|
|
+ <input type="submit" value="Submit" class="btn btn-info"></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- {% endfor %}
|
|
|
</div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!------ List of bookmarks you have created ---------->
|
|
|
+ <div class="col">
|
|
|
+ <div class="card">
|
|
|
+ <div class="container">
|
|
|
+ <div class="col-md-12"></div>
|
|
|
+ <h2 class="text-center" style="padding-left:75px; padding-right:75px;">List of bookmarks you have created </h2>
|
|
|
+ <hr>
|
|
|
+ <!------ Download bookmark button ---------->
|
|
|
+ <form method="POST" target="_blank">
|
|
|
+ <input name="dl_bookml" value="dl_bookml" style="display:none;"/>
|
|
|
+ <button type="submit" class="btn btn-info">Download Bookmarks for backup</button>
|
|
|
+ </form>
|
|
|
+ <br>
|
|
|
+ </div>
|
|
|
+ <!------ Bookmark list ---------->
|
|
|
+ <div class="row">
|
|
|
+ {% for bg, bml in bdic.items(): %}
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="bookmark_box_background_color" style="border-style: inset;">
|
|
|
+ <div>
|
|
|
+ <h3 >{{ bg }}</h3>
|
|
|
+ <hr>
|
|
|
+ <!-- Code: Each Link in the Box-->
|
|
|
+ <!-------- Icon ---------->
|
|
|
+ {% for bm in bml: %}
|
|
|
+ <div class="row">
|
|
|
+ <div class="col.md-4">
|
|
|
+ <ul class="list">
|
|
|
+ <li><img src="static/sitecons/{{bm.icon}}" height=25 width=25> {{ bm.name }}</li>
|
|
|
+ </div>
|
|
|
+ <!-------- Link/Delete/Status---------->
|
|
|
+ <div class="col.md-4">
|
|
|
+ <li class="href_link_button" style="position:absolute; right:125px;">
|
|
|
+ <a href="{{ bm.link }}" TARGET="_BLANK">
|
|
|
+ <img src="static/logo/link_logo.png"width="30" height="30">
|
|
|
+ </a>
|
|
|
+ <form method="POST">
|
|
|
+ <input name="web_delete" value="{{bm.id}}" style="display:none;"/>
|
|
|
+ <button type="submit" class="btn btn-danger" style="padding: 3px; font-size: 6px; border-width: 3px;position:absolute; left:35px; bottom:0px">Delete</button>
|
|
|
+ </form>
|
|
|
+ <b class="text_border btn-outline-secondary"><i>{{ bm.status }}</i></b>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {% endfor %}
|
|
|
</div>
|
|
|
- <br>
|
|
|
</div>
|
|
|
- {% endfor %}
|
|
|
+ <br>
|
|
|
</div>
|
|
|
+ {% endfor %}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
{% endblock %}
|
eddy