add text header in content

app.py

@@ -130,7 +130,7 @@ def createSSOAccount():
     if (createdSSOAccountStatus == "success"):
         return render_template('successToLoginSSO.html', username=username)
     elif (createdSSOAccountStatus == "failed"):
-        return "Failed, account has been created before"
+        return render_template('failedToLoginSSO.html', username=username)
     else:
         return "Error while creating account"
 

static/css/default.css

@@ -13,6 +13,13 @@
     background-color: #5c94bd;
     border-bottom: 2px solid #000;
 }
+div.ssoContentTitleContainer {
+    margin-top: 10px;
+    text-align: center;
+}
+.ssoContentTitle {
+    font-weight: bold;
+}
 .ssoContent {
     padding-right: 23px;
     padding-left: 23px;

templates/accountExist.html

@@ -20,6 +20,9 @@
 				</div>
 				<div style='clear:both'></div>
 				<br>
+				<div class="d-flex justify-content-center align-items-center">
+					<p class="ssoContentTitle">Setting Akun</p>
+				</div>
 				<div class="row ssoContent">
 					<p style="text-align:justify;">
                         SSO dengan username {{ username }} telah terdaftar

templates/authPhoneNumber.html

@@ -20,6 +20,9 @@
 				</div>
 				<div style='clear:both'></div>
 				<br>
+				<div class="d-flex justify-content-center align-items-center">
+					<p class="ssoContentTitle">Aktifasi Akun</p>
+				</div>
 				<div class="row ssoContent">
 					<p style="text-align:justify;">
 						Untuk menghubungkan akun telegram dan sso diperlukan nomor telefon yang terdaftar pada telegram.

templates/changePhoneNumber.html

@@ -20,6 +20,9 @@
 				</div>
 				<div style='clear:both'></div>
 				<br>
+				<div class="d-flex justify-content-center align-items-center">
+					<p class="ssoContentTitle">Penggantian Nomor Telepon</p>
+				</div>
 				<div class="row ssoContent">
 					<p style="text-align:justify;">
 						Untuk menghubungkan akun telegram dan sso diperlukan nomor telefon yang terdaftar pada telegram.

templates/failedChangePhoneNumber.html

@@ -20,6 +20,9 @@
 				</div>
 				<div style='clear:both'></div>
 				<br>
+				<div class="d-flex justify-content-center align-items-center">
+					<p class="ssoContentTitle">Penggantian Nomor HP Gagal</p>
+				</div>
 				<div class="row ssoContent">
 					<p style="text-align:justify;">
 						Mohon maaf proses pergantian nomor telepon gagal, silahkan coba kembali nanti.

templates/failedToLoginSSO.html

@@ -20,6 +20,9 @@
 				</div>
 				<div style='clear:both'></div>
 				<br>
+				<div class="d-flex justify-content-center align-items-center">
+					<p class="ssoContentTitle">Aktifasi Akun Gagal</p>
+				</div>
 				<div class="row ssoContent">
 					<p style="text-align:justify;">
 						Mohon maaf proses authentifikasi gagal dikarenakan kesalahan username atau password, silahkan coba kembali dengan menekan tombol dibawah ini.

templates/failedToLogoutSSO.html

@@ -20,6 +20,9 @@
 				</div>
 				<div style='clear:both'></div>
 				<br>
+				<div class="d-flex justify-content-center align-items-center">
+					<p class="ssoContentTitle">Gagal Untuk Logout</p>
+				</div>
 				<div class="row ssoContent">
 					<p style="text-align:justify;">
 						Mohon maaf proses logout untuk akun {{ username }} gagal, silahkan coba beberapa saat lagi.

templates/successChangePhoneNumber.html

@@ -20,6 +20,9 @@
 				</div>
 				<div style='clear:both'></div>
 				<br>
+				<div class="d-flex justify-content-center align-items-center">
+					<p class="ssoContentTitle">Berhasil Mengganti Nomor HP</p>
+				</div>
 				<div class="row ssoContent">
 					<p style="text-align:justify;">
 						Anda telah berhasil mengganti nomor telepon untuk username: {{ username }} menjadi +{{ phoneNumber }}, silahkan tutup jendela ini.

templates/successToLoginSSO.html

@@ -20,6 +20,9 @@
 				</div>
 				<div style='clear:both'></div>
 				<br>
+				<div class="d-flex justify-content-center align-items-center">
+					<p class="ssoContentTitle">Aktifasi Akun</p>
+				</div>
 				<div class="row ssoContent">
 					<p style="text-align:justify;">
 						Proses registrasi akun SSO berhasil untuk username: {{ username }}, silahkan aktifkan notifikasi melalui chat bot

templates/successToLogoutSSO.html

@@ -20,6 +20,9 @@
 				</div>
 				<div style='clear:both'></div>
 				<br>
+				<div class="d-flex justify-content-center align-items-center">
+					<p class="ssoContentTitle">Logout Berhasil!</p>
+				</div>
 				<div class="row ssoContent">
 					<p style="text-align:justify;">
 						Anda telah berhasil logout untuk username: {{ username }}, silahkan tutup jendela ini.