forked from vergnet/application-amicale
Added colors depending on stock quantity for proximo
This commit is contained in:
parent
fd0d896709
commit
b7ef071565
1 changed files with 14 additions and 1 deletions
|
@ -132,6 +132,17 @@ export default class ProximoListScreen extends React.Component<Props, State> {
|
||||||
this.setSortMode(this.state.currentSortMode, this.state.isSortReversed);
|
this.setSortMode(this.state.currentSortMode, this.state.isSortReversed);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
getStockColor(availableStock: number) {
|
||||||
|
let color : string;
|
||||||
|
if (availableStock > 3)
|
||||||
|
color = ThemeManager.getCurrentThemeVariables().brandSuccess;
|
||||||
|
else if (availableStock > 0)
|
||||||
|
color = ThemeManager.getCurrentThemeVariables().brandWarning;
|
||||||
|
else
|
||||||
|
color = ThemeManager.getCurrentThemeVariables().brandDanger;
|
||||||
|
return color;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Set the sort menu icon based on the given mode.
|
* Set the sort menu icon based on the given mode.
|
||||||
*
|
*
|
||||||
|
@ -221,7 +232,9 @@ export default class ProximoListScreen extends React.Component<Props, State> {
|
||||||
<Text style={{marginLeft: 20}}>
|
<Text style={{marginLeft: 20}}>
|
||||||
{item.name}
|
{item.name}
|
||||||
</Text>
|
</Text>
|
||||||
<Text note style={{marginLeft: 20}}>
|
<Text note style={{
|
||||||
|
marginLeft: 20,
|
||||||
|
color: this.getStockColor(parseInt(item.quantity))}}>
|
||||||
{item.quantity + ' ' + i18n.t('proximoScreen.inStock')}
|
{item.quantity + ' ' + i18n.t('proximoScreen.inStock')}
|
||||||
</Text>
|
</Text>
|
||||||
</Body>
|
</Body>
|
||||||
|
|
Loading…
Reference in a new issue