Move templates from index to converation pages
These templates are only needed in conversations.
This commit is contained in:
parent
58e7f3c7e1
commit
a1403c8a9a
2 changed files with 34 additions and 73 deletions
|
@ -12,6 +12,7 @@
|
|||
<link href="/components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body class='signal'>
|
||||
<div id='file-modal'></div>
|
||||
<script type='text/x-tmpl-mustache' id='conversation'>
|
||||
<div class='title-bar' id='header'>
|
||||
{{#group}}
|
||||
|
@ -50,6 +51,39 @@
|
|||
<p class="timestamp">{{ timestamp }}</p>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='new-group-update-form'>
|
||||
<div>
|
||||
<input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
|
||||
</div>
|
||||
<div class='group-avatar'>
|
||||
<div><input type='file' name='avatar' class='file-input'></div>
|
||||
</div>
|
||||
<div>Add members: <input name='members' class='members' role=tagsinput></div>
|
||||
<button class='send'>Update</button>
|
||||
</script>
|
||||
<script type="text/x-tmpl-mustache" id="phone-number">
|
||||
<div class="phone-input-form">
|
||||
<div class="number-container">
|
||||
<input type="tel" class="number" placeholder="Phone Number" />
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='file-size-modal'>
|
||||
<div id="modal" class="modal-wrapper">
|
||||
<div class="modal-content">
|
||||
<div class="modal-container">
|
||||
<div class="modal-banner">
|
||||
<span>File Too Large</span>
|
||||
<div class="modal-close"><a class="modal-close-button" href="#" title="Close">X</a></div>
|
||||
</div>
|
||||
<div class="modal-inner modal-padding">
|
||||
<p>This file exceeds 420KB. Please attach a smaller file.</p>
|
||||
<button id="closeModal"><a href="#">OK</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="js/components.js"></script>
|
||||
|
||||
|
|
73
index.html
73
index.html
|
@ -25,17 +25,6 @@
|
|||
<div id='gutter' class='gutter'>
|
||||
<div id='contacts'></div>
|
||||
</div>
|
||||
<div id='file-modal'></div>
|
||||
<script type='text/x-tmpl-mustache' id='new-group-update-form'>
|
||||
<div>
|
||||
<input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
|
||||
</div>
|
||||
<div class='group-avatar'>
|
||||
<div><input type='file' name='avatar' class='file-input'></div>
|
||||
</div>
|
||||
<div>Add members: <input name='members' class='members' role=tagsinput></div>
|
||||
<button class='send'>Update</button>
|
||||
</script>
|
||||
<script type="text/x-tmpl-mustache" id="phone-number">
|
||||
<div class="phone-input-form">
|
||||
<div class="number-container">
|
||||
|
@ -43,48 +32,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='conversation'>
|
||||
<div class='discussion-container'></div>
|
||||
<div class='send-message-area'>
|
||||
<div class='message-composer'>
|
||||
<form class='send'>
|
||||
<input class='send-message' rows='6' type='textarea'>
|
||||
<div class='attachments'>
|
||||
<input type='file' name='files[]' class='file-input'>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{#group}}
|
||||
<button class='new-group-update'>Update group</button>
|
||||
<button class='leave-group'>Leave group</button>
|
||||
{{/group}}
|
||||
{{^group}}
|
||||
<button class='end-session'>End Session</button>
|
||||
{{/group}}
|
||||
<div class='extension-details'>
|
||||
<ul>
|
||||
<li>Signal for Chrome</li>
|
||||
<li><a href="https://github.com/whispersystems">Version 0.1</a></li>
|
||||
<li>by <a href="http://whispersystems.org">Open Whisper Systems</a></li>
|
||||
<li><a href="http://support.whispersystems.org/">Need Help?</a></li>
|
||||
</ul>
|
||||
<button class='destroy'>Delete this conversation</button>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='message'>
|
||||
<div class='sender'>{{ sender }}</div>
|
||||
<img class='avatar' src='{{ contact_avatar }}'>
|
||||
<div class='bubble bubble_context {{ bubble_class }}'>
|
||||
<ul class='volley'>
|
||||
<li class='message'>
|
||||
{{ message }}
|
||||
<div class='attachments'></div>
|
||||
<span class='timestamp'>{{ timestamp }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='contact'>
|
||||
<span class='avatar'></span>
|
||||
<div class='contact-details'>
|
||||
|
@ -147,26 +94,6 @@
|
|||
</div>
|
||||
</form>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='attachment-preview'>
|
||||
<img src="{{ source }}" class="preview" />
|
||||
<div class="close">x</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='file-size-modal'>
|
||||
<div id="modal" class="modal-wrapper">
|
||||
<div class="modal-content">
|
||||
<div class="modal-container">
|
||||
<div class="modal-banner">
|
||||
<span>File Too Large</span>
|
||||
<div class="modal-close"><a class="modal-close-button" href="#" title="Close">X</a></div>
|
||||
</div>
|
||||
<div class="modal-inner modal-padding">
|
||||
<p>This file exceeds 420KB. Please attach a smaller file.</p>
|
||||
<button id="closeModal"><a href="#">OK</a></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type="text/javascript" src="js/components.js"></script>
|
||||
|
||||
<script type="text/javascript" src="js/libtextsecure.js"></script>
|
||||
|
|
Loading…
Reference in a new issue