diff --git a/app.py b/app.py
index 68a6755..28bfe8c 100644
--- a/app.py
+++ b/app.py
@@ -32,7 +32,7 @@ try:
except ImportError:
slugify = None
-__version__ = '0.5-dev'
+__version__ = '0.5'
#### CONSTANTS ####
diff --git a/static/edit.js b/static/edit.js
index a44758d..d14de37 100644
--- a/static/edit.js
+++ b/static/edit.js
@@ -8,14 +8,17 @@
var textInput = getFirst(document.getElementsByClassName('text-input'));
var overTextInput = getFirst(document.getElementsByClassName('over-text-input'));
- // TODO saving draft
+ // saving draft
var autosaveInterval = null;
+
+ page_info.editing = page_info.editing || {};
overTextInput.innerHTML = [
' ',
'? chars',
'',
//'Link page',
+ '' + (localStorage.getItem('draft' + (page_info.editing.page_id || 'new')) !== null? 'Draft found': '') + ''
].join(' ');
// character counter
@@ -72,7 +75,13 @@
// TODO tag editor
var tagsInput = getFirst(document.getElementsByClassName('tags-input'));
+ // draft management
function autosaveText(){
localStorage.setItem('draft' + (page_info.editing.page_id || 'new'), textInput.value);
}
+
+ window.restoreDraft = function(){
+ textInput.value = localStorage.getItem('draft' + (page_info.editing.page_id || 'new'));
+ overTextInput.querySelector('.oti-draft').innerHTML = '';
+ }
})();
diff --git a/static/style.css b/static/style.css
index 7fdd970..68888f6 100644
--- a/static/style.css
+++ b/static/style.css
@@ -9,6 +9,7 @@ body{font-family:sans-serif;background-color:#faf5e9}
.inner-content h1{color: #99081f}
.inner-content table {font-family: sans-serif}
.inner-content h2, .inner-content h3, .inner-content h4, .inner-content h5, .inner-content h6{font-family:sans-serif; color: black; font-weight: normal}
+.inner-content h2{border-bottom: 1px solid black}
.inner-content h3{margin:0.8em 0}
.inner-content h4{margin:0.6em 0}
.inner-content h5{margin:0.5em 0}
@@ -128,6 +129,7 @@ a:hover{color:#0088ff}
body.dark, .dark input, .dark textarea{background-color: #1f1f1f; color: white}
.dark .inner-content{color: #e5e5e5}
.dark .inner-content em,.dark .inner-content strong,.dark .inner-content h2,.dark .inner-content h3,.dark .inner-content h4,.dark .inner-content h5,.dark .inner-content h6,.dark .inner-content table{color: white}
+.dark .inner-content h2 {border-bottom-color: white}
.dark .inner-content h1{color:#ff4860}
.dark .inner-content blockquote{color:#cecece;border-left-color:#555}
.dark .inner-content table,.dark .inner-content table > * > tr > th,.dark .inner-content table > * > tr > td,.dark .inner-content table > tr > th,.dark .inner-content table > tr > td{border-color:#555}