elm changes on config screen (#173)

* elm changes on config screen

* elm changes on config screen
This commit is contained in:
Fabio Cigliano 2018-09-26 05:59:11 +12:00 committed by Josh Harvey
parent 088f8167ce
commit 6a658c4d36
3 changed files with 144 additions and 53 deletions

View file

@ -27565,6 +27565,12 @@ var _user$project$Css_Admin$className = function ($class) {
return A2(_rtfeldman$elm_css_util$Css_Helpers$identifierToString, _user$project$Css_Admin$name, $class); return A2(_rtfeldman$elm_css_util$Css_Helpers$identifierToString, _user$project$Css_Admin$name, $class);
}; };
var _user$project$Css_Classes$SelectizeOnOff = {ctor: 'SelectizeOnOff'};
var _user$project$Css_Classes$SelectizeCountry = {ctor: 'SelectizeCountry'};
var _user$project$Css_Classes$SelectizeLanguage = {ctor: 'SelectizeLanguage'};
var _user$project$Css_Classes$SelectizeCryptoCurrency = {ctor: 'SelectizeCryptoCurrency'};
var _user$project$Css_Classes$SelectizeFiatCurrency = {ctor: 'SelectizeFiatCurrency'};
var _user$project$Css_Classes$SelectizeAccount = {ctor: 'SelectizeAccount'};
var _user$project$Css_Classes$Textarea = {ctor: 'Textarea'}; var _user$project$Css_Classes$Textarea = {ctor: 'Textarea'};
var _user$project$Css_Classes$BalanceSection = {ctor: 'BalanceSection'}; var _user$project$Css_Classes$BalanceSection = {ctor: 'BalanceSection'};
var _user$project$Css_Classes$CryptoAddress = {ctor: 'CryptoAddress'}; var _user$project$Css_Classes$CryptoAddress = {ctor: 'CryptoAddress'};
@ -28900,9 +28906,9 @@ var _user$project$Selectize$clean = function (s) {
return _elm_lang$core$String$toLower( return _elm_lang$core$String$toLower(
_elm_lang$core$String$trim(s)); _elm_lang$core$String$trim(s));
}; };
var _user$project$Selectize$HtmlOptions = F7( var _user$project$Selectize$HtmlOptions = F8(
function (a, b, c, d, e, f, g) { function (a, b, c, d, e, f, g, h) {
return {instructionsForBlank: a, noMatches: b, typeForMore: c, atMaxLength: d, noOptions: e, notAvailable: f, classes: g}; return {instructionsForBlank: a, noMatches: b, typeForMore: c, atMaxLength: d, noOptions: e, notAvailable: f, classes: g, customCssClass: h};
}); });
var _user$project$Selectize$HtmlClasses = function (a) { var _user$project$Selectize$HtmlClasses = function (a) {
return function (b) { return function (b) {
@ -29332,7 +29338,15 @@ var _user$project$Selectize$view = F5(
_0: h.classes.multiItemContainer, _0: h.classes.multiItemContainer,
_1: _elm_lang$core$Native_Utils.cmp(config.maxItems, 1) > 0 _1: _elm_lang$core$Native_Utils.cmp(config.maxItems, 1) > 0
}, },
_1: {ctor: '[]'} _1: {
ctor: '::',
_0: {
ctor: '_Tuple2',
_0: _user$project$Css_Admin$className(config.htmlOptions.customCssClass),
_1: true
},
_1: {ctor: '[]'}
}
} }
}), }),
_1: {ctor: '[]'} _1: {ctor: '[]'}
@ -30845,33 +30859,81 @@ var _user$project$Css_Selectize$component = _rtfeldman$elm_css$Css$batch(
}), }),
_1: { _1: {
ctor: '::', ctor: '::',
_0: _rtfeldman$elm_css$Css_Elements$input( _0: A2(
_rtfeldman$elm_css$Css$class,
_user$project$Css_Classes$SelectizeLanguage,
{ {
ctor: '::', ctor: '::',
_0: _rtfeldman$elm_css$Css$textAlign(_rtfeldman$elm_css$Css$left), _0: _rtfeldman$elm_css$Css$descendants(
_1: { {
ctor: '::',
_0: A2(_rtfeldman$elm_css$Css$property, 'background-color', 'inherit'),
_1: {
ctor: '::', ctor: '::',
_0: A2( _0: A2(
_rtfeldman$elm_css$Css$padding2, _rtfeldman$elm_css$Css$class,
_rtfeldman$elm_css$Css$px(6), _user$project$Css_Selectize$SelectBox,
_rtfeldman$elm_css$Css$px(2)), {
ctor: '::',
_0: _rtfeldman$elm_css$Css$width(
_rtfeldman$elm_css$Css$px(140)),
_1: {ctor: '[]'}
}),
_1: {ctor: '[]'}
}),
_1: {ctor: '[]'}
}),
_1: {
ctor: '::',
_0: A2(
_rtfeldman$elm_css$Css$class,
_user$project$Css_Classes$SelectizeCryptoCurrency,
{
ctor: '::',
_0: _rtfeldman$elm_css$Css$descendants(
{
ctor: '::',
_0: A2(
_rtfeldman$elm_css$Css$class,
_user$project$Css_Selectize$SelectBox,
{
ctor: '::',
_0: _rtfeldman$elm_css$Css$width(
_rtfeldman$elm_css$Css$px(150)),
_1: {ctor: '[]'}
}),
_1: {ctor: '[]'}
}),
_1: {ctor: '[]'}
}),
_1: {
ctor: '::',
_0: _rtfeldman$elm_css$Css_Elements$input(
{
ctor: '::',
_0: _rtfeldman$elm_css$Css$textAlign(_rtfeldman$elm_css$Css$left),
_1: { _1: {
ctor: '::', ctor: '::',
_0: _rtfeldman$elm_css$Css$width( _0: A2(_rtfeldman$elm_css$Css$property, 'background-color', 'inherit'),
_rtfeldman$elm_css$Css$em(6)),
_1: { _1: {
ctor: '::', ctor: '::',
_0: _rtfeldman$elm_css$Css$cursor(_rtfeldman$elm_css$Css$default), _0: A2(
_1: {ctor: '[]'} _rtfeldman$elm_css$Css$padding2,
_rtfeldman$elm_css$Css$px(6),
_rtfeldman$elm_css$Css$px(2)),
_1: {
ctor: '::',
_0: _rtfeldman$elm_css$Css$width(
_rtfeldman$elm_css$Css$em(6)),
_1: {
ctor: '::',
_0: _rtfeldman$elm_css$Css$cursor(_rtfeldman$elm_css$Css$default),
_1: {ctor: '[]'}
}
}
} }
} }
} }),
} _1: {ctor: '[]'}
}), }
_1: {ctor: '[]'} }
} }
} }
} }
@ -30922,16 +30984,16 @@ var _user$project$SelectizeHelper$buildConfig = F2(
selectedDisplay: specificConfig.selectedDisplay, selectedDisplay: specificConfig.selectedDisplay,
optionDisplay: specificConfig.optionDisplay, optionDisplay: specificConfig.optionDisplay,
match: specificConfig.match, match: specificConfig.match,
htmlOptions: {instructionsForBlank: 'Start typing for options', noMatches: 'No matches', atMaxLength: 'Type backspace to edit', typeForMore: 'Type for more options', noOptions: 'No options', notAvailable: 'N/A', classes: _user$project$Css_Selectize$classes} htmlOptions: {instructionsForBlank: 'Start typing for options', noMatches: 'No matches', atMaxLength: 'Type backspace to edit', typeForMore: 'Type for more options', noOptions: 'No options', notAvailable: 'N/A', classes: _user$project$Css_Selectize$classes, customCssClass: specificConfig.customCssClass}
}; };
}); });
var _user$project$SelectizeHelper$LocalConfig = F7( var _user$project$SelectizeHelper$LocalConfig = F7(
function (a, b, c, d, e, f, g) { function (a, b, c, d, e, f, g) {
return {toMsg: a, onAdd: b, onRemove: c, onFocus: d, onBlur: e, toId: f, enabled: g}; return {toMsg: a, onAdd: b, onRemove: c, onFocus: d, onBlur: e, toId: f, enabled: g};
}); });
var _user$project$SelectizeHelper$SpecificConfig = F4( var _user$project$SelectizeHelper$SpecificConfig = F5(
function (a, b, c, d) { function (a, b, c, d, e) {
return {selectedDisplay: a, optionDisplay: b, maxItems: c, match: d}; return {selectedDisplay: a, optionDisplay: b, maxItems: c, match: d, customCssClass: e};
}); });
var _user$project$FuzzyMatch$clean = function (s) { var _user$project$FuzzyMatch$clean = function (s) {
@ -31103,8 +31165,8 @@ var _user$project$Config$updateSelectize = F3(
return _elm_lang$core$Native_Utils.crashCase( return _elm_lang$core$Native_Utils.crashCase(
'Config', 'Config',
{ {
start: {line: 1549, column: 17}, start: {line: 1555, column: 17},
end: {line: 1554, column: 56} end: {line: 1560, column: 56}
}, },
_p4)('Shouldn\'t be here'); _p4)('Shouldn\'t be here');
} }
@ -31300,8 +31362,8 @@ var _user$project$Config$isField = function (fieldValue) {
return _elm_lang$core$Native_Utils.crashCase( return _elm_lang$core$Native_Utils.crashCase(
'Config', 'Config',
{ {
start: {line: 1223, column: 5}, start: {line: 1229, column: 5},
end: {line: 1228, column: 59} end: {line: 1234, column: 59}
}, },
_p12)('Referenced field must be boolean'); _p12)('Referenced field must be boolean');
} }
@ -31537,7 +31599,8 @@ var _user$project$Config$onOffSelectizeView = F6(
optionDisplay: function (_) { optionDisplay: function (_) {
return _.display; return _.display;
}, },
match: _user$project$FuzzyMatch$match match: _user$project$FuzzyMatch$match,
customCssClass: _user$project$Css_Classes$SelectizeOnOff
}; };
return A5( return A5(
_user$project$Selectize$view, _user$project$Selectize$view,
@ -31562,7 +31625,8 @@ var _user$project$Config$countrySelectizeView = F6(
optionDisplay: function (_) { optionDisplay: function (_) {
return _.display; return _.display;
}, },
match: _user$project$FuzzyMatch$match match: _user$project$FuzzyMatch$match,
customCssClass: _user$project$Css_Classes$SelectizeCountry
}; };
return A5( return A5(
_user$project$Selectize$view, _user$project$Selectize$view,
@ -31586,8 +31650,8 @@ var _user$project$Config$languageSelectizeView = F6(
return _elm_lang$core$Native_Utils.crashCase( return _elm_lang$core$Native_Utils.crashCase(
'Config', 'Config',
{ {
start: {line: 588, column: 21}, start: {line: 592, column: 21},
end: {line: 593, column: 60} end: {line: 597, column: 60}
}, },
_p18)('Shouldn\'t be here'); _p18)('Shouldn\'t be here');
} }
@ -31597,14 +31661,15 @@ var _user$project$Config$languageSelectizeView = F6(
var fallbackIds = toList(maybeFallbackFieldValue); var fallbackIds = toList(maybeFallbackFieldValue);
var availableItems = model.configGroup.data.languages; var availableItems = model.configGroup.data.languages;
var specificConfig = { var specificConfig = {
maxItems: 5, maxItems: 4,
selectedDisplay: function (_) { selectedDisplay: function (_) {
return _.code; return _.code;
}, },
optionDisplay: function (_) { optionDisplay: function (_) {
return _.display; return _.display;
}, },
match: _user$project$FuzzyMatch$match match: _user$project$FuzzyMatch$match,
customCssClass: _user$project$Css_Classes$SelectizeLanguage
}; };
return A5( return A5(
_user$project$Selectize$view, _user$project$Selectize$view,
@ -31628,8 +31693,8 @@ var _user$project$Config$cryptoCurrencySelectizeView = F6(
return _elm_lang$core$Native_Utils.crashCase( return _elm_lang$core$Native_Utils.crashCase(
'Config', 'Config',
{ {
start: {line: 542, column: 21}, start: {line: 545, column: 21},
end: {line: 547, column: 60} end: {line: 550, column: 60}
}, },
_p21)('Shouldn\'t be here'); _p21)('Shouldn\'t be here');
} }
@ -31645,14 +31710,15 @@ var _user$project$Config$cryptoCurrencySelectizeView = F6(
}; };
var availableItems = A2(_elm_lang$core$List$map, toDisplay, model.configGroup.data.cryptoCurrencies); var availableItems = A2(_elm_lang$core$List$map, toDisplay, model.configGroup.data.cryptoCurrencies);
var specificConfig = { var specificConfig = {
maxItems: 5, maxItems: 6,
selectedDisplay: function (_) { selectedDisplay: function (_) {
return _.code; return _.code;
}, },
optionDisplay: function (_) { optionDisplay: function (_) {
return _.display; return _.display;
}, },
match: _user$project$FuzzyMatch$match match: _user$project$FuzzyMatch$match,
customCssClass: _user$project$Css_Classes$SelectizeCryptoCurrency
}; };
return A5( return A5(
_user$project$Selectize$view, _user$project$Selectize$view,
@ -31677,7 +31743,8 @@ var _user$project$Config$fiatCurrencySelectizeView = F6(
optionDisplay: function (_) { optionDisplay: function (_) {
return _.display; return _.display;
}, },
match: _user$project$FuzzyMatch$match match: _user$project$FuzzyMatch$match,
customCssClass: _user$project$Css_Classes$SelectizeFiatCurrency
}; };
return A5( return A5(
_user$project$Selectize$view, _user$project$Selectize$view,
@ -31720,7 +31787,8 @@ var _user$project$Config$accountSelectizeView = F6(
optionDisplay: function (_) { optionDisplay: function (_) {
return _.display; return _.display;
}, },
match: _user$project$FuzzyMatch$match match: _user$project$FuzzyMatch$match,
customCssClass: _user$project$Css_Classes$SelectizeAccount
}; };
return A5( return A5(
_user$project$Selectize$view, _user$project$Selectize$view,
@ -32166,8 +32234,8 @@ var _user$project$Config$selectizeView = F6(
return _elm_lang$core$Native_Utils.crashCase( return _elm_lang$core$Native_Utils.crashCase(
'Config', 'Config',
{ {
start: {line: 674, column: 13}, start: {line: 679, column: 13},
end: {line: 724, column: 56} end: {line: 729, column: 56}
}, },
_p37)('Not a Selectize field'); _p37)('Not a Selectize field');
} }
@ -37642,35 +37710,44 @@ var _user$project$NavBar$view = F2(
ctor: '::', ctor: '::',
_0: { _0: {
ctor: '_Tuple3', ctor: '_Tuple3',
_0: 'Kraken', _0: 'Infura',
_1: _user$project$CoreTypes$AccountRoute('kraken'), _1: _user$project$CoreTypes$AccountRoute('infura'),
_2: true _2: true
}, },
_1: { _1: {
ctor: '::', ctor: '::',
_0: { _0: {
ctor: '_Tuple3', ctor: '_Tuple3',
_0: 'Mailjet', _0: 'Kraken',
_1: _user$project$CoreTypes$AccountRoute('mailjet'), _1: _user$project$CoreTypes$AccountRoute('kraken'),
_2: true _2: true
}, },
_1: { _1: {
ctor: '::', ctor: '::',
_0: { _0: {
ctor: '_Tuple3', ctor: '_Tuple3',
_0: 'Strike', _0: 'Mailjet',
_1: _user$project$CoreTypes$AccountRoute('strike'), _1: _user$project$CoreTypes$AccountRoute('mailjet'),
_2: true _2: true
}, },
_1: { _1: {
ctor: '::', ctor: '::',
_0: { _0: {
ctor: '_Tuple3', ctor: '_Tuple3',
_0: 'Twilio', _0: 'Strike',
_1: _user$project$CoreTypes$AccountRoute('twilio'), _1: _user$project$CoreTypes$AccountRoute('strike'),
_2: true _2: true
}, },
_1: {ctor: '[]'} _1: {
ctor: '::',
_0: {
ctor: '_Tuple3',
_0: 'Twilio',
_1: _user$project$CoreTypes$AccountRoute('twilio'),
_2: true
},
_1: {ctor: '[]'}
}
} }
} }
} }
@ -38897,7 +38974,7 @@ var _user$project$Transaction_View$cashOutTxView = function (tx) {
}); });
}; };
var _user$project$Transaction_View$cashInTxView = function (tx) { var _user$project$Transaction_View$cashInTxView = function (tx) {
var error = A2(_elm_lang$core$Maybe$withDefault, 'Successfull', tx.error); var error = A2(_elm_lang$core$Maybe$withDefault, 'Successful', tx.error);
var cancellable = !(tx.operatorCompleted || (tx.sendConfirmed || tx.expired)); var cancellable = !(tx.operatorCompleted || (tx.sendConfirmed || tx.expired));
var cancelButtonDiv = cancellable ? A2( var cancelButtonDiv = cancellable ? A2(
_elm_lang$html$Html$div, _elm_lang$html$Html$div,

View file

@ -12539,6 +12539,12 @@ var _user$project$Css_Admin$className = function ($class) {
return A2(_rtfeldman$elm_css_util$Css_Helpers$identifierToString, _user$project$Css_Admin$name, $class); return A2(_rtfeldman$elm_css_util$Css_Helpers$identifierToString, _user$project$Css_Admin$name, $class);
}; };
var _user$project$Css_Classes$SelectizeOnOff = {ctor: 'SelectizeOnOff'};
var _user$project$Css_Classes$SelectizeCountry = {ctor: 'SelectizeCountry'};
var _user$project$Css_Classes$SelectizeLanguage = {ctor: 'SelectizeLanguage'};
var _user$project$Css_Classes$SelectizeCryptoCurrency = {ctor: 'SelectizeCryptoCurrency'};
var _user$project$Css_Classes$SelectizeFiatCurrency = {ctor: 'SelectizeFiatCurrency'};
var _user$project$Css_Classes$SelectizeAccount = {ctor: 'SelectizeAccount'};
var _user$project$Css_Classes$Textarea = {ctor: 'Textarea'}; var _user$project$Css_Classes$Textarea = {ctor: 'Textarea'};
var _user$project$Css_Classes$BalanceSection = {ctor: 'BalanceSection'}; var _user$project$Css_Classes$BalanceSection = {ctor: 'BalanceSection'};
var _user$project$Css_Classes$CryptoAddress = {ctor: 'CryptoAddress'}; var _user$project$Css_Classes$CryptoAddress = {ctor: 'CryptoAddress'};

View file

@ -380,6 +380,14 @@ p {
color: #5f5f56; color: #5f5f56;
} }
.lamassuAdminConfigTable .lamassuAdminSelectizeContainer .lamassuAdminSelectizeLanguage .lamassuAdminSelectBox {
width: 140px;
}
.lamassuAdminConfigTable .lamassuAdminSelectizeContainer .lamassuAdminSelectizeCryptoCurrency .lamassuAdminSelectBox {
width: 150px;
}
.lamassuAdminConfigTable .lamassuAdminSelectizeContainer input { .lamassuAdminConfigTable .lamassuAdminSelectizeContainer input {
text-align: left; text-align: left;
background-color: inherit; background-color: inherit;