BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add new icon on sections

This commit is contained in:
bechi 2014-11-28 16:27:21 -03:00
parent 59bd722c76
commit e8be5814d4
11 changed files with 144 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
css/src/icons.css
View File

@ -50,33 +50,78 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-trash:before {
content: "\e626";
}
.icon-history:before {
content: "\e623";
}
.icon-reference:before {
content: "\e621";
}
.icon-bell:before {
content: "\e61c";
}
.icon-receive:before { .icon-receive:before {
content: "\e625";
}
.icon-wrench:before {
content: "\e61d";
}
.icon-download:before {
content: "\e61e";
}
.icon-upload:before {
content: "\e61f";
}
.icon-power:before {
content: "\e620";
}
.icon-forward:before {
content: "\e624";
}
.icon-wallet:before {
content: "\e622";
}
.icon-compose:before {
content: "\e610";
}
.icon-contact:before {
content: "\e611";
}
.icon-email:before {
content: "\e612";
}
.icon-gear:before {
content: "\e613"; content: "\e613";
} }
.icon-home:before {
content: "\e614";
}
.icon-locked:before {
content: "\e615";
}
.icon-paperplane:before {
content: "\e617";
}
.icon-people:before {
content: "\e618";
}
.icon-person:before {
content: "\e619";
}
.icon-pricetag:before {
content: "\e61a";
}
.icon-pricetags:before {
content: "\e61b";
}
.icon-bitcoin:before { .icon-bitcoin:before {
content: "\e60f"; content: "\e60f";
} }
.icon-history:before {
content: "\e610";
}
.icon-home:before {
content: "\e611";
}
.icon-label:before {
content: "\e612";
}
.icon-send:before {
content: "\e614";
}
.icon-setting:before {
content: "\e615";
}
.icon-usd:before { .icon-usd:before {
content: "\e616"; content: "\e616";
} }
.icon-wallet:before {
content: "\e617";
}
.icon-arrow-left:before { .icon-arrow-left:before {
content: "\e600"; content: "\e600";
} }

10
css/src/main.css
View File

@ -159,10 +159,12 @@ header .alt-currency {
.head .menu ul li a { .head .menu ul li a {
display: block; display: block;
padding: 5px 10px; padding: 5px 10px;
color: #8597A7;
} }
.head .menu ul li a:hover { .head .menu ul li a:hover {
background-color: #fff; background-color: #F8F8FB;
color: #2C3E50;
} }
.col1 { .col1 {
@ -1305,10 +1307,10 @@ a:hover .photo-container {
.input i { .input i {
position: absolute; position: absolute;
top: 25%; top: 10px;
left: 10px; left: 10px;
font-size: 18px; font-size: 20px;
color: #CAD2DB; color: #7A8C9E;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
padding-right: 8px; padding-right: 8px;
border-right: 1px solid #E5E8EB; border-right: 1px solid #E5E8EB;

10
js/controllers/sidebar.js
View File

@ -4,23 +4,23 @@ angular.module('copayApp.controllers').controller('SidebarController', function(
$scope.menu = [{ $scope.menu = [{
'title': 'Home', 'title': 'Home',
'icon': 'fi-home', 'icon': 'icon-home',
'link': 'homeWallet' 'link': 'homeWallet'
}, { }, {
'title': 'Receive', 'title': 'Receive',
'icon': 'fi-download', 'icon': 'icon-receive',
'link': 'receive' 'link': 'receive'
}, { }, {
'title': 'Send', 'title': 'Send',
'icon': 'fi-arrow-right', 'icon': 'icon-paperplane',
'link': 'send' 'link': 'send'
}, { }, {
'title': 'History', 'title': 'History',
'icon': 'fi-clipboard-pencil', 'icon': 'icon-history',
'link': 'history' 'link': 'history'
}, { }, {
'title': 'Settings', 'title': 'Settings',
'icon': 'fi-widget', 'icon': 'icon-gear',
'link': 'more' 'link': 'more'
}]; }];

10
views/createProfile.html
View File

@ -41,7 +41,7 @@
<div class="input"> <div class="input">
<input type="email" ng-model="email" class="form-control fi-email" <input type="email" ng-model="email" class="form-control fi-email"
name="email" placeholder="Email" required auto-focus> name="email" placeholder="Email" required auto-focus>
<i class="fi-mail"></i> <i class="icon-email"></i>
</div> </div>
<label for="insightLivenet">Password</label> <label for="insightLivenet">Password</label>
@ -49,7 +49,7 @@
<input id="password" type="password" ng-model="$parent.password" <input id="password" type="password" ng-model="$parent.password"
class="form-control" name="password" placeholder="{{'Choose a password'|translate}}" check-strength="passwordStrength" class="form-control" name="password" placeholder="{{'Choose a password'|translate}}" check-strength="passwordStrength"
tooltip-html-unsafe="Password strength: <b>{{passwordStrength}}</b><br/><span class='size-12'>Tip: Use lower and uppercase, numbers and symbols</span>" tooltip-trigger="focus" required tooltip-placement="right"> tooltip-html-unsafe="Password strength: <b>{{passwordStrength}}</b><br/><span class='size-12'>Tip: Use lower and uppercase, numbers and symbols</span>" tooltip-trigger="focus" required tooltip-placement="right">
<i class="fi-lock"></i> <i class="icon-locked"></i>
</div> </div>
<div class="row"> <div class="row">
@ -67,7 +67,7 @@
class="input form-control" name="repeatpassword" class="input form-control" name="repeatpassword"
placeholder="{{'Repeat password'|translate}}" placeholder="{{'Repeat password'|translate}}"
match="password" required> match="password" required>
<i class="fi-lock"></i> <i class="icon-locked"></i>
</div> </div>
<button translate type="submit" class="button primary radius expand m0" <button translate type="submit" class="button primary radius expand m0"
@ -78,13 +78,13 @@
<div class="box-setup-footer"> <div class="box-setup-footer">
<div class="left"> <div class="left">
<a class="text-gray" href="#!/"> <a class="text-gray" href="#!/">
<i class="fi-arrow-left"></i> <i class="icon-arrow-left4"></i>
<span translate>Back</span> <span translate>Back</span>
</a> </a>
</div> </div>
<div class="right"> <div class="right">
<a class="right size-12 text-gray" href="#!/settings"> <a class="right size-12 text-gray" href="#!/settings">
<i class="fi-wrench"></i> <i class="icon-wrench"></i>
<span translate>Settings</span> <span translate>Settings</span>
</a> </a>
</div> </div>

10
views/home.html
View File

@ -59,12 +59,12 @@
<div class="input"> <div class="input">
<input type="email" ng-model="email" class="form-control" <input type="email" ng-model="email" class="form-control"
name="email" placeholder="Email" required auto-focus> name="email" placeholder="Email" required auto-focus>
<i class="fi-mail"></i> <i class="icon-email"></i>
</div> </div>
<div class="input"> <div class="input">
<input type="password" ng-model="password" class="form-control" <input type="password" ng-model="password" class="form-control"
name="password" placeholder="Password" required> name="password" placeholder="Password" required>
<i class="fi-lock"></i> <i class="icon-locked"></i>
</div> </div>
<button translate type="submit" class="button primary radius expand m0" <button translate type="submit" class="button primary radius expand m0"
@ -75,19 +75,19 @@
<div class="box-setup-footer"> <div class="box-setup-footer">
<div class="left m10r"> <div class="left m10r">
<a class="button-setup text-gray" href="#!/createProfile"> <a class="button-setup text-gray" href="#!/createProfile">
<i class="fi-torso"></i> <i class="icon-person"></i>
<span translate>Create a profile</span> <span translate>Create a profile</span>
</a> </a>
</div> </div>
<div class="left"> <div class="left">
<a class="button-setup text-gray" href="#!/importProfile"> <a class="button-setup text-gray" href="#!/importProfile">
<i class="fi-upload"></i> <i class="icon-upload"></i>
<span translate>Import a profile</span> <span translate>Import a profile</span>
</a> </a>
</div> </div>
<div class="right m10t"> <div class="right m10t">
<a class="text-gray" href="#!/settings"> <a class="text-gray" href="#!/settings">
<i class="fi-wrench"></i> <i class="icon-wrench"></i>
<span translate>Settings</span> <span translate>Settings</span>
</a> </a>
</div> </div>

2
views/import.html
View File

@ -54,7 +54,7 @@
</label> </label>
<div class="input"> <div class="input">
<input type="password" class="form-control" placeholder="{{'Your wallet password'|translate}}" name="password" ng-model="password" required> <input type="password" class="form-control" placeholder="{{'Your wallet password'|translate}}" name="password" ng-model="password" required>
<i class="fi-lock"></i> <i class="icon-locked"></i>
</div> </div>
<div class="line-dashed-h m10b m20t"></div> <div class="line-dashed-h m10b m20t"></div>

9
views/importProfile.html
View File

@ -44,9 +44,10 @@
ng-model="backupText" ng-model="backupText"
rows="5"></textarea> rows="5"></textarea>
</div> </div>
<div class="input">
<input type="password" class="form-control" <input type="password" class="form-control" placeholder="{{'Your wallet password'|translate}}" name="password" ng-model="password" required>
placeholder="{{'Your wallet password'|translate}}" name="password" ng-model="password" required> <i class="icon-locked"></i>
</div>
<button translate type="submit" <button translate type="submit"
class="button primary radius expand m0" class="button primary radius expand m0"
@ -56,7 +57,7 @@
</form> </form>
<div class="box-setup-footer"> <div class="box-setup-footer">
<a class="text-gray" href="#!/"> <a class="text-gray" href="#!/">
<i class="fi-arrow-left"></i> <i class="icon-arrow-left4"></i>
<span translate>Back</span> <span translate>Back</span>
</a> </a>
</div> </div>

24
views/includes/head.html
View File

@ -21,21 +21,21 @@
<img gravatar-src="'{{username}}'" gravatar-size="35"> <img gravatar-src="'{{username}}'" gravatar-size="35">
</div> </div>
<span class="m15t">{{username}} </span> <span class="m15t">{{username}} </span>
<i class="icon-arrow-down size-16 vm"></i> <i class="icon-arrow-down2 size-16 vm"></i>
</a> </a>
<ul ng-show="hoverMenu" ng-class="{'hover': hoverMenu}"> <ul ng-show="hoverMenu" class="size-16 text-gray" ng-class="{'hover': hoverMenu}">
<li> <li>
<a class="text-gray size-16" href="#!/create" title="Create new wallet"> <a href="#!/create" title="Create new wallet">
<i class="fi-plus m10r"></i> {{'Create new wallet'|translate}}</a></li> <i class="fi-plus size-18 m10r"></i> {{'Create new wallet'|translate}}</a></li>
<li><a class="text-gray size-16" href="#!/join" title="Join shared wallet"> <li><a href="#!/join" title="Join shared wallet">
<i class="fi-torsos-all m10r"></i> {{'Join shared wallet'|translate}}</a></li> <i class="icon-people size-18 m10r"></i> {{'Join shared wallet'|translate}}</a></li>
<li><a class="text-gray size-16" href="#!/import" title="Import wallet"> <li><a href="#!/import" title="Import wallet">
<i class="fi-download m10r"></i> {{'Import wallet'|translate}}</a></li> <i class="icon-download size-18 m10r"></i> {{'Import wallet'|translate}}</a></li>
<li class="divider"></li> <li class="divider"></li>
<li><a class="text-gray size-16" href="#!/profile" title="Profile"> <li><a href="#!/profile" title="Profile">
<i class="fi-torso m10r"></i> {{'Profile'|translate}}</a></li> <i class="icon-person size-18 m10r"></i> {{'Profile'|translate}}</a></li>
<li><a class="text-gray size-16" href="#!/" title="Close" ng-click="signout()"> <li><a href="#!/" title="Close" ng-click="signout()">
<i class="fi-power m10r"></i> {{'Close'|translate}}</a></li> <i class="icon-power size-18 m10r"></i> {{'Close'|translate}}</a></li>
</ul> </ul>
</div> </div>

31
views/modals/address-book.html
View File

@ -1,21 +1,28 @@
<h2 translate>Address Book</h2> <h2 translate>Address Book</h2>
<form class="m0" name="addressBookForm" ng-submit="submitAddressBook(addressBookForm)" novalidate> <form class="m0" name="addressBookForm" ng-submit="submitAddressBook(addressBookForm)" novalidate>
<label for="newaddress" class="left"><span translate>Address</span> <div class="row collapse">
<small translate ng-hide="!addressBookForm.newaddress.$pristine || newaddress">Required</small> <label for="newaddress" class="left"><span translate>Address</span>
</label> <small translate ng-hide="!addressBookForm.newaddress.$pristine || newaddress">Required</small>
<span translate class="has-error right size-12" ng-show="addressBookForm.newaddress.$invalid && newaddress"> </label>
<span class="icon-input"><i class="fi-x"></i></span> <span translate class="has-error right size-12" ng-show="addressBookForm.newaddress.$invalid && newaddress">
Not valid <span class="icon-input"><i class="fi-x"></i></span>
</span> Not valid
<small class="icon-input right" ng-show="!addressBookForm.newaddress.$invalid && newaddress"><i class="fi-check"></i></small> </span>
<small class="icon-input right" ng-show="!addressBookForm.newaddress.$invalid && newaddress"><i class="fi-check"></i></small>
<input type="text" id="newaddress" name="newaddress" ng-disabled="loading" </div>
<div class="input">
<input type="text" id="newaddress" name="newaddress" ng-disabled="loading"
placeholder="{{'Address'|translate}}" ng-model="newaddress" valid-address required> placeholder="{{'Address'|translate}}" ng-model="newaddress" valid-address required>
<i class="fi-address-book"></i>
</div>
<label for="newlabel"><span translate>Label</span> <label for="newlabel"><span translate>Label</span>
<small translate ng-hide="!addressBookForm.newlabel.$pristine || newlabel">Required</small> <small translate ng-hide="!addressBookForm.newlabel.$pristine || newlabel">Required</small>
<input type="text" id="newlabel" name="newlabel" ng-disabled="loading" <div class="input">
placeholder="{{'Label'|translate}}" ng-model="newlabel" required> <input type="text" id="newlabel" name="newlabel" ng-disabled="loading"
placeholder="{{'Label'|translate}}" ng-model="newlabel" required>
<i class="icon-pricetag"></i>
</div>
</label> </label>
<a translate class="m0 button warning small default" ng-click="cancel()">Cancel</a> <a translate class="m0 button warning small default" ng-click="cancel()">Cancel</a>
<input type="submit" class="m0 button small primary right" <input type="submit" class="m0 button small primary right"

6
views/send.html
View File

@ -90,7 +90,7 @@
name="amount" placeholder="{{'Amount'|translate}}" ng-model="amount" name="amount" placeholder="{{'Amount'|translate}}" ng-model="amount"
min="0.00000001" max="10000000000" valid-amount required min="0.00000001" max="10000000000" valid-amount required
autocomplete="off"> autocomplete="off">
<i class="fi-bitcoin"></i> <i class="icon-bitcoin"></i>
</div> </div>
<a class="small input-note" title="{{'Send all funds'|translate}}" <a class="small input-note" title="{{'Send all funds'|translate}}"
ng-show="topAmount && (!$root.merchant || +$root.merchant.total === 0)" ng-show="topAmount && (!$root.merchant || +$root.merchant.total === 0)"
@ -111,7 +111,7 @@
<input type="number" id="alternative_amount" <input type="number" id="alternative_amount"
ng-disabled="loading || !isRateAvailable || ($root.merchant && +$root.merchant.total > 0)" ng-disabled="loading || !isRateAvailable || ($root.merchant && +$root.merchant.total > 0)"
name="alternative" placeholder="{{'Amount'|translate}}" ng-model="alternative"requiredautocomplete="off"> name="alternative" placeholder="{{'Amount'|translate}}" ng-model="alternative"requiredautocomplete="off">
<i class="fi-dollar"></i> <i class="icon-usd"></i>
</div> </div>
</div> </div>
<div class="small-3 columns"> <div class="small-3 columns">
@ -165,7 +165,7 @@
<div class="input"> <div class="input">
<textarea id="comment" ng-disabled="loading" <textarea id="comment" ng-disabled="loading"
name="comment" placeholder="{{(wallet.isShared() ? 'Leave a private message to your copayers' : 'Add a private comment to identify the transaction') |translate}}" ng-model="commentText" ng-maxlength="100"></textarea> name="comment" placeholder="{{(wallet.isShared() ? 'Leave a private message to your copayers' : 'Add a private comment to identify the transaction') |translate}}" ng-model="commentText" ng-maxlength="100"></textarea>
<i class="fi-page-edit"></i> <i class="icon-compose"></i>
</div> </div>
</div> </div>
</div> </div>

28
views/settings.html
View File

@ -22,19 +22,29 @@
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend translate>Insight API server</legend> <legend translate>Insight API server</legend>
<label class="left" for="insightLivenet">Livenet</label> <div class="row collapse">
<label class="left" for="insightLivenet">Livenet</label>
<div translate class="has-error right size-12" ng-show="settingsForm.insightLivenet.$invalid"> <div translate class="has-error right size-12" ng-show="settingsForm.insightLivenet.$invalid">
<span class="icon-input"><i class="fi-x"></i></span> <span class="icon-input"><i class="fi-x"></i></span>
Not valid Not valid
</div> </div>
<input type="text" ng-model="insightLivenet" class="form-control" name="insightLivenet" valid-url required>
<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> </div>
<input type="text" ng-model="insightTestnet" class="form-control" name="insightTestnet" valid-url required> <div class="input">
<input type="text" ng-model="insightLivenet" class="form-control" name="insightLivenet" valid-url required>
<i class="fi-link"></i>
</div>
<div class="row collapse">
<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>
</div>
<div class="input">
<input type="text" ng-model="insightTestnet" class="form-control" name="insightTestnet" valid-url required>
<i class="fi-link"></i>
</div>
<div translate class="small text-gray"> <div translate class="small text-gray">
Insight API server is open-source software. You can run your own instances, check <a href="http://insight.is" target="_blank">Insight API Homepage</a> Insight API server is open-source software. You can run your own instances, check <a href="http://insight.is" target="_blank">Insight API Homepage</a>
@ -63,7 +73,7 @@
</form> </form>
<div class="box-setup-footer"> <div class="box-setup-footer">
<a class="text-gray" href="#!/"> <a class="text-gray" href="#!/">
<i class="fi-arrow-left"></i> <i class="icon-arrow-left4"></i>
<span translate>Back</span> <span translate>Back</span>
</a> </a>
<div class="right m10r"> <div class="right m10r">