tedkulp/Readarr
1
0
Fork 0
mirror of https://github.com/Readarr/Readarr.git synced 2026-04-27 22:56:45 -04:00
Code Issues Projects Releases Wiki Activity

New: UI Updates (Backup Restore in App, Profile Cloning)

Browse Source 
UI Pulls from Sonarr
This commit is contained in:
Qstick
2018-01-14 17:11:37 -05:00
parent 80a5701b99
commit 744742b5ff
80 changed files with 2376 additions and 795 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/Settings/MediaManagement/Naming/NamingModal.js
+50 -12
View File
@@ -21,6 +21,9 @@ class NamingModal extends Component {
constructor(props, context) {
super(props, context);
this._selectionStart = null;
this._selectionEnd = null;
this.state = {
case: 'title'
};
@@ -33,6 +36,40 @@ class NamingModal extends Component {
this.setState({ case: event.value });
}
onInputSelectionChange = (selectionStart, selectionEnd) => {
this._selectionStart = selectionStart;
this._selectionEnd = selectionEnd;
}
onOptionPress = ({ isFullFilename, tokenValue }) => {
const {
name,
value,
onInputChange
} = this.props;
const selectionStart = this._selectionStart;
const selectionEnd = this._selectionEnd;
if (isFullFilename) {
onInputChange({ name, value: tokenValue });
} else if (selectionStart == null) {
onInputChange({
name,
value: `${value}${tokenValue}`
});
} else {
const start = value.substring(0, selectionStart);
const end = value.substring(selectionEnd);
const newValue = `${start}${tokenValue}${end}`;
onInputChange({ name, value: newValue });
this._selectionStart = newValue.length - 1;
this._selectionEnd = newValue.length - 1;
}
}
//
// Render
@@ -188,7 +225,7 @@ class NamingModal extends Component {
isFullFilename={true}
tokenCase={this.state.case}
size={sizes.LARGE}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -210,7 +247,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -234,7 +271,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -255,7 +292,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -281,7 +318,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -302,7 +339,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -323,7 +360,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -350,7 +387,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -371,7 +408,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -392,7 +429,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -413,7 +450,7 @@ class NamingModal extends Component {
token={token}
example={example}
tokenCase={this.state.case}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -435,7 +472,7 @@ class NamingModal extends Component {
example={example}
tokenCase={this.state.case}
size={sizes.LARGE}
onInputChange={onInputChange}
onPress={this.onOptionPress}
/>
);
}
@@ -452,6 +489,7 @@ class NamingModal extends Component {
name={name}
value={value}
onChange={onInputChange}
onSelectionChange={this.onInputSelectionChange}
/>
<Button onPress={onModalClose}>
Close