milnode/src/plugins/milnode/icons.js

Vue.js Component Framework, build on top of vuetify

// See https://material.io/tools/icons
const MILNODE_ICONS_MATERIAL = {
  'delete': 'delete',
  'deleteMany': 'delete_sweep',
  'edit': 'edit',
  'add': 'add',
  'search': 'search',
  'refresh': 'refresh',
  'check': 'check',
  'close': 'close',
  'place': 'place',
  'email': 'email',
  'link': 'link',
  'domain': 'domain',
  'home': 'home',
  'more_vert': 'more_vert',
  'account_circle': 'account_circle',
  'face': 'face',
  'login': 'power_settings_new',
  'logout': 'power_settings_new',
  'apps': 'apps',
  'gavel': 'gavel',
  'cookie': 'gavel',
  'settings': 'settings',
  'info': 'info',
  'expand_less': 'expand_less',
  'expand_more': 'expand_more',
  'web': 'web',
  'person_pin': 'person_pin',
  'room': 'room',
  'hot_tub': 'hot_tub',
  'help': 'help',
  'feedback': 'feedback',
  'copyright': 'copyright',
  snackbar: {
    'info': 'info',
    'success': 'check_circle',
    'warning': 'priority_high',
    'error': 'warning'
  }
}

// See https://materialdesignicons.com/
const MILNODE_ICONS_MDI = {
  'delete': 'mdi-delete',
  'deleteMany': 'mdi-delete-sweep',
  'edit': 'mdi-pencil',
  'add': 'mdi-plus',
  'search': 'mdi-magnify',
  'refresh': 'mdi-refresh',
  'check': 'mdi-check',
  'close': 'mdi-close',
  'place': 'mdi-map-marker',
  'email': 'mdi-email',
  'link': 'mdi-link',
  'domain': 'mdi-domain',
  'home': 'mdi-home',
  'more_vert': 'mdi-dots-vertical',
  'account_circle': 'mdi-account-circle',
  'face': 'mdi-face',
  'login': 'mdi-power',
  'logout': 'mdi-power',
  'apps': 'mdi-apps',
  'gavel': 'mdi-gavel',
  'cookie': 'mdi-cookie',
  'settings': 'mdi-settings',
  'info': 'mdi-information',
  'expand_less': 'mdi-chevron-up',
  'expand_more': 'mdi-chevron-down',
  'web': 'mdi-web',
  'person_pin': 'mdi-account-box',
  'room': 'mdi-map-marker',
  'hot_tub': 'mdi-hot-tub',
  'help': 'mdi-help-circle',
  'feedback': 'mdi-message-alert',
  'copyright': 'mdi-copyright',
  snackbar: {
    'info': 'mdi-information',
    'success': 'mdi-checkbox-marked-circle',
    'warning': 'mdi-alert-octagon',
    'error': 'mdi-alert'
  }
}

const MILNODE_ICONS_FONTAWESOME4 = {

}

const MILNODE_ICONS_FONTAWESOME = {

}

export function convertToComponentDeclarations (component, iconSet) {
  const result = {}

  for (const key in iconSet) {
    result[key] = {
      component,
      props: {
        icon: (iconSet[key]).split(' fa-')
      }
    }
  }

  return result
}

const iconSets = {
  md: MILNODE_ICONS_MATERIAL,
  mdi: MILNODE_ICONS_MDI,
  fa: MILNODE_ICONS_FONTAWESOME,
  fa4: MILNODE_ICONS_FONTAWESOME4,
  faSvg: convertToComponentDeclarations('font-awesome-icon', MILNODE_ICONS_FONTAWESOME)
}

export default function icons (iconfont = 'md') {
  return Object.assign({}, iconSets[iconfont] || iconSets.md)
}