Show a msg if no items are selected

The msg is not localizable.
We need look at a away to use gettext on html pages or any other
solution to display a translated msg.

Signed-off-by: Gonzalo Odiard <gonzalo@laptop.org>

2 files changed, 16 insertions, 1 deletions

diff --git a/web/index.html b/web/index.html
index 6b7a6e2..b2cef32 100644
--- a/web/index.html
+++ b/web/index.html
@@ -35,6 +35,13 @@
                         "</td>" +
                     "</tr>");
                 }
+
+                if (selected.length == 0) {
+                    $('#journaltable').append("<tr>" +
+                        "<td class='error_msg'>No item selected, " +
+                        "add items to share from your Journal." +
+                        "</td></tr>");
+                }
             });
         }
     </script>
diff --git a/web/style.css b/web/style.css
index 65e3048..d2f8b69 100644
--- a/web/style.css
+++ b/web/style.css
@@ -18,7 +18,6 @@ body {
 
 .title {
   font-family: sans-serif,cantarell,helvetica;
-  color: #fff;
   font-size: 18px;
   font-weight: bold;
   color: #3D4E9C;
@@ -54,6 +53,15 @@ body {
   background-color:#EEEEEE;
 }
 
+.error_msg {
+  font-family: sans-serif,cantarell,helvetica;
+  color: #000000;
+  font-size: 26px;
+  width: 100%;
+  text-align: center;
+  padding: 120px;
+}
+
 img {
   padding: 5px;
   border:1px solid gray;