Used browserify for clientside js

2026-05-18 20:33:28 +02:00 · 2015-04-28 02:57:59 -05:00
parent bf1699d01c
commit 397ae7d322
9 changed files with 43 additions and 14 deletions
@@ -1,86 +0,0 @@
-// initialize angular application
-var app = angular.module('chat', []);
-
-
-
-/**
- * FACTORIES
- */
-
-// socket service
-app.factory('socket', function() {
-  var socket = io(window.location.host);
-  return socket;
-});
-
-
-// buffer service
-app.factory('buffer', function() {
-  return {
-    append: function(string) {
-      $('#buffer').append(string + '<br>\n');
-    },
-    error: function(error) {
-      $('#buffer').append('<span style="color:#D62D18;">' + error.errorMessage + '</span><br>')
-    }
-  }
-});
-
-
-
-
-
-
-
-
-
-
-
-/**
- * CONTROLLERS
- */
-
-// connect controller
-app.controller('connectController', function($scope, socket) {
-
-  // connect handler
-  $scope.connect = function() {
-    $('#connectModal').modal('hide')
-
-    if (socket.connected) {
-
-      socket.emit('server:connect', {
-        username: $scope.username,
-        password: $scope.password,
-        hostname: $scope.ip,
-        port: $scope.port || 25565
-      }, function(response) {
-
-      });
-
-    } else {
-      alert('Server unreachable, please try again later...');
-    }
-  }
-
-});
-
-
-// buffer controller
-app.controller('bufferController', function($scope, socket, buffer) {
-
-  // initial console buffer
-  buffer.append('<br>');
-  buffer.append('Welcome to AlexKvazos\'s Minecraft Chat App');
-  buffer.append('&gt; Press connect to connect to a Minecraft server and start chatting!');
-  buffer.append('<br>');
-  buffer.append('<i>Note: This application only works with 1.8 Minecraft servers.</i>');
-  buffer.append('---');
-  buffer.append('<br>');
-
-  // buffer errors when received
-  socket.on('bot:error', function(error) {
-    buffer.error(error);
-  });
-
-});
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+  <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 rel="stylesheet" href="//bootswatch.com/cyborg/bootstrap.min.css">
+  <link rel="stylesheet" href="/css/style.css">
+
+</head>
+<body ng-app="chat">
+
+
+  <!-- main windows -->
+  <div ng-include="'templates/windows/nav.html'"></div>
+  <div ng-include="'templates/windows/chat.html'"></div>
+
+
+  <!-- scripts -->
+  <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="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+  <script src="/lib/socket.io.js"></script>
+  <script src="/js/app.js"></script>
+
+
+</body>
+</html>