\r\n );\r\n }\r\n\r\n _onContributionsClick() {\r\n this.props.history.push(\"/contribute\");\r\n }\r\n\r\n _onSignoutClick() {\r\n this.props.logout(); // clear the redux store before making a call to the backend\r\n userService\r\n .logout()\r\n .then(() => {\r\n // do nothing\r\n })\r\n .catch(() => {\r\n // do nothing\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ActionBar;\r\n","import React, { Component } from \"react\";\r\nimport ReactMarkdown from \"markdown-to-jsx\";\r\nimport {\r\n Pivot,\r\n PivotItem,\r\n PivotLinkSize,\r\n ScrollablePane\r\n} from \"office-ui-fabric-react/lib/index\";\r\nimport { githubService } from \"../../services\";\r\nimport \"./DetailPageContent.scss\";\r\n\r\nconst defaultLicenseText =\r\n \"Each application is licensed to you by its owner (which may or may not be Microsoft) under the agreement which accompanies the application. Microsoft is not responsible for any non-Microsoft code and does not screen for security, compatibility, or performance. The applications are not supported by any Microsoft support program or service. The applications are provided AS IS without warranty of any kind.\";\r\n\r\nclass DetailPageContent extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n armTemplateText: \"\",\r\n markdownText: \"\",\r\n licenseText: \"\",\r\n selectedKey: \"overview\"\r\n };\r\n\r\n this.handleLinkClick = this.handleLinkClick.bind(this);\r\n }\r\n\r\n // This method is used to fetch readme content from repo when valid repository url is received as props\r\n componentDidUpdate(prevProps, prevState) {\r\n if (\r\n this.props.repository !== prevProps.repository &&\r\n prevState.markdownText === \"\"\r\n ) {\r\n let { repository } = this.props;\r\n githubService\r\n .getReadMe(repository)\r\n .then(data => {\r\n var r = new RegExp(\r\n \"https?://Azuredeploy.net/deploybutton.(png|svg)\",\r\n \"ig\"\r\n );\r\n data = data.replace(r, \"\");\r\n this.setState({ markdownText: data });\r\n })\r\n .catch(() => {\r\n // do nothing\r\n });\r\n }\r\n }\r\n\r\n handleLinkClick(pivotItem, ev) {\r\n const selectedKey = pivotItem.props.itemKey;\r\n this.setState({ selectedKey });\r\n if (selectedKey === \"armtemplate\" && this.state.armTemplateText === \"\") {\r\n const { template } = this.props;\r\n if (template) {\r\n githubService\r\n .getArmTemplate(template)\r\n .then(data =>\r\n this.setState({\r\n armTemplateText: data\r\n })\r\n )\r\n .catch(() => {\r\n // do nothing\r\n });\r\n }\r\n }\r\n if (selectedKey === \"license\" && this.state.licenseText === \"\") {\r\n const { license, repository } = this.props;\r\n githubService\r\n .getLicense(license, repository)\r\n .then(data =>\r\n this.setState({\r\n licenseText: data\r\n })\r\n )\r\n .catch(() => {\r\n // do nothing\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const pivotStyles = {\r\n root: {\r\n paddingLeft: \"15px\"\r\n },\r\n text: {\r\n color: \" #0058AD\",\r\n fontSize: \"14px\"\r\n }\r\n };\r\n\r\n const {\r\n selectedKey,\r\n markdownText,\r\n licenseText,\r\n armTemplateText\r\n } = this.state;\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n loading: state.authentication.loading,\r\n loggedIn: state.authentication.loggedIn\r\n});\r\n\r\nconst SignInDialogContainer = connect(mapStateToProps)(SignInDialog);\r\n\r\nexport default withRouter(SignInDialogContainer);\r\n","import React, { Component } from \"react\";\r\nimport ContributionForm from \"./ContributionForm\";\r\nimport ContributionsList from \"./ContributionsList\";\r\nimport SignInDialog from \"./SignInDialog\";\r\nimport PageHeaderWithBackButton from \"../shared/PageHeaderWithBackButton\";\r\n\r\nimport \"./Contribute.scss\";\r\n\r\nclass ContributionsPage extends Component {\r\n render() {\r\n return (\r\n
\r\n \r\n
\r\n This is where you can see all your existing contributions. You can\r\n also add a new contribution by clicking on the add new contribution\r\n link.\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ContributionsPage;\r\n","import React, { Component } from \"react\";\r\nimport { Switch, Route, withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { Dialog } from \"office-ui-fabric-react\";\r\n\r\nimport \"./App.css\";\r\n\r\nimport Main from \"./components/Main/Main\";\r\nimport Header from \"./components/Header/Header\";\r\nimport DetailView from \"./components/DetailView/DetailView\";\r\nimport ContributionsPage from \"./components/Contribute/Contribute\";\r\nimport { sampleActions } from \"./actions/sampleActions\";\r\nimport { userActions } from \"./actions/userActions\";\r\nimport { libraryService, userService } from \"./services\";\r\n\r\nconst loginErrorMsg = \"We were unable to log you in. Please try again later.\";\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n showErrorDialog: false\r\n };\r\n this.onDismissErrorDialog = this.onDismissErrorDialog.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n libraryService\r\n .getAllSamples()\r\n .then(samples => this.props.getSamplesSuccess(samples))\r\n .catch(() => {\r\n // do nothing\r\n });\r\n\r\n this.props.getCurrentUserRequest();\r\n userService\r\n .getCurrentUser()\r\n .then(user => this.props.getCurrentUserSuccess(user))\r\n .catch(data => {\r\n this.props.getCurrentUserFailure();\r\n if (data.status !== 401) {\r\n this.setState({\r\n showErrorDialog: true\r\n });\r\n }\r\n });\r\n }\r\n\r\n onDismissErrorDialog() {\r\n this.setState({\r\n showErrorDialog: false\r\n });\r\n }\r\n\r\n render() {\r\n const { showErrorDialog } = this.state;\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {showErrorDialog && (\r\n \r\n
{loginErrorMsg}
\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {};\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n getSamplesSuccess: sampleActions.getSamplesSuccess,\r\n getCurrentUserRequest: userActions.getCurrentUserRequest,\r\n getCurrentUserSuccess: userActions.getCurrentUserSuccess,\r\n getCurrentUserFailure: userActions.getCurrentUserFailure\r\n};\r\nconst AppContainer = withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n )(App)\r\n);\r\n\r\nexport default AppContainer;\r\n","// These must be the first lines in src/index.js\r\nimport \"react-app-polyfill/ie11\";\r\nimport \"react-app-polyfill/stable\";\r\n\r\nimport \"./index.css\";\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport { Provider } from \"react-redux\";\r\nimport { initializeIcons } from \"office-ui-fabric-react\";\r\nimport configureStore from \"./reducers\";\r\nimport registerCustomIcons from \"./helpers/registerIcons\";\r\n\r\nimport AppContainer from \"./App\";\r\n\r\nconst store = configureStore();\r\nregisterCustomIcons();\r\ninitializeIcons();\r\nconst rootElement = document.getElementById(\"root\");\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n ,\r\n rootElement\r\n);\r\n","import React from \"react\";\r\nimport { registerIcons } from \"office-ui-fabric-react\";\r\nimport \"./registerIcons.scss\";\r\nimport { ReactComponent as GithubIconSvg } from \"../assets/github.svg\";\r\nimport { ReactComponent as ContributionSvg } from \"../assets/contribution.svg\";\r\n\r\nexport default function registerCustomIcons() {\r\n registerIcons({\r\n icons: {\r\n \"GitHub-12px\": ,\r\n \"GitHub-16px\": ,\r\n \"contribution-svg\": \r\n }\r\n });\r\n}\r\n"],"sourceRoot":""}