notification & form-erro on setting

This commit is contained in:
bechi 2014-11-13 17:42:41 -03:00
parent cfb29e8e8f
commit ee2f2ffb82
2 changed files with 49 additions and 11 deletions

View File

@ -324,6 +324,7 @@ a:hover {
}
.box-setup {
margin-bottom: 7rem;
padding: 1.3rem;
border-radius: 2px;
background: #FFFFFF;
@ -338,6 +339,29 @@ a:hover {
font-size: 12px;
}
.box-notification {
height: 41px;
position: relative;
font-size: 12px;
width: 70%;
padding: 0.9rem 0.7rem 0.7rem 3rem;
border-radius: 4px;
background: #F2F5F8;
margin: 0 auto;
}
.box-notification .box-icon {
margin-right: 77px;
position: absolute;
top: 0;
left: 0;
color: white;
background-color: #1ABC9C;
padding: 0.5rem;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.last-transactions {
margin-bottom: 2rem;
background-color: #E8EAEF;
@ -1211,21 +1235,22 @@ a:hover .photo-container {
}
.icon-input {
position: absolute;
top: 11px;
right: 20px;
font-size: 16px;
font-size: 9px;
color: #fff;
vertical-align: middle;
margin-right: 3px;
}
.icon-input .fi-check {
padding: .1rem .3rem;
background-color: #1ABC9C;
padding: 0.2rem 0.4rem;
border-radius: 100%;
}
.icon-input .fi-x {
padding: .1rem .3rem;
background-color: #C0392A;
padding: 0.2rem 0.4rem;
border-radius: 100%;
}
.box-status {

View File

@ -7,7 +7,14 @@
<div class="box-setup">
<h1>{{title|translate}}</h1>
<form name="settingsForm">
<div class="box-notification" ng-show="message">
<div class="box-icon">
<i class="fi-check size-24"></i>
</div>
<span class="text-primary size-14">
{{message|translate}}
</span>
</div>
<fieldset>
<legend translate>Language</legend>
<select class="form-control" ng-model="selectedLanguage" ng-options="o.name for o in availableLanguages" required>
@ -15,12 +22,18 @@
</fieldset>
<fieldset>
<legend translate>Insight API server</legend>
<label for="insightLivenet">Livenet</label>
<small translate class="has-error" ng-show="settingsForm.insightLivenet.$invalid">not valid</small>
<label class="left" for="insightLivenet">Livenet</label>
<div translate class="has-error right size-12" ng-show="settingsForm.insightLivenet.$invalid">
<span class="icon-input"><i class="fi-x"></i></span>
Not valid
</div>
<input type="text" ng-model="insightLivenet" class="form-control" name="insightLivenet" valid-url required>
<label for="insightTestnet">Testnet</label>
<small translate class="has-error" ng-show="settingsForm.insightTestnet.$invalid">not valid</small>
<label class="left" for="insightTestnet">Testnet</label>
<div translate class="has-error right size-12" ng-show="settingsForm.insightTestnet.$invalid">
<span class="icon-input"><i class="fi-x"></i></span>
Not valid
</div>
<input type="text" ng-model="insightTestnet" class="form-control" name="insightTestnet" valid-url required>
<div translate class="small">