Koa11y icon indicating copy to clipboard operation
Koa11y copied to clipboard

Export/Import projects button

Open TheJaredWilcurt opened this issue 7 years ago • 4 comments

Likely under the File > Export menu. This would export out your project's settings.json file to your desktop, so it can be shared with someone else. During the import process, the only machine-specific setting would be the output directory for where to store reports. So we'd need to do an fs.exists on the computer that is importing the settings, and if the output folder does not exist, then it will default to the user's desktop.

Maybe we need a UI for this, a modal that gives the user import/export tabs. Import settings would include what the default output folder should be, and if you want to add these projects (show a list of them), to your current projects, or replace your current projects with them? or maybe just always add, and if they want to remove stuff they can remove pages/projects manually? Need UX discussions.

Export modal could have a list of all projects, so you can check/uncheck what you want to export/share.

TheJaredWilcurt avatar Sep 21 '17 13:09 TheJaredWilcurt

Import projects.pdf

This is what I was thinking about your modal window

ryanparrish avatar Sep 26 '17 00:09 ryanparrish

import-export

Here's how I had envisioned it:

Export wireframe

Since we control the output and input, we decide the format. And since the code is written in JavaScript, the format will be JSON, as it is easy to work with. So we don't give the user a choice here. The data is only to be used in Koa11y.

I want to give the user control over what projects they export, in case there are sites that are not relevant to who they would be sending the settings to. We may also want to add an option to "include actions", since the actions could contain passwords that they don't want to share as part of the export.

In your design you can't export more than one project at a time, which is an arbitrary restriction caused by the UI, not the technology or user needs.

Alternatively, we could list all projects/pages in a tabular manner and have the required, actions, image alts, etc be individual checkboxes for each item.

For imports the screen would initially look like this:

Import wireframe

Then after a file is imported, it would change to look similar to the Export tab, and have a file tree for them to choose what to import and the "Import" button would be enabled.

Also I forgot to put an X in the corner of my modals, but there should be one.

TheJaredWilcurt avatar Sep 26 '17 23:09 TheJaredWilcurt

okay thank you for showing me your process

ryanparrish avatar Sep 27 '17 00:09 ryanparrish

17-10-05

We talked about Koa11y export screen options discussed:

Per project share button select box drag and drop project box. tab for each project. Combo box for each box. kwctx

ryanparrish avatar Oct 05 '17 22:10 ryanparrish