1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- import {ApiForm, BooleanField, TextField} from 'app/components/forms';
- import NarrowLayout from 'app/components/narrowLayout';
- import {t, tct} from 'app/locale';
- import ConfigStore from 'app/stores/configStore';
- import AsyncView from 'app/views/asyncView';
- export default class OrganizationCreate extends AsyncView {
- onSubmitSuccess = data => {
- // redirect to project creation *(BYPASS REACT ROUTER AND FORCE PAGE REFRESH TO GRAB CSRF TOKEN)*
- // browserHistory.pushState(null, `/organizations/${data.slug}/projects/new/`);
- window.location.href = `/organizations/${data.slug}/projects/new/`;
- };
- getEndpoints(): ReturnType<AsyncView['getEndpoints']> {
- return [];
- }
- getTitle() {
- return t('Create Organization');
- }
- renderBody() {
- const termsUrl = ConfigStore.get('termsUrl');
- const privacyUrl = ConfigStore.get('privacyUrl');
- return (
- <NarrowLayout showLogout>
- <h3>{t('Create a New Organization')}</h3>
- <p>
- {t(
- "Organizations represent the top level in your hierarchy. You'll be able to bundle a collection of teams within an organization as well as give organization-wide permissions to users."
- )}
- </p>
- <ApiForm
- initialData={{defaultTeam: true}}
- submitLabel={t('Create Organization')}
- apiEndpoint="/organizations/"
- apiMethod="POST"
- onSubmitSuccess={this.onSubmitSuccess}
- requireChanges
- >
- <TextField
- name="name"
- label={t('Organization Name')}
- placeholder={t('e.g. My Company')}
- required
- />
- {termsUrl && privacyUrl && (
- <BooleanField
- name="agreeTerms"
- label={tct(
- 'I agree to the [termsLink:Terms of Service] and the [privacyLink:Privacy Policy]',
- {
- termsLink: <a href={termsUrl} />,
- privacyLink: <a href={privacyUrl} />,
- }
- )}
- required
- />
- )}
- </ApiForm>
- </NarrowLayout>
- );
- }
- }
|