Skip to content

feat(tools): complete setup page - #1541

Merged
hzoo merged 4 commits into
babel:masterfrom
docschina:docusaurus
Feb 1, 2018
Merged

feat(tools): complete setup page#1541
hzoo merged 4 commits into
babel:masterfrom
docschina:docusaurus

Conversation

@QC-L

@QC-L QC-L commented Jan 30, 2018

Copy link
Copy Markdown
Contributor

Edit by hzoo: Ref #1527

Error:

  • onClick no response

@babel-bot

Copy link
Copy Markdown
Contributor

Deploy preview for babel ready!

Built with commit 0b8744f

https://deploy-preview-1541--babel.netlify.com

@QC-L

QC-L commented Jan 30, 2018

Copy link
Copy Markdown
Contributor Author

@QC-L QC-L mentioned this pull request Jan 30, 2018
3 tasks
@hzoo

hzoo commented Jan 30, 2018

Copy link
Copy Markdown
Member

Cool! can also remove https://github.com/babel/website/blob/docusaurus/_data/tools.yml later

@QC-L

QC-L commented Jan 30, 2018

Copy link
Copy Markdown
Contributor Author

@hzoo There are still some bugs to be changed and later changes

@xtuc xtuc changed the title feat(tools): complate setup page feat(tools): complete setup page Jan 30, 2018
@hzoo hzoo mentioned this pull request Jan 30, 2018
19 tasks
Comment thread website/pages/en/setup.js Outdated
<a
key={j}
href={`#${tool}`}
className={isActive ? "tools-button active" : "tools-button"}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You should add button class here too to get the buttons to match the others (no yellow background, etc)

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've changed it.

@hzoo hzoo mentioned this pull request Jan 30, 2018
10 tasks
@hzoo

hzoo commented Jan 30, 2018

Copy link
Copy Markdown
Member

Ok I merged docusaurus into the master branch so you'll need to switch the target branch now (you can do this in github ui at the top)

@QC-L
QC-L changed the base branch from docusaurus to master January 30, 2018 23:58
@QC-L

QC-L commented Feb 1, 2018

Copy link
Copy Markdown
Contributor Author

@hzoo I complete, but it can't be previewed.

@QC-L QC-L closed this Feb 1, 2018
@QC-L QC-L reopened this Feb 1, 2018
@QC-L

QC-L commented Feb 1, 2018

Copy link
Copy Markdown
Contributor Author

@hzoo

hzoo commented Feb 1, 2018

Copy link
Copy Markdown
Member

Awesome! nice work on moving over everything - using jquery is ok given we probably want to redo how this works later anyways but this will bring us back to what we had

Comment thread website/pages/en/setup.js
<h2>
<span className="step-no">4</span> Create <code>.babelrc</code> configuration file
</h2>
<MarkdownBlock>{setupBabelrc}</MarkdownBlock>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I guess we'd want to translate the setup too? Not sure how this will work with https://docusaurus.io/docs/en/translation.html#enabling-translations-on-pages unless we wrap in translate but it's also markdown

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Or maybe we should make individual pages that are translatable and leave this as english?

Comment thread website/static/scripts/tools.js Outdated

$currentItem = $("[data-name=" + name + "]:not(.btn)").show();
$currentItem = $("[data-title=" + name + "]:not(.tools-button)").show();
console.log($currentItem);

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

unnecessary now?

@hzoo hzoo left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice how you got the click working via js/jquert atm, I guess we can remove that and just use document.querySelector next?

Going to land for now but we should figure out the setup page is going to be translated (or if we should do something else about that) @JoelMarcey

}

$(".btn-group .btn").click(function () {
$(".tools-group .tools-button").click(function () {

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It should be easy to convert these to non-jquery so we don't have to load it right?

@hzoo
hzoo merged commit 3d43ccd into babel:master Feb 1, 2018
@hzoo hzoo added the new site any issues for the new site using docusaurus label Feb 1, 2018
@QC-L

QC-L commented Feb 1, 2018

Copy link
Copy Markdown
Contributor Author

I want to submit quickly, the code quality may be worse, follow-up I will optimize it.

@hzoo

hzoo commented Feb 1, 2018

Copy link
Copy Markdown
Member

yep +1 me too

@JoelMarcey

Copy link
Copy Markdown

Going to land for now but we should figure out the setup page is going to be translated (or if we should do something else about that) @JoelMarcey

Hi @hzoo - Since the setup page is a .js file within pages, it can be translated.

https://docusaurus.io/docs/en/translation.html#enabling-translations-on-pages

Is that what you were asking?

sylbru pushed a commit to sylbru/website that referenced this pull request Feb 3, 2018
* feat(tools): complete setup page UI

* update(setup): finished

* clean(setup): rm old files

* remove console.log
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

new site any issues for the new site using docusaurus

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants