thor/MinecraftChat
1
0
Fork 0
mirror of https://github.com/Threnklyn/MinecraftChat.git synced 2026-05-31 02:08:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

Clean up

Browse Source
This commit is contained in:
AlexKvazos
2015-04-28 02:28:18 -05:00
parent cdc1738ecc
commit 8200a4a13c
5 changed files with 87 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/templates/modals/connect.html
+34
View File
@@ -0,0 +1,34 @@
<div class="modal fade" id="connectModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" ng-controller="connectController">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Connect to Minecraft server</h4>
<p>This application only works with 1.8 Minecraft servers.</p>
</div>
<form ng-submit="connect()">
<div class="modal-body">
<div class="form-group">
<label>Minecraft Username</label>
<input type="text" ng-model="username" class="form-control" placeholder="Steve" required>
</div>
<div class="form-group">
<label>Minecraft Password</label>
<input type="password" ng-model="password" class="form-control" placeholder="" required>
</div>
<div class="form-group">
<label>Server IP</label>
<input type="text" ng-model="ip" class="form-control" placeholder="mc.server.com" required>
</div>
<div class="form-group">
<label>Server Port (Leave empty if unknown)</label>
<input type="number" ng-model="port" class="form-control" placeholder="25565">
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" data-dismiss="modal">Connect</button>
</div>
</form>
</div>
</div>
</div>
public/templates/windows/chat.html
+11
View File
@@ -0,0 +1,11 @@
<div id="buffer" ng-controller="bufferController"></div>
<form>
<div id="chat">
<input type="text" ng-model="chat" placeholder="Type to chat...">
</div>
<div id="send">
<input type="submit" value="Chat">
</div>
</form>
public/templates/windows/nav.html
+13
View File
@@ -0,0 +1,13 @@
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<a class="navbar-brand" href="/">Minecraft Chat</a>
<ul class="nav navbar-nav">
<li><a href="#" data-toggle="modal" data-target="#connectModal">Connect</a></li>
</ul>
<ul class="nav navbar-nav pull-right">
<li><a style="color:#9E0F06">Not Connected</a></li>
</ul>
</nav>
<!-- connect modal -->
<div ng-include="'templates/modals/connect.html'"></div>
server/index.js
+16 -6
View File
@@ -12,19 +12,29 @@ var path = require('path');
var server = require('http').createServer(app); var server = require('http').createServer(app);
var io = require('socket.io')(server); var io = require('socket.io')(server);
// handle root requests
app.get('/', function(req, res, next) {
res.sendFile(path.join(__dirname, '/../views/index.html'));
});
// public folder serves static content
app.use('/static', express.static('public'));
// configure socket.io // configure socket.io
require('./sockets')(io); require('./sockets')(io);
// handle root requests
app.get('/', function(req, res, next) {
res.sendFile(path.join(__dirname, '/../views/index.html'));
});
// public folder serves static content
app.use('/', express.static('public'));
// initialize http and socket servers // initialize http and socket servers
server.listen(3000, function() { server.listen(3000, function() {
console.log('> Server running on port 3000') console.log('> Server running on port 3000')
views/index.html
+12 -60
View File
@@ -1,78 +1,30 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Minecraft Chat | AlexKvazos</title> <title>Minecraft Chat | AlexKvazos</title>
<!-- styles and fonts -->
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//bootswatch.com/cyborg/bootstrap.min.css"> <link rel="stylesheet" href="//bootswatch.com/cyborg/bootstrap.min.css">
<link rel="stylesheet" href="/static/css/style.css"> <link rel="stylesheet" href="/css/style.css">
</head> </head>
<body ng-app="chat"> <body ng-app="chat">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<a class="navbar-brand" href="/">Minecraft Chat</a>
<ul class="nav navbar-nav">
<li><a href="#" data-toggle="modal" data-target="#connectModal">Connect</a></li>
</ul>
<ul class="nav navbar-nav pull-right">
<li><a style="color:#9E0F06">Not Connected</a></li>
</ul>
</nav>
<div id="buffer" ng-controller="bufferController"> <!-- main windows -->
<div ng-include="'templates/windows/nav.html'"></div>
<div ng-include="'templates/windows/chat.html'"></div>
</div>
<form>
<div id="chat">
<input type="text" ng-model="chat" placeholder="Type to chat...">
</div>
<div id="send">
<input type="submit" value="Chat">
</div>
</form>
<!-- Modal -->
<div class="modal fade" id="connectModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" ng-controller="connectController">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Connect to Minecraft server</h4>
<p>This application only works with 1.8 Minecraft servers.</p>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label>Minecraft Username</label>
<input type="text" ng-model="username" class="form-control" placeholder="Steve" required>
</div>
<div class="form-group">
<label>Minecraft Password</label>
<input type="password" ng-model="password" class="form-control" placeholder="" required>
</div>
<div class="form-group">
<label>Server IP</label>
<input type="text" ng-model="ip" class="form-control" placeholder="mc.server.com" required>
</div>
<div class="form-group">
<label>Server Port (Leave empty if unknown)</label>
<input type="number" ng-model="port" class="form-control" placeholder="25565">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="connect()">Connect</button>
</div>
</div>
</div>
</div>
<!-- scripts -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="/static/js/lib/socket.io.js"></script> <script src="/js/lib/socket.io.js"></script>
<script src="/static/js/app.js"></script> <script src="/js/app.js"></script>
</body> </body>
</html> </html>