converse-desktop/index.html

85 lines
3.9 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
2019-04-25 00:35:36 +00:00
<title>Chimeverse</title>
<link rel="stylesheet" type="text/css" media="screen" href="node_modules/converse.js/css/converse.css">
2019-04-26 00:50:09 +00:00
<link rel="stylesheet" type="text/css" href="node_modules/uikit/dist/css/uikit.min.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
</head>
2019-04-25 00:35:36 +00:00
<body ng-app="app">
<div class="main-window" ng-controller="AppController">
<!-- Account form -->
2019-04-26 00:30:50 +00:00
<div ng-show="showLoginForm" class="uk-section uk-section-muted uk-flex uk-flex-middle uk-animation-fade ng-cloak" uk-height-viewport>
2019-04-25 00:35:36 +00:00
<div class="uk-width-1-1">
<div class="uk-container">
<h3 class="uk-card-title uk-text-center">Welcome to Chimeverse</h3>
<div class="uk-text-center">Jabber/XMPP client based on Converse.js and Electron</div>
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid>
<div class="uk-width-1-1@m">
<div class="uk-margin uk-width-large uk-margin-auto uk-card uk-card-default uk-card-body uk-box-shadow-large">
<form name="accountForm">
<div class="uk-margin">
<div class="uk-inline uk-width-1-1">
<span class="uk-form-icon" uk-icon="icon: link"></span>
2019-04-26 00:30:50 +00:00
<input ng-model="bosh" class="uk-input uk-form-large" type="text" placeholder="Bosh service url" required>
2019-04-25 00:35:36 +00:00
</div>
</div>
<div class="uk-margin">
<div class="uk-inline uk-width-1-1">
<span class="uk-form-icon" uk-icon="icon: user"></span>
<input ng-model="login" class="uk-input uk-form-large" type="text" placeholder="jid@jabber.org" required>
</div>
</div>
<div class="uk-margin">
<div class="uk-inline uk-width-1-1">
<span class="uk-form-icon" uk-icon="icon: lock"></span>
<input ng-model="password" class="uk-input uk-form-large" type="password" placeholder="Password" required>
</div>
</div>
<div class="uk-margin">
<button class="uk-button uk-button-primary uk-button-large uk-width-1-1" ng-click="addAccountAction()" ng-disabled="accountForm.$invalid" disabled>Add account</button>
</div>
<div class="uk-text-small uk-text-center">
Credentials stored via Keychain
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
2019-04-26 00:30:50 +00:00
<!-- /Account form -->
<!-- Background and settings -->
2019-04-26 00:50:09 +00:00
<div ng-show="!showLoginForm" class="uk-position-center ng-cloak noselect">
2019-04-26 00:30:50 +00:00
<div class="uk-text-center">
<img src="images/logo.png" srcset="images/logo@2x.png 2x" alt="" />
<h3 class="uk-heading-small uk-text-muted uk-margin-remove">Chimeverse</h3>
2019-04-29 00:58:29 +00:00
<div class="uk-text-small uk-text-muted">v0.0.16</div>
2019-04-26 00:30:50 +00:00
</div>
</div>
2019-04-25 00:35:36 +00:00
</div>
2019-04-25 00:35:36 +00:00
<script src="node_modules/uikit/dist/js/uikit.min.js"></script>
<script src="node_modules/uikit/dist/js/uikit-icons.min.js"></script>
<!--
@see comment https://github.com/signalapp/libsignal-protocol-javascript/issues/6#issuecomment-247208665
-->
<script>
window.nodeRequire = require
delete window.require
</script>
<script src="node_modules/converse.js/3rdparty/libsignal-protocol.js"></script>
<script>
window.require = window.nodeRequire
delete window.nodeRequire
</script>
<script>
// You can also require other files to run in this process
require('converse.js')
require('./renderer.js')
</script>
</body>
</html>