frontend1

swift-code · Oct 24, 2016 · bed4467 · bed4467
commit bed4467
Show file tree

Hide file tree

Showing 14 changed files with 1,000 additions and 0 deletions.
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/styles.css b/css/styles.css
@@ -0,0 +1,259 @@
+/* -------------------------------------------
+	GLOBAL STYLES
+---------------------------------------------- */
+body {
+	background-color: #EEE;
+	background-size: 100%;
+	width: 100%;
+	font-family: 'Muli', sans-serif;
+	word-wrap: break-word;
+}
+
+a {
+	cursor: pointer;
+}
+
+button:focus, a:focus {
+	outline:0 !important;
+}
+
+.center {
+	text-align: center;
+}
+
+.right {
+	text-align: right;
+}
+
+.hidden {
+	display: none;
+}
+
+.greyline {
+	border-top: 1px solid #ccc;
+}
+
+.underline {
+	text-decoration: underline;
+}
+
+.bold {
+	font-weight: bold;
+}
+
+.btn a, .btn a:hover, .btn a:visited, .btn a:active, .btn, .btn:hover, .btn:active, .btn:visited {
+	text-decoration: none;
+}
+.f16 {
+		font-size: 16px;
+}
+.form-input {
+	width: 100%;
+	padding: 5px 5px;
+	border-radius: 5px;
+	margin: 5px 0px 5px 0px;
+	border: 1px solid #CCC;
+}
+input[type='checkbox'] {
+	/* Double-sized Checkboxes */
+	-ms-transform: scale(1.5); /* IE */
+	-moz-transform: scale(1.5); /* FF */
+	-webkit-transform: scale(1.5); /* Safari and Chrome */
+	-o-transform: scale(1.5); /* Opera */
+	margin-top: 0px;
+}
+input, select {
+	border-radius: 3px;
+	border: 1px solid #CCC;
+	color: #000;
+	padding-left: 3px;
+}
+.margin-bottom-20 {
+	margin-bottom: 20px;
+}
+
+.margin-bottom-10 {
+	margin-bottom: 10px;
+}
+
+.margin-top-5 {
+	margin-top: 5px;
+}
+
+.margin-top-3 {
+	margin-top: 3px;
+}
+
+
+.margin-top-10 {
+	margin-top: 10px;
+}
+
+.margin-top-20 {
+	margin-top: 20px;
+}
+
+.margin-top-40 {
+	margin-top: 20px;
+}
+
+.margin-top-40 {
+	margin-top: 40px;
+}
+.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
+	border-top: 0px;
+}
+.btn-inverse {
+	color: #000 !important;
+}
+#mainTab {
+	margin: 0px;
+	padding: 0px;
+}
+#mainTab .tab-content {
+	padding-top: 0px;
+}
+.panel-white {
+	background: #fff;
+	box-shadow: 1px 1px 1px 1px #CCC;
+	margin-top: 50px;
+	padding: 30px 30px;
+}
+.sub-header{
+	background: #292A30;
+	min-width: 100%;
+	color: #fff;
+	padding: 15px 10px 5px 10px;
+}
+.sub-header-with-date{
+	background: #292A30;
+	min-width: 100%;
+	color: #fff;
+	padding: 15px 10px 12px 10px;
+}
+.margin-top-50 {
+	margin-top: 50px;
+}
+.bootbox .modal-content {
+	margin-top: 150px;
+}
+input:disabled, select:disabled {
+	background: #FCFCFC;
+}
+
+/* ---------------------------------------
+	FOOTER
+------------------------------------------ */
+footer {
+	width: 100%;
+	background: #31363C;
+	color: #EEE;
+	margin-top: 30px;
+	padding: 10px 100px;
+}
+
+/* ---------------------------------------------------
+	STICKY FOOTER
+------------------------------------------------------ */
+html, body {
+	height: 100%;
+}
+
+#wrap {
+	min-height: 100%;
+}
+
+
+#main {
+	overflow:auto;
+	padding-bottom: 40px;
+}  /* must be same height as the footer */
+
+#footer {
+	position: relative;
+	margin-top: -40px; /* negative value of footer height */
+	height: 40px;
+	clear:both;
+}
+
+/* ---------------------------------------------------
+	NAVBAR
+------------------------------------------------------ */
+.navbar {
+    width: 100%;
+    background: #31363C;
+    border: 0px;
+    margin-bottom: 0px;
+    border-radius: 0px;
+}
+.navbar li a {
+    text-align: center;
+}
+.navbar li a i {
+    font-size: 25px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: #E6E6E6;
+}
+.navbar li a p {
+    font-size: 14px;
+    color: #E6E6E6;
+}
+.nav .active a, .nav a:hover  {
+    background: none !important;
+}
+.nav .active a i, .nav .active a p, .nav a:hover>i, .nav a:hover>p  {
+    color: #FEC63D !important;
+}
+.main-header {
+    padding-top: 10px;
+    background: #111;
+    color: #E6E6E6;
+}
+.btn-red {
+    background: #840705;
+    color: #fff;
+    padding: 5px 8px;
+    border-radius: 3px;
+}
+.btn-red:hover {
+    color: #CCC;
+}
+
+.border-right {
+	min-height:
+	border-right: 2px solid #CCC;
+}
+
+.validation-msg {
+	color: red;
+}
+
+.modal-content {
+	margin-top: 150px;
+}
+@media screen and (min-width:1200px) {
+    ul.nav {
+        width: 100%;
+        margin: 0 auto;
+        padding: 0;
+        list-style: none;
+    }
+    .nav li {
+        display: inline-block;
+        width: 33.33%;
+        margin: 0;
+        padding: 0;
+    }
+    .nav a {
+        text-align:center;
+        padding: 12px 0 13px 0;
+        margin: 0;
+        display: block;
+    }
+    .profile-view .nav li {
+    	width: 50%;
+    }
+}
+
+/* $2a$10$06voXYE9YR6bWwKcD9ZTeu7B9SiEuxUzC4yA2fkrBaAySyMfMqk5a */
diff --git a/images/error.jpg b/images/error.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title> SwiftCode </title>
+
+		<!-- Meta tag for responsive views -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
+		<!-- CSS includes -->
+		<link rel="stylesheet" media="screen" href="css/bootstrap.min.css" />
+
+		<!-- Custom CSS -->
+		<link rel="stylesheet" media="screen" href="css/styles.css" />
+
+		<!-- Fonts -->
+		<link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
+		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+
+		<!-- JS libs -->
+		<script src="js/libs/jquery.min.js" type="text/javascript"> </script>
+		<script src="js/libs/bootstrap.min.js" type="text/javascript"> </script>
+		<script src="js/libs/bootbox.min.js" type="text/javascript"> </script>
+
+		<!-- Angular specific JS libs -->
+		<script src="js/libs/angular.min.js" type="text/javascript"> </script>
+		<script src="js/libs/angular-route.min.js" type="text/javascript"> </script>
+		<script src="js/libs/angular-cookies.min.js" type="text/javascript"> </script>
+
+		<!-- Our Angular JS file -->
+		<script src="js/app.js" type="text/javascript"> </script>
+
+	</head>
+	<body ng-app="snapp">
+		<div id="wrap">
+			<div id="main">
+				<div ng-view></div>
+			</div> <!-- /. wrap -->
+		</div> <!-- /. main -->
+
+		<footer id="footer">
+			<p class="pull-right"> Designed and Developed by Team SwiftCode <i class="fa fa-smile-o"></i> </p>
+		</footer>
+	</body>
+</html>
diff --git a/js/app.js b/js/app.js
@@ -0,0 +1,84 @@
+var app = angular.module('snapp',['ngRoute','ngCookies']);
+var URL = "http://betsol.org:9000/";
+app.config(function($routeProvider){
+  $routeProvider
+   .when('/',{
+     redirectTo: '/login'
+   })
+   .when('/login',{
+     templateUrl: 'views/login.html',
+     controller: 'loginCtrl'
+   })
+   .when('/signup',{
+     templateUrl: 'views/signup.html',
+     controller: 'signupCtrl'
+   })
+   .when('/dashboard',{
+     templateUrl: 'views/dashboard.html',
+     controller: 'dashboardCtrl'
+   })
+   .otherwise({
+     redirectTo: '/'
+   });
+});
+app.controller('loginCtrl',['$scope','$location','$http',function($scope,$location,$http){
+  $scope.login=function(){
+    var request= $http({
+      method: "POST",
+      url: URL + "login",
+      data:{email:$scope.email,password:$scope.password}
+    });
+    request.success(function(data){
+      var response= angular.fromJson(data);//converts from Json to angular format
+      if(response["error"]){
+        $scope.validationMessage=response["message"][0];// response["message"][0] gives the backend error message
+      }
+      else{
+        sessionStorage.email=response["email"];
+        sessionStorage.password=response["password"];
+        sessionStorage.userId=response["id"];
+
+        $location.url('/dashboard');
+      }
+    });
+    request.error(function(data){
+      console.log(data);
+    });
+  }
+
+}]);
+
+app.controller('signupCtrl',['$scope','$location','$http',
+  function($scope,$location,$http){
+    $scope.signup=function(){
+      var request= $http({
+        method: "POST",
+        url: URL + "signup",
+        data:{email:$scope.email,password:$scope.password,firstName:$scope.firstName,lastName:$scope.lastName}
+      });
+      request.success(function(data){
+        var response= angular.fromJson(data);//converts from Json to angular format
+        if(response["error"]){
+          $scope.validationMessage=response["message"][0];// response["message"][0] gives the backend error message
+        }
+        else{
+          sessionStorage.email=response["email"];
+          sessionStorage.password=response["password"];
+          sessionStorage.userId=response["id"];
+          sessionStorage.firstName=response["firstName"];
+          sessionStorage.lastName=response["lastName"];
+
+          $location.url('/dashboard');
+        }
+      });
+      request.error(function(data){
+        console.log(data);
+      });
+    }
+
+  }]);
+
+app.controller('dashboardCtrl',['$scope','$location','$http',
+  function($scope,$location,$http){
+
+  }]);