client-share-web/share/accounts.html

94 строки
2.8 KiB
HTML

<!-- ***** BEGIN LICENSE BLOCK *****
- Version: MPL 1.1
-
- The contents of this file are subject to the Mozilla Public License Version
- 1.1 (the "License"); you may not use this file except in compliance with
- the License. You may obtain a copy of the License at
- http://www.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS IS" basis,
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- for the specific language governing rights and limitations under the
- License.
-
- The Original Code is Raindrop.
-
- The Initial Developer of the Original Code is
- Mozilla Messaging, Inc..
- Portions created by the Initial Developer are Copyright (C) 2009
- the Initial Developer. All Rights Reserved.
-
- Contributor(s):
- -->
<!DOCTYPE html>
<html>
<head>
<title>F1: Account Manager</title>
<link rel="stylesheet" type="text/css" href="accounts.css">
<script src="../../scripts/requireplugins-jquery-1.4.2.js" charset="utf-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>require(["accounts.js"]);</script>
</head>
<body>
<div id="wrapper">
<div id="header" class="row">
<div class="c2 logo">
</div>
<div class="c1 title">
<h1>Account Manager &nbsp; <a href="#" class="close">close</a></h1>
</div>
</div>
<div id="notifications"></div>
<ul id="accounts"></ul>
<div id="footer" class="row">
<div class="c3">
Mozilla Messaging 2010 - <a href="http://f1.mozillamessaging.com/">F1</a>
</div>
</div>
</div>
<script id="service" type="text/template">
<li class="row">
<div class="accountHeaders">
<div class="c1">
<h1><img src="{serviceIcon(_)}"> {serviceName(_)} accounts</h1>
</div>
<div class="c2 accountOptions">
<h1>Options</h1>
</div>
</div>
<ul class="accountListing">
{accounts(_) [}
<li>
{.userAccount accounts[0]}
<div class="c2"><a href="{accountLink(_)}" target="_blank">{displayName}</a></div>
<div class="c1 accountOptions">
<a href="#" class="disconnectButton" data-domain="{userAccount.domain}" data-username="{userAccount.username}" data-userid="{userAccount.userid}">remove</a>
</div>
</li>
{] [}
<li class="noAccount">
<div class="c2 addAccount">
No {serviceName(_)} accounts configured
</div>
<div class="c1 accountOptions">
<a href="#" class="connectButton" title="add a {serviceName(_)} account!" data-domain="{}">add account</a>
</div>
</li>
{]}
</ul>
</li>
</script>
<div id="error" class="template">There was an error: {message}</div>
</body>
</html>