Merge "Add dependency for material-design ui." am: 704ae498a2 am: 13345b8028

Original change: https://android-review.googlesource.com/c/platform/development/+/1763226

Change-Id: I190e4db20887dfd3bedb69d518f9f4ac4dbb3247

tools/ota_analysis/package.json

@@ -8,15 +8,19 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@mdi/font": "5.9.55",
     "@zip.js/zip.js": "^2.3.6",
     "core-js": "^3.6.5",
     "echarts": "^5.1.2",
     "eslint-config-airbnb-base": "^14.2.1",
+    "material-design-icons": "^3.0.1",
     "protobufjs": "^6.11.2",
+    "roboto-fontface": "*",
     "vue": "^3.0.0-0",
     "vue-echarts": "^6.0.0-rc.6",
     "vue-router": "^4.0.0-0",
     "vue-uuid": "^2.0.2",
+    "vuetify": "^3.0.0-alpha.0",
     "vuex": "^4.0.0-0"
   },
   "devDependencies": {
@@ -32,7 +36,10 @@
     "eslint": "^6.7.2",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "^7.0.0-0",
-    "prettier": "^1.19.1"
+    "prettier": "^1.19.1",
+    "sass": "~1.32.0",
+    "sass-loader": "^10.0.0",
+    "vue-cli-plugin-vuetify": "~2.4.1"
   },
   "eslintConfig": {
     "root": true,

tools/ota_analysis/src/assets/logo.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>

tools/ota_analysis/src/main.js

@@ -1,9 +1,12 @@
 import { createApp } from 'vue'
+import vuetify from './plugins/vuetify'
 import App from './App.vue'
 import router from './router'
 import store from './store'
 
-createApp(App)
+const app = createApp(App)
-  .use(store)
+app.use(router)
-  .use(router)
+app.use(store)
-  .mount('#app')
+app.use(vuetify)
+
+app.mount('#app')

tools/ota_analysis/src/plugins/vuetify.js

@@ -0,0 +1,10 @@
+import '@mdi/font/css/materialdesignicons.css'
+import 'vuetify/lib/styles/main.sass'
+import { createVuetify } from 'vuetify'
+import * as components from 'vuetify/lib/components'
+import * as directives from 'vuetify/lib/directives'
+
+export default createVuetify({
+  components,
+  directives,
+})

tools/ota_analysis/vue.config.js

@@ -1,5 +1,9 @@
 module.exports = {
   publicPath: process.env.NODE_ENV === 'production'
     ? '/analyseOTA/'
-    : '/'
+    : '/',
+
+  transpileDependencies: [
+    'vuetify'
+  ]
 }