From 110be7664bdb121d46f4e717015407c15eb5b584 Mon Sep 17 00:00:00 2001
From: victor <2585414795@qq.com>
Date: Sun, 17 Feb 2019 14:06:41 +0800
Subject: [PATCH] create auth package and update template files

---
 .idea/workspace.xml                          | 156 +++++++++++--------
 app/__init__.py                              |   2 +
 app/__pycache__/__init__.cpython-35.pyc      | Bin 864 -> 951 bytes
 app/auth/__init__.py                         |   6 +
 app/auth/__pycache__/__init__.cpython-35.pyc | Bin 0 -> 264 bytes
 app/auth/__pycache__/views.cpython-35.pyc    | Bin 0 -> 934 bytes
 app/auth/views.py                            |  22 +++
 app/templates/auth/login.html                |   9 ++
 app/templates/base.html                      |   3 +
 app/templates/macro/wtf.html                 |  16 +-
 10 files changed, 139 insertions(+), 75 deletions(-)
 create mode 100644 app/auth/__pycache__/__init__.cpython-35.pyc
 create mode 100644 app/auth/__pycache__/views.cpython-35.pyc

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index cd8444b..cb24001 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,15 +2,12 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="ef0f7833-795b-4463-9c44-e5190e3960eb" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/.idea/flaskblog.iml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/flaskblog.iml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/app/forms.py" beforeDir="false" afterPath="$PROJECT_DIR$/app/forms.py" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/app/index.html" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/app/mails.py" beforeDir="false" afterPath="$PROJECT_DIR$/app/mails.py" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/app/main/__init__.py" beforeDir="false" afterPath="$PROJECT_DIR$/app/main/__init__.py" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/app/static/css/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/app/static/css/main.css" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/app/templates/register.html" beforeDir="false" afterPath="$PROJECT_DIR$/app/templates/register.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/config.py" beforeDir="false" afterPath="$PROJECT_DIR$/config.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/app/__init__.py" beforeDir="false" afterPath="$PROJECT_DIR$/app/__init__.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/app/auth/__init__.py" beforeDir="false" afterPath="$PROJECT_DIR$/app/auth/__init__.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/app/auth/views.py" beforeDir="false" afterPath="$PROJECT_DIR$/app/auth/views.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/app/templates/auth/login.html" beforeDir="false" afterPath="$PROJECT_DIR$/app/templates/auth/login.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/app/templates/base.html" beforeDir="false" afterPath="$PROJECT_DIR$/app/templates/base.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/app/templates/macro/wtf.html" beforeDir="false" afterPath="$PROJECT_DIR$/app/templates/macro/wtf.html" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -24,7 +21,7 @@
         <entry file="file://$PROJECT_DIR$/app/__init__.py">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="292">
-              <caret line="28" selection-start-line="28" selection-end-line="28" />
+              <caret line="30" column="56" selection-start-line="30" selection-start-column="56" selection-end-line="30" selection-end-column="56" />
               <folding>
                 <element signature="e#40#63#0" expanded="true" />
               </folding>
@@ -32,46 +29,54 @@
           </provider>
         </entry>
       </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/app/templates/auth/login.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="216">
+              <caret line="8" column="14" lean-forward="true" selection-start-line="8" selection-start-column="14" selection-end-line="8" selection-end-column="14" />
+            </state>
+          </provider>
+        </entry>
+      </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/app/main/__init__.py">
+        <entry file="file://$PROJECT_DIR$/app/templates/macro/wtf.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="135">
-              <caret line="5" column="19" selection-start-line="5" selection-start-column="19" selection-end-line="5" selection-end-column="19" />
+            <state relative-caret-position="189">
+              <caret line="16" column="11" lean-forward="true" selection-start-line="16" selection-start-column="11" selection-end-line="16" selection-end-column="11" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/app/main/views.py">
+        <entry file="file://$PROJECT_DIR$/app/auth/views.py">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="539">
-              <caret line="29" selection-start-line="29" selection-end-line="29" />
+            <state relative-caret-position="292">
+              <caret line="19" column="53" lean-forward="true" selection-start-line="19" selection-start-column="53" selection-end-line="19" selection-end-column="53" />
               <folding>
-                <element signature="e#40#99#0" expanded="true" />
+                <element signature="e#57#116#0" expanded="true" />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/app/static/css/main.css">
-          <provider selected="true" editor-type-id="text-editor" />
+        <entry file="file://$PROJECT_DIR$/app/templates/index.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="81">
+              <caret line="3" column="43" lean-forward="true" selection-start-line="3" selection-start-column="43" selection-end-line="3" selection-end-column="43" />
+            </state>
+          </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/app/templates/macro/wtf.html">
+        <entry file="file://$PROJECT_DIR$/app/templates/base.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="208">
-              <caret line="17" column="18" lean-forward="true" selection-start-line="17" selection-start-column="18" selection-end-line="17" selection-end-column="18" />
+            <state relative-caret-position="221">
+              <caret line="26" column="86" selection-start-line="26" selection-start-column="86" selection-end-line="26" selection-end-column="86" />
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/app/templates/auth/login.html">
-          <provider selected="true" editor-type-id="text-editor" />
-        </entry>
-      </file>
     </leaf>
   </component>
   <component name="FileTemplateManagerImpl">
@@ -91,17 +96,19 @@
         <option value="$PROJECT_DIR$/config.py" />
         <option value="$PROJECT_DIR$/manage.py" />
         <option value="$PROJECT_DIR$/app/mails.py" />
-        <option value="$PROJECT_DIR$/app/__init__.py" />
         <option value="$PROJECT_DIR$/app/main/forms.py" />
         <option value="$PROJECT_DIR$/app/forms.py" />
         <option value="$PROJECT_DIR$/app/models.py" />
         <option value="$PROJECT_DIR$/app/main/views.py" />
         <option value="$PROJECT_DIR$/app/main/__init__.py" />
         <option value="$PROJECT_DIR$/app/templates/index.html" />
-        <option value="$PROJECT_DIR$/app/templates/base.html" />
         <option value="$PROJECT_DIR$/app/templates/register.html" />
-        <option value="$PROJECT_DIR$/app/templates/macro/wtf.html" />
+        <option value="$PROJECT_DIR$/app/auth/__init__.py" />
+        <option value="$PROJECT_DIR$/app/auth/views.py" />
+        <option value="$PROJECT_DIR$/app/templates/base.html" />
+        <option value="$PROJECT_DIR$/app/__init__.py" />
         <option value="$PROJECT_DIR$/app/templates/auth/login.html" />
+        <option value="$PROJECT_DIR$/app/templates/macro/wtf.html" />
       </list>
     </option>
   </component>
@@ -133,33 +140,27 @@
               <item name="flaskblog" type="b2602c69:ProjectViewProjectNode" />
               <item name="flaskblog" type="462c0819:PsiDirectoryNode" />
               <item name="app" type="462c0819:PsiDirectoryNode" />
-              <item name="main" type="462c0819:PsiDirectoryNode" />
-            </path>
-            <path>
-              <item name="flaskblog" type="b2602c69:ProjectViewProjectNode" />
-              <item name="flaskblog" type="462c0819:PsiDirectoryNode" />
-              <item name="app" type="462c0819:PsiDirectoryNode" />
-              <item name="static" type="462c0819:PsiDirectoryNode" />
+              <item name="auth" type="462c0819:PsiDirectoryNode" />
             </path>
             <path>
               <item name="flaskblog" type="b2602c69:ProjectViewProjectNode" />
               <item name="flaskblog" type="462c0819:PsiDirectoryNode" />
               <item name="app" type="462c0819:PsiDirectoryNode" />
-              <item name="static" type="462c0819:PsiDirectoryNode" />
-              <item name="css" type="462c0819:PsiDirectoryNode" />
+              <item name="templates" type="462c0819:PsiDirectoryNode" />
             </path>
             <path>
               <item name="flaskblog" type="b2602c69:ProjectViewProjectNode" />
               <item name="flaskblog" type="462c0819:PsiDirectoryNode" />
               <item name="app" type="462c0819:PsiDirectoryNode" />
               <item name="templates" type="462c0819:PsiDirectoryNode" />
+              <item name="auth" type="462c0819:PsiDirectoryNode" />
             </path>
             <path>
               <item name="flaskblog" type="b2602c69:ProjectViewProjectNode" />
               <item name="flaskblog" type="462c0819:PsiDirectoryNode" />
               <item name="app" type="462c0819:PsiDirectoryNode" />
               <item name="templates" type="462c0819:PsiDirectoryNode" />
-              <item name="auth" type="462c0819:PsiDirectoryNode" />
+              <item name="macro" type="462c0819:PsiDirectoryNode" />
             </path>
           </expand>
           <select />
@@ -198,12 +199,12 @@
       <option name="presentableId" value="Default" />
       <updated>1550322901654</updated>
       <workItem from="1550322904110" duration="4481000" />
-      <workItem from="1550366763403" duration="14208000" />
+      <workItem from="1550366763403" duration="15749000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="18689000" />
+    <option name="totallyTimeSpent" value="20230000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="64" y="-11" width="1303" height="780" extended-state="6" />
@@ -260,16 +261,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/app/__init__.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="292">
-          <caret line="28" selection-start-line="28" selection-end-line="28" />
-          <folding>
-            <element signature="e#40#63#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/app/main/forms.py">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="54">
@@ -297,20 +288,37 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/app/main/__init__.py">
+    <entry file="file://$PROJECT_DIR$/app/templates/register.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="135">
-          <caret line="5" column="19" selection-start-line="5" selection-start-column="19" selection-end-line="5" selection-end-column="19" />
+        <state relative-caret-position="162">
+          <caret line="6" column="8" selection-start-line="6" selection-start-column="8" selection-end-line="6" selection-end-column="8" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/app/static/css/main.css">
       <provider selected="true" editor-type-id="text-editor" />
     </entry>
-    <entry file="file://$PROJECT_DIR$/app/templates/register.html">
+    <entry file="file://$PROJECT_DIR$/app/main/views.py">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="162">
-          <caret line="6" column="8" selection-start-line="6" selection-start-column="8" selection-end-line="6" selection-end-column="8" />
+        <state relative-caret-position="539">
+          <caret line="29" selection-start-line="29" selection-end-line="29" />
+          <folding>
+            <element signature="e#40#99#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/app/main/__init__.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="135">
+          <caret line="5" column="19" selection-start-line="5" selection-start-column="19" selection-end-line="5" selection-end-column="19" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/app/auth/__init__.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="135">
+          <caret line="5" column="19" selection-start-line="5" selection-start-column="19" selection-end-line="5" selection-end-column="19" />
         </state>
       </provider>
     </entry>
@@ -323,30 +331,44 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/app/templates/base.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="167">
-          <caret line="24" column="25" selection-start-line="24" selection-start-column="25" selection-end-line="24" selection-end-column="25" />
+        <state relative-caret-position="221">
+          <caret line="26" column="86" selection-start-line="26" selection-start-column="86" selection-end-line="26" selection-end-column="86" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/app/main/views.py">
+    <entry file="file://$PROJECT_DIR$/app/__init__.py">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="539">
-          <caret line="29" selection-start-line="29" selection-end-line="29" />
+        <state relative-caret-position="292">
+          <caret line="30" column="56" selection-start-line="30" selection-start-column="56" selection-end-line="30" selection-end-column="56" />
           <folding>
-            <element signature="e#40#99#0" expanded="true" />
+            <element signature="e#40#63#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/app/auth/views.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="292">
+          <caret line="19" column="53" lean-forward="true" selection-start-line="19" selection-start-column="53" selection-end-line="19" selection-end-column="53" />
+          <folding>
+            <element signature="e#57#116#0" expanded="true" />
           </folding>
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/app/templates/macro/wtf.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="208">
-          <caret line="17" column="18" lean-forward="true" selection-start-line="17" selection-start-column="18" selection-end-line="17" selection-end-column="18" />
+        <state relative-caret-position="189">
+          <caret line="16" column="11" lean-forward="true" selection-start-line="16" selection-start-column="11" selection-end-line="16" selection-end-column="11" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/app/templates/auth/login.html">
-      <provider selected="true" editor-type-id="text-editor" />
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="216">
+          <caret line="8" column="14" lean-forward="true" selection-start-line="8" selection-start-column="14" selection-end-line="8" selection-end-column="14" />
+        </state>
+      </provider>
     </entry>
   </component>
 </project>
\ No newline at end of file
diff --git a/app/__init__.py b/app/__init__.py
index ec82218..cb30d29 100644
--- a/app/__init__.py
+++ b/app/__init__.py
@@ -27,4 +27,6 @@ def create_app(config_name):
     from .main import main as main_blueprint
     app.register_blueprint(main_blueprint)
 
+    from .auth import auth as auth_blueprint
+    app.register_blueprint(auth_blueprint, url_prefix='/auth')
     return app
diff --git a/app/__pycache__/__init__.cpython-35.pyc b/app/__pycache__/__init__.cpython-35.pyc
index 5312eba68492cdba513ce1cae5a33faae02845a3..a7724f15f042e9dd7cd2f148afd7c63dfb3cc47f 100644
GIT binary patch
delta 244
zcmaFBww;|*jF*?I??*<=*NvQvjC?E%3=AOb48+ANCrdE4hNLhuq%bq&a5Lm`Gt@FO
zFxD_KWN|UnFf*jEFr=_DG&3@Sgn~8M{9ZBwb!jr*V#!U+%mdMhr6n1+xJrw1;tPsW
z(=scnSoJ|dnmm&?GbXYZae<VxOcrBO5{cpiNyI1Rl%^IGW#*NvWGE7yY{TRyCjnH$
zz{tZW!YIhZ%Ls-{0*t&sEX-IWK6wdKrY1j7MUeoA5CjoIAVM5Oh@ui=lg*g5000Rw
Ae*gdg

delta 139
zcmdna{(y~BjF*>d#ifjx&W)UmjC{-t3=AOb48+B4lO-5i#cCKCf;E}_UNQoOG#PKP
z<R)h3X>w2g$e75a$viodNr`18Ly_?0ekMOgk;(U%#F>gjC;w*3)Z_)KFX96c{2)RA
QM2Lb2VN^n7axb$M0DV&&q5uE@

diff --git a/app/auth/__init__.py b/app/auth/__init__.py
index e69de29..c3dd4cc 100644
--- a/app/auth/__init__.py
+++ b/app/auth/__init__.py
@@ -0,0 +1,6 @@
+# encoding: utf-8
+# create authentication blueprint here
+
+from flask import Blueprint
+auth = Blueprint('auth', __name__)
+from . import views
diff --git a/app/auth/__pycache__/__init__.cpython-35.pyc b/app/auth/__pycache__/__init__.cpython-35.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..a4254c3a96ad2c6c1816f9fb8128865742d45942
GIT binary patch
literal 264
zcmZ8byG{c!5S+c7qXa1;RsP|cxS$1u@&OSN-6@iFU_%ak57|CYYHB`&56I8BO_e@X
zD)thIBCDO5-I4Y&n@p~@hxO_Qz>e`B1Fjwz{)S0&5-d;=asnBGPGAyzC&&lToGEOI
zN+1^?E%1~L_dJM<;&@>@)4H+_F)g~V-qYC^pQZWo%WN3Mt1bM8OW2PirRt(GO1b`n
z2q##6;l?Z{I^IbiI=zvPu6Z{v!OPS1Mf+@<H(9i;>@P~C%DN0n&D%{J-Byk6thrBl
Kqwi@-*YpRUut2N;

literal 0
HcmV?d00001

diff --git a/app/auth/__pycache__/views.cpython-35.pyc b/app/auth/__pycache__/views.cpython-35.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..65983e4bc74861528cc08166ca47875c975ce0c5
GIT binary patch
literal 934
zcmZ8fy^a$x5FYPe_9vT*K;lPG09~4-M+hMyA<>+WPBbf|)#mJ6cF)e{Z10^CpgKCl
z1Mmnu3@_l8>Ry0?iW#Rl-OBzn|2y-IACzVO^Y8l8?*QNr-1<V4-{3Vr5I7zN5<oGi
z7^ncM08|K72r7aq0!9%5$QV=tRf2j5JOVial|q#s{4vN3R1Q@Rs(`8hHHK<@h)qD2
zph~DpV4{R>0(=D540sAWgKt1`bp$+zlUZ?tEx{~uM_O#S(6tq6D;q0Zss(SgIJIsx
zXj!j%?c$Ye%zDOLCi}B?^RCzG24@AdL?4aNv(Qbvr`F<Pz+~?7gFc|w6)5+Etx2Jj
zX0YphvhWe7)CPT2FT(p4ulbH(v0s3%0ABz)Mza14Hh?aKE+Q()9z&O)i*-0C2BVRI
zZV0>72V_3L8*L7@Acm0!JSTPxJS2(Pl8ELpWn43Ma#x=v$1WDCY2|)G&CfZ~vFsbo
z_xIm#E*shMXQw!|*x0s_W`9IMhxz7ftE7vNMKzn~1m|-1d;(Hk_nX=bOVwJPk|Vwt
zgx<Mq)k=#SS?+X6=7=}8!5y^PSXW#M-L7`^wlT(~gjc=hI>bOt^y!$uFDK9wpH8&@
z0{sw`e=irt4t%%xp!*J2Y!<ZH^E>JiH?wHA+l3$FvK3cmzTLTzY0oxwyUDSTnIb@t
zu`zqjp0H_<vnkV$(RMtW9^T8j@8V8pF2lNWV#6HBNL0^-G@gK}@ZHq@VdxBtY5JEg
m2*wC5*7%Nu|Bs*N7Ca(<`U=YpQoJTA3?;w7zNYLccK9DKPU8~*

literal 0
HcmV?d00001

diff --git a/app/auth/views.py b/app/auth/views.py
index e69de29..e311e45 100644
--- a/app/auth/views.py
+++ b/app/auth/views.py
@@ -0,0 +1,22 @@
+# encoding: utf-8
+# define routes for authenticated url
+
+from flask import render_template, redirect, url_for, flash
+from app.forms import loginForm
+from ..models import User
+from flask_login import login_required, login_user, logout_user
+from ..auth import auth
+
+@auth.route('/login')
+def sign_in():
+    form = loginForm()
+    if form.validate_on_submit():
+        user = User.query.filter_by(email=form.email.data).first()
+        if user and user.verify_pass(form.password.data):
+            return redirect(url_for('auth.dashboard'))
+        else:
+            flash('Invalid credentials')
+            return render_template('auth/login.html', form=form)
+    return render_template('auth/login.html', form=form)
+
+
diff --git a/app/templates/auth/login.html b/app/templates/auth/login.html
index e69de29..74bf24b 100644
--- a/app/templates/auth/login.html
+++ b/app/templates/auth/login.html
@@ -0,0 +1,9 @@
+{% extends 'base.html' %}
+{% import 'macro/wtf.html' as wtf %}
+{% block main %}
+    <div class="signup-form">
+        <div class="container">
+            {{ wtf.loginForm(form) }}
+        </div>
+    </div>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/base.html b/app/templates/base.html
index cd1eb95..89c6795 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -23,6 +23,9 @@
                     <li class="nav-item">
                         <a class="nav-link" href="{{ url_for('main.user_register') }}">REGISTER</a>
                     </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ url_for('auth.sign_in') }}">LOGIN</a>
+                    </li>
                 </ul>
                 <form class="form-inline mt-2 mt-md-0">
                     <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
diff --git a/app/templates/macro/wtf.html b/app/templates/macro/wtf.html
index 162a1e9..a6539b7 100644
--- a/app/templates/macro/wtf.html
+++ b/app/templates/macro/wtf.html
@@ -8,11 +8,11 @@
     </form>
 {% endmacro %}
 
-{#{% macro loginForm(form) %}#}
-{#    <form action="{{ url_for('auth.login') }}", method='POST'>#}
-{#        {{ form.hidden_tag() }}#}
-{#        {{ form.email() }}#}
-{#        {{ form.password() }}#}
-{#        {{ form.submit() }}#}
-{#    </form>#}
-{#{% endmacro %}#}
\ No newline at end of file
+{% macro loginForm(form) %}
+    <form action="{{ url_for('auth.sign_in') }}", method='POST'>
+        {{ form.hidden_tag() }}
+        {{ form.email(class='form-control', placeholder='Your registered email') }}
+        {{ form.password(class='form-control', placeholder='Password') }}
+        {{ form.submit(class='btn btn-primary btn-block') }}
+    </form>
+{% endmacro %}
\ No newline at end of file