fikser meta#272

src/components/DefElement.vue

@@ -16,6 +16,7 @@
 
 <script>
 import entities from '../utils/entities.js'
+import helpers from '../utils/helpers.js'
 
 export default {
   name: 'DefElement',
@@ -53,7 +54,7 @@ export default {
           else if (item.type_ == 'superscript') return {type: item.type_, html: item.text, tag: 'sup'}
           else if (item.type_ == 'subscript') return {type: item.type_, html: item.text, 'tag': 'sub'}
           else if (item.type_ == 'quote_inset') return {type: item.type_, body: item, html: '', tag: 'DefElement', props: {body: item, tag: 'i'}}
-          else if (item.type_ == 'fraction') return {type: item.type_, html: '', num: item.numerator, denom: item.denominator}
+          else if (item.type_ == 'fraction') return helpers.fraction(item.numerator, item.denominator)
           else if (item.id) return {type: item.type_, html: (entities[lang][item.id] || {})['expansion'] || item.id}
           else return {type: item.type_ || 'plain', html: item}
         }

src/utils/helpers.js

@@ -71,4 +71,121 @@ var group_list = function(grps, dictionary) {
   return Array.from(grp_collection).join(' - ')
 }
 
-export default { group_list}
+var fraction = function(numerator, denominator) {
+  var superscript = {
+  '0': '⁰',
+  '1': '¹',
+  '2': '²',
+  '3': '³',
+  '4': '⁴',
+  '5': '⁵',
+  '6': '⁶',
+  '7': '⁷',
+  '8': '⁸',
+  '9': '⁹',
+  '+': '⁺',
+  '-': '⁻',
+  '=': '⁼',
+  '(': '⁽',
+  ')': '⁾',
+  'a': 'ᵃ',
+  'b': 'ᵇ',
+  'c': 'ᶜ',
+  'd': 'ᵈ',
+  'e': 'ᵉ',
+  'f': 'ᶠ',
+  'g': 'ᵍ',
+  'h': 'ʰ',
+  'i': 'ⁱ',
+  'j': 'ʲ',
+  'k': 'ᵏ',
+  'l': 'ˡ',
+  'm': 'ᵐ',
+  'n': 'ⁿ',
+  'o': 'ᵒ',
+  'p': 'ᵖ',
+  'r': 'ʳ',
+  's': 'ˢ',
+  't': 'ᵗ',
+  'u': 'ᵘ',
+  'v': 'ᵛ',
+  'w': 'ʷ',
+  'x': 'ˣ',
+  'y': 'ʸ',
+  'z': 'ᶻ',
+  ' ': ' '
+  }
+
+  var subscript = {
+  '0': '₀',
+  '1': '₁',
+  '2': '₂',
+  '3': '₃',
+  '4': '₄',
+  '5': '₅',
+  '6': '₆',
+  '7': '₇',
+  '8': '₈',
+  '9': '₉',
+  '+': '₊',
+  '-': '₋',
+  '=': '₌',
+  '(': '₍',
+  ')': '₎',
+  'a': 'ₐ',
+  'e': 'ₑ',
+  'h': 'ₕ',
+  'i': 'ᵢ',
+  'j': 'ⱼ',
+  'k': 'ₖ',
+  'l': 'ₗ',
+  'm': 'ₘ',
+  'n': 'ₙ',
+  'o': 'ₒ',
+  'p': 'ₚ',
+  'r': 'ᵣ',
+  's': 'ₛ',
+  't': 'ₜ',
+  'u': 'ᵤ',
+  'v': 'ᵥ',
+  'x': 'ₓ',
+  ' ': ' '
+  };
+
+  var fractions = {
+  '1/2': '½',
+  '1/3': '⅓',
+  '2/3': '⅔',
+  '1/4': '¼',
+  '3/4': '¾',
+  '1/5': '⅕',
+  '2/5': '⅖',
+  '3/5': '⅗',
+  '4/5': '⅘',
+  '1/6': '⅙',
+  '5/6': '⅚',
+  '1/7': '⅐',
+  '1/8': '⅛',
+  '3/8': '⅜',
+  '5/8': '⅝',
+  '7/8': '⅞',
+  '1/9': '⅑',
+  '1/10': '⅒'
+  };
+
+  let other_fraction = null
+
+  let num_sup = numerator.toString().split('').map(x => superscript[x] || '_').join('')
+  let den_sub = denominator.toString().split('').map(x => subscript[x] || '_').join('')
+
+  if (! num_sup.includes('_') && ! den_sub.includes('_')) {
+    other_fraction = num_sup + '⁄' +  den_sub
+  }
+
+  return fractions[numerator + '/' + denominator] && {type: 'plain', html: fractions[numerator + '/' + denominator] }
+      || other_fraction && {type: 'plain', html: other_fraction }
+      || {type: 'fraction', html: '', num: numerator, denom: denominator}
+
+}
+
+export default { group_list, fraction }