From 5bf10f2ab6f02a0fb5bccc748506d3a24cc8e014 Mon Sep 17 00:00:00 2001 From: James Scherer Date: Fri, 13 Oct 2023 15:33:41 -0500 Subject: [PATCH] Experiment with new Custom Component as Section Row Item for Animal Model (#143) * Updated Rosalution to have the prototype of turning a csv into a table in html * CSV to Table prototype component --- .../csv-to-table-prototype/.gitignore | 24 ++ .../csv-to-table-prototype/README.md | 21 ++ .../csv-to-table-prototype/index.html | 12 + .../csv-to-table-prototype/package.json | 18 + .../csv-to-table-prototype/public/vite.svg | 1 + .../csv-to-table-prototype/src/App.vue | 7 + .../src/components/CSVtoTable.vue | 58 ++++ .../csv-to-table-prototype/src/main.js | 8 + .../src/styles/main.css | 113 ++++++ .../src/styles/rosalution.css | 44 +++ .../csv-to-table-prototype/vite.config.js | 7 + .../csv-to-table-prototype/yarn.lock | 321 ++++++++++++++++++ 12 files changed, 634 insertions(+) create mode 100644 docs/prototypes/csv-to-table-prototype/.gitignore create mode 100644 docs/prototypes/csv-to-table-prototype/README.md create mode 100644 docs/prototypes/csv-to-table-prototype/index.html create mode 100644 docs/prototypes/csv-to-table-prototype/package.json create mode 100644 docs/prototypes/csv-to-table-prototype/public/vite.svg create mode 100644 docs/prototypes/csv-to-table-prototype/src/App.vue create mode 100644 docs/prototypes/csv-to-table-prototype/src/components/CSVtoTable.vue create mode 100644 docs/prototypes/csv-to-table-prototype/src/main.js create mode 100644 docs/prototypes/csv-to-table-prototype/src/styles/main.css create mode 100644 docs/prototypes/csv-to-table-prototype/src/styles/rosalution.css create mode 100644 docs/prototypes/csv-to-table-prototype/vite.config.js create mode 100644 docs/prototypes/csv-to-table-prototype/yarn.lock diff --git a/docs/prototypes/csv-to-table-prototype/.gitignore b/docs/prototypes/csv-to-table-prototype/.gitignore new file mode 100644 index 00000000..a547bf36 --- /dev/null +++ b/docs/prototypes/csv-to-table-prototype/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/docs/prototypes/csv-to-table-prototype/README.md b/docs/prototypes/csv-to-table-prototype/README.md new file mode 100644 index 00000000..5fde6eb2 --- /dev/null +++ b/docs/prototypes/csv-to-table-prototype/README.md @@ -0,0 +1,21 @@ +# Vue Prototype - CSV to Table + +## Install + +yarn install + +## Run + +yarn dev + +## Example Table Setups + +heading1,heading2,heading3,heading4,heading5 +value1_1,value2_1,value3_1,value4_1,value5_1 +value1_2,value2_2,value3_2,value4_2,value5_2 + +columnA,columnB,columnC +"Susan",41,a +"Mike",5,b +"Jake",33,c +"Jill",30,d diff --git a/docs/prototypes/csv-to-table-prototype/index.html b/docs/prototypes/csv-to-table-prototype/index.html new file mode 100644 index 00000000..87b7f748 --- /dev/null +++ b/docs/prototypes/csv-to-table-prototype/index.html @@ -0,0 +1,12 @@ + + + + + + CSV to Table + + +
+ + + diff --git a/docs/prototypes/csv-to-table-prototype/package.json b/docs/prototypes/csv-to-table-prototype/package.json new file mode 100644 index 00000000..3e77a6f7 --- /dev/null +++ b/docs/prototypes/csv-to-table-prototype/package.json @@ -0,0 +1,18 @@ +{ + "name": "csv-to-table-prototype", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + }, + "dependencies": { + "vue": "^3.3.4" + }, + "devDependencies": { + "@vitejs/plugin-vue": "^4.2.3", + "vite": "^4.4.5" + } +} diff --git a/docs/prototypes/csv-to-table-prototype/public/vite.svg b/docs/prototypes/csv-to-table-prototype/public/vite.svg new file mode 100644 index 00000000..e7b8dfb1 --- /dev/null +++ b/docs/prototypes/csv-to-table-prototype/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/prototypes/csv-to-table-prototype/src/App.vue b/docs/prototypes/csv-to-table-prototype/src/App.vue new file mode 100644 index 00000000..96c8634b --- /dev/null +++ b/docs/prototypes/csv-to-table-prototype/src/App.vue @@ -0,0 +1,7 @@ + + + diff --git a/docs/prototypes/csv-to-table-prototype/src/components/CSVtoTable.vue b/docs/prototypes/csv-to-table-prototype/src/components/CSVtoTable.vue new file mode 100644 index 00000000..0e21c2db --- /dev/null +++ b/docs/prototypes/csv-to-table-prototype/src/components/CSVtoTable.vue @@ -0,0 +1,58 @@ +