syndicate-2017/examples/webchat/htdocs/templates/mainpage.html

80 lines
2.6 KiB
HTML

<div id="main-tabs-bodies">
<div id="main-tab-body-contacts">
<h2>Add a new contact</h2>
<form class="form-inline">
<label for="add-contact-email">New contact email: </label>
<input class="form-control" id="add-contact-email" type="email">
<label for="reciprocate">Automatically allow them to follow you? </label>
<input class="form-control" id="reciprocate" type="checkbox" checked>
<button class="btn btn-default" id="add-contact">Add contact</button>
</form>
<h2>Contact List</h2>
<div class="container">
<div class="contact-list" class="row"></div>
</div>
</div>
<div id="main-tab-body-new-chat">
<h2>New Conversation</h2>
<div class="container">
<div class="contact-list" class="row"></div>
</div>
</div>
<div id="main-tab-body-conversations">
<div class="container">
<div class="row">
<div class="col-xs-4">
<div id="conversation-list">
</div>
<div class="align-center">
<a class="big-icon text-gray-dark" href="#/new-chat"><i class="cursor-interactive icon ion-plus-circled"></i></a>
</div>
</div>
<div class="col-xs-8">
<p class="align-center">
Select a conversation from the column to the left,
or <a href="#/new-chat">create a new conversation</a>.
</p>
</div>
</div>
</div>
</div>
<div id="main-tab-body-permissions">
<h2>Permissions I enjoy</h2>
<ul id="permissions"></ul>
<h2>Permissions I have granted to others</h2>
<ul id="grants"></ul>
</div>
<div id="main-tab-body-questions">
<h2>Questions</h2>
<p class="show-only-zero-count count{{questionCount}}">There are no questions waiting for you to answer.</p>
<div class="container">
<div id="question-container" class="row"></div>
</div>
<div class="hide-zero-count count{{otherRequestCount}}">
<p>
<label for="show-all-requests-from-others">Show all pending requests from others? </label>
<input type="checkbox" id="show-all-requests-from-others">
</p>
<div id="all-requests-from-others-div">
<h2>All requests from others</h2>
<ul id="others-permission-requests"></ul>
</div>
</div>
</div>
<div id="main-tab-body-my-requests">
<h2>Requests I have made</h2>
<p class="show-only-zero-count count{{myRequestCount}}">You have no outstanding requests waiting for responses from others.</p>
<ul id="my-permission-requests"></ul>
</div>
<hr>
<!-- <pre id="debug-space"></pre> -->
</div>