Further work for icon sets

Author: rstoenescu

icons/material.js

@@ -50,16 +50,33 @@ export default {
     hidePass: 'visibility_off',
     clear: 'cancel'
   },
+  pagination: {
+    first: 'first_page',
+    prev: 'keyboard_arrow_left',
+    next: 'keyboard_arrow_right',
+    last: 'last_page'
+  },
   rating: {
     icon: 'grade'
   },
   select: {
     dropdown: 'arrow_drop_down'
   },
+  stepper: {
+    done: 'check',
+    active: 'edit',
+    error: 'warning'
+  },
   tabs: {
     left: 'chevron_left',
     right: 'chevron_right'
   },
+  table: {
+    arrowUp: 'arrow_upward',
+    warning: 'warning',
+    prevPage: 'chevron_left',
+    nextPage: 'chevron_right'
+  },
   uploader: {
     done: 'done',
     clear: 'clear',

src/components/pagination/QPagination.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="q-pagination" :class="{disabled: disable}">
-    <q-btn :disable="value === min" :color="color" flat small @click="set(min)" icon="first_page"></q-btn>
-    <q-btn :disable="value === min" :color="color" flat small @click="setByOffset(-1)" icon="keyboard_arrow_left"></q-btn>
+    <q-btn :disable="value === min" :color="color" flat small round @click="set(min)" :icon="$q.icon.pagination.first"></q-btn>
+    <q-btn :disable="value === min" :color="color" flat small round @click="setByOffset(-1)" :icon="$q.icon.pagination.prev"></q-btn>
 
     <q-input
       ref="input"
-      class="inline"
+      class="inline no-margin"
       type="number"
       v-model="newPage"
       :min="min"
@@ -18,8 +18,8 @@
       @blur="__update"
     ></q-input>
 
-    <q-btn :disable="value === max" :color="color" flat small @click="setByOffset(1)" icon="keyboard_arrow_right"></q-btn>
-    <q-btn :disable="value === max" :color="color" flat small @click="set(max)" icon="last_page"></q-btn>
+    <q-btn :disable="value === max" :color="color" flat small round @click="setByOffset(1)" :icon="$q.icon.pagination.next"></q-btn>
+    <q-btn :disable="value === max" :color="color" flat small round @click="set(max)" :icon="$q.icon.pagination.last"></q-btn>
   </div>
 </template>
 

src/components/table/QTh.js

@@ -49,7 +49,7 @@ export default {
 
       child[action](
         h(QIcon, {
-          props: { name: 'arrow_upward' },
+          props: { name: ctx.parent.$q.icon.table.arrowUp },
           staticClass: col.__iconClass
         })
       )

src/components/table/table-bottom.js

@@ -11,7 +11,7 @@ export default {
           : (this.loader ? this.loaderLabel || this.$q.i18n.table.loader : this.noDataLabel || this.$q.i18n.table.noData)
 
         return h('div', { staticClass: 'q-table-bottom row items-center q-table-nodata' }, [
-          h(QIcon, {props: {name: 'warning'}}),
+          h(QIcon, {props: { name: this.$q.icon.table.warning }}),
           message
         ])
       }
@@ -69,7 +69,7 @@ export default {
             props: {
               color: this.color,
               round: true,
-              icon: 'chevron_left',
+              icon: this.$q.icon.table.prevPage,
               small: true,
               flat: true,
               disable: page === 1
@@ -84,7 +84,7 @@ export default {
             props: {
               color: this.color,
               round: true,
-              icon: 'chevron_right',
+              icon: this.$q.icon.table.nextPage,
               small: true,
               flat: true,
               disable: this.lastRowIndex === 0 || page * rowsPerPage >= this.computedRowsNumber