ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-11-13 08:38:43 +03:00
Code Issues Packages Projects Releases Wiki Activity

link: submit color on blur

Browse Source
This commit is contained in:
Matilde Park 2020-03-13 10:41:18 -04:00
parent 788f8013c7
commit d016199ed7
1 changed files with 38 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
pkg/interface/link/src/js/components/settings.js
View File

@ -22,6 +22,7 @@ export class SettingsScreen extends Component {
this.changeTitle = this.changeTitle.bind(this);
this.changeDescription = this.changeDescription.bind(this);
this.changeColor = this.changeColor.bind(this);
this.submitColor = this.submitColor.bind(this);
this.renderDelete = this.renderDelete.bind(this);
this.renderMetadataSettings = this.renderMetadataSettings.bind(this);
}
@ -56,41 +57,6 @@ export class SettingsScreen extends Component {
color: `#${uxToHex(this.props.resource.metadata.color || '0x0')}`
});
}
if (state.color !== prevState.color) {
const { resource } = props;
if (!("metadata" in resource)) {
resource.metadata = {};
}
//submit color if valid
let color = state.color;
if (color.startsWith("#")) {
color = state.color.substr(1);
}
let hexExp = /([0-9A-Fa-f]{6})/
let hexTest = hexExp.exec(color);
let currentColor = "000000";
if (props.resource && "metadata" in props.resource) {
currentColor = uxToHex(props.resource.metadata.color);
}
if (hexTest && (hexTest[1] !== currentColor)) {
if (props.amOwner) {
api.setSpinner(true);
api.metadataAdd(
props.resourcePath,
props.groupPath,
resource.metadata.title,
resource.metadata.description,
resource.metadata['date-created'],
color
).then(() => {
api.setSpinner(false);
});
}
}
}
}
changeTitle() {
@ -105,6 +71,42 @@ export class SettingsScreen extends Component {
this.setState({color: event.target.value});
}
submitColor() {
const { props, state } = this;
const { resource } = props;
if (!("metadata" in resource)) {
resource.metadata = {};
}
//submit color if valid
let color = state.color;
if (color.startsWith("#")) {
color = state.color.substr(1);
}
let hexExp = /([0-9A-Fa-f]{6})/
let hexTest = hexExp.exec(color);
let currentColor = "000000";
if (props.resource && "metadata" in props.resource) {
currentColor = uxToHex(props.resource.metadata.color);
}
if (hexTest && (hexTest[1] !== currentColor)) {
if (props.amOwner) {
api.setSpinner(true);
api.metadataAdd(
props.resourcePath,
props.groupPath,
resource.metadata.title,
resource.metadata.description,
resource.metadata['date-created'],
color
).then(() => {
api.setSpinner(false);
});
}
}
}
deleteCollection() {
const { props, state } = this;
@ -225,6 +227,7 @@ export class SettingsScreen extends Component {
value={this.state.color}
disabled={!props.amOwner}
onChange={this.changeColor}
onBlur={this.submitColor}
/>
</div>
</div>