display a message after description has been added

journalmarks/templates/index.html

@@ -46,7 +46,8 @@ function run() {
                 console.log({tag: new_tag, content: encurl});
                 return post_object('{{ url_for('journalmarks.update') }}', {tag: new_tag, content: encurl});
             }).then(function() {
-                // TODO
+                document.getElementById('add-description-form').style.display = 'none';
+                document.getElementById('description-added').style.display = 'block';
                 console.log('ok');
             }).catch(function(error) {
                 console.log('could not modify journalmark', error);
@@ -82,6 +83,9 @@ else document.attachEvent('onreadystatechange', function(){
     font-size: 2em;
     text-shadow: 1px 1px 1px lightgrey;
 }
+#description-added {
+    display: none;
+}
 </style>
 {% endblock %}
 {% block body %}
@@ -106,7 +110,7 @@ Yay! You can access your new Journalmark at:<br>
 
 <a id="new-journalmark-link" href=""></a><br>
 
-<div class="pure-form pure-g">
+<div id="add-description-form" class="pure-form pure-g">
     <div class="pure-u-1">
         <legend>
         Should you want to add a descriptive text to be displayed on the overview page, you can do so now:
@@ -120,6 +124,10 @@ Yay! You can access your new Journalmark at:<br>
     </div>
 </div>
 
+<p id="description-added">
+Description added.
+</p>
+
 <p>
 <a href="{{ url_for('journalmarks.index') }}">Continue to welcome page</a>
 </p>