Reviewed by Yusuke Suzuki, Addy Osmani, and Julian Descottes. * InteractiveRunner.html: Added. * index.html Added. * resources: Added.
62 lines
2 KiB
JavaScript
62 lines
2 KiB
JavaScript
'use strict';
|
|
|
|
define(
|
|
function() {
|
|
var mailItem =
|
|
'{{#mailItems}}\
|
|
<tr id="{{id}}" class="mail-item">\
|
|
{{#important}}\
|
|
<td class="span1"><span class="label label-important">Important</span></td>\
|
|
{{/important}}\
|
|
{{^important}}\
|
|
<td class="span1"><span> </span></td>\
|
|
{{/important}}\
|
|
<td class="span2 mailContact">{{name}}</td>\
|
|
<td class="span8">\
|
|
<span class="mailSubject">\
|
|
{{formattedSubject}}\
|
|
</span>\
|
|
<span class="mailMessage">\
|
|
- <a href="#">{{formattedMessage}}</a>\
|
|
</span>\
|
|
</td>\
|
|
</tr>\
|
|
{{/mailItems}}';
|
|
|
|
var composeBox =
|
|
'<div id="compose_to" class="modal-header compose-header">\
|
|
To: <select id="recipient_select">\
|
|
{{^reply}}<option id="recipient_hint" class="hint" style="color:#CACACA" >[Select Recipient]</option>{{/reply}}\
|
|
{{#contacts}}\
|
|
<option id="{{id}}"{{#recipient}} selected{{/recipient}}>{{firstName}} {{lastName}}</option>\
|
|
{{/contacts}}\
|
|
</select>\
|
|
</div>\
|
|
<div class="modal-body compose-body">\
|
|
<div id="compose_subject" class="{{#newMail}}hint{{/newMail}}{{^newMail}}compose-header{{/newMail}}" contentEditable="true">\
|
|
{{subject}}\
|
|
</div>\
|
|
<div id="compose_message" class="hint" contentEditable="true">\
|
|
{{message}}\
|
|
</div>\
|
|
</div>\
|
|
<div class="modal-footer">\
|
|
<button id="send_composed" {{^reply}}disabled="disabled"{{/reply}} class="btn btn-primary">Send</button>\
|
|
<button id="cancel_composed" class="btn">Cancel</button>\
|
|
</div>';
|
|
|
|
var moveToSelector =
|
|
'<ul class="nav nav-list">\
|
|
{{#moveToItems}}\
|
|
<li id="{{.}}" class="move-to-item">{{.}}</li>\
|
|
{{/moveToItems}}\
|
|
</ul>';
|
|
|
|
return {
|
|
mailItem: mailItem,
|
|
composeBox: composeBox,
|
|
moveToSelector: moveToSelector
|
|
}
|
|
}
|
|
|
|
);
|