@@ -96,8 +96,10 @@

                 (render-mustache #p"static/index.mustache.html"

                                  `((:links . ,(mapcar #'submission-alist *submissions*))

                                    (:user . ,(user-alist (gethash :app-user session)))))))

-            (cl-oid-connect.utils:user-not-logged-in (c) (render-mustache #p"static/index.mustache.html"

-                                                                          nil))))))

+            (cl-oid-connect.utils:user-not-logged-in

+              (c)

+              (render-mustache #p"static/index.mustache.html"

+                               `((:links . ,(mapcar #'submission-alist (get-moderated *submissions*))))))))))

 (defun submit (params)

   (awhen (alist-submission params :nil-if-exists t)

@@ -166,6 +166,7 @@ ul#submissions li {

 }

 ul#submissions li.in-progress {

+  visibility: hidden;

   position: relative;

   margin-top: 1.5em;

   font-size: 1.1em;

@@ -175,6 +176,10 @@ ul#submissions li.in-progress {

   letter-spacing: 1px;

 }

+ul#submissions li.in-progress.ready {

+  visibility: visible;

+}

+

 ul#submissions li.submission:first-child {

   margin-top: 3.33em;

 }

@@ -26,14 +26,14 @@

     </form>

     <ul id="submissions">

-      <li class="in-progress hidden" v-if="newLink.headline || newLink.url">

-        <a href="#">

           {{=<% %>=}}

+      <li class="in-progress {{ ready }}" v-if="newLink.headline || newLink.url">

+        <a href="#">

           <h2>{{ newLink.headline }}</h2>

           <p>{{ newLink.url }}</p>

-          <%={{ }}=%>

         </a>

       </li>

+          <%={{ }}=%>

       {{#links}}

       <li class="submission">

@@ -49,7 +49,7 @@

         </div>

         {{/moderator}}

         {{/user}}

-        <a href="{{ url }}" class="{{ approved }}">

+        <a href="{{ url }}" class="{{#user}}{{#moderator}}{{ approved }}{{/moderator}}{{/user}}">

           <h2>{{ headline }}</h2>

           <p>{{ url }}</p>

         </a>

@@ -62,24 +62,24 @@

     <script src="/static/js/jquery.formalize.js"></script>

     <script src="/static/js/vue.js"></script>

     <script type="text/javascript">

-      new Vue({

-        el: '#app',

+new Vue({

+  el: '#app',

-         methods: {

-             submit: function(e) {

-                 e.preventDefault();

-                 this.links.unshift(0,Object.create(this.newLink));

-                 this.newLink = {};

-                 return false;

-               }

-           },

+  methods: {

+    submit: function(e) {

+      e.preventDefault();

+      this.links.unshift(0,Object.create(this.newLink));

+      this.newLink = {};

+      return false;

+    }

+  },

-         data: {

-             newLink: {

-               },

-           }

-      });

-      jQuery('.hidden.in-progress').removeClass('hidden');

+  data: {

+    ready: 'ready',

+    newLink: {

+    },

+  }

+});

     </script>

   </body>

 </html>