Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Export/Import projects button #32

Open
TheJaredWilcurt opened this issue Sep 21, 2017 · 4 comments
Open

Export/Import projects button #32

TheJaredWilcurt opened this issue Sep 21, 2017 · 4 comments

Comments

@TheJaredWilcurt
Copy link
Member

TheJaredWilcurt commented Sep 21, 2017

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 TheJaredWilcurt changed the title Koa11y 4 - Export/Import projects button Export/Import projects button Sep 21, 2017
@ryanparrish
Copy link

Import projects.pdf

This is what I was thinking about your modal window

@TheJaredWilcurt
Copy link
Member Author

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.

@ryanparrish
Copy link

okay thank you for showing me your process

@ryanparrish
Copy link

ryanparrish commented Oct 5, 2017

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants