@@ -24,7 +24,7 @@ import ProjectSelectionDropdown from "./ProjectSelectionDropdown.vue"
return {
isChoiceShown: false,
// this.$store.selectedProject
- projectName: "Choose Project"
+ name: "Choose Project"
}
},
methods: {
diff --git a/web/satellite/src/store/index.ts b/web/satellite/src/store/index.ts
index fb64d12c3..14323032f 100644
--- a/web/satellite/src/store/index.ts
+++ b/web/satellite/src/store/index.ts
@@ -5,12 +5,15 @@ import Vue from 'vue';
import Vuex from 'vuex';
import {authModule} from "@/store/modules/auth";
+import {projectsModule} from "@/store/modules/projects";
Vue.use(Vuex);
+// Satellite store (vuex)
const store = new Vuex.Store({
modules: {
- authModule
+ authModule,
+ projectsModule
}
});
diff --git a/web/satellite/src/store/modules/auth.ts b/web/satellite/src/store/modules/auth.ts
index de91b35b1..bbc1e6699 100644
--- a/web/satellite/src/store/modules/auth.ts
+++ b/web/satellite/src/store/modules/auth.ts
@@ -2,8 +2,7 @@
// See LICENSE for copying information.
import {
- SET_USER_INFO,
- REVERT_TO_DEFAULT_USER_INFO,
+ AUTH_MUTATIONS,
} from "../mutationConstants";
export const authModule = {
@@ -21,7 +20,7 @@ export const authModule = {
},
mutations: {
- [SET_USER_INFO](state: any, user: User): void {
+ [AUTH_MUTATIONS.SET_USER_INFO](state: any, user: User): void {
state.firstName = user.firstName;
state.lastName = user.lastName;
state.email = user.email;
@@ -34,7 +33,7 @@ export const authModule = {
state.companyPostalCode = user.company.postalCode;
},
- [REVERT_TO_DEFAULT_USER_INFO](state: any): void {
+ [AUTH_MUTATIONS.REVERT_TO_DEFAULT_USER_INFO](state: any): void {
state.firstName = "";
state.lastName = "";
state.email = "";
@@ -58,5 +57,5 @@ export const authModule = {
};
function setUserInfo({commit}: any, userInfo: User): void {
- commit(SET_USER_INFO, userInfo)
+ commit(AUTH_MUTATIONS.SET_USER_INFO, userInfo)
}
diff --git a/web/satellite/src/store/modules/projects.ts b/web/satellite/src/store/modules/projects.ts
new file mode 100644
index 000000000..34583a643
--- /dev/null
+++ b/web/satellite/src/store/modules/projects.ts
@@ -0,0 +1,44 @@
+// Copyright (C) 2018 Storj Labs, Inc.
+// See LICENSE for copying information.
+
+import {
+ PROJECTS_MUTATIONS
+} from "../mutationConstants";
+import { createProject } from "@/utils/qraphql/createProjectsQuery";
+
+export const projectsModule = {
+ state: {
+ projects: [],
+ selectedProject: {
+ name: "",
+ id: "",
+ }
+ },
+
+ mutations: {
+ [PROJECTS_MUTATIONS.CREATE](state: any, createdProject: Project): void {
+ state.projects.push(createdProject)
+ },
+ [PROJECTS_MUTATIONS.FETCH](state: any, projects: Project[]): void {
+ state.projects = projects
+ },
+ },
+
+ actions: {
+ fetchProjects: async function({commit}: any) {
+ commit(PROJECTS_MUTATIONS.FETCH, )
+ },
+ createProject: async function({commit}: any, project: Project) {
+ let response = createProject(project);
+
+ if(response) {
+ commit(PROJECTS_MUTATIONS.CREATE, response)
+ }
+ }
+
+ },
+
+ getters: {
+
+ },
+};
diff --git a/web/satellite/src/store/mutationConstants.ts b/web/satellite/src/store/mutationConstants.ts
index 79ee2fb06..c52b47689 100644
--- a/web/satellite/src/store/mutationConstants.ts
+++ b/web/satellite/src/store/mutationConstants.ts
@@ -1,5 +1,14 @@
// Copyright (C) 2018 Storj Labs, Inc.
// See LICENSE for copying information.
-export const SET_USER_INFO = "SET_USER_INFO";
-export const REVERT_TO_DEFAULT_USER_INFO = "REVERT_TO_DEFAULT_USER_INFO";
+export const AUTH_MUTATIONS = {
+ SET_USER_INFO: "SET_USER_INFO",
+ REVERT_TO_DEFAULT_USER_INFO: "REVERT_TO_DEFAULT_USER_INFO",
+};
+
+export const PROJECTS_MUTATIONS = {
+ CREATE: "CREATE_PROJECT",
+ DELETE: "DELETE_PROJECT",
+ UPDATE: "UPDATE_PROJECT",
+ FETCH: "FETCH_PROJECTS"
+};
diff --git a/web/satellite/src/types/projects.d.ts b/web/satellite/src/types/projects.d.ts
new file mode 100644
index 000000000..e3d3ba399
--- /dev/null
+++ b/web/satellite/src/types/projects.d.ts
@@ -0,0 +1,10 @@
+// Copyright (C) 2018 Storj Labs, Inc.
+// See LICENSE for copying information.
+
+// Project is a type, used for creating new project in backend
+declare type Project = {
+ name: string,
+ description: string
+ id: string,
+ isTermsAccepted: boolean,
+}
diff --git a/web/satellite/src/utils/apolloManager.ts b/web/satellite/src/utils/apolloManager.ts
index 129706e14..a5cfe8bc1 100644
--- a/web/satellite/src/utils/apolloManager.ts
+++ b/web/satellite/src/utils/apolloManager.ts
@@ -4,13 +4,30 @@
import {HttpLink} from "apollo-link-http";
import ApolloClient from "apollo-client/ApolloClient";
import {InMemoryCache} from "apollo-cache-inmemory";
+import { setContext } from "apollo-link-context";
+import { getToken } from "../utils/tokenManager"
+// Satellite url
const satelliteUrl = new HttpLink({
- uri: 'http://192.168.1.90:8081/api/graphql/v0',
+ uri: 'http://localhost:8081/api/graphql/v0',
});
+// Adding auth headers
+const authLink = setContext((_, { headers }) => {
+ // get the authentication token from local storage if it exists
+ const token = getToken();
+ // return the headers to the context so httpLink can read them
+ return {
+ headers: {
+ ...headers,
+ authorization: token ? `Bearer ${token}` : "",
+ }
+ }
+});
+
+// Creating apollo client
export default new ApolloClient({
- link: satelliteUrl,
+ link: authLink.concat(satelliteUrl),
cache: new InMemoryCache(),
connectToDevTools: true,
});
\ No newline at end of file
diff --git a/web/satellite/src/utils/qraphql/createProjectsQuery.ts b/web/satellite/src/utils/qraphql/createProjectsQuery.ts
new file mode 100644
index 000000000..c9e73d252
--- /dev/null
+++ b/web/satellite/src/utils/qraphql/createProjectsQuery.ts
@@ -0,0 +1,37 @@
+// Copyright (C) 2018 Storj Labs, Inc.
+// See LICENSE for copying information.
+
+import apollo from '../apolloManager';
+import gql from "graphql-tag";
+
+// TODO: all graphql queries should be totally refactored
+// Performs graqhQL request.
+// Throws an exception if error occurs
+export async function createProject(project: Project): Promise