Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-05 04:55:50 +01:00
Code Issues Packages Projects Releases Activity

Fixed formatting for some of the files

Browse Source
This commit is contained in:
Philipp Czora
2018-10-04 10:16:20 +02:00
parent 676c6f764a
commit 23869bc33a
8 changed files with 54 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
scm-ui-components/packages/ui-components/src/Help.js
View File

@@ -11,7 +11,7 @@ const styles = {
float: "left",
paddingLeft: "3px",
float: "right"
}
}
};
type Props = {
@@ -24,10 +24,14 @@ class Help extends React.Component<Props> {
const { message, classes } = this.props;
const multiline = message.length > 60 ? "is-tooltip-multiline" : "";
return (
<div className={classNames("tooltip is-tooltip-right", multiline, classes.q)}
data-tooltip={message}>
<i className={classNames("fa fa-question has-text-info", classes.img)}></i>
</div>
<div
className={classNames("tooltip is-tooltip-right", multiline, classes.q)}
data-tooltip={message}
>
<i
className={classNames("fa fa-question has-text-info", classes.img)}
/>
</div>
);
}
}

32
scm-ui-components/packages/ui-components/src/LabelWithHelpIcon.js
View File

@@ -1,6 +1,6 @@
//@flow
import React from "react";
import {Help} from "./index";
import { Help } from "./index";
type Props = {
label: string,
@@ -8,7 +8,6 @@ type Props = {
};
class LabelWithHelpIcon extends React.Component<Props> {
renderLabel = () => {
const label = this.props.label;
if (label) {
@@ -19,35 +18,28 @@ class LabelWithHelpIcon extends React.Component<Props> {
renderHelp = () => {
const helpText = this.props.helpText;
if(helpText){
if (helpText) {
return (
<div className="control columns is-vcentered">
<Help message={helpText} />
</div>);
}
else
return null;
</div>
);
} else return null;
};
renderLabelWithHelpIcon = () => {
if(this.props.label){
return(
if (this.props.label) {
return (
<div className="field is-grouped">
<div className="control">
{this.renderLabel()}
<div className="control">{this.renderLabel()}</div>
{this.renderHelp()}
</div>
{this.renderHelp()}
</div>
)
}
else
return null;
);
} else return null;
};
render() {
return (
this.renderLabelWithHelpIcon()
);
return this.renderLabelWithHelpIcon();
}
}

8
scm-ui-components/packages/ui-components/src/forms/AddEntryToTableField.js
View File

@@ -26,7 +26,13 @@ class AddEntryToTableField extends React.Component<Props, State> {
}
render() {
const { disabled, buttonLabel, fieldLabel, errorMessage, helpText} = this.props;
const {
disabled,
buttonLabel,
fieldLabel,
errorMessage,
helpText
} = this.props;
return (
<div className="field">
<InputField

11
scm-ui-components/packages/ui-components/src/forms/Checkbox.js
View File

@@ -1,6 +1,6 @@
//@flow
import React from "react";
import {Help} from "../index";
import { Help } from "../index";
type Props = {
label?: string,
@@ -18,14 +18,13 @@ class Checkbox extends React.Component<Props> {
renderHelp = () => {
const helpText = this.props.helpText;
if(helpText){
if (helpText) {
return (
<div className="control columns is-vcentered">
<Help message={helpText} />
</div>);
}
else
return null;
</div>
);
} else return null;
};
render() {

37
scm-ui-components/packages/ui-components/src/forms/InputField.js
View File

@@ -1,7 +1,7 @@
//@flow
import React from "react";
import classNames from "classnames";
import {LabelWithHelpIcon} from "../index";
import { LabelWithHelpIcon } from "../index";
type Props = {
label?: string,
@@ -64,26 +64,23 @@ class InputField extends React.Component<Props> {
""
);
return (
<div className="field">
<LabelWithHelpIcon
label={label}
helpText={helpText}
<div className="field">
<LabelWithHelpIcon label={label} helpText={helpText} />
<div className="control">
<input
ref={input => {
this.field = input;
}}
className={classNames("input", errorView)}
type={type}
placeholder={placeholder}
value={value}
onChange={this.handleInput}
onKeyPress={this.handleKeyPress}
disabled={disabled}
/>
<div className="control">
<input
ref={input => {
this.field = input;
}}
className={classNames("input", errorView)}
type={type}
placeholder={placeholder}
value={value}
onChange={this.handleInput}
onKeyPress={this.handleKeyPress}
disabled={disabled}
/>
</div>
{helper}
</div>
{helper}
</div>
);
}

7
scm-ui-components/packages/ui-components/src/forms/Select.js
View File

@@ -1,6 +1,6 @@
//@flow
import React from "react";
import {LabelWithHelpIcon} from "../index";
import { LabelWithHelpIcon } from "../index";
export type SelectItem = {
value: string,
@@ -35,10 +35,7 @@ class Select extends React.Component<Props> {
return (
<div className="field">
<LabelWithHelpIcon
label={label}
helpText={helpText}
/>
<LabelWithHelpIcon label={label} helpText={helpText} />
<div className="control select">
<select
ref={input => {

7
scm-ui-components/packages/ui-components/src/forms/Textarea.js
View File

@@ -1,6 +1,6 @@
//@flow
import React from "react";
import {LabelWithHelpIcon} from "../index";
import { LabelWithHelpIcon } from "../index";
export type SelectItem = {
value: string,
@@ -27,10 +27,7 @@ class Textarea extends React.Component<Props> {
return (
<div className="field">
<LabelWithHelpIcon
label={label}
helpText={helpText}
/>
<LabelWithHelpIcon label={label} helpText={helpText} />
<div className="control">
<textarea
className="textarea"

3
scm-ui-components/packages/ui-components/src/index.js
View File

@@ -19,11 +19,8 @@ export { default as ProtectedRoute } from "./ProtectedRoute.js";
export { default as Help } from "./Help.js";
export { default as LabelWithHelpIcon } from "./LabelWithHelpIcon.js";
export { apiClient, NOT_FOUND_ERROR, UNAUTHORIZED_ERROR } from "./apiclient.js";
export * from "./buttons";
export * from "./forms";
export * from "./layout";