anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

fix(feedback): improve design on iOS

Browse source
This commit is contained in:
Jason Dreyzehner 2016-11-15 16:35:30 -05:00
commit dfcd60e1ef
9 changed files with 35 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/js/controllers/feedback/complete.js
View file

@ -31,6 +31,10 @@ angular.module('copayApp.controllers').controller('completeController', function
};
$scope.$on("$ionicView.beforeEnter", function(event, data) {
if(window.StatusBar){
StatusBar.show();
}
storageService.getFeedbackInfo(function(error, info) {
var feedbackInfo = JSON.parse(info);
feedbackInfo.sent = true;
@ -78,4 +82,10 @@ angular.module('copayApp.controllers').controller('completeController', function
}
}, 100);
});
$scope.$on("$ionicView.afterLeave", function(event, data) {
if(window.StatusBar){
StatusBar.show();
}
});
});

4
src/js/controllers/feedback/send.js
View file

@ -57,11 +57,11 @@ angular.module('copayApp.controllers').controller('sendController', function($sc
break;
case 5:
$scope.reaction = gettextCatalog.getString("Thank you!");
$scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay wallet.") + ' ' + gettextCatalog.getString("Is there anything we could do better?");
$scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay.") + ' ' + gettextCatalog.getString("Is there anything we could do better?");
break;
default:
$scope.reaction = gettextCatalog.getString("Feedback!");
$scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay wallet. How could we improve your experience?");
$scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay. How could we improve your experience?");
break;
}
});

1
src/sass/views/feedback/complete.scss
View file

@ -20,6 +20,7 @@
.subtitle {
padding: 10px 30px 20px 40px;
text-align: center;
color: $mid-gray;
}
.icon-svg > img {
height: 16rem;

3
src/sass/views/feedback/rateApp.scss
View file

@ -1,7 +1,7 @@
#rate-app {
background-color: #ffffff;
.skip {
margin: 10px;
margin-top: 15px;
color: #667;
}
.icon-svg > img {
@ -18,6 +18,7 @@
}
.subtitle {
padding: 10px 30px 20px 40px;
color: #667;
}
.buttons {
bottom: 0;

14
src/sass/views/feedback/send.scss
View file

@ -1,13 +1,13 @@
#send-feedback {
background-color: #ffffff;
.row {
padding: 20px;
border: none;
}
.skip {
margin: 8px 20px 10px;
color: #667;
text-decoration: none;
color: rgba(255, 255, 255, 0.3);
}
.feedback-heading {
padding-top: 20px
}
.title {
padding-left: 10px;
@ -20,17 +20,17 @@
padding-right: 15px;
}
.comment {
padding: 20px;
padding: 0 20px 20px;
font-size: 1rem;
line-height: 1.5em;
font-weight: 300;
color: $dark-gray;
}
textarea {
padding: 20px;
.user-feedback {
border-top: 1px solid $subtle-gray;
padding: 20px;
width: 100%;
height: 6rem;
}
.send-feedback-star {
height: 1rem;

2
www/views/feedback/complete.html
View file

@ -5,7 +5,7 @@
</div>
<div ng-show="skipped && isCordova">
<div ng-show="score > 3">
<div class="title" translate>Invite friends to BitPay Wallet!</div>
<div class="title" translate>Invite friends to BitPay!</div>
<div class="text-center">
<i class="icon addressbook-icon-svg">
<img src="img/address-book-add.svg"/>

4
www/views/feedback/rateApp.html
View file

@ -10,10 +10,10 @@
</div>
</div>
<div class="subtitle text-center">
<span translate>5-star ratings help us get BitPay Wallet into more hands, and more users means more resoucers can be committed to the app!</span>
<span translate>5-star ratings help us get BitPay into more hands, and more users means more resoucers can be committed to the app!</span>
</div>
<div class="subtitle text-center">
<span class="text-bold" translate>Would you be willing to rate BitPay Wallet in the app store?</span>
<span class="text-bold" translate>Would you be willing to rate BitPay in the app store?</span>
</div>
<div class="buttons">
<button type="submit" class="button button-standard button-primary" ng-click="goAppStore()">

2
www/views/feedback/rateCard.html
View file

@ -1,6 +1,6 @@
<div class="card" id="rate-card" ng-controller="rateCardController">
<div class="item item-icon-right item-heading">
<span translate>How do you like BitPay Wallet?</span>
<span translate>How do you like BitPay?</span>
<a ng-click="hideCard()" ><i class="icon ion-ios-close-empty close-home-tip"></i></a>
</div>
<div class="row item item-sub" ng-class="{'row-margin': isModal}">

16
www/views/feedback/send.html
View file

@ -1,11 +1,15 @@
<ion-view id="send-feedback">
<ion-nav-bar class="bar-royal" ng-show="!score">
<ion-nav-back-button>
<ion-nav-bar class="bar-royal">
<ion-nav-back-button ng-if="!score">
</ion-nav-back-button>
<ion-nav-buttons side="right">
<button class="button button-clear skip" ng-click="sendFeedback(null, true)" translate>
Skip
</button>
</ion-nav-buttons>
</ion-nav-bar>
<a class="right skip" ng-click="sendFeedback(null,true)" href translate>Skip</a>
<ion-content class="has-header" scroll="false">
<div class="row item item-sub">
<div class="row item item-sub feedback-heading">
<div class="col col-50">
<div class="title">
<span>{{reaction}}</span>
@ -27,9 +31,7 @@
<div class="comment">
<span translate>{{comment}}</span>
</div>
<div>
<textarea ng-model="feedback.value" placeholder="Your ideas, feedback, or comments" row="40"></textarea>
</div>
<textarea class="user-feedback" ng-model="feedback.value" placeholder="Your ideas, feedback, or comments"></textarea>
<button ng-disabled="!feedback.value" type="submit" class="button button-full button-primary" ng-click="sendFeedback(feedback.value, false)" translate>
Send
</button>