{"version":3,"file":"platform-fee-table-D3fRSv-t.js","sources":["../../../app/javascript/components/platforms/platform-fee-table.vue"],"sourcesContent":["<template>\n  <div v-if='!loadError'>\n    <h3 class='text-lg text-gray-800 font-bold mb-2'  v-if='!mini'>\n      Fee Estimate\n      <span class='text-gray-600 text-sm'>(By Amount &nbsp; Years)</span>\n    </h3>\n\n\n    <table class='table-fixed w-full p-2'>\n\n      <tr>\n        <td class='pr-4 w-12'>&nbsp;</td>\n        <th class='pr-4 w-1/3'>$1k</th>\n        <th class='pr-4 w-1/3'>$100k</th>\n        <th class='pr-4 w-1/3'>$1m</th>\n      </tr>\n\n      <tr class='text-center'>\n        <th class='px-1 py-4 text-right'>1y</th>\n        <td class='px-1 py-4 border' :class='color_for_platform_fee(platform.fee.cost_1k_1y_percent)' v-tooltip=\"'$1k investment over 1 year.'\">\n          <span v-if='display == \"percentile\"'>{{percent(platform.fee.cost_1k_1y_percent)}}</span>\n          <span v-else>{{currency_0(platform.fee.cost_1k_1y)}}</span>\n        </td>\n        <td class='px-1 py-4 border' :class='color_for_platform_fee(platform.fee.cost_100k_1y_percent)' v-tooltip=\"'$100k investment over 1 year.'\">\n          <span v-if='display == \"percentile\"'>{{percent(platform.fee.cost_100k_1y_percent)}}</span>\n          <span v-else>{{currency_0(platform.fee.cost_100k_1y)}}</span>\n        </td>\n        <td class='px-1 py-4 border' :class='color_for_platform_fee(platform.fee.cost_1m_1y_percent)' v-tooltip=\"'$1 million investment over 1 year.'\">\n          <span v-if='display == \"percentile\"'>{{percent(platform.fee.cost_1m_1y_percent)}}</span>\n          <span v-else>{{currency_0(platform.fee.cost_1m_1y)}}</span>\n        </td>\n      </tr>\n\n      <tr class='text-center'>\n        <th class='px-1 py-4 text-right'>10y</th>\n        <td class='px-1 py-4 border' :class='color_for_platform_fee(platform.fee.cost_1k_10y_percent)' v-tooltip=\"'$1k investment over 10 years.'\">\n          <span v-if='display == \"percentile\"'>{{percent(platform.fee.cost_1k_10y_percent)}}</span>\n          <span v-else>{{currency_0(platform.fee.cost_1k_10y)}}</span>\n        </td>\n        <td class='px-1 py-4 border' :class='color_for_platform_fee(platform.fee.cost_100k_10y_percent)' v-tooltip=\"'$100k investment over 10 years.'\">\n          <span v-if='display == \"percentile\"'>{{percent(platform.fee.cost_100k_10y_percent)}}</span>\n          <span v-else>{{currency_0(platform.fee.cost_100k_10y)}}</span>\n        </td>\n        <td class='px-1 py-4 border' :class='color_for_platform_fee(platform.fee.cost_1m_10y_percent)' v-tooltip=\"'$1 million investment over 10 year.'\">\n          <span v-if='display == \"percentile\"'>{{percent(platform.fee.cost_1m_10y_percent)}}</span>\n          <span v-else>{{currency_0(platform.fee.cost_1m_10y)}}</span>\n        </td>\n      </tr>\n\n      <tr class='text-center'>\n        <th class='px-1 py-4 text-right'>30y</th>\n        <td class='px-1 py-4 border' :class='color_for_platform_fee(platform.fee.cost_1k_30y_percent)' v-tooltip=\"'$1k investment over 30 years.'\">\n          <span v-if='display == \"percentile\"'>{{percent(platform.fee.cost_1k_30y_percent)}}</span>\n          <span v-else>{{currency_0(platform.fee.cost_1k_30y)}}</span>\n        </td>\n        <td class='px-1 py-4 border' :class='color_for_platform_fee(platform.fee.cost_100k_30y_percent)' v-tooltip=\"'$1k investment over 30 years.'\">\n          <span v-if='display == \"percentile\"'>{{percent(platform.fee.cost_100k_30y_percent)}}</span>\n          <span v-else>{{currency_0(platform.fee.cost_100k_30y)}}</span>\n        </td>\n        <td class='px-1 py-4 border' :class='color_for_platform_fee(platform.fee.cost_1m_30y_percent)' v-tooltip=\"'$1k investment over 30 years.'\">\n          <span v-if='display == \"percentile\"'>{{percent(platform.fee.cost_1m_30y_percent)}}</span>\n          <span v-else>{{currency_0(platform.fee.cost_1m_30y)}}</span>\n        </td>\n      </tr>\n    </table>\n\n    <p class='mt-2 text-sm text-center' v-if='!mini'>\n      <a class='link link-grey' href='#' @click.prevent='display=\"percentile\"'>Show Percentages</a>\n      |\n      <a class='link link-grey' href='#' @click.prevent='display=\"amounts\"'>Show Amounts</a>\n    </p>\n\n    <div class='text-gray-700 text-sm mt-4 leading-tight tracking-tight' v-html='platform.fee.description'  v-if='!mini'></div>\n  </div>\n</template>\n\n\n<script>\nimport { percent, currency_0 } from '~/app/numeral'\nimport { mapFields } from 'vuex-map-fields'\n\nexport default {\n  props: {\n    slug: {\n      type: String\n    },\n    initialPlatform: {\n      type: Object\n    },\n    mini: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      loadError: false,\n      display: 'percentile',\n      platform: {\n        name: 'Vanguard',\n        slug: 'vanguard',\n        rating_score: null,\n        ratings: {},\n        fee: {},\n        url: '',\n        pros: '',\n        cons: '',\n        affiliate_url: '',\n        accesses: [],\n        decision_makers: [],\n        features: [],\n        account_types: [],\n        promotions: '',\n        fees_overview: ''\n      }\n    }\n  },\n  computed: {\n    showingPlatform() {\n      var params = window.location.href.split('/')\n      return params[params.length-1].toLowerCase() == this.platform.slug.toLowerCase()\n    },\n    ratingIcon() {\n      return (this.platform.rating >= 90) ? 'fire-solid' : 'fire'\n    }\n  },\n  methods: {\n    percent, currency_0,\n    color_for_platform_fee(fee_percent) {\n      if(fee_percent == null) {\n        return 'text-gray-600 bg-gray-100'\n      } else if(fee_percent >= 0.66) {\n        return 'text-green-800 bg-green-200'\n      } else if(fee_percent >= 0.33) {\n        return 'text-yellow-800 bg-yellow-200'\n      } else {\n        return 'text-red-800 bg-red-200'\n      }\n    }\n  },\n  mounted() {\n    if(this.initialPlatform) {\n      this.platform = this.initialPlatform\n    } else {\n      this.$store.dispatch('platform/get', { slug: this.slug})\n                 .then(platform => this.platform = platform)\n                 .catch((error) => { this.loadError = true })\n    }\n  }\n}\n</script>\n"],"names":["_sfc_main","params","percent","currency_0","fee_percent","platform","error","_hoisted_3","_hoisted_4","_hoisted_11","_hoisted_18","_hoisted_26","$data","_createCommentVNode","_openBlock","_createElementBlock","_hoisted_1","$props","_hoisted_2","_cache","_createTextVNode","_createElementVNode","_normalizeClass","$options","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_withModifiers"],"mappings":"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"}