work done

app/forms/__init__.py

@@ -1,6 +1,6 @@
 # flake8: noqa F401
 from .auth import LoginForm
-from .user import UserForm, NewUserForm, EditUserForm
+from .user import UserForm, NewUserForm, EditUserForm, ReactivateUserForm
 from .book import CreateBookForm, EditBookForm
 from .contributor import (
     AddContributorForm,

app/forms/user.py

@@ -68,3 +68,7 @@ class EditUserForm(FlaskForm):
             .first()
         ):
             raise ValidationError("This username is taken.")
+
+
+class ReactivateUserForm(FlaskForm):
+    submit = SubmitField("Save")

app/templates/base.html

@@ -74,7 +74,9 @@
 
     {% block body %}
 
+    {% if current_user.is_authenticated %}    
     {% block right_sidebar %} {% include 'right_sidebar.html' %} {% endblock %}
+    {% endif %}
 
     {% include 'book/add_book_modal.html' %}
 

app/templates/book/interpretation_view.html

@@ -1,16 +1,27 @@
 <!-- prettier-ignore -->
 {% extends 'base.html' %}
 
+{% if current_user.is_authenticated %}
 {% include 'book/delete_section_modal.html' %}
 {% include 'book/edit_section_modal.html' %}
+{% endif %}
 
 <!-- show delete section btn on rightside bar -->
-{% set show_delete_section = True %} {% set show_edit_section = True %}
+{% if current_user.is_authenticated %}
+<!-- prettier-ignore -->
+{% set show_delete_section = True %}
+<!-- prettier-ignore -->
+{% set show_edit_section = True %}
+<!-- prettier-ignore -->
+{% endif %}
 
 <!-- prettier-ignore -->
+{% if current_user.is_authenticated %}
 {% block right_sidebar %}
   {% include 'book/right_sidebar.html' %}
 {% endblock %}
+{% endif %}
+
 
 {% block content %}
 {% include 'book/breadcrumbs_navigation.html'%}
@@ -18,17 +29,10 @@
   <!-- prettier-ignore -->
   <div class="fixed z-30 w-full top-44 pt-6 bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">
     <!-- prettier-ignore -->
-    <h1 class="text-l font-extrabold dark:text-white ml-4"> Interpretations page </h1>
+    <h1 class="text-l font-extrabold dark:text-white ml-4">{{section.label}}</h1>
     <!-- prettier-ignore -->
     <div class="mb-1">
     <ul class="flex flex-wrap -mb-px text-sm font-medium text-center" id="myTab" data-tabs-toggle="#myTabContent" role="tablist">
-      <li class="mr-2" role="presentation">
-        <!-- prettier-ignore -->
-        <button class="flex items-center space-x-2 p-4 border-b-2 border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300" id="text-tab" data-tabs-target="#section-text" type="button" role="tab" aria-controls="text" aria-selected="false">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 01-2.555-.337A5.972 5.972 0 015.41 20.97a5.969 5.969 0 01-.474-.065 4.48 4.48 0 00.978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z" /> </svg>
-          <span>Text</span>
-        </button>
-      </li>
       <li class="mr-2" role="presentation">
         <button class="flex items-center space-x-2 p-4 border-b-2 rounded-t-lg" id="interpretation-tab" data-tabs-target="#interpretation" type="button" role="tab" aria-controls="interpretation" aria-selected="false">
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9zm3.75 11.625a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" /> </svg>
@@ -39,22 +43,6 @@
   </div>
   </div>
   <div id="myTabContent" class="mt-40">
-    <!-- prettier-ignore -->
-    <div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800" id="section-text" role="tabpanel" aria-labelledby="text-tab">
-      <dl class="bg-white dark:bg-gray-900 max-w-full p-3 text-gray-900 divide-y divide-gray-200 dark:text-white dark:divide-gray-700 m-3 border-2 border-gray-200 border-solid rounded-lg dark:border-gray-700">
-        <div class="flex flex-col w-full">
-          <!-- prettier-ignore -->
-          <dt class="flex w-full mb-1 text-gray-500 md:text-lg dark:text-gray-400 flex-col">
-            <div class="ql-snow">
-              <div class="ql-editor">
-                {{ section.about|safe }}
-              </div>
-            </div>
-          </dt>
-        </div>
-      </dl>
-    </div>
-
     <!-- prettier-ignore -->
     <div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800" id="interpretation" role="tabpanel" aria-labelledby="interpretation-tab">
       {% if not current_user.is_authenticated %}
@@ -181,7 +169,7 @@
                 <div class="flex border-t-2 pt-3 mt-6 align-center justify-between md:w-full">
                   <div>
                     <span class="hidden md:inline-block">Interpretation by</span>
-                    {{interpretation.user.username}} on {{interpretation.created_at.strftime('%B %d, %Y')}}
+                   <a href="{{url_for('user.profile',user_id=interpretation.user.id)}}" class=" text-blue-500 {% if user.is_deleted line-through %}{% endif %}">{{interpretation.user.username}}</a> on {{interpretation.created_at.strftime('%B %d, %Y')}}
                   </div>
                   <div class="flex ml-auto justify-between w-24">
                     <span class="space-x-0.5 flex items-center">

app/templates/book/local_breadcrumbs_navigation.html

@@ -2,7 +2,7 @@
 <ol class="inline-flex items-center overflow-x-scroll md:overflow-auto p-0">
 {% for breadcrumb in local_breadcrumbs if breadcrumb.type != "MyBookList" and breadcrumb.type != "AuthorBookList" %}
 <li class="inline-flex items-center align-middle justify-center">
-    {% if not loop.index==local_breadcrumbs|length %}
+    {% if not loop.index==local_breadcrumbs|length-1 %}
     <a href="{{ breadcrumb.url }}" class="inline-flex text-xs font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white" data-tooltip-target="breadcrumb-{{loop.index}}-tooltip" data-tooltip-placement="bottom">
     {% else %}
     <span class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white" data-tooltip-target="breadcrumb-{{loop.index}}-tooltip" data-tooltip-placement="bottom">
@@ -18,7 +18,7 @@
     {% else %}
     </span>
     {% endif %}
-    {% if not loop.index==local_breadcrumbs|length %}
+    {% if not loop.index==local_breadcrumbs|length-1 %}
     <svg aria-hidden="true" class="w-4 h-4 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path> </svg>
     {% endif %}
 </li>

app/templates/book/qa_view.html

@@ -1,22 +1,31 @@
 <!-- prettier-ignore -->
 {% extends 'base.html' %}
 
+
+    
+{% if current_user.is_authenticated %}
 {% include 'book/delete_interpretation_modal.html' %}
 {% include 'book/delete_comment_modal.html' %}
 {% include 'book/edit_comment_modal.html' %}
-
-
 {% include 'book/edit_interpretation_modal.html' %}
+{% endif %}
 
 <!-- show delete section btn on rightside bar -->
+{% if current_user.is_authenticated %}
 {% set show_edit_interpretation = True %}
+{% endif %}
 <!-- prettier-ignore -->
+{% if current_user.is_authenticated %}
 {% set show_delete_interpretation = True %}
+{% endif %}
+
 
 <!-- prettier-ignore -->
+{% if current_user.is_authenticated %}
 {% block right_sidebar %}
   {% include 'book/right_sidebar.html' %}
 {% endblock %}
+{% endif %}
 
 {% block content %}
 {% include 'book/breadcrumbs_navigation.html'%}
@@ -29,6 +38,17 @@
   </div>
   <div class="p-1">
     <!-- prettier-ignore -->
+    {% if not current_user.is_authenticated %}
+      <div class="bg-white dark:bg-gray-900 max-w-full p-6 text-gray-900 divide-y divide-gray-200 dark:text-white dark:divide-gray-700 m-3 border-2 border-gray-200 border-solid rounded-lg dark:border-gray-700">
+        <div class="grid gap-6">
+          <div class="col-span-6 sm:col-span-3 truncate">
+            <h3 class="text-xl font-semibold text-gray-900 dark:text-white ">Connect you wallet to start contributing!</h3>
+          </div>
+        </div>
+      </div>
+      <!-- prettier-ignore -->
+    {% endif %}
+    {% if current_user.is_authenticated %}
     <form {% if sub_collection %}
         action="{{ url_for('book.create_comment', book_id=book.id, collection_id=collection.id, sub_collection_id=sub_collection.id,section_id=section.id,interpretation_id=interpretation.id) }}"
       {% else %}
@@ -45,6 +65,8 @@
       <!-- prettier-ignore -->
       <button type="submit" class="ml-auto text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"> Leave comment </button>
     </form>
+    <!-- prettier-ignore -->
+    {% endif %}
   </div>
   <!-- prettier-ignore -->
   <dl class="w-md md:w-full text-gray-900 divide-y divide-gray-200 dark:text-white dark:divide-gray-700">

app/templates/book/stat.html

@@ -5,10 +5,7 @@
   <!-- prettier-ignore -->
   <h1 class="hidden md:inline font-extrabold text-lg dark:text-white ml-4 mt-5">{{book.label}}</h1>
   <!-- prettier-ignore -->
-  <p class="hidden md:block text-sm ml-4 w-1/2 text-gray-500 text-center md:text-left dark:text-gray-400">
+  <p class="hidden md:block text-sm ml-4 w-1/2 text-gray-500 text-center md:text-left dark:text-gray-400"> {{book.about}} </p>
-    An open-source law hosting platform that allows online communities to easily
-    create, collaborate, and publish their own body of law.
-  </p>
   <!-- prettier-ignore -->
   <ul class="flex md:flex-wrap -mb-px text-xs md:text-sm font-medium text-center" id="myTab" data-tabs-toggle="#myTabContent" role="tablist">
     <li class="mr-2 w-full md:w-auto" role="presentation">

app/templates/header.html

@@ -63,6 +63,9 @@
                 <div class="px-4 py-3" role="none">
                   <p class="text-center text-sm text-gray-900 dark:text-white" role="none"> {{current_user.username}} </p>
                 </div>
+                <div class="px-4 py-3" role="none">
+                  <a class="text-center text-sm text-gray-900 dark:text-white" role="none" href="{{ url_for('user.profile',user_id=current_user.id) }}"> View profile </a>
+                </div>
                 <div class="px-4 py-3" role="none">
                   <a class="text-center text-sm text-gray-900 dark:text-white" role="none" href="{{ url_for('user.edit_profile') }}"> Edit profile </a>
                 </div>

app/templates/home/index.html

@@ -79,7 +79,7 @@
                 <div class="flex mt-auto align-center justify-between md:w-full">
                   <div>
                     <span class="hidden md:inline-block">Interpretation by</span>
-                    {{interpretation.user.username}} on {{interpretation.created_at.strftime('%B %d, %Y')}}
+                     <a href="{{url_for('user.profile',user_id=interpretation.user.id)}}" class=" text-blue-500">{{interpretation.user.username}}</a> on {{interpretation.created_at.strftime('%B %d, %Y')}}
                   </div>
                   <div class="flex ml-auto justify-between w-24">
                     <span class="space-x-0.5 flex items-center">
@@ -105,7 +105,7 @@
       <dt class="mb-2"><a class="flex flex-col pb-4" href="{{url_for('book.collection_view',book_id=book.id)}}">{{book.owner.username}}/{{book.label}}</a></dt>
       <dd class="flex flex-col md:flex-row text-lg font-semibold text-gray-500 md:text-lg dark:text-gray-400">
         {% if book.versions %}
-        <p> Last updated on {{book.versions[-1].updated_at.strftime('%B %d, %Y')}} </p>
+        <p> Last updated by  <a href="{{url_for('user.profile',user_id=book.owner.id)}}" class=" text-blue-500 {% if book.owner.is_deleted %}line-through{% endif %}">{{book.owner.username}}</a> on {{book.versions[-1].updated_at.strftime('%B %d, %Y')}} </p>
         {% endif %}
         <div class="flex ml-auto align-center justify-center space-x-3">
           <span class="book-star-block space-x-0.5 flex items-center">

app/templates/user/delete_profile_modal.html

@@ -6,14 +6,15 @@
       {{ form_hidden_tag() }}
       <!-- Modal header -->
       <div class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600">
-        <h3 class="text-xl font-semibold text-gray-900 dark:text-white"> Delete profile </h3>
+        <h3 class="text-xl font-semibold text-gray-900 dark:text-white"> Are you sure you want to deactivate your profile? </h3>
         <button id="modalAddCloseButton" data-modal-hide="delete_profile_modal" type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white"> <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </button>
       </div>
       <!-- Modal body -->
 
       <!-- Modal footer -->
-      <div class="flex items-center p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600">
+      <div class="flex flex-col items-start p-6 border-t border-gray-200 rounded-b dark:border-gray-600">
-        <button name="submit" type="submit" class="text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800">Confirm Deletion</button>
+        <button id="modalAddCloseButton" data-modal-hide="delete_profile_modal" type="button" class="text-white mb-2 bg-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800">No, cancel</button>
+        <button name="submit" type="submit" class="text-white mb-2 bg-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800">Yes, deactivate profile</button>
       </div>
     </form>
   </div>

app/templates/user/profile.html

@@ -2,16 +2,18 @@
 {% extends 'base.html' %}
 {% block content %}
 <div class="border-b border-gray-200 dark:border-gray-700 md:mr-64">
+  {% if user.is_deleted %}
+  <h1 class="hidden md:inline font-extrabold text-lg dark:text-white ml-4">Sorry this user was deactivated</h1>
+  {% else %}
   <div class="flex p-5 items-center">
     <!-- prettier-ignore -->
     {% if user.avatar_img %}
     <!-- prettier-ignore -->
-    <img class=" w-10 h-10 rounded-full mr-3" src="data:image/jpeg;base64,{{ current_user.avatar_img }}" alt="user avatar">
+    <img class=" w-10 h-10 rounded-full mr-3" src="data:image/jpeg;base64,{{ user.avatar_img }}" alt="user avatar">
     {% else %}
     <!-- prettier-ignore -->
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" /> </svg>
     {% endif %}
-  
   <!-- prettier-ignore -->
   <h1 class="hidden md:inline font-extrabold text-lg dark:text-white ml-4">{{user.username}}</h1>
   <!-- prettier-ignore -->
@@ -19,6 +21,7 @@
     {{user.wallet_id}}
   </span>
   </div>
+  {% endif %}
   <!-- prettier-ignore -->
   <ul class="flex md:flex-wrap -mb-px text-xs md:text-sm font-medium text-center" id="myTab" data-tabs-toggle="#myTabContent" role="tablist">
     <li class="mr-2 w-full md:w-auto" role="presentation">
@@ -120,7 +123,7 @@
                 <div class="flex mt-auto align-center justify-between md:w-full">
                   <div>
                     <span class="hidden md:inline-block">Interpretation by</span>
-                    {{interpretation.user.username}} on {{interpretation.created_at.strftime('%B %d, %Y')}}
+                     <a href="{{url_for('user.profile',user_id=interpretation.user.id)}}" class=" text-blue-500">{{interpretation.user.username}}</a> on {{interpretation.created_at.strftime('%B %d, %Y')}}
                   </div>
                   <div class="flex ml-auto justify-between w-24">
                     <span class="space-x-0.5 flex items-center">

app/templates/user/reactivate.html

@@ -0,0 +1,23 @@
+<!-- prettier-ignore -->
+{% extends 'base.html' %}
+{% include 'user/delete_profile_modal.html' %}
+{% block content %}
+<!-- component -->
+<section>
+  <div class="w-full lg:w-4/12 px-4 mx-auto pt-6">
+    <div>
+      <!-- prettier-ignore -->
+      <div class="w-full lg:max-w-xl p-6 space-y-8 sm:p-8 bg-white rounded-lg shadow-xl dark:bg-gray-800">
+          <h2 class="text-2xl font-bold text-gray-900 dark:text-white">You profile where deactivated earlier. Do you want to reactivate it?</h2>
+          <!-- prettier-ignore -->
+          <form class="mt-8 space-y-6 from" role="form" action="{{ url_for('user.profile_reactivate') }}" method="post">
+            {{ form.hidden_tag() }}
+            <button type="submit" class="w-full px-5 py-3 text-base font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 sm:w-auto dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Reactivate profile</button>
+          </form>
+        </div>
+    </div>
+  </div>
+</section>
+{% block right_sidebar %}{% endblock %}
+<!-- prettier-ignore -->
+{% endblock %}

app/views/auth.py

@@ -103,6 +103,9 @@ def verify():
             log(log.INFO, "Register new user")
             flash("User created and logged in successful.", "success")
             return redirect(url_for("user.edit_profile"))
+        if user.is_deleted:
+            login_user(user=user)
+            return redirect(url_for("user.profile_reactivate"))
         login_user(user=user)
         log(log.INFO, "Verify success.")
         flash("Verify success.", "success")

app/views/book.py

@@ -924,7 +924,6 @@ def interpretation_delete(
     ),
     methods=["GET"],
 )
-@login_required
 def qa_view(
     book_id: int,
     collection_id: int,

app/views/user.py

@@ -46,7 +46,7 @@ def edit_profile():
         user.is_activated = True
         user.save()
         return redirect(url_for("main.index"))
-    elif form.is_submitted:
+    elif form.is_submitted():
         log(log.ERROR, "Update user errors: [%s]", form.errors)
         for field, errors in form.errors.items():
             field_label = form._fields[field].label.text
@@ -59,7 +59,6 @@ def edit_profile():
 
 
 @bp.route("/<int:user_id>/profile")
-@login_required
 def profile(user_id: int):
     user: m.User = m.User.query.get(user_id)
     interpretations: m.Interpretation = m.Interpretation.query.filter_by(
@@ -93,8 +92,6 @@ def create():
 @login_required
 def profile_delete():
     user: m.User = db.session.get(m.User, current_user.id)
-    for book in user.books:
-        book.is_deleted = True
     user.is_deleted = True
     log(log.INFO, "User deleted. User: [%s]", user)
     user.save()
@@ -103,6 +100,22 @@ def profile_delete():
     return redirect(url_for("home.get_all"))
 
 
+@bp.route("/profile_reactivate", methods=["GET", "POST"])
+def profile_reactivate():
+    user: m.User = db.session.get(m.User, current_user.id)
+    if not user:
+        log(log.CRITICAL, "No such user. User: [%s]", user)
+        return redirect(url_for("home.get_all"))
+    form = f.ReactivateUserForm()
+    if form.validate_on_submit():
+        user.is_deleted = False
+        log(log.INFO, "Form submitted. User reactivated: [%s]", user)
+        flash("User reactivated!", "success")
+        user.save()
+        return redirect(url_for("home.get_all"))
+    return render_template("user/reactivate.html", form=form)
+
+
 @bp.route("/search", methods=["GET"])
 @login_required
 def search():

src/books.ts

@@ -8,15 +8,9 @@ const $addUserModalElement: HTMLElement =
 const modalOptions: ModalOptions = {
   placement: 'bottom-right',
   closable: true,
-  onHide: () => {
+  onHide: () => {},
-    console.log('modal is hidden');
+  onShow: () => {},
-  },
+  onToggle: () => {},
-  onShow: () => {
-    console.log('user id: ');
-  },
-  onToggle: () => {
-    console.log('modal has been toggled');
-  },
 };
 
 const addModal: ModalInterface = new Modal($addUserModalElement, modalOptions);

src/wallet.ts

@@ -54,7 +54,10 @@ export function initWallet() {
       credentials: 'include',
       redirect: 'follow',
     });
-    window.location.reload();
+    console.log(res2);
+    if (res2.status == 200) {
+      window.location.replace(res2.url);
+    } else window.location.reload();
   }
 
   const connectWalletBtns = document.querySelectorAll('#connectWalletBtn');