{"id":19623864,"url":"https://github.com/appleple/cfg-csv","last_synced_at":"2025-06-14T13:02:40.979Z","repository":{"id":66341142,"uuid":"483175926","full_name":"appleple/cfg-csv","owner":"appleple","description":null,"archived":false,"fork":false,"pushed_at":"2023-02-20T06:05:44.000Z","size":16,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-06-14T13:01:59.544Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/appleple.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-04-19T09:15:58.000Z","updated_at":"2022-07-28T00:15:11.000Z","dependencies_parsed_at":"2023-03-10T23:51:33.740Z","dependency_job_id":null,"html_url":"https://github.com/appleple/cfg-csv","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/appleple/cfg-csv","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appleple%2Fcfg-csv","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appleple%2Fcfg-csv/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appleple%2Fcfg-csv/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appleple%2Fcfg-csv/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/appleple","download_url":"https://codeload.github.com/appleple/cfg-csv/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/appleple%2Fcfg-csv/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259820791,"owners_count":22916544,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T11:35:53.861Z","updated_at":"2025-06-14T13:02:40.879Z","avatar_url":"https://github.com/appleple.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# cfg-csv\n\n[![GitHub license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://raw.githubusercontent.com/appleple/document-outliner/master/LICENSE)\n\nA utility that allows you to enter csv file data into a web form.\n\n## Usage\nInclude the csvDownloa.js/csvImport.js/csvImport.css file in your site.\n```html\n\u003cscript src=\"/path/to/js/csvDownload.js\"\u003e\u003c/script\u003e\n```\n```html\n\u003cscript src=\"/path/to/js/csvImport.js\"\u003e\u003c/script\u003e\n```\n```html\n\u003clink rel=\"stylesheet\" href=\"/path/to/css/csvImport.css\"\u003e\n```\n\n### Basic Standalone Usage\nBelow is a sample of the text form only.\nHere are some notes. When creating the form you want to apply, create one form for display and one form for addition. Please describe 「class =\" sortable-item item-template \"style =\" display: none; 」in the td tag of the form to be added. Also, prepare an add button and write 「class =\" item-insert \"」 in the input tag of that button.\n\nExample (Text form only)\n```html\n\u003ctable class=\"js-import-csv\"\u003e\n        \u003cthead\u003e\n            \u003ctr\u003e\n                \u003cth\u003e \u003c/th\u003e\n                \u003cth\u003exxx\u003c/th\u003e\n                \u003cth\u003eyyy\u003c/th\u003e\n                \u003cth\u003ezzz\u003c/th\u003e\n            \u003c/tr\u003e\n        \u003c/thead\u003e\n        \u003ctbody\u003e\n            \u003c!-- Please prepare a form to display --\u003e\n            \u003ctr class=\"sortable-item\"\u003e\n                \u003ctd\u003e\n                    \u003ci\u003e\u003c/i\u003e\n                \u003c/td\u003e\n                \u003ctd\u003e\n                    \u003cinput type=\"text\" name=\"xxx[]\"/\u003e\n                \u003c/td\u003e\n                \u003ctd\u003e\n                    \u003cinput type=\"text\" name=\"yyy[]\"/\u003e\n                \u003c/td\u003e\n                \u003ctd\u003e\n                    \u003cinput type=\"text\" name=\"zzz[]\"/\u003e\n                \u003c/td\u003e\n            \u003c/tr\u003e\n            \u003c!-- Add the additional form like this. --\u003e\n            \u003ctr class=\"sortable-item item-template\" style=\"display:none;\"\u003e\n                \u003ctd\u003e\n                    \u003ci\u003e\u003c/i\u003e\n                \u003c/td\u003e\n                \u003ctd\u003e\n                    \u003cinput type=\"text\" name=\"xxx[]\" value=\"\" /\u003e\n                \u003c/td\u003e\n                \u003ctd\u003e\n                    \u003cinput type=\"text\" name=\"yyy[]\" value=\"\" /\u003e\n                \u003c/td\u003e\n                \u003ctd\u003e\n                    \u003cinput type=\"text\" name=\"zzz[]\" value=\"\" /\u003e\n                \u003c/td\u003e\n            \u003c/tr\u003e\n        \u003c/tbody\u003e\n        \u003ctfoot\u003e\n            \u003ctr\u003e\n              \u003c!--Prepare an additional button and describe the 「class=\"item-insert\"」 in input type = \"button\"--\u003e\n                \u003ctd colspan=\"3\"\u003e\n                    \u003cinput type=\"button\" class=\"item-insert\" value=\"追加\" /\u003e\n                \u003c/td\u003e\n            \u003c/tr\u003e\n        \u003c/tfoot\u003e\n\u003c/table\u003e\n```\n\n### Others\nThis feature also adapts to radio buttons, select boxes and text areas.\n\nExample (For radio buttons, select boxes and text areas)\n```html\n\u003ctable class=\"js-import-csv\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003e \u003c/th\u003e\n      \u003cth\u003eName\u003c/th\u003e\n      \u003cth\u003eBirthplace\u003c/th\u003e\n      \u003cth\u003efee\u003c/th\u003e\n      \u003cth\u003eOption\u003c/th\u003e\n      \u003cth\u003e削除\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003c!-- Please prepare a form to display --\u003e\n    \u003ctr class=\"sortable-item\"\u003e\n      \u003ctd\u003e\n        \u003ci\u003e\u003c/i\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cinput type=\"text\" name=\"name[]\" value=\"\" /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cinput type=\"text\" name=\"from[]\" value=\"\" /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv\u003e\n          \u003cinput type=\"radio\" name=\"fee[]\" value=\"fee\" id=\"input-radio-fee-fee\" /\u003e\n          \u003clabel for=\"input-radio-fee-fee\"\u003e\n            \u003ci\u003e\u003c/i\u003e交通費\u003c/label\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ctextarea name=\"option[]\"\u003e\u003c/textarea\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cinput type=\"button\" class=\"item-delete\" value=\"削除\" /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n     \u003c!-- Add the additional form like this. --\u003e\n    \u003ctr class=\"sortable-item item-template\" style=\"display:none;\"\u003e\n      \u003ctd\u003e\n        \u003ci\u003e\u003c/i\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cinput type=\"text\" name=\"name[]\" value=\"\" /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cinput type=\"text\" name=\"from[]\" value=\"\" /\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cdiv\u003e\n          \u003cinput type=\"radio\" name=\"fee[]\" value=\"fee\" id=\"input-radio-fee-fee\" /\u003e\n          \u003clabel for=\"input-radio-fee-fee\"\u003e\n            \u003ci\u003e\u003c/i\u003e交通費\u003c/label\u003e\n        \u003c/div\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003ctextarea name=\"option[]\"\u003e\u003c/textarea\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003cinput type=\"button\" class=\"item-delete\" value=\"削除\" /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n  \u003ctfoot\u003e\n    \u003ctr\u003e\n      \u003c!--Prepare an additional button and describe the 「class=\"item-insert\"」 in input type = \"button\"--\u003e\n      \u003ctd colSpan=\"6\"\u003e\n        \u003cinput type=\"button\" class=\"item-insert\" value=\"追加\" /\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tfoot\u003e\n\u003c/table\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fappleple%2Fcfg-csv","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fappleple%2Fcfg-csv","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fappleple%2Fcfg-csv/lists"}