Added i18n definitions.

feature/appm-store/pbac
Menaka Jayawardena 7 years ago
parent 42db66cdf7
commit b55878d968

@ -9,22 +9,26 @@
"Groups" : "Groups", "Groups" : "Groups",
"Tags" : "Tags", "Tags" : "Tags",
"Platform" : "Platform", "Platform" : "Platform",
"Platforms" : "Platfomrs", "Platforms" : "Platforms",
"Applications": "Applications",
"No.Platform" : "No Platforms", "No.Platform" : "No Platforms",
"Screenshots" : "Screenshots", "Screenshots" : "Screenshots",
"Icon" : "Icon", "Icon" : "Icon",
"Info" : "Info",
"Banner" : "Banner", "Banner" : "Banner",
"Create.Application" : "Create Application", "Create.Application" : "Create Application",
"Back" : "Back", "Back" : "Back",
"Cancel" : "Cancel", "Cancel" : "Cancel",
"Finish" : "Finish", "Finish" : "Finish",
"Continue" : "Continue", "Continue" : "Continue",
"Name" : "Name",
"Application.Name" : "Application Name", "Application.Name" : "Application Name",
"General" : "General", "General" : "General",
"App.Releases" : "Application Releases", "App.Releases" : "Application Releases",
"Package.Manager" : "Package Manager", "Package.Manager" : "Package Manager",
"Save" : "Save", "Save" : "Save",
"Create.Release" : "Create Release", "Create.Release" : "Create Release",
"Release.Channel" : "Release Channel",
"Release" : "Release", "Release" : "Release",
"New.Release.For" : "New Release for", "New.Release.For" : "New Release for",
"Upload.Package.File" : "Upload Package File", "Upload.Package.File" : "Upload Package File",
@ -38,5 +42,20 @@
"Alpha.Releases" : "Alpha Releases", "Alpha.Releases" : "Alpha Releases",
"Version" : "Version", "Version" : "Version",
"Status" : "Status", "Status" : "Status",
"App.Publisher" : "Application Publisher" "App.Publisher" : "Application Publisher",
"Search.Apps" : "Search for Applications",
"View.In.Store" : "View in Store",
"Last.Updated" : "Last updated on",
"Installs" : "Installs",
"General.Info" : "General Info",
"Select.Platform": "Select Platform",
"Add.Release" : "Add Release to Application",
"Share.With.Tenants" : "Share with Tenants",
"Disable" : "Disable",
"File.Based" : "File Based",
"Activate" : "Activate",
"Yes" : "Yes",
"No" : "No",
"No.Platform.Tags" : "No Platform Tags",
"Create.Platform" : "Create Platform"
} }

@ -42,7 +42,7 @@ class BaseLayout extends Component {
this.onClickApplications = this.onClickApplications.bind(this); this.onClickApplications = this.onClickApplications.bind(this);
this.state = { this.state = {
notifications: 0, notifications: 0,
user: 'Admin', user: '',
openModal: false, openModal: false,
currentPage: "", currentPage: "",
logo: {} logo: {}
@ -94,7 +94,7 @@ class BaseLayout extends Component {
if (href.indexOf("apps") !== -1) { if (href.indexOf("apps") !== -1) {
return "Applications"; return "Applications";
} else if (href.indexOf("platforms") !== -1) { } else if (href.indexOf("platforms") !== -1) {
return "Platforms" return "Platforms";
} }
} }
@ -162,11 +162,11 @@ class BaseLayout extends Component {
{this.getCurrentPageTitle() === "Applications" ? {this.getCurrentPageTitle() === "Applications" ?
<Button className="custom-flat grey" onClick={this.onClickPlatforms}> <Button className="custom-flat grey" onClick={this.onClickPlatforms}>
<i className="fw fw-settings"></i> <i className="fw fw-settings"></i>
Platforms <FormattedMessage id="Platforms" defaultMessage="Platforms"/>
</Button> : </Button> :
<Button className="custom-flat grey" onClick={this.onClickApplications}> <Button className="custom-flat grey" onClick={this.onClickApplications}>
<i className="fw fw-application"></i> <i className="fw fw-application"></i>
Applications <FormattedMessage id="Applications" defaultMessage="Applications"/>
</Button> </Button>
} }
</div> </div>

@ -21,7 +21,6 @@ import {withRouter} from 'react-router-dom';
import {Button, Col, Row} from 'reactstrap'; import {Button, Col, Row} from 'reactstrap';
import Drawer from '../UIComponents/Drawer/Drawer'; import Drawer from '../UIComponents/Drawer/Drawer';
import ApplicationView from './View/ApplicationView'; import ApplicationView from './View/ApplicationView';
import {FormattedMessage} from 'react-intl';
import ApplicationMgtApi from "../../api/applicationMgtApi"; import ApplicationMgtApi from "../../api/applicationMgtApi";
import AuthHandler from "../../api/authHandler"; import AuthHandler from "../../api/authHandler";
@ -249,7 +248,8 @@ class ApplicationListing extends Component {
className="data-table-row-cell">{application.currentLifecycle.lifecycleState.name} className="data-table-row-cell">{application.currentLifecycle.lifecycleState.name}
</Col> </Col>
<Col> <Col>
<Button className="custom-flat grey rounded" onClick={() => this.onAppEditClick(application.uuid)}> <Button className="custom-flat grey rounded"
onClick={() => this.onAppEditClick(application.uuid)}>
<i className="fw fw-edit"></i> <i className="fw fw-edit"></i>
</Button> </Button>
</Col> </Col>

@ -250,20 +250,29 @@ class ApplicationCreate extends Component {
<Col> <Col>
<div className="stepper-header-content"> <div className="stepper-header-content">
<div className="step-index">1</div> <div className="step-index">1</div>
<div className="step-header"> General Info</div> <div className="step-header">
<FormattedMessage id="General.Info" defaultMessage="General.Info"/>
</div>
</div> </div>
</Col> </Col>
<Col> <Col>
<span className="step-index">2</span> <span className="step-index">2</span>
<span className="step-header"> Select Platform</span> <span className="step-header">
<FormattedMessage id="Select.Platform"
defaultMessage="Select.Platform"/>
</span>
</Col> </Col>
<Col> <Col>
<span className="step-index">3</span> <span className="step-index">3</span>
<span className="step-header"> Screenshots</span> <span className="step-header">
<FormattedMessage id="Screenshots" defaultMessage="Screenshots"/>
</span>
</Col> </Col>
<Col> <Col>
<span className="step-index">4</span> <span className="step-index">4</span>
<span className="step-header"> Release</span> <span className="step-header">
<FormattedMessage id="Release" defaultMessage="Release"/>
</span>
</Col> </Col>
</Row> </Row>
</div> </div>

@ -345,8 +345,12 @@ class Step1 extends Component {
</div> </div>
</div> </div>
<ModalFooter> <ModalFooter>
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}>Cancel</Button> <Button className="custom-flat danger-flat" onClick={this.onCancelClick}>
<Button className="custom-raised primary" onClick={this.setStepData}>Continue</Button> <FormattedMessage id="Cancel" defaultMessage="Cancel"/>
</Button>
<Button className="custom-raised primary" onClick={this.setStepData}>
<FormattedMessage id="Continue" defaultMessage="Continue"/>
</Button>
</ModalFooter> </ModalFooter>
</div> </div>
); );

@ -173,9 +173,15 @@ class Step2 extends Component {
<FormFeedback id="form-error">{this.state.errors.platform}</FormFeedback> <FormFeedback id="form-error">{this.state.errors.platform}</FormFeedback>
</FormGroup> </FormGroup>
<ModalFooter> <ModalFooter>
<Button className="custom-flat primary-flat" onClick={this.onBackClick}>Back</Button> <Button className="custom-flat primary-flat" onClick={this.onBackClick}>
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}>Cancel</Button> <FormattedMessage id="Back" defaultMessage="Back"/>
<Button className="custom-raised primary" onClick={this.setStepData}>Continue</Button> </Button>
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}>
<FormattedMessage id="Cancel" defaultMessage="Cancel"/>
</Button>
<Button className="custom-raised primary" onClick={this.setStepData}>
<FormattedMessage id="Continue" defaultMessage="Continue"/>
</Button>
</ModalFooter> </ModalFooter>
</div> </div>
); );

@ -225,9 +225,15 @@ class Step3 extends Component {
</div> </div>
</div> </div>
<ModalFooter> <ModalFooter>
<Button className="custom-flat primary-flat" onClick={this.onBackClick}>Back</Button> <Button className="custom-flat primary-flat" onClick={this.onBackClick}>
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}>Cancel</Button> <FormattedMessage id="Back" defaultMessage="Back"/>
<Button className="custom-raised primary" onClick={this.setStepData}>Continue</Button> </Button>
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}>
<FormattedMessage id="Cancel" defaultMessage="Cancel"/>
</Button>
<Button className="custom-raised primary" onClick={this.setStepData}>
<FormattedMessage id="Continue" defaultMessage="Continue"/>
</Button>
</ModalFooter> </ModalFooter>
</div> </div>
); );

@ -20,6 +20,7 @@ import PropTypes from 'prop-types';
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Button, Collapse, FormGroup, FormText, Input, Label, ModalFooter} from 'reactstrap'; import {Button, Collapse, FormGroup, FormText, Input, Label, ModalFooter} from 'reactstrap';
import Switch from '../../../UIComponents/Switch/Switch' import Switch from '../../../UIComponents/Switch/Switch'
import {FormattedMessage} from 'react-intl';
/** /**
* The Third step of application create wizard. {Application Release Step} * The Third step of application create wizard. {Application Release Step}
@ -96,7 +97,7 @@ class Step4 extends Component {
<div id="app-release-switch-label"> <div id="app-release-switch-label">
<Label for="app-release-switch"> <Label for="app-release-switch">
<strong> <strong>
Add Release to Application <FormattedMessage id="Add.Release" defaultMessage="Add.Release"/>
</strong> </strong>
</Label> </Label>
</div> </div>
@ -111,7 +112,7 @@ class Step4 extends Component {
<br/> <br/>
<div> <div>
<FormText color="muted"> <FormText color="muted">
<i>Info: </i> <i><FormattedMessage id="Info" defaultMessage="Info"/> </i>
Enabling this will create a release for the current Application. Enabling this will create a release for the current Application.
To upload the Application, please visit to the Release management section of To upload the Application, please visit to the Release management section of
Application Edit View. Application Edit View.
@ -120,7 +121,9 @@ class Step4 extends Component {
{/*If toggle is true, the release form will be shown.*/} {/*If toggle is true, the release form will be shown.*/}
<Collapse isOpen={this.state.showForm}> <Collapse isOpen={this.state.showForm}>
<FormGroup> <FormGroup>
<Label for="release-channel">Release Channel</Label> <Label for="release-channel">
<FormattedMessage id="Release.Channel" defaultMessage="Release.Channel"/>
</Label>
<Input <Input
type="select" type="select"
id="release-channel" id="release-channel"
@ -136,7 +139,9 @@ class Step4 extends Component {
</Input> </Input>
</FormGroup> </FormGroup>
<FormGroup> <FormGroup>
<Label for="version">Version*</Label> <Label for="version">
<FormattedMessage id="Version" defaultMessage="Version"/>*
</Label>
<Input <Input
type="text" type="text"
id="version input-custom" id="version input-custom"
@ -147,9 +152,15 @@ class Step4 extends Component {
</Collapse> </Collapse>
</div> </div>
<ModalFooter> <ModalFooter>
<Button className="custom-flat primary-flat" onClick={this.onBackClick}>Back</Button> <Button className="custom-flat primary-flat" onClick={this.onBackClick}>
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}>Cancel</Button> <FormattedMessage id="Back" defaultMessage="Back"/>
<Button className="custom-raised primary" onClick={this.onSubmit}>Finish</Button> </Button>
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}>
<FormattedMessage id="Cancel" defaultMessage="Cancel"/>
</Button>
<Button className="custom-raised primary" onClick={this.onSubmit}>
<FormattedMessage id="Finish" defaultMessage="Finish"/>
</Button>
</ModalFooter> </ModalFooter>
</div> </div>
); );

@ -16,7 +16,6 @@
* under the License. * under the License.
*/ */
import PropTypes from 'prop-types';
import React, {Component} from 'react'; import React, {Component} from 'react';
class PackageManager extends Component { class PackageManager extends Component {
@ -26,7 +25,7 @@ class PackageManager extends Component {
} }
render() { render() {
return( return (
<div id="package-mgt-content"> <div id="package-mgt-content">
</div> </div>

@ -92,7 +92,9 @@ class CreateRelease extends Component {
</p> </p>
</div> </div>
<div> <div>
<Button id="create-release-btn" onClick={this.showUploadArtifacts}>Create a {channel} Release</Button> <Button id="create-release-btn" onClick={this.showUploadArtifacts}>Create
a {channel}
Release</Button>
</div> </div>
</div> </div>
</Row> </Row>

@ -41,7 +41,8 @@ class UploadPackage extends Component {
<a onClick={this.handleBack}>{"<-"}</a> <a onClick={this.handleBack}>{"<-"}</a>
<span id="create-release-header"> <span id="create-release-header">
<strong> <strong>
<FormattedMessage id="New.Release.For" defaultMessage="New Release For"/> {selectedChannel} <FormattedMessage id="New.Release.For"
defaultMessage="New Release For"/> {selectedChannel}
</strong> </strong>
</span> </span>
</div> </div>

@ -70,7 +70,9 @@ class ApplicationView extends Component {
<p className="app-view-field">{app.name}</p> <p className="app-view-field">{app.name}</p>
</Row> </Row>
<Row> <Row>
<span className="app-updated-date app-view-text">Last updated on {app.modifiedAt}</span> <span className="app-updated-date app-view-text">
<FormattedMessage id="Last.Updated"
defaultMessage="Last.Updated"/> {app.modifiedAt}</span>
</Row> </Row>
</Col> </Col>
</Row> </Row>
@ -78,7 +80,9 @@ class ApplicationView extends Component {
<div id="application-view-row"> <div id="application-view-row">
<Row> <Row>
<Col> <Col>
<span className="app-install-count app-view-text">2k Installs</span> <span className="app-install-count app-view-text">
2k <FormattedMessage id="Installs" defaultMessage="Installs"/>
</span>
</Col> </Col>
</Row> </Row>
<Row> <Row>
@ -89,7 +93,11 @@ class ApplicationView extends Component {
<i className="fw fw-star"></i> <i className="fw fw-star"></i>
</Col> </Col>
<Col> <Col>
<p className="app-view-text"><a href="#">View in Store</a></p> <p className="app-view-text">
<a href="#">
<FormattedMessage id="View.In.Store" defaultMessage="View.In.Store"/>
</a>
</p>
</Col> </Col>
</Row> </Row>
</div> </div>

@ -18,6 +18,7 @@
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Button, Col, Collapse, Row} from "reactstrap"; import {Button, Col, Collapse, Row} from "reactstrap";
import {FormattedMessage} from "react-intl";
/** /**
* Platform component. * Platform component.
@ -57,8 +58,13 @@ class Platform extends Component {
</Row> </Row>
<Row> <Row>
<div className="platform-content-footer"> <div className="platform-content-footer">
<Button className="custom-flat grey">{platform.enabled ? "Disable" : "Activate"}</Button> <Button className="custom-flat grey">{platform.enabled ?
<Button className="custom-flat grey">Share With Tenants</Button> <FormattedMessage id="Disable" defaultMessage="Disable"/> :
<FormattedMessage id="Activate" defaultMessage="Activate"/>}
</Button>
<Button className="custom-flat grey">
<FormattedMessage id="Share.With.Tenants" defaultMessage="Share.With.Tenants"/>
</Button>
<Button className="custom-flat grey circle-button" onClick={this.unFold}> <Button className="custom-flat grey circle-button" onClick={this.unFold}>
{this.state.isOpen ? <i className="fw fw-up"></i> : <i className="fw fw-down"></i>} {this.state.isOpen ? <i className="fw fw-up"></i> : <i className="fw fw-down"></i>}
</Button> </Button>
@ -71,23 +77,36 @@ class Platform extends Component {
<div className="platform-content-more"> <div className="platform-content-more">
<Row> <Row>
<Col> <Col>
<p className="app-view-field">Description</p> <p className="app-view-field">
<FormattedMessage id="Description" defaultMessage="Description"/>
</p>
</Col> </Col>
<Col><p className="app-view-text">{platform.description}</p></Col> <Col><p className="app-view-text">{platform.description}</p></Col>
</Row> </Row>
<Row> <Row>
<Col> <Col>
<p className="app-view-field">File Based</p> <p className="app-view-field">
<FormattedMessage id="File.Based" defaultMessage="File.Based"/>
</p>
</Col> </Col>
<Col> <Col>
<p className="app-view-text">{platform.fileBased ? "Yes" : "No"}</p> <p className="app-view-text">{platform.fileBased ?
<FormattedMessage id="Yes" defaultMessage="Yes"/>
: <FormattedMessage id="No" defaultMessage="No"/>}</p>
</Col> </Col>
</Row> </Row>
<Row> <Row>
<Col><p className="app-view-field">Tags</p></Col> <Col><p className="app-view-field">
<FormattedMessage id="Tags" defaultMessage="Tags"/>
</p></Col>
<Col> <Col>
<p className="app-view-text"> <p className="app-view-text">
{platform.tags.length > 0 ? platform.tags : "No Platform Tags"} {platform.tags.length > 0 ?
platform.tags :
<FormattedMessage
id="No.Platform.Tags"
defaultMessage="No.Platform.Tags"/>
}
</p> </p>
</Col> </Col>
</Row> </Row>

@ -16,7 +16,8 @@
* under the License. * under the License.
*/ */
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Button, FormGroup, Label, Modal, ModalBody, ModalFooter, ModalHeader, Input} from "reactstrap"; import {Button, FormGroup, Input, Label, Modal, ModalBody, ModalFooter, ModalHeader} from "reactstrap";
import {FormattedMessage} from "react-intl";
/** /**
* Platform view component. * Platform view component.
@ -48,20 +49,30 @@ class PlatformCreate extends Component {
return ( return (
<div> <div>
<Modal isOpen={this.state.open} toggle={this.toggle} id="platform-create-modal" backdrop={'static'}> <Modal isOpen={this.state.open} toggle={this.toggle} id="platform-create-modal" backdrop={'static'}>
<ModalHeader>Create Platform</ModalHeader> <ModalHeader>
<FormattedMessage id="Create.Platform" defaultMessage="Create.Platform"/>
</ModalHeader>
<ModalBody> <ModalBody>
<FormGroup> <FormGroup>
<Label for="platform-name">Name*</Label> <Label for="platform-name">
<FormattedMessage id="Name" defaultMessage="Name"/>*
</Label>
<Input required type="text" name="appName" id="platform-name"/> <Input required type="text" name="appName" id="platform-name"/>
</FormGroup> </FormGroup>
<FormGroup> <FormGroup>
<Label for="platform-description">Description*</Label> <Label for="platform-description">
<FormattedMessage id="Description" defaultMessage="Description"/>*
</Label>
<Input required type="textarea" name="appName" id="platform-description"/> <Input required type="textarea" name="appName" id="platform-description"/>
</FormGroup> </FormGroup>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}>Cancel</Button> <Button className="custom-flat danger-flat" onClick={this.onCancelClick}>
<Button className="custom-raised primary">Create</Button> <FormattedMessage id="Cancel" defaultMessage="Cancel"/>
</Button>
<Button className="custom-raised primary">
<FormattedMessage id="Create" defaultMessage="Create"/>
</Button>
</ModalFooter> </ModalFooter>
</Modal> </Modal>
</div> </div>

Loading…
Cancel
Save