drop downit alkaa toimii

V2/page/code.js

@@ -37,38 +37,40 @@ function createJumpListItem(jump) {
     let moreButton = document.createTextNode('▼')
     spanMore.appendChild(moreButton)
     li.appendChild(spanMore)
-    
+
+    li.appendChild(jumpItemFullInfo(jump))  // KORJAA piilottus tuplaklikkaus
+
+    // Shows and hides rest of the jump info
+    li.onclick = function() {
+        let clickedItem = document.getElementById(jump._id).getElementsByClassName('fullJumpInfo')[0]
+        if (clickedItem.style.display != 'none') {
+            clickedItem.style.display = 'none'
+        }
+        else {
+            clickedItem.style.display = 'list-item'
+        }
+    }
     return li
 }
 
-// function createJumpListItem(jump) {    // Tähän sisennys hommat
-//     let li = document.createElement('li')
-//     let li_attr = document.createAttribute('id')
-//     li_attr.value = jump._id
-//     li.setAttributeNode(li_attr)
-//     let jumpSpecs = document.createTextNode(jump.number + " " + jump.date)
-//     li.appendChild(jumpSpecs)
-//     // spanit
-//     let edit_span = document.createElement('span')
-//     let edit_span_attr = document.createAttribute('class')
-//     let del_span = document.createElement('span')
-//     let del_span_attr = document.createAttribute('class')
-//     // edit
-//     edit_span_attr.value = "edit"
-//     edit_span.setAttributeNode(edit_span_attr)
-//     let edit = document.createTextNode(" edit ")
-//     edit_span.appendChild(edit)
-//     edit_span.onclick = function() { editJump(jump._id) }
-//     li.appendChild(edit_span)
-//     // delete
-//     del_span_attr.value = 'delete'
-//     del_span.setAttributeNode(del_span_attr)
-//     let x = document.createTextNode(' x ')
-//     del_span.appendChild(x)
-//     del_span.onclick = function() { removeJump(jump._id) }
-//     li.appendChild(del_span)
-//     return li
-// }
+
+function jumpItemFullInfo(jump) {
+    const specs = [
+        jump.height,
+        jump.falltime
+    ]
+    let ul = document.createElement('ul')
+    let ulClass = document.createAttribute('class')
+    ulClass.value = 'fullJumpInfo'
+    ul.setAttributeNode(ulClass)
+    specs.forEach(spec => {
+        let li = document.createElement('li')
+        let jumpSpec = document.createTextNode(spec)
+        li.appendChild(jumpSpec)
+        ul.appendChild(li)
+    });
+    return ul
+}
 
 function showJumps(jumps) {
     let jumpsList = document.getElementById('jumpsList')

V2/page/styles.css

@@ -44,6 +44,8 @@ li {
     float: right;
 }
 
+.fullJumpInfo { display: none; }
+
 input[type=text] {
     border: 1px solid #ccc;
     padding: 5px;