Import File on creating/editing

[csharpfritz]

Import File on creating/editing

[nmalocic]

HI @csharpfritz @DevOpsChallengeBr
I would like to try to tackle this one :)
I have question about editing, should imported MD file overwrite existing content, or append at the bottom of the existing one?

[csharpfritz]

Let’s have it append.. I think that allows us to hand-edit and clean up anything above the new content.

Thanks for offering to assist!

[DevOpsChallengeBr]

• The initial idea for this feature was:
  • Put a new button on the screen anywhere on the screen
  • Open a dialog box to select a file
  • Read the contents of the selected file
  • Fill the Content field with the content of the file uploaded

But when I look at the usability of this functionality I have a perception that it would not be the best way to deliver this functionality to users. The best way would be to add a new button in the Component toolbar (MarkDown) that is being used. Make sense? I did a search on the component repository to see how to add a New button in the toolbar but I didn't finish the search.

Which work path do you intend to follow?

[nmalocic]

Hi i was thinking at trying few things out, as i'm new to razorpages.

1. Upload file at server side and refresh page-model
2. Upload file and use JS do append/populate Content field
   Both of this with separated button on the page.

I am also willing to try expanding Component toolbar with new functionality and use it form there.
Any suggestions are welcome because at this moment i have no idea what i'm doing.

[DevOpsChallengeBr]

In my view this feature is totally Client-side, ie should not involve anything Server-side. So if you agree, we're talking about 100% JavaScript.

Only with JavaScript will we be able to:

• Open a window to select a file (.MD)
• Read the contents of the selected file
• Inject the contents of the selected file into the markdown component

If this works! We can add see how to add a New button in the toolbar and call this JavaScript

What do you think about starting like this?@nmalocic

[nmalocic]

No problem from my end!

[nmalocic]

Hi @DevOpsChallengeBr @csharpfritz
I did some changes on this but i am wondering how can i create my branch and create PR so you guys can review?
Thx

[csharpfritz]

You can start a pull-request from your feature branch and in the comments use the"incomplete" label so that we can start discussing your work and know that its not ready for merging

[nmalocic]

HI @csharpfritz @DevOpsChallengeBr i created pull request. I am not sure how to add incomplete label, but i named it (WIP) .... so that you guys know additional changes should be added.

[DevOpsChallengeBr]

@nmalocic, this being the first approach, it worked perfectly! I noticed that the button did not accept the class of the bootstrap informed. Did you see that?

[nmalocic]

hi @DevOpsChallengeBr i did notice something is off, but i also wasn't sure what to expect, i just copied classes from save button.
Did you managed to reproduce bug i repored in PR comments?

[DevOpsChallengeBr]

@nmalocic, i put a comment on PR.

[csharpfritz]

Completed... thanks for the contributions!