Before Adding Vuex

README.md

@@ -1,24 +1,29 @@
-# css_test
+# ProRestaurant
 
 ## Project setup
+
 ```
 npm install
 ```
 
 ### Compiles and hot-reloads for development
+
 ```
 npm run serve
 ```
 
 ### Compiles and minifies for production
+
 ```
 npm run build
 ```
 
 ### Lints and fixes files
+
 ```
 npm run lint
 ```
 
 ### Customize configuration
+
 See [Configuration Reference](https://cli.vuejs.org/config/).

package.json

@@ -1,49 +1,49 @@
 {
-  "name": "css_test",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
-  },
-  "dependencies": {
-    "core-js": "^3.6.4",
-    "vue": "^2.6.11",
-    "vue-carousel": "^0.18.0",
-    "vue-router": "^3.1.6"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.3.0",
-    "@vue/cli-plugin-eslint": "~4.3.0",
-    "@vue/cli-plugin-router": "~4.3.0",
-    "@vue/cli-service": "~4.3.0",
-    "@vue/eslint-config-prettier": "^6.0.0",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-vue": "^6.2.2",
-    "prettier": "^1.19.1",
-    "vue-template-compiler": "^2.6.11"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended",
-      "@vue/prettier"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
+	"name": "ProRestaurant",
+	"version": "0.1.0",
+	"private": true,
+	"scripts": {
+		"serve": "vue-cli-service serve",
+		"build": "vue-cli-service build",
+		"lint": "vue-cli-service lint"
+	},
+	"dependencies": {
+		"core-js": "^3.6.4",
+		"vue": "^2.6.11",
+		"vue-carousel": "^0.18.0",
+		"vue-router": "^3.1.6"
+	},
+	"devDependencies": {
+		"@vue/cli-plugin-babel": "~4.3.0",
+		"@vue/cli-plugin-eslint": "~4.3.0",
+		"@vue/cli-plugin-router": "~4.3.0",
+		"@vue/cli-service": "~4.3.0",
+		"@vue/eslint-config-prettier": "^6.0.0",
+		"babel-eslint": "^10.1.0",
+		"eslint": "^6.7.2",
+		"eslint-plugin-prettier": "^3.1.1",
+		"eslint-plugin-vue": "^6.2.2",
+		"prettier": "^1.19.1",
+		"vue-template-compiler": "^2.6.11"
+	},
+	"eslintConfig": {
+		"root": true,
+		"env": {
+			"node": true
+		},
+		"extends": [
+			"plugin:vue/essential",
+			"eslint:recommended",
+			"@vue/prettier"
+		],
+		"parserOptions": {
+			"parser": "babel-eslint"
+		},
+		"rules": {}
+	},
+	"browserslist": [
+		"> 1%",
+		"last 2 versions",
+		"not dead"
+	]
 }

src/components/HelloWorld.vue

@@ -1,122 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br />
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener"
-        >vue-cli documentation</a
-      >.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
-          target="_blank"
-          rel="noopener"
-          >babel</a
-        >
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router"
-          target="_blank"
-          rel="noopener"
-          >router</a
-        >
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
-          target="_blank"
-          rel="noopener"
-          >eslint</a
-        >
-      </li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li>
-        <a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
-      </li>
-      <li>
-        <a href="https://forum.vuejs.org" target="_blank" rel="noopener"
-          >Forum</a
-        >
-      </li>
-      <li>
-        <a href="https://chat.vuejs.org" target="_blank" rel="noopener"
-          >Community Chat</a
-        >
-      </li>
-      <li>
-        <a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
-          >Twitter</a
-        >
-      </li>
-      <li>
-        <a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
-      </li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li>
-        <a href="https://router.vuejs.org" target="_blank" rel="noopener"
-          >vue-router</a
-        >
-      </li>
-      <li>
-        <a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-devtools#vue-devtools"
-          target="_blank"
-          rel="noopener"
-          >vue-devtools</a
-        >
-      </li>
-      <li>
-        <a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
-          >vue-loader</a
-        >
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/awesome-vue"
-          target="_blank"
-          rel="noopener"
-          >awesome-vue</a
-        >
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "HelloWorld",
-  props: {
-    msg: String
-  }
-};
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>

src/components/accounts/register.vue

@@ -7,76 +7,76 @@
 		<br />
 		<div class="container">
 			<div class="col-md-12" style="text-align:left">
-				<h4>Private Individual</h4>
+				<h4>Register</h4>
 				<div class="form-group row"></div>
 				<div class="row">
 					<div class="col-md-6" style="margin-bottom: 1em">
+						<label>Name</label>
 						<div class="input-group-prepend">
 							<input
 								class="form-control"
 								type="text"
 								name="name"
-								placeholder="Name"
 							/>
 						</div>
 					</div>
 				</div>
 				<div class="row">
 					<div class="col-md-6" style="margin-bottom: 1em">
+						<label>Surname</label>
 						<div class="input-group-prepend">
 							<input
 								class="form-control"
 								type="text"
-								name="surname"
-								placeholder="Surname"
+								name="Surname"
 							/>
 						</div>
 					</div>
 				</div>
 				<div class="row">
 					<div class="col-md-6" style="margin-bottom: 1em">
+						<label>Email</label>
 						<div class="input-group-prepend">
 							<input
 								class="form-control"
 								type="text"
-								name="email"
-								placeholder="Email Address"
+								name="EmailAddress"
 							/>
 						</div>
 					</div>
 				</div>
 				<div class="row">
 					<div class="col-md-6" style="margin-bottom: 1em">
+						<label>Cell Number</label>
 						<div class="input-group-prepend">
 							<input
 								class="form-control"
 								type="text"
 								name="cellnumber"
-								placeholder="Cellphone Number"
 							/>
 						</div>
 					</div>
 				</div>
 				<div class="row">
 					<div class="col-md-6" style="margin-bottom: 1em">
+						<label>Password</label>
 						<div class="input-group-prepend">
 							<input
 								class="form-control"
 								type="password"
 								name="password"
-								placeholder="Password"
 							/>
 						</div>
 					</div>
 				</div>
 				<div class="row">
 					<div class="col-md-6" style="margin-bottom: 1em">
+						<label>Confirm Password</label>
 						<div class="input-group-prepend">
 							<input
 								class="form-control"
 								type="password"
 								name="confPassword"
-								placeholder="Confirm Password"
 							/>
 						</div>
 					</div>
@@ -87,7 +87,6 @@
 							@click="SubmitData()"
 							class="btn btn-primary btn-xl"
 							type="submit"
-							data-dismiss="modal"
 						>
 							Submit
 						</button>
@@ -97,7 +96,6 @@
 							@click="Close()"
 							class="btn btn-primary btn-xl"
 							type="submit"
-							data-dismiss="modal"
 						>
 							Cancel
 						</button>

src/components/accounts/restaurantRegistration.vue

@@ -0,0 +1,89 @@
+<template>
+	<div style="text-align:left">
+		<h4>Restaurant Details</h4>
+		<div class="form-group row"></div>
+		<div class="row">
+			<div class="col-md-6" style="margin-bottom: 1em">
+				<label>Name</label>
+				<div class="input-group-prepend">
+					<input
+						class="form-control"
+						type="text"
+						name="name"
+						placeholder="Name"
+					/>
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-6" style="margin-bottom: 1em">
+				<div class="input-group-prepend">
+					<p>Placeholder for Logo</p>
+					<!-- <input
+								class="form-control"
+								type="text"
+								name="surname"
+								placeholder="Surname"
+							/> -->
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-6" style="margin-bottom: 1em">
+				<div class="input-group-prepend">
+					<p>Option for change</p>
+					<!-- Tool Tip for here: If you are part of a chain, this option will display your name along with the location -->
+					<!-- <input
+								class="form-control"
+								type="text"
+								name="email"
+								placeholder="Email Address"
+							/> -->
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-6" style="margin-bottom: 1em">
+				<div class="input-group-prepend">
+					<input
+						class="form-control"
+						type="number"
+						name="delFee"
+						placeholder="Delivery Fee"
+					/>
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-6" style="margin-bottom: 1em">
+				<div class="input-group-prepend">
+					<input
+						class="form-control"
+						type="number"
+						name="delRadius"
+						placeholder="Delivery Radius"
+					/>
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-6" style="margin-bottom: 1em">
+				<div class="input-group-prepend">
+					<input
+						class="form-control"
+						type="password"
+						name="confPassword"
+						placeholder="Confirm Password"
+					/>
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-6" style="margin-bottom: 1em">
+				<div class="input-group-prepend">
+					<P>option here to Register a Restaurant</P>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>

src/components/restaurants/restaurant.vue

@@ -0,0 +1,97 @@
+<template>
+	<div>
+		<br />
+		<br />
+		<br />
+		<br />
+		<br />
+		<div class="container">
+			<div class="col-md-12" style="text-align:left">
+				<h4>Restaurant</h4>
+				<div class="form-group row"></div>
+				<div class="row">
+					<div class="col-md-6" style="margin-bottom: 1em">
+						<div class="input-group-prepend">
+							<input
+								class="form-control"
+								type="text"
+								name="name"
+								placeholder="Name"
+							/>
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-6" style="margin-bottom: 1em">
+						<div class="input-group-prepend">
+							<p>Placeholder for Logo</p>
+							<!-- <input
+								class="form-control"
+								type="text"
+								name="surname"
+								placeholder="Surname"
+							/> -->
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-6" style="margin-bottom: 1em">
+						<div class="input-group-prepend">
+							<p>Option for change</p>
+							<!-- Tool Tip for here: If you are part of a chain, this option will display your name along with the location -->
+							<!-- <input
+								class="form-control"
+								type="text"
+								name="email"
+								placeholder="Email Address"
+							/> -->
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-6" style="margin-bottom: 1em">
+						<div class="input-group-prepend">
+							<input
+								class="form-control"
+								type="number"
+								name="delFee"
+								placeholder="Delivery Fee"
+							/>
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-6" style="margin-bottom: 1em">
+						<div class="input-group-prepend">
+							<input
+								class="form-control"
+								type="number"
+								name="delRadius"
+								placeholder="Delivery Radius"
+							/>
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-6" style="margin-bottom: 1em">
+						<div class="input-group-prepend">
+							<input
+								class="form-control"
+								type="password"
+								name="confPassword"
+								placeholder="Confirm Password"
+							/>
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-6" style="margin-bottom: 1em">
+						<div class="input-group-prepend">
+							<P>option here to Register a Restaurant</P>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>

src/components/shared/navBar.vue

@@ -25,8 +25,8 @@
 						<a
 							class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger"
 							@click="routerGoTo('/Registration')"
-							>Register</a
-						>
+							>Register
+						</a>
 					</li>
 					<li class="nav-item mx-0 mx-lg-1">
 						<a

src/views/About.vue

@@ -1,5 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>

src/views/Home.vue

@@ -1,18 +0,0 @@
-<template>
-  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png" />
-    <HelloWorld msg="Welcome to Your Vue.js App" />
-  </div>
-</template>
-
-<script>
-// @ is an alias to /src
-import HelloWorld from "@/components/HelloWorld.vue";
-
-export default {
-  name: "Home",
-  components: {
-    HelloWorld
-  }
-};
-</script>