fix(MdTable): fix error to sort by attribute of child object (#1309)

gmenti · marcosmoura · commit 9134227af2d7 · 2017-12-18T23:26:23.000-02:00
* Fix error to sort by attribute of child object

* Fix attribute name

* Remove blank lines

* refactor(MdTable): cache attributes
diff --git a/src/components/MdTable/MdTable.vue b/src/components/MdTable/MdTable.vue
@@ -60,6 +60,16 @@
   import MdTableRowGhost from './MdTableRowGhost'
   import MdTableCellSelection from './MdTableCellSelection'
 
+  const getObjectAttribute = (object, key) => {
+    let value = object
+
+    for (const attribute of key.split('.')) {
+      value = value[attribute]
+    }
+
+    return value
+  }
+          
   export default {
     name: 'MdTable',
     components: {
@@ -93,12 +103,14 @@
         default (value) {
           return value.sort((a, b) => {
             const sortBy = this.MdTable.sort
+            const aAttr = getObjectAttribute(a, sortBy)
+            const bAttr = getObjectAttribute(b, sortBy)
 
             if (this.MdTable.sortOrder === 'desc') {
-              return a[sortBy].localeCompare(b[sortBy])
+              return aAttr.localeCompare(bAttr)
             }
 
-            return b[sortBy].localeCompare(a[sortBy])
+            return bAttr.localeCompare(aAttr)
           })
         }
       }
