Adding post button and modal for template options

[gautamig54]

Fixes #5890 (<=== Add issue number here)

Make sure these boxes are checked before your pull request (PR) is ready to be reviewed and merged. Thanks!

• PR is descriptively titled 📑 and links the original issue above 🔗
• tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR -- or run tests locally with rake test
• code is in uniquely-named feature branch and has no merge conflicts 📁
• screenshots/GIFs are attached 📎 in case of UI updation
• ask @publiclab/reviewers for help, in a comment below

We're happy to help you get this ready -- don't be afraid to ask for help, and don't be discouraged if your tests fail at first!

If tests do fail, click on the red X to learn why by reading the logs.

Please be sure you've reviewed our contribution guidelines at https://publiclab.org/contributing-to-public-lab-software

Thanks!

[gautamig54]

The modified screenshot :

[CleverFool77]

What;s describe an issue or share a story ?

[CleverFool77]

Maybe like the template we can lighter grey and the thick border for the templates ?

[gautamig54]

I have made a story or a project as a simple post. Whereas issue is the one with tag as issue-brief. I looked at it on the website. https://publiclab.org/wiki/issue-brief

Maybe like the template we can lighter grey and the thick border for the templates ?

Both are of the same color

[gautamig54]

Also, there were no font awesome icons as displayed in the style guide. So, I just have put these.
@CleverFool77 You can suggest any other icons? https://fontawesome.com/v4.7.0/icons/

[CleverFool77]

Hi @gautamig54 I'm in my class right now, I'll go through it in evening. Cool. !!

[CleverFool77]

Hi @gautamig54 Can I have the screenshot of the modal in tab or mobile view ?

[CleverFool77]

And this modals open towards top. Can we have it in centre ? What do you say ?

[CleverFool77]

Though this one is clip-board but would look cool is story too I guess
https://fontawesome.com/v4.7.0/icon/clipboard
What do you say ?

[gautamig54]

Hi @gautamig54 Can I have the screenshot of the modal in tab or mobile view ?

About that, I am not sure how to display that. I can change it to vertical modal but then it will occupy the entire screen. How do you think we can do this, because there is no design for the modal in the mobile view.
cc : @jywarren

[gautamig54]

And this modals open towards top. Can we have it in centre ? What do you say ?

I'll do that! Thanks!

[CleverFool77]

I guess vertical one would look good for mobile !! try having vertical one.
OR else having a square modal ? and left/right arrows to move forward and backward ??

[jywarren]

	1 Warning
⚠️	There was an error with Danger bot’s Junit parsing: No JUnit file was found at output.xml

	3 Messages
📖	@gautamig54 Thank you for your pull request! I’m here to help with some tips and recommendations. Please take a look at the list provided and help us review and accept your contribution! And don’t be discouraged if you see errors – we’re here to help.
📖	It looks like you haven’t marked all the checkboxes. Help us review and accept your suggested changes by going through the steps one by one. If it is still a ‘Work in progress’, please include ‘[WIP]’ in the title.
📖	#

Screenshots 📸 (click to expand)

6114-test_viewing_question_post.png

6114-test_wiki.png

6114-test_tag_page.png

6114-test_blog_page_with_location_modal.png

6114-test_login.png

6114-test_wiki_page_with_inline_grids.png

6114-test_questions.png

6114-test_methods.png

6114-test_tag_by_author_page.png

6114-test_viewing_the_dropdown_menu.png

6114-test_viewing_the_settings_page.png

6114-test_comments.png

6114-test_stats.png

6114-test_tags.png

6114-test_people.png

6114-test_front.png

6114-test_signup.png

6114-test_questions_shadow.png

6114-test_blog.png

6114-test_question_page.png

6114-test_front_page_with_navbar_search_autocomplete.png

6114-test_viewing_the_dashboard.png

Learn about automated screenshots

Generated by 🚫 Danger

[jywarren]

Just noting i got tests to pass now! :-)

[jywarren]

Also we could use things like this if we attribute properly: https://thenounproject.com/search/?q=clipboard

Would we be able to have a link like "Read more about templates" and "Skip using a template" as two links below the 3 options? The first could go to /templates, and the second to just /post. What do you think?

[gautamig54]

Also we could use things like this if we attribute properly: https://thenounproject.com/search/?q=clipboard

Would we be able to have a link like "Read more about templates" and "Skip using a template" as two links below the 3 options? The first could go to /templates, and the second to just /post. What do you think?

Yes, we can add the links here. Also, @jywarren can you suggest us the mobile/tab view for this modal?

[jywarren]

In mobile, maybe we stack vertically? Let's just be sure more than one appear per "screen" so people know there are options. Thanks!

[jywarren]

Hi! How does this sound to folks? Thanks!

[gautamig54]

Hi @jywarren! I am trying the vertical modal!

[gautamig54]

Regarding the /templates, it will be a wiki page?

[gautamig54]

The updates design is :

I am working on mobile view.

[jywarren]

Regarding the /templates, it will be a wiki page?

Yes! I think it already is. This looks like it needs a conflict resolution but is looking great! Can we add a few words on how to trigger this? I.e. if we want it to appear on tag cards, for example, could we trigger it from there?

[SidharthBansal]

As the person is inactive for more than a month, I am closing the PR. In case you want to push changes please feel free to open a new PR OR reopen this PR and add additional changes to it.
Thanks for contributing on Public Lab