signal-desktop/test/styleguide/legacy_templates.js
2018-04-20 15:24:04 -07:00

90 lines
2.7 KiB
JavaScript

'use strict';
/* global window: false */
// Taken from background.html.
// Templates are here solely to support the Backbone views rendered in the Style Guide.
// Note: Any change here must be reflected in background.html to be reflected in the app
// and test/index.html to be reflected in the unit tests.
window.Whisper.View.Templates = {
hasRetry: `
{{ messageNotSent }} <span href='#' class='retry'>{{ resend }}</span>
`,
'some-failed': `
{{ someFailed }}
`,
keychange: `
<span class='content' dir='auto'>
<span class='shield icon'></span> {{ content }}
</span>
`,
'verified-change': `
<span class='content' dir='auto'>
<span class='{{ icon }} icon'></span> {{ content }}
</span>
`,
message: `
{{> avatar }}
<div class='bubble {{ avatar.color }}'>
<div class='sender' dir='auto'>
{{ sender }}
{{ #profileName }}
<span class='profileName'>{{ profileName }} </span>
{{ /profileName }}
</div>
<div class='tail-wrapper {{ innerBubbleClasses }}'>
<div class='inner-bubble'>
{{ #hasAttachments }}
<div class='attachments'></div>
{{ /hasAttachments }}
{{ #hasBody }}
<div class='content' dir='auto'>
{{ #message }}
<div class='body'>{{ message }}</div>
{{ /message }}
</div>
{{ /hasBody }}
</div>
</div>
<div class='meta'>
<span class='timestamp' data-timestamp={{ timestamp }}></span>
<span class='status hide'></span>
<span class='timer'></span>
</div>
{{ #hoverIcon }}
<div class='menu-container menu'>
<div class='menu-anchor'>
<span class='dots-horizontal-icon'></span>
<ul class='menu-list'>
<li class='reply'>{{ reply }}</li>
</ul>
</div>
</div>
{{ /hoverIcon }}
</div>
`,
hourglass: `
<span class='hourglass'><span class='sand'></span></span>
`,
expirationTimerUpdate: `
<span class='content'><span class='icon clock'></span> {{ content }}</span>
`,
'file-view': `
<div class='icon {{ mediaType }}'></div>
<div class='text'>
<div class='fileName' title='{{ altText }}'>
{{ fileName }}
</div>
<div class='fileSize'>{{ fileSize }}</div>
</div>
`,
'error-icon': `
<span class='error-icon'>
</span>
{{ #message }}
<span class='error-message'>{{message}}</span>
{{ /message }}
`,
};