From 170fb6c3ae7aca2e43f0666b28f2d2ed4e44adac Mon Sep 17 00:00:00 2001
From: Jan Boockmann <Jan.Boockmann@gmail.com>
Date: Thu, 31 Jan 2019 17:44:49 +0100
Subject: [PATCH] refined README, specify testing mode via ENV variable

---
 README.md                |  20 +++++++++++++++++-
 demo.jpg                 | Bin 0 -> 23981 bytes
 src/main.py              |  43 ++++++++++++++-------------------------
 src/static/css/main.css  |  16 ---------------
 src/static/css/style.css |  11 ++++++++++
 src/static/js/script.js  |   7 +++++++
 src/static/js/sort.js    |   5 -----
 src/templates/index.html |  15 +++++++-------
 8 files changed, 60 insertions(+), 57 deletions(-)
 create mode 100644 demo.jpg
 delete mode 100644 src/static/css/main.css
 create mode 100644 src/static/css/style.css
 create mode 100644 src/static/js/script.js
 delete mode 100644 src/static/js/sort.js

diff --git a/README.md b/README.md
index 5009464..893c065 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,19 @@
-# codimd_note_overview
+# CodiMD note overview
+
+a searchable list of existing markdown files from CodiMD, i.e., [https://hackmd.wiai.de/](https://hackmd.wiai.de/), featuring sortable columns and fancy emojis where applicable.
+
+![demo.jpg](demo.jpg)
+
+## Testing locally
+
+
+Execute `docker build . --tag codimd; docker run -p 5000:5000 --env TESTING=True codimd` to run the app in testing mode locally. No database credentials are required for test
+
+### Open issues
+
+* make the layout responsive
+* either read the DB credentials and URL from the environment or the config file
+* load test data from a local file when run in testing mode 
+* add more/real testing data
+* the up and down arrows in the table head fields are not invisible
+* add more emojis ヘ( ^o^)ノ＼(^_^ )
diff --git a/demo.jpg b/demo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f5d8ca5b58cfe9eafede4c0eced468b06d115fbb
GIT binary patch
literal 23981
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
G?*BhKy*&K@

literal 0
HcmV?d00001

diff --git a/src/main.py b/src/main.py
index fedd4c6..3859c6f 100644
--- a/src/main.py
+++ b/src/main.py
@@ -1,32 +1,31 @@
 import psycopg2
-
 from flask import Flask, render_template
-
 import os
-
 from datetime import datetime
 
-if os.environ.get('PRODUCTION'):
-    import config
-else:
-    import config
-
 
 app = Flask(__name__)
 app.debug = True
 
-sql_statement = 'SELECT "id","title","alias","shortid","viewcount","lastchangeAt","permission","content" FROM "Notes" ORDER BY "lastchangeAt" DESC;'
+SQL_FETCH_NOTES = 'SELECT "id","title","alias","shortid","viewcount","lastchangeAt","permission","content" FROM "Notes" ORDER BY "lastchangeAt" DESC;'
+
+# if the environment contains a variable TESTING that is set to "True" then run the application in testing mode
+if os.environ.get('TESTING') == "True":
+    ENV_TESTING = True
+else:
+    ENV_TESTING = False
 
 
 @app.route("/")
 def main():
-    if os.environ.get('PRODUCTION'):
-        return production()
-    else:
+    if ENV_TESTING:
         return testing()
+    else:
+        return production()
 
 
 def production():
+    import config
     DB_HOST = os.environ.get('DB_HOST')
     DB_NAME = os.environ.get('POSTGRES_DB')
     DB_USER = os.environ.get('POSTGRES_USER')
@@ -36,7 +35,7 @@ def production():
         conn = psycopg2.connect(host=DB_HOST, database=DB_NAME, user=DB_USER,
                                 password=DB_PASSWORD)
         cur = conn.cursor()
-        cur.execute(sql_statement)
+        cur.execute(SQL_FETCH_NOTES)
         notes = cur.fetchall()
         cur.close()
         conn.close()
@@ -74,22 +73,10 @@ def testing():
         'permission': "freely"
     }
 
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
-    notes_arr.append(x)
+    for _ in range(20):
+        notes_arr.append(x)
 
-    return render_template('index.html', notes=notes_arr, host=config.CODI_URL)
+    return render_template('index.html', notes=notes_arr, host="localhost")
 
 
 if __name__ == '__main__':
diff --git a/src/static/css/main.css b/src/static/css/main.css
deleted file mode 100644
index a5857e4..0000000
--- a/src/static/css/main.css
+++ /dev/null
@@ -1,16 +0,0 @@
-table.dataTable thead .sorting:after,
-table.dataTable thead .sorting:before,
-table.dataTable thead .sorting_asc:after,
-table.dataTable thead .sorting_asc:before,
-table.dataTable thead .sorting_asc_disabled:after,
-table.dataTable thead .sorting_asc_disabled:before,
-table.dataTable thead .sorting_desc:after,
-table.dataTable thead .sorting_desc:before,
-table.dataTable thead .sorting_desc_disabled:after,
-table.dataTable thead .sorting_desc_disabled:before {
-  bottom: .5em;
-}
-
-.dataTables_length, .dataTables_info, .dataTables_paginate {
-    visibility: hidden
-}
\ No newline at end of file
diff --git a/src/static/css/style.css b/src/static/css/style.css
new file mode 100644
index 0000000..119063a
--- /dev/null
+++ b/src/static/css/style.css
@@ -0,0 +1,11 @@
+
+/* Hide stuff from dataTables that we do not neeed */
+.dataTables_length, .dataTables_info, .dataTables_paginate {
+    visibility: hidden
+}
+
+/* Add some spacing above and below the search field */
+.dataTables_filter {
+  padding-top: 10%;
+  padding-bottom: 10%;
+}
\ No newline at end of file
diff --git a/src/static/js/script.js b/src/static/js/script.js
new file mode 100644
index 0000000..f4788c7
--- /dev/null
+++ b/src/static/js/script.js
@@ -0,0 +1,7 @@
+
+// make the table a dataTable and show all entries by default
+$(document).ready(function () {
+    $('#example').DataTable({
+        "lengthMenu": [[-1], ["All"]]
+    });
+});
diff --git a/src/static/js/sort.js b/src/static/js/sort.js
deleted file mode 100644
index 0c70ffc..0000000
--- a/src/static/js/sort.js
+++ /dev/null
@@ -1,5 +0,0 @@
-$(document).ready(function () {
-    $('#example').DataTable({
-        "lengthMenu": [[-1],["All"]]
-    });
-});
diff --git a/src/templates/index.html b/src/templates/index.html
index 32d4b9e..ec1490b 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -3,24 +3,26 @@
 
 <head>
     <meta charset="UTF-8">
-    <title>CodiMD Notes</title>
+    <title>CodiMD notes</title>
+
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/jquery.dataTables.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.13/js/dataTables.bootstrap4.min.js"></script>
+
     <link rel="stylesheet" href="{{ url_for('static', filename='libs/bootstrap.min.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
-    <script src="{{ url_for('static', filename='js/sort.js') }}"></script>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+
+    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
 </head>
 
 <body>
     <nav class="navbar navbar-light bg-light">
         <a class="navbar-brand" href="#">
-            <h1>CodiMD Notes</h1>
+            <h1>CodiMD notes</h1>
         </a>
     </nav>
 
     <div class="container">
-        <!-- <table id="dtBasicExample" class="table table-striped table-bordered table-sm" cellspacing="0" width="100%"> -->
         <table id="example" class="table table-striped table-inverse table-bordered table-hover" cellspacing="0" width="100%">
             <thead>
                 <tr>
@@ -35,7 +37,7 @@
             <tbody>
                 {% for note in notes %}
                 <tr>
-                    <td scope="row"><a class="" href="{{host}}/{{note['shortid']}}">{{note['shortid']}}</a></td>
+                    <td scope="row"><a href="{{host}}/{{note['shortid']}}" target="_blank">{{note['shortid']}}</a></td>
                     <td>{{note['title']}}</td>
                     <td>{{note['alias']}}</td>
                     <td><span class="note-date">{{note['lastchangeAt'].strftime('%d.%m.%Y %H:%M')}}</span></td>
@@ -45,7 +47,6 @@
                 {% endfor %}
             </tbody>
         </table>
-        <!-- </div> -->
     </div>
 
 </body>