moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2025-02-07 10:30:18 -05:00
Code Issues Releases Wiki Activity

implement encrypted preview

Browse Source
This commit is contained in:
Tankred Hase 2013-09-12 17:22:17 +02:00
parent e5d354ae05
commit 89c49ed939
5 changed files with 46 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/css/global.scss
View File

@ -23,6 +23,8 @@ body {
}
.btn-shadow {
cursor: pointer;
&:hover {
box-shadow: 2px 2px 4px $blue-box-shadow-color;
}

27
src/css/write.scss
View File

@ -1,7 +1,7 @@
/* write view */
.write-message {
padding: 10px 10px;
padding: 10px;
.title {
text-align: center;
@ -37,11 +37,28 @@
}
}
.body {
line-height: 1.5em;
.encrypt-preview {
margin-top: 1.5em;
font-family: monospace;
color: $grey-text-color;
word-wrap: break-word;
}
p {
margin-bottom: 1em;
.send-btn {
background-color: $blue-color;
color: $lightgrey-color;
padding: 0.813em;
position: absolute;
bottom: 10px;
right: 10px;
box-shadow: 1px 1px 0px $blue-box-shadow-color;
&:hover {
box-shadow: 2px 2px 4px $blue-box-shadow-color;
}
&:active {
box-shadow: none;
margin-top: 0.2em;
}
}
}

6
src/js/controller/message-list.js
View File

@ -21,14 +21,14 @@ define(function(require) {
if (window.chrome && chrome.app.window) {
chrome.app.window.create(url, {
'bounds': {
'width': 700,
'height': 600
'width': 800,
'height': 700
}
});
return;
}
window.open(url, 'Compose Message', 'toolbar=no,width=700,height=600,left=500,top=200,status=no,scrollbars=no,resize=no');
window.open(url, 'Compose Message', 'toolbar=no,width=800,height=700,left=500,top=200,status=no,scrollbars=no,resize=no');
};
if (window.chrome && window.chrome.identity) {

9
src/js/controller/write.js
View File

@ -1,7 +1,14 @@
define(function() {
'use strict';
var WriteCtrl = function() {};
var dummyText = 'Hi Max,\nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\nFrank',
signature = 'Sent securely from whiteout mail';
var WriteCtrl = function($scope) {
$scope.bodyPlaintextParts = dummyText.split('\n');
$scope.bodyCiphertext = btoa(dummyText);
$scope.signature = signature;
};
return WriteCtrl;
});

19
src/tpl/write.html
View File

@ -7,18 +7,21 @@
</div><!--/.address-headers-->
<div class="subject-box">
<div class="subject-line">Subject: <span class="subject">Important Stuff!</span></div>
<div class="subject-line">Subject: <span class="subject">Important stuff</span></div>
<div class="attachment-btn btn-shadow">
<div class="icon-attachment"></div>
</div>
</div>
</div><!--/.subject-box-->
<div class="mail-text-body">
<p>Hi Max,</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Frank</p>
<p>--</p>
<p>Sent securely from whiteout mail</p>
</div>
<p ng-repeat="part in bodyPlaintextParts">{{part}}</p>
<div class="encrypt-preview">
<p>-----BEGIN ENCRYPTED PREVIEW-----<br>{{bodyCiphertext}}<br>-----END ENCRYPTED PREVIEW-----</p>
<p>--<br>{{signature}}</p>
</div><!--/.encrypt-preview-->
</div><!--/.mail-text-body-->
<div class="send-btn btn-shadow">Send securely</div>
</div>