all template files(home,login)

2024-02-08 15:33:32 +05:30
2 changed files with 53 additions and 0 deletions
--- a/templates/home.html
+++ b/templates/home.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Inoreader To Readwise</title>
+</head>
+<body>
+    <h1>Logged In as {{ user_login }} - {{ user_email }}</h1>
+
+    <!-- show last synced and next synced time -->
+    <p>Last Synced: {{ last_synced }}</p>
+    <p>Next Sync: {{ next_sync }}</p>
+    <br>
+
+    <!-- Take readiwse api key input -->
+    <form action="/readwise" method="POST">
+        <label for="api_key">Readwise API Key</label>
+        <input type="text" name="readwise_api_key" id="api_key", value="{{ readwise_api_key }}" required>
+        <input type="submit" value="Submit">
+    </form>
+
+    <!-- Logout -->
+    <form action="/logout" method="POST">
+        <input type="submit" value="Logout">
+    </form>
+</body>
+</html>
--- a/templates/login.html
+++ b/templates/login.html
@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Inoreader To Readwise</title>
+</head>
+<body>
+    <button onclick="redirectToOAuth()">Login using inoreader</button>
+
+    <script>
+        function redirectToOAuth() {
+            // Encode URL components using Jinja filters
+            var encodedRedirectUri = encodeURIComponent('{{ redirect_uri }}');
+            var encodedOptionalScopes = encodeURIComponent('{{ optional_scopes }}');
+
+            // Construct the URL using Jinja variables
+            var oauthUrl = `{{ auth_url }}?client_id={{ client_id }}&redirect_uri=${encodedRedirectUri}&response_type=code&scope=${encodedOptionalScopes}&state={{ csrf_protection_string }}`;
+
+            // Redirect to the constructed URL
+            window.location.href = oauthUrl;
+        }
+    </script>
+</body>
+</html>