{"version":3,"sources":["webpack:///./src/layout/RightMenu.vue","webpack:///src/layout/RightMenu.vue","webpack:///./src/layout/RightMenu.vue?8189","webpack:///./src/layout/RightMenu.vue?01fa","webpack:///./src/pages/Guideline/components/FeatureTreePlanning.vue","webpack:///src/pages/Guideline/components/FeatureTreePlanning.vue","webpack:///./src/pages/Guideline/components/FeatureTreePlanning.vue?4b79","webpack:///./src/pages/Guideline/components/FeatureTreePlanning.vue?94af","webpack:///./src/layout/RightMenu.vue?0909","webpack:///./src/pages/Guideline/components/FeatureTreePlanning.vue?11a2"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","class","path","includes","on","$event","handleClick","staticRenderFns","created","_this","$watch","$route","params","fetchData","immediate","data","$root","_route","fullPath","methods","route","$router","push","concat","component","attrs","components","RightMenu"],"mappings":"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","file":"assets/js/chunk-7331b201.051b8009.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"right-custom-menu\"},[_c('p',{staticClass:\"menu-title mb-4\"},[_vm._v(_vm._s(_vm.$t(\"overview\")))]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('overview') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('overview')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"overview\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('blog2') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('blog2')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"mean-content-11\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('app') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('app')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"app\"))+\" \")]),_c('div',{staticClass:\"separator mb-4\"}),_c('p',{staticClass:\"menu-title mb-4\"},[_vm._v(_vm._s(_vm.$t(\"topic-tab\")))]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('featuretreedetail') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('featuretreedetail')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"feature-tree-info\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('featureplanning') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('featureplanning')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"feature-info2\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('blog') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('blog')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"feature-info\"))+\" \")]),_c('div',{staticClass:\"separator mb-4\"}),_c('p',{staticClass:\"menu-title mb-4\"},[_vm._v(_vm._s(_vm.$t(\"guide-tab\")))]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('manual') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('manual')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"manual-guide\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('featuretreeplanning') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('featuretreeplanning')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"feature-tree-planning\"))+\" \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"right-custom-menu\">\r\n    <p class=\"menu-title mb-4\">{{ $t(\"overview\") }}</p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('overview') ? 'active' : ''\"\r\n      @click=\"handleClick('overview')\"\r\n    >\r\n      {{ $t(\"overview\") }}\r\n    </p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('blog2') ? 'active' : ''\"\r\n      @click=\"handleClick('blog2')\"\r\n    >\r\n      {{ $t(\"mean-content-11\") }}\r\n    </p>\r\n    <!-- <p class=\"menu-content mb-4\" @click=\"handleClick('feature')\">Lợi ích khi sử dụng ứng dụng</p> -->\r\n\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('app') ? 'active' : ''\"\r\n      @click=\"handleClick('app')\"\r\n    >\r\n      {{ $t(\"app\") }}\r\n    </p>\r\n    <div class=\"separator mb-4\"></div>\r\n    <p class=\"menu-title mb-4\">{{ $t(\"topic-tab\") }}</p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('featuretreedetail') ? 'active' : ''\"\r\n      @click=\"handleClick('featuretreedetail')\"\r\n    >\r\n      {{ $t(\"feature-tree-info\") }}\r\n    </p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('featureplanning') ? 'active' : ''\"\r\n      @click=\"handleClick('featureplanning')\"\r\n    >\r\n      {{ $t(\"feature-info2\") }}\r\n    </p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('blog') ? 'active' : ''\"\r\n      @click=\"handleClick('blog')\"\r\n    >\r\n      {{ $t(\"feature-info\") }}\r\n    </p>\r\n    <div class=\"separator mb-4\"></div>\r\n    <p class=\"menu-title mb-4\">{{ $t(\"guide-tab\") }}</p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('manual') ? 'active' : ''\"\r\n      @click=\"handleClick('manual')\"\r\n    >\r\n      {{ $t(\"manual-guide\") }}\r\n    </p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('featuretreeplanning') ? 'active' : ''\"\r\n      @click=\"handleClick('featuretreeplanning')\"\r\n    >\r\n      {{ $t(\"feature-tree-planning\") }}\r\n    </p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  created() {\r\n    this.$watch(\r\n      () => this.$route.params,\r\n      () => {\r\n        this.fetchData();\r\n      },\r\n      // fetch the data when the view is created and the data is\r\n      // already being observed\r\n      { immediate: true }\r\n    );\r\n  },\r\n  data() {\r\n    return {\r\n      path: this.$root._route.fullPath,\r\n    };\r\n  },\r\n  methods: {\r\n    handleClick(route) {\r\n      this.$router.push(`/guideline/${route}`);\r\n    },\r\n    fetchData() {\r\n      this.path = this.$root._route.fullPath;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.separator {\r\n  background: #063;\r\n  height: 1px;\r\n}\r\n.menu-content {\r\n  color: var(--website-neutral-60, #18191a);\r\n  /* Website & tablet/Menu */\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 16px; /* 114.286% */\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n}\r\n.menu-content:hover {\r\n  color: var(--website-neutral-60, #063);\r\n  /* Website & tablet/Menu */\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 16px; /* 114.286% */\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n}\r\n.active {\r\n  color: var(--website-neutral-60, #063);\r\n  font-weight: 600 !important;\r\n}\r\n.menu-title {\r\n  color: var(--hover, #063);\r\n  /* Maven Pro/24px - Semi Bold */\r\n  font-family: \"Maven Pro\", sans-serif;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 150%; /* 36px */\r\n  text-transform: uppercase;\r\n}\r\n.right-custom-menu {\r\n  border-left: 2px solid var(--website-gray, #063);\r\n  padding: 32px;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RightMenu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RightMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RightMenu.vue?vue&type=template&id=29d3cec0&scoped=true&\"\nimport script from \"./RightMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./RightMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RightMenu.vue?vue&type=style&index=0&id=29d3cec0&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"29d3cec0\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('p',{staticClass:\"text-green ma-28-semi mb-4 w-100\"},[_vm._v(_vm._s(_vm.$t('feature-tree-planning')))]),_c('p',[_c('strong',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.$t('step1')))]),_vm._v(_vm._s(_vm.$t('feature-tree-planning-content')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-12.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(\"Giao diện chính của website\")])])]),_c('p',[_c('strong',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.$t('step2')))]),_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-2')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-2.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-3')))])])]),_c('p',[_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-4')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-3.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-5')))])])]),_c('p',[_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-6')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-3.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-7')))])])]),_c('p',[_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-8')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-4.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-9')))])])]),_c('p',[_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-10')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-5.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(_vm._s(_vm.$t('feature-tree-planning-content-11')))])])])]),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('RightMenu')],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n      <b-row>\r\n        <b-col lg=\"8\">\r\n          <p class=\"text-green ma-28-semi mb-4 w-100\">{{ $t('feature-tree-planning') }}</p>\r\n          <p><strong class=\"mr-2\">{{ $t('step1') }}</strong>{{ $t('feature-tree-planning-content') }}</p>\r\n          <div class=\"text-center mb-4\">\r\n            <img src=\"/assets/image/blog/manual-12.png\" height=\"312px\">\r\n            <p><i>Giao diện chính của website</i></p>\r\n          </div>\r\n          <p><strong class=\"mr-2\">{{ $t('step2') }}</strong>{{ $t('feature-tree-planning-content-2') }}</p>\r\n          <div class=\"text-center mb-4\">\r\n            <img src=\"/assets/image/blog/manual-2.png\" height=\"312px\">\r\n            <p><i>{{ $t('feature-tree-planning-content-3') }}</i></p>\r\n          </div>\r\n          <p>{{ $t('feature-tree-planning-content-4') }}</p>\r\n          <div class=\"text-center mb-4\">\r\n            <img src=\"/assets/image/blog/manual-3.png\" height=\"312px\">\r\n            <p><i>{{ $t('feature-tree-planning-content-5') }}</i></p>\r\n          </div>\r\n          <p>{{ $t('feature-tree-planning-content-6') }}</p>\r\n          <div class=\"text-center mb-4\">\r\n            <img src=\"/assets/image/blog/manual-3.png\" height=\"312px\">\r\n            <p><i>{{ $t('feature-tree-planning-content-7') }}</i></p>\r\n          </div>\r\n          <p>{{ $t('feature-tree-planning-content-8') }}</p>\r\n          <div class=\"text-center mb-4\">\r\n            <img src=\"/assets/image/blog/manual-4.png\" height=\"312px\">\r\n            <p><i>{{ $t('feature-tree-planning-content-9') }}</i></p>\r\n          </div>\r\n          <p>{{ $t('feature-tree-planning-content-10')  }}</p>\r\n          <div class=\"text-center mb-4\">\r\n            <img src=\"/assets/image/blog/manual-5.png\" height=\"312px\">\r\n            <p><i>{{ $t('feature-tree-planning-content-11') }}</i></p>\r\n          </div>\r\n        </b-col>\r\n        <b-col lg=\"4\">\r\n          <RightMenu />\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n  </template>\r\n  \r\n  <script>\r\n  import RightMenu from \"@/layout/RightMenu\";\r\n  export default {\r\n    components: {\r\n      RightMenu,\r\n    },\r\n  };\r\n  </script>\r\n  \r\n  <style scoped>\r\n  .separator {\r\n    background: #e6e8ec;\r\n    height: 1px;\r\n  }\r\n  .menu-content {\r\n    color: var(--website-neutral-60, #18191a);\r\n    /* Website & tablet/Menu */\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 16px; /* 114.286% */\r\n    text-transform: uppercase;\r\n  }\r\n  .menu-title {\r\n    color: var(--brand-color, #c71313);\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n  }\r\n  .right-menu {\r\n    border-radius: 24px;\r\n    border: 1px solid var(--website-gray, #e6e8ec);\r\n    background: var(--website-white, #fff);\r\n    padding: 32px;\r\n  }\r\n  .font-64 {\r\n    font-size: 64px;\r\n  }\r\n  .font-24 {\r\n    font-size: 24px;\r\n  }\r\n  .title-block {\r\n    font-size: 12px;\r\n    font-weight: 300;\r\n    color: #636466;\r\n    width: 75%;\r\n  }\r\n  .title-secondary {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    color: #636466;\r\n    width: 75%;\r\n    margin-bottom: 40px !important;\r\n  }\r\n  .content-slogan {\r\n    color: var(--website-brand-color, #c71313);\r\n    /* Website & tablet/Header 1 */\r\n    font-size: 48px;\r\n    font-weight: 400;\r\n    line-height: 60px; /* 125% */\r\n    margin-bottom: 40px !important;\r\n  }\r\n  .content-card {\r\n    border: 1px solid #e6e8ec;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    transition: 500ms;\r\n    cursor: pointer;\r\n  }\r\n  .content-card p {\r\n    height: 100px;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n  }\r\n  .content-card:hover {\r\n    box-shadow: 0px 40px 32px -24px rgba(15, 15, 15, 0.12);\r\n  }\r\n  </style>\r\n  ","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FeatureTreePlanning.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FeatureTreePlanning.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FeatureTreePlanning.vue?vue&type=template&id=70f44735&scoped=true&\"\nimport script from \"./FeatureTreePlanning.vue?vue&type=script&lang=js&\"\nexport * from \"./FeatureTreePlanning.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FeatureTreePlanning.vue?vue&type=style&index=0&id=70f44735&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"70f44735\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RightMenu.vue?vue&type=style&index=0&id=29d3cec0&prod&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FeatureTreePlanning.vue?vue&type=style&index=0&id=70f44735&prod&scoped=true&lang=css&\""],"sourceRoot":""}