fix(#432): replace antd usage with vue-material on dataselector and r…

…angeselector
Duke-MatSci · Jul 30, 2023 · 0778645 · 0778645
1 parent 8cedf46
commit 0778645
Show file tree

Hide file tree

Showing 6 changed files with 132 additions and 330 deletions.
diff --git a/app/src/main.js b/app/src/main.js
@@ -8,16 +8,13 @@ import './registerServiceWorker'
 import store from './store'
 import router from './router'
 import apollo from './modules/gql/apolloClient'
-import Antd from 'ant-design-vue'
-import 'ant-design-vue/dist/antd.css'
 
 const apolloProvider = new VueApollo({
   defaultClient: apollo
 })
 
 Vue.use(VueApollo)
 Vue.use(VueMaterial)
-Vue.use(Antd)
 Vue.config.productionTip = false
 
 new Vue({

diff --git a/app/src/pages/metamine/visualizationNU/components/DataSelector.vue b/app/src/pages/metamine/visualizationNU/components/DataSelector.vue
@@ -7,7 +7,7 @@
             <md-table
                 v-model="fetchedNames"
                 @md-selected="onSelect"
-                :md-selected-value="fetchedNames"
+                :md-selected-value="fetchedNames.filter((item) => activeData.map(data => data.name).includes(item.name))"
                 style="width: 100%; margin-bottom: 20px"
             >
                 <md-table-empty-state md-label="No data available">

diff --git a/app/src/pages/metamine/visualizationNU/components/DataSelectorAntd.vue b/app/src/pages/metamine/visualizationNU/components/DataSelectorAntd.vue