From febb9515487f5634496b6083320b35094b8f4d66 Mon Sep 17 00:00:00 2001
From: Rory Schadler <roryschadler@gmail.com>
Date: Fri, 11 Mar 2022 15:35:32 -0500
Subject: [PATCH] #132: Convert Module Tools page to new system

---
 .../pages/nanomine/toolSets/ModuleTools.vue   | 51 +++++++++++--------
 1 file changed, 31 insertions(+), 20 deletions(-)

diff --git a/app/src/pages/nanomine/toolSets/ModuleTools.vue b/app/src/pages/nanomine/toolSets/ModuleTools.vue
index 455ca016..fd968d06 100644
--- a/app/src/pages/nanomine/toolSets/ModuleTools.vue
+++ b/app/src/pages/nanomine/toolSets/ModuleTools.vue
@@ -1,11 +1,40 @@
 <template>
-  <tool-set-template :pageContent="pageContent" :card="card"></tool-set-template>
+  <tool-set-template name="ModuleTools" :card="card" header="Tools">
+    <!-- card-specific slots -->
+    <template #actions>
+      <router-link to="module_homepage">
+        <md-button class="md-raised md-primary md-raised">
+          See Statistical Learning and Analysis Module Tools
+        </md-button>
+      </router-link>
+    </template>
+    <!-- shared slots -->
+    <template #title>
+      Statistical Learning and Analysis Module Tools
+    </template>
+    <template #content>
+      Statistical learning and analysis modules include web and downloadable packages that can be used to pre-process
+      and analyze structure and material property data. Each of the modules will specify the required input format and
+      output data, and provide a brief introduction behind the mechanism of the algorithm.
+    </template>
+    <!-- tool page-specific slots-->
+    <template #cards>
+      <mcr-tools card></mcr-tools>
+      <dynamfit card></dynamfit>
+    </template>
+  </tool-set-template>
 </template>
 <script>
+import ToolSetTemplate from './ToolSetTemplate.vue'
+import Dynamfit from '../tools/dynamfitTool/Dynamfit.vue'
+import MCRTools from './MCRTools.vue'
+
 export default {
   name: 'ModuleTools',
   components: {
-    ToolSetTemplate: () => import('./ToolSetTemplate.vue')
+    ToolSetTemplate,
+    'mcr-tools': MCRTools,
+    Dynamfit
   },
   props: {
     card: {
@@ -13,24 +42,6 @@ export default {
       required: false,
       default: false
     }
-  },
-  data: function () {
-    return {
-      pageContent: {
-        name: 'ModuleTools',
-        title: 'Statistical Learning and Analysis Module Tools',
-        text: 'Statistical learning and analysis modules include web and downloadable packages that can be used to pre-process ' +
-      'and analyze structure and material property data. Each of the modules will specify the required input format and output data, and provide ' +
-      'a brief introduction behind the mechanism of the algorithm.',
-        link: 'module_homepage',
-        tools: [
-          'Dynamfit'
-        ],
-        toolSets: [
-          'MCRTools'
-        ]
-      }
-    }
   }
 }
 </script>