Display new inflections

bundle.js

@@ -1,7 +1,7 @@
 $(function() {
   $('#word').each(function(index, elem) {
     $.getJSON(
-      'http://ksenia.causa-arcana.com/api/words/' + $(elem).data('id'),
+      'http://localhost:4567/words/' + $(elem).data('id'),
       function(data) {
         var primary_form   = data['primary_form']
         var part_of_speech = data['part_of_speech']
@@ -18,7 +18,14 @@ $(function() {
           )
         })
 
-        var inflections = data['inflections']
+        var inflections_old = data['inflections_old']
+
+        var inflections = []
+        data['inflections'].forEach(function(item) {
+          inflections.push(
+            '<li><b>' + item['descr'] + '</b>: ' + item['value'] + '</li>'
+          )
+        })
 
         var examples = []
         data['examples'].forEach(function(item) {
@@ -62,8 +69,13 @@ $(function() {
           $('#translations').removeClass('invisible')
         }
 
-        if (inflections) {
-          $('#inflections').html(inflections)
+        if (inflections_old) {
+          $('#inflections-old').html(inflections_old)
+          $('#inflections-old').removeClass('invisible')
+        }
+
+        if (inflections.length > 0) {
+          $('#inflections-data').html('<ul>' + inflections.join('') + '</ul>')
           $('#inflections').removeClass('invisible')
         }
 

words/არის.html

@@ -21,7 +21,11 @@
       <p id="commentary-data"></p>
     </div>
 
-    <div id="inflections" class="invisible"></div>
+    <div id="inflections" class="invisible">
+      <h2>Inflections</h2>
+      <div id="inflections-data"></div>
+    </div>
+    <div id="inflections-old" class="invisible"></div>
 
     <div id="examples" class="invisible">
       <h2>Примеры употребления</h2>

words/აქებს.html

@@ -21,7 +21,11 @@
       <p id="commentary-data"></p>
     </div>
 
-    <div id="inflections" class="invisible"></div>
+    <div id="inflections" class="invisible">
+      <h2>Inflections</h2>
+      <div id="inflections-data"></div>
+    </div>
+    <div id="inflections-old" class="invisible"></div>
 
     <div id="examples" class="invisible">
       <h2>Примеры употребления</h2>

words/აქვს.html

@@ -21,7 +21,11 @@
       <p id="commentary-data"></p>
     </div>
 
-    <div id="inflections" class="invisible"></div>
+    <div id="inflections" class="invisible">
+      <h2>Inflections</h2>
+      <div id="inflections-data"></div>
+    </div>
+    <div id="inflections-old" class="invisible"></div>
 
     <div id="examples" class="invisible">
       <h2>Примеры употребления</h2>

words/ყავს.html

@@ -21,7 +21,11 @@
       <p id="commentary-data"></p>
     </div>
 
-    <div id="inflections" class="invisible"></div>
+    <div id="inflections" class="invisible">
+      <h2>Inflections</h2>
+      <div id="inflections-data"></div>
+    </div>
+    <div id="inflections-old" class="invisible"></div>
 
     <div id="examples" class="invisible">
       <h2>Примеры употребления</h2>

words/ცემს.html

@@ -21,7 +21,11 @@
       <p id="commentary-data"></p>
     </div>
 
-    <div id="inflections" class="invisible"></div>
+    <div id="inflections" class="invisible">
+      <h2>Inflections</h2>
+      <div id="inflections-data"></div>
+    </div>
+    <div id="inflections-old" class="invisible"></div>
 
     <div id="examples" class="invisible">
       <h2>Примеры употребления</h2>

words/ხატავს.html

@@ -21,7 +21,11 @@
       <p id="commentary-data"></p>
     </div>
 
-    <div id="inflections" class="invisible"></div>
+    <div id="inflections" class="invisible">
+      <h2>Inflections</h2>
+      <div id="inflections-data"></div>
+    </div>
+    <div id="inflections-old" class="invisible"></div>
 
     <div id="examples" class="invisible">
       <h2>Примеры употребления</h2>