From 4a413e7f3c8797cee4469c8eddc3430d0e5b6fb1 Mon Sep 17 00:00:00 2001
From: konrad <konrad@kola-entertainments.de>
Date: Sun, 12 Apr 2020 21:54:46 +0000
Subject: [PATCH] Make all api fields snake_case (#105)

Change all snake/camelCase mix and match to camelCase everywhere

Fix conversion to not interfer with service interceptors

Add dynamic conversion between camelCase and snake_case to services

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/105
---
 package.json                                  |  2 +
 src/App.vue                                   | 10 +--
 src/components/labels/ListLabels.vue          | 12 +--
 src/components/lists/EditList.vue             |  6 +-
 src/components/lists/ShowList.vue             |  2 +-
 src/components/namespaces/EditNamespace.vue   |  6 +-
 src/components/sharing/linkSharing.vue        |  8 +-
 src/components/sharing/linkSharingAuth.vue    |  2 +-
 src/components/sharing/userTeam.vue           | 24 +++---
 src/components/tasks/ShowListTasks.vue        |  6 +-
 src/components/tasks/ShowTasks.vue            |  2 +-
 src/components/tasks/TableView.vue            |  6 +-
 src/components/tasks/TaskDetailView.vue       | 10 +--
 src/components/tasks/edit-task.vue            |  6 +-
 src/components/tasks/gantt-component.vue      |  4 +-
 src/components/tasks/helpers/taskList.js      |  2 +-
 src/components/tasks/reusable/attachments.vue |  4 +-
 src/components/tasks/reusable/comments.vue    | 10 +--
 .../tasks/reusable/editAssignees.vue          |  6 +-
 src/components/tasks/reusable/editLabels.vue  |  6 +-
 src/components/tasks/reusable/labels.vue      |  2 +-
 .../tasks/reusable/relatedTasks.vue           | 18 ++--
 .../tasks/reusable/singleTaskInList.vue       |  6 +-
 src/components/teams/EditTeam.vue             |  4 +-
 src/components/user/PasswordReset.vue         |  2 +-
 src/models/attachment.js                      |  6 +-
 src/models/label.js                           | 20 ++---
 src/models/labelTask.js                       |  2 +-
 src/models/linkShare.js                       |  6 +-
 src/models/list.js                            |  8 +-
 src/models/namespace.js                       |  8 +-
 src/models/passwordReset.js                   |  2 +-
 src/models/task.js                            | 10 +--
 src/models/taskAssignee.js                    |  4 +-
 src/models/taskComment.js                     |  2 +-
 src/models/taskRelation.js                    | 10 +--
 src/models/teamList.js                        |  2 +-
 src/models/teamMember.js                      |  2 +-
 src/models/teamShareBase.js                   |  2 +-
 src/models/userList.js                        |  2 +-
 src/models/userShareBase.js                   |  2 +-
 src/services/abstractService.js               | 84 +++++++++++++++----
 src/services/attachment.js                    |  8 +-
 src/services/label.js                         |  4 +-
 src/services/labelTask.js                     |  2 +-
 src/services/linkShare.js                     |  8 +-
 src/services/list.js                          |  4 +-
 src/services/listUsers.js                     |  2 +-
 src/services/namespace.js                     |  4 +-
 src/services/task.js                          | 13 +--
 src/services/taskAssignee.js                  |  4 +-
 src/services/taskCollection.js                |  2 +-
 src/services/taskComment.js                   | 10 +--
 src/services/taskRelation.js                  |  4 +-
 src/services/teamList.js                      |  8 +-
 src/services/teamMember.js                    |  6 +-
 src/services/teamNamespace.js                 |  4 +-
 src/services/userList.js                      |  8 +-
 src/services/userNamespace.js                 |  4 +-
 yarn.lock                                     | 52 ++++++++++++
 60 files changed, 296 insertions(+), 189 deletions(-)

diff --git a/package.json b/package.json
index 760897476..eabb3cf22 100644
--- a/package.json
+++ b/package.json
@@ -9,10 +9,12 @@
   },
   "dependencies": {
     "bulma": "0.8.2",
+    "camel-case": "^4.1.1",
     "copy-to-clipboard": "3.3.1",
     "date-fns": "2.12.0",
     "lodash": "4.17.15",
     "register-service-worker": "1.7.1",
+    "snake-case": "^3.0.3",
     "v-tooltip": "2.0.3",
     "verte": "0.0.12",
     "vue": "2.6.11",
diff --git a/src/App.vue b/src/App.vue
index 6b2209e98..c8367591f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -126,10 +126,10 @@
 									</router-link>
 									<label class="menu-label" v-tooltip="n.name + ' (' + n.lists.length + ')'" :for="n.id + 'checker'">
 										<span class="name">
-											<span class="color-bubble" v-if="n.hex_color !== ''" :style="{ backgroundColor: n.hex_color }"></span>
+											<span class="color-bubble" v-if="n.hexColor !== ''" :style="{ backgroundColor: n.hexColor }"></span>
 											{{n.name}} ({{n.lists.length}})
 										</span>
-										<span class="is-archived" v-if="n.is_archived">
+										<span class="is-archived" v-if="n.isArchived">
 											Archived
 										</span>
 									</label>
@@ -140,10 +140,10 @@
 										<li v-for="l in n.lists" :key="l.id">
 											<router-link :to="{ name: 'showList', params: { id: l.id} }">
 												<span class="name">
-													<span class="color-bubble" v-if="l.hex_color !== ''" :style="{ backgroundColor: l.hex_color }"></span>
+													<span class="color-bubble" v-if="l.hexColor !== ''" :style="{ backgroundColor: l.hexColor }"></span>
 													{{l.title}}
 												</span>
-												<span class="is-archived" v-if="l.is_archived">
+												<span class="is-archived" v-if="l.isArchived">
 													Archived
 												</span>
 											</router-link>
@@ -301,7 +301,7 @@
 			},
 			loadNamespaces() {
 				this.namespaceService = new NamespaceService()
-				this.namespaceService.getAll({}, {is_archived: this.showArchived})
+				this.namespaceService.getAll({}, {isArchived: this.showArchived})
 					.then(r => {
 						this.$set(this, 'namespaces', r)
 					})
diff --git a/src/components/labels/ListLabels.vue b/src/components/labels/ListLabels.vue
index 6990bfd6a..2bb1cddb4 100644
--- a/src/components/labels/ListLabels.vue
+++ b/src/components/labels/ListLabels.vue
@@ -10,11 +10,11 @@
 				<span
 					v-for="l in labels" :key="l.id"
 					class="tag"
-					:class="{'disabled': user.infos.id !== l.created_by.id}"
-					:style="{'background': l.hex_color, 'color': l.textColor}"
+					:class="{'disabled': user.infos.id !== l.createdBy.id}"
+					:style="{'background': l.hexColor, 'color': l.textColor}"
 				>
 					<span
-						v-if="user.infos.id !== l.created_by.id"
+						v-if="user.infos.id !== l.createdBy.id"
 						v-tooltip.bottom="'You are not allowed to edit this label because you dont own it.'">
 						{{ l.title }}
 					</span>
@@ -24,7 +24,7 @@
 						v-else>
 						{{ l.title }}
 					</a>
-					<a class="delete is-small" @click="deleteLabel(l)" v-if="user.infos.id === l.created_by.id"></a>
+					<a class="delete is-small" @click="deleteLabel(l)" v-if="user.infos.id === l.createdBy.id"></a>
 				</span>
 			</div>
 			<div class="column is-4" v-if="isLabelEdit">
@@ -57,7 +57,7 @@
 								<label class="label">Color</label>
 								<div class="control">
 									<verte
-											v-model="labelEditLabel.hex_color"
+											v-model="labelEditLabel.hexColor"
 											menuPosition="top"
 											picker="square"
 											model="hex"
@@ -155,7 +155,7 @@
 					})
 			},
 			editLabel(label) {
-				if(label.created_by.id !== this.user.infos.id) {
+				if(label.createdBy.id !== this.user.infos.id) {
 					return
 				}
 				this.labelEditLabel = label
diff --git a/src/components/lists/EditList.vue b/src/components/lists/EditList.vue
index 7e2f2a9ae..17b3bc939 100644
--- a/src/components/lists/EditList.vue
+++ b/src/components/lists/EditList.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="loader-container" :class="{ 'is-loading': listService.loading}">
-		<div class="notification is-warning" v-if="list.is_archived">
+		<div class="notification is-warning" v-if="list.isArchived">
 			This list is archived.
 			It is not possible to create new or edit tasks or it.
 		</div>
@@ -28,7 +28,7 @@
 						<div class="field">
 							<label class="label" for="isArchivedCheck">Is Archived</label>
 							<div class="control">
-								<fancycheckbox v-model="list.is_archived" v-tooltip="'If a list is archived, you cannot create new tasks or edit the list or existing tasks.'">
+								<fancycheckbox v-model="list.isArchived" v-tooltip="'If a list is archived, you cannot create new tasks or edit the list or existing tasks.'">
 									This list is archived
 								</fancycheckbox>
 							</div>
@@ -37,7 +37,7 @@
 							<label class="label">Color</label>
 							<div class="control">
 								<verte
-										v-model="list.hex_color"
+										v-model="list.hexColor"
 										menuPosition="top"
 										picker="square"
 										model="hex"
diff --git a/src/components/lists/ShowList.vue b/src/components/lists/ShowList.vue
index 0838bc34d..a9b89a0b7 100644
--- a/src/components/lists/ShowList.vue
+++ b/src/components/lists/ShowList.vue
@@ -5,7 +5,7 @@
 				<icon icon="cog" size="2x"/>
 			</router-link>
 			<h1 :style="{ 'opacity': list.title === '' ? '0': '1' }">{{ list.title === '' ? 'Loading...': list.title}}</h1>
-			<div class="notification is-warning" v-if="list.is_archived">
+			<div class="notification is-warning" v-if="list.isArchived">
 				This list is archived.
 				It is not possible to create new or edit tasks or it.
 			</div>
diff --git a/src/components/namespaces/EditNamespace.vue b/src/components/namespaces/EditNamespace.vue
index 9cbfaedfc..1b6e57016 100644
--- a/src/components/namespaces/EditNamespace.vue
+++ b/src/components/namespaces/EditNamespace.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="loader-container" v-bind:class="{ 'is-loading': namespaceService.loading}">
-		<div class="notification is-warning" v-if="namespace.is_archived">
+		<div class="notification is-warning" v-if="namespace.isArchived">
 			This namespace is archived.
 			It is not possible to create new lists or edit it.
 		</div>
@@ -28,7 +28,7 @@
 						<div class="field">
 							<label class="label" for="isArchivedCheck">Is Archived</label>
 							<div class="control">
-								<fancycheckbox v-model="namespace.is_archived" v-tooltip="'If a namespace is archived, you cannot create new lists or edit it.'">
+								<fancycheckbox v-model="namespace.isArchived" v-tooltip="'If a namespace is archived, you cannot create new lists or edit it.'">
 									This namespace is archived
 								</fancycheckbox>
 							</div>
@@ -37,7 +37,7 @@
 							<label class="label">Color</label>
 							<div class="control">
 								<verte
-										v-model="namespace.hex_color"
+										v-model="namespace.hexColor"
 										menuPosition="top"
 										picker="square"
 										model="hex"
diff --git a/src/components/sharing/linkSharing.vue b/src/components/sharing/linkSharing.vue
index 59b231b66..f3cbd9b9e 100644
--- a/src/components/sharing/linkSharing.vue
+++ b/src/components/sharing/linkSharing.vue
@@ -52,7 +52,7 @@
 						</div>
 					</td>
 					<td>
-						{{ s.shared_by.username }}
+						{{ s.sharedBy.username }}
 					</td>
 					<td class="type">
 						<template v-if="s.right === rights.ADMIN">
@@ -145,7 +145,7 @@
 					return
 				}
 
-				this.linkShareService.getAll({listID: this.listID})
+				this.linkShareService.getAll({listId: this.listID})
 					.then(r => {
 						this.linkShares = r
 					})
@@ -154,7 +154,7 @@
 					})
 			},
 			add() {
-				let newLinkShare = new LinkShareModel({right: this.selectedRight, listID: this.listID})
+				let newLinkShare = new LinkShareModel({right: this.selectedRight, listId: this.listID})
 				this.linkShareService.create(newLinkShare)
 					.then(() => {
 						this.selectedRight = rights.READ
@@ -166,7 +166,7 @@
 					})
 			},
 			remove() {
-				let linkshare = new LinkShareModel({id: this.linkIDToDelete, listID: this.listID})
+				let linkshare = new LinkShareModel({id: this.linkIDToDelete, listId: this.listID})
 				this.linkShareService.delete(linkshare)
 					.then(() => {
 						this.success({message: 'The link share was successfully deleted'}, this)
diff --git a/src/components/sharing/linkSharingAuth.vue b/src/components/sharing/linkSharingAuth.vue
index da95896e4..1a46f07a9 100644
--- a/src/components/sharing/linkSharingAuth.vue
+++ b/src/components/sharing/linkSharingAuth.vue
@@ -28,7 +28,7 @@
 				auth.linkShareAuth(this.$route.params.share)
 					.then((r) => {
 						this.loading = false
-						router.push({name: 'showList', params: {id: r.list_id}})
+						router.push({name: 'showList', params: {id: r.listId}})
 					})
 					.catch(e => {
 						this.error(e, this)
diff --git a/src/components/sharing/userTeam.vue b/src/components/sharing/userTeam.vue
index 0c0942b41..9a8357d05 100644
--- a/src/components/sharing/userTeam.vue
+++ b/src/components/sharing/userTeam.vue
@@ -175,7 +175,7 @@
 				if (this.type === 'list') {
 					this.typeString = `list`
 					this.stuffService = new UserListService()
-					this.stuffModel = new UserListModel({listID: this.id})
+					this.stuffModel = new UserListModel({listId: this.id})
 				} else if (this.type === 'namespace') {
 					this.typeString = `namespace`
 					this.stuffService = new UserNamespaceService()
@@ -192,7 +192,7 @@
 				if (this.type === 'list') {
 					this.typeString = `list`
 					this.stuffService = new TeamListService()
-					this.stuffModel = new TeamListModel({listID: this.id})
+					this.stuffModel = new TeamListModel({listId: this.id})
 				} else if (this.type === 'namespace') {
 					this.typeString = `namespace`
 					this.stuffService = new TeamNamespaceService()
@@ -219,17 +219,17 @@
 			deleteSharable() {
 
 				if (this.shareType === 'user') {
-					this.stuffModel.userID = this.sharable.username
+					this.stuffModel.userId = this.sharable.username
 				} else if (this.shareType === 'team') {
-					this.stuffModel.teamID = this.sharable.id
+					this.stuffModel.teamId = this.sharable.id
 				}
 				this.stuffService.delete(this.stuffModel)
 					.then(() => {
 						this.showDeleteModal = false
 						for (const i in this.sharables) {
 							if (
-								(this.sharables[i].id === this.stuffModel.userID && this.shareType === 'user') ||
-								(this.sharables[i].id === this.stuffModel.teamID && this.shareType === 'team')
+								(this.sharables[i].id === this.stuffModel.userId && this.shareType === 'user') ||
+								(this.sharables[i].id === this.stuffModel.teamId && this.shareType === 'team')
 							) {
 								this.sharables.splice(i, 1)
 							}
@@ -250,9 +250,9 @@
 				}
 
 				if (this.shareType === 'user') {
-					this.stuffModel.userID = this.sharable.username
+					this.stuffModel.userId = this.sharable.username
 				} else if (this.shareType === 'team') {
-					this.stuffModel.teamID = this.sharable.id
+					this.stuffModel.teamId = this.sharable.id
 				}
 
 				this.stuffService.create(this.stuffModel)
@@ -275,17 +275,17 @@
 
 
 				if (this.shareType === 'user') {
-					this.stuffModel.userID = sharable.username
+					this.stuffModel.userId = sharable.username
 				} else if (this.shareType === 'team') {
-					this.stuffModel.teamID = sharable.id
+					this.stuffModel.teamId = sharable.id
 				}
 
 				this.stuffService.update(this.stuffModel)
 					.then(r => {
 						for (const i in this.sharables) {
 							if (
-								(this.sharables[i].id === this.stuffModel.userID && this.shareType === 'user') ||
-								(this.sharables[i].id === this.stuffModel.teamID && this.shareType === 'team')
+								(this.sharables[i].id === this.stuffModel.userId && this.shareType === 'user') ||
+								(this.sharables[i].id === this.stuffModel.teamId && this.shareType === 'team')
 							) {
 								this.$set(this.sharables[i], 'right', r.right)
 							}
diff --git a/src/components/tasks/ShowListTasks.vue b/src/components/tasks/ShowListTasks.vue
index fdbc4ad68..2f5222514 100644
--- a/src/components/tasks/ShowListTasks.vue
+++ b/src/components/tasks/ShowListTasks.vue
@@ -32,7 +32,7 @@
 			</button>
 		</div>
 
-		<div class="field task-add" v-if="!list.is_archived">
+		<div class="field task-add" v-if="!list.isArchived">
 			<div class="field is-grouped">
 				<p class="control has-icons-left is-expanded" :class="{ 'is-loading': taskService.loading}">
 					<input v-focus class="input" :class="{ 'disabled': taskService.loading}" v-model="newTaskText" type="text" placeholder="Add a new task..." @keyup.enter="addTask()"/>
@@ -59,7 +59,7 @@
 				<div class="tasks" v-if="tasks && tasks.length > 0" :class="{'short': isTaskEdit}">
 					<div class="task" v-for="t in tasks" :key="t.id">
 						<single-task-in-list :the-task="t" @taskUpdated="updateTasks"/>
-						<div @click="editTask(t.id)" class="icon settings" v-if="!list.is_archived">
+						<div @click="editTask(t.id)" class="icon settings" v-if="!list.isArchived">
 							<icon icon="pencil-alt"/>
 						</div>
 					</div>
@@ -159,7 +159,7 @@
 				}
 				this.showError = false
 
-				let task = new TaskModel({text: this.newTaskText, listID: this.$route.params.id})
+				let task = new TaskModel({text: this.newTaskText, listId: this.$route.params.id})
 				this.taskService.create(task)
 					.then(r => {
 						this.tasks.push(r)
diff --git a/src/components/tasks/ShowTasks.vue b/src/components/tasks/ShowTasks.vue
index 6cf9a5c79..acae007c7 100644
--- a/src/components/tasks/ShowTasks.vue
+++ b/src/components/tasks/ShowTasks.vue
@@ -46,7 +46,7 @@
 		},
 		methods: {
 			loadPendingTasks() {
-				let params = {sort_by: ['due_date_unix', 'id'], order_by: ['desc', 'desc']}
+				let params = {sort_by: ['dueDate_unix', 'id'], order_by: ['desc', 'desc']}
 				if (!this.showAll) {
 					params.startdate = Math.round(+ this.startDate / 1000)
 					params.enddate = Math.round(+ this.endDate / 1000)
diff --git a/src/components/tasks/TableView.vue b/src/components/tasks/TableView.vue
index 28c5a5c22..c3b015a91 100644
--- a/src/components/tasks/TableView.vue
+++ b/src/components/tasks/TableView.vue
@@ -55,15 +55,15 @@
 				</th>
 				<th v-if="activeColumns.dueDate">
 					Due&nbsp;Date
-					<sort :order="sortBy.due_date_unix" @click="sort('due_date_unix')"/>
+					<sort :order="sortBy.dueDate_unix" @click="sort('dueDate_unix')"/>
 				</th>
 				<th v-if="activeColumns.startDate">
 					Start&nbsp;Date
-					<sort :order="sortBy.start_date_unix" @click="sort('start_date_unix')"/>
+					<sort :order="sortBy.startDate_unix" @click="sort('startDate_unix')"/>
 				</th>
 				<th v-if="activeColumns.endDate">
 					End&nbsp;Date
-					<sort :order="sortBy.end_date_unix" @click="sort('end_date_unix')"/>
+					<sort :order="sortBy.endDate_unix" @click="sort('endDate_unix')"/>
 				</th>
 				<th v-if="activeColumns.percentDone">
 					%&nbsp;Done
diff --git a/src/components/tasks/TaskDetailView.vue b/src/components/tasks/TaskDetailView.vue
index 52f945275..0243d575c 100644
--- a/src/components/tasks/TaskDetailView.vue
+++ b/src/components/tasks/TaskDetailView.vue
@@ -28,7 +28,7 @@
 							</div>
 							<edit-assignees
 									:task-i-d="task.id"
-									:list-i-d="task.listID"
+									:list-i-d="task.listId"
 									:initial-assignees="task.assignees"
 									ref="assignees"
 							/>
@@ -193,8 +193,8 @@
 						</h3>
 						<related-tasks
 								:task-i-d="taskID"
-								:list-id="task.listID"
-								:initial-related-tasks="task.related_tasks"
+								:list-id="task.listId"
+								:initial-related-tasks="task.relatedTasks"
 								:show-no-relations-notice="true"
 								ref="relatedTasks"
 						/>
@@ -397,7 +397,7 @@
 				this.activeFields.repeatAfter = this.task.repeatAfter.amount > 0
 				this.activeFields.labels = this.task.labels.length > 0
 				this.activeFields.attachments = this.task.attachments.length > 0
-				this.activeFields.relatedTasks = Object.keys(this.task.related_tasks).length > 0
+				this.activeFields.relatedTasks = Object.keys(this.task.relatedTasks).length > 0
 			},
 			saveTaskOnChange() {
 				this.$refs.taskTitle.spellcheck = false
@@ -444,7 +444,7 @@
 				// FIXME: Throw this away once we have vuex
 				this.$parent.namespaces.forEach(n => {
 					n.lists.forEach(l => {
-						if (l.id === this.task.listID) {
+						if (l.id === this.task.listId) {
 							this.list = l
 							this.namespace = n
 							return
diff --git a/src/components/tasks/edit-task.vue b/src/components/tasks/edit-task.vue
index ae9369f1b..6f6b7dcc0 100644
--- a/src/components/tasks/edit-task.vue
+++ b/src/components/tasks/edit-task.vue
@@ -114,7 +114,7 @@
 
 		<div class="field has-addons">
 			<div class="control is-expanded">
-				<edit-assignees :task-i-d="taskEditTask.id" :list-i-d="taskEditTask.listID" :initial-assignees="taskEditTask.assignees"/>
+				<edit-assignees :task-i-d="taskEditTask.id" :list-i-d="taskEditTask.listId" :initial-assignees="taskEditTask.assignees"/>
 			</div>
 		</div>
 
@@ -128,8 +128,8 @@
 		<related-tasks
 			class="is-narrow"
 			:task-i-d="task.id"
-			:list-id="task.listID"
-			:initial-related-tasks="task.related_tasks"
+			:list-id="task.listId"
+			:initial-related-tasks="task.relatedTasks"
 		/>
 
 		<button type="submit" class="button is-success is-fullwidth" :class="{ 'is-loading': taskService.loading}">
diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index 07e550ad5..f1302499a 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -235,7 +235,7 @@
 			prepareTasks() {
 
 				const getAllTasks = (page = 1) => {
-					return this.taskCollectionService.getAll({listID: this.$route.params.id}, {}, page)
+					return this.taskCollectionService.getAll({listId: this.$route.params.id}, {}, page)
 						.then(tasks => {
 							if(page < this.taskCollectionService.totalPages) {
 								return getAllTasks(page + 1)
@@ -367,7 +367,7 @@
 				if (!this.newTaskFieldActive) {
 					return
 				}
-				let task = new TaskModel({text: this.newTaskTitle, listID: this.list.id})
+				let task = new TaskModel({text: this.newTaskTitle, listId: this.list.id})
 				this.taskService.create(task)
 					.then(r => {
 						this.tasksWithoutDates.push(this.addGantAttributes(r))
diff --git a/src/components/tasks/helpers/taskList.js b/src/components/tasks/helpers/taskList.js
index 26a0f85eb..74ebfcf70 100644
--- a/src/components/tasks/helpers/taskList.js
+++ b/src/components/tasks/helpers/taskList.js
@@ -27,7 +27,7 @@ export default {
 			if (search !== '') {
 				params.s = search
 			}
-			this.taskCollectionService.getAll({listID: this.$route.params.id}, params, page)
+			this.taskCollectionService.getAll({listId: this.$route.params.id}, params, page)
 				.then(r => {
 					this.$set(this, 'tasks', r)
 					this.$set(this, 'pages', [])
diff --git a/src/components/tasks/reusable/attachments.vue b/src/components/tasks/reusable/attachments.vue
index d34ff94bf..a60d3eaef 100644
--- a/src/components/tasks/reusable/attachments.vue
+++ b/src/components/tasks/reusable/attachments.vue
@@ -33,7 +33,7 @@
 				<td>{{ a.file.getHumanSize() }}</td>
 				<td>{{ a.file.mime }}</td>
 				<td v-tooltip="formatDate(a.created)">{{ formatDateSince(a.created) }}</td>
-				<td><user :user="a.created_by" :avatar-size="30"/></td>
+				<td><user :user="a.createdBy" :avatar-size="30"/></td>
 				<td>
 					<div class="buttons has-addons">
 						<a class="button is-primary noshadow" @click="downloadAttachment(a)" v-tooltip="'Download this attachment'">
@@ -153,7 +153,7 @@
 				this.uploadFiles(this.$refs.files.files)
 			},
 			uploadFiles(files) {
-				const attachmentModel = new AttachmentModel({task_id: this.taskID})
+				const attachmentModel = new AttachmentModel({taskId: this.taskID})
 				this.attachmentService.create(attachmentModel, files)
 					.then(r => {
 						if(r.success !== null) {
diff --git a/src/components/tasks/reusable/comments.vue b/src/components/tasks/reusable/comments.vue
index 5f943a03b..5ab963fb1 100644
--- a/src/components/tasks/reusable/comments.vue
+++ b/src/components/tasks/reusable/comments.vue
@@ -94,9 +94,9 @@
 		},
 		created() {
 			this.taskCommentService = new TaskCommentService()
-			this.newComment = new TaskCommentModel({task_id: this.taskID})
-			this.commentEdit = new TaskCommentModel({task_id: this.taskID})
-			this.commentToDelete = new TaskCommentModel({task_id: this.taskID})
+			this.newComment = new TaskCommentModel({taskId: this.taskID})
+			this.commentEdit = new TaskCommentModel({taskId: this.taskID})
+			this.commentToDelete = new TaskCommentModel({taskId: this.taskID})
 			this.comments = []
 		},
 		mounted() {
@@ -109,7 +109,7 @@
 		},
 		methods: {
 			loadComments() {
-				this.taskCommentService.getAll({task_id: this.taskID})
+				this.taskCommentService.getAll({taskId: this.taskID})
 					.then(r => {
 						this.$set(this, 'comments', r)
 					})
@@ -143,7 +143,7 @@
 				if (this.commentEdit.comment === '') {
 					return
 				}
-				this.commentEdit.task_id = this.taskID
+				this.commentEdit.taskId = this.taskID
 				this.taskCommentService.update(this.commentEdit)
 					.then(r => {
 						for (const c in this.comments) {
diff --git a/src/components/tasks/reusable/editAssignees.vue b/src/components/tasks/reusable/editAssignees.vue
index 3e2e47631..c7740e65a 100644
--- a/src/components/tasks/reusable/editAssignees.vue
+++ b/src/components/tasks/reusable/editAssignees.vue
@@ -84,7 +84,7 @@
 		},
 		methods: {
 			addAssignee(user) {
-				const taskAssignee = new TaskAssigneeModel({user_id: user.id, task_id: this.taskID})
+				const taskAssignee = new TaskAssigneeModel({userId: user.id, taskId: this.taskID})
 				this.taskAssigneeService.create(taskAssignee)
 					.then(() => {
 						this.success({message: 'The user was successfully assigned.'}, this)
@@ -94,7 +94,7 @@
 					})
 			},
 			removeAssignee(user) {
-				const taskAssignee = new TaskAssigneeModel({user_id: user.id, task_id: this.taskID})
+				const taskAssignee = new TaskAssigneeModel({userId: user.id, taskId: this.taskID})
 				this.taskAssigneeService.delete(taskAssignee)
 					.then(() => {
 						// Remove the assignee from the list
@@ -115,7 +115,7 @@
 					return
 				}
 
-				this.listUserService.getAll({listID: this.listID}, {s: query})
+				this.listUserService.getAll({listId: this.listID}, {s: query})
 					.then(response => {
 						// Filter the results to not include users who are already assigned
 						this.$set(this, 'foundUsers', differenceWith(response, this.assignees, (first, second) => {
diff --git a/src/components/tasks/reusable/editLabels.vue b/src/components/tasks/reusable/editLabels.vue
index dc3706276..fae3d0fc1 100644
--- a/src/components/tasks/reusable/editLabels.vue
+++ b/src/components/tasks/reusable/editLabels.vue
@@ -22,7 +22,7 @@
 	>
 		<template slot="tag" slot-scope="{ option }">
 						<span class="tag"
-							:style="{'background': option.hex_color, 'color': option.textColor}">
+							:style="{'background': option.hexColor, 'color': option.textColor}">
 							<span>{{ option.title }}</span>
 							<a class="delete is-small" @click="removeLabel(option)"></a>
 						</span>
@@ -108,7 +108,7 @@
 				this.$set(this, 'foundLabels', [])
 			},
 			addLabel(label) {
-				let labelTask = new LabelTaskModel({taskID: this.taskID, label_id: label.id})
+				let labelTask = new LabelTaskModel({taskID: this.taskID, labelId: label.id})
 				this.labelTaskService.create(labelTask)
 					.then(() => {
 						this.success({message: 'The label was successfully added.'}, this)
@@ -119,7 +119,7 @@
 					})
 			},
 			removeLabel(label) {
-				let labelTask = new LabelTaskModel({taskID: this.taskID, label_id: label.id})
+				let labelTask = new LabelTaskModel({taskID: this.taskID, labelId: label.id})
 				this.labelTaskService.delete(labelTask)
 					.then(() => {
 						// Remove the label from the list
diff --git a/src/components/tasks/reusable/labels.vue b/src/components/tasks/reusable/labels.vue
index c11fc776f..9f56368b3 100644
--- a/src/components/tasks/reusable/labels.vue
+++ b/src/components/tasks/reusable/labels.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="label-wrapper">
-		<span class="tag" v-for="label in labels" :style="{'background': label.hex_color, 'color': label.textColor}" :key="label.id">
+		<span class="tag" v-for="label in labels" :style="{'background': label.hexColor, 'color': label.textColor}" :key="label.id">
 			<span>{{ label.title }}</span>
 		</span>
 	</div>
diff --git a/src/components/tasks/reusable/relatedTasks.vue b/src/components/tasks/reusable/relatedTasks.vue
index 64ba27e20..10a9de5b6 100644
--- a/src/components/tasks/reusable/relatedTasks.vue
+++ b/src/components/tasks/reusable/relatedTasks.vue
@@ -54,7 +54,7 @@
 								{{t.text}}
 							</span>
 						</router-link>
-						<a class="remove" @click="() => {showDeleteModal = true; relationToDelete = {relation_kind: kind, other_task_id: t.id}}">
+						<a class="remove" @click="() => {showDeleteModal = true; relationToDelete = {relationKind: kind, otherTaskId: t.id}}">
 							<icon icon="trash-alt"/>
 						</a>
 					</div>
@@ -156,9 +156,9 @@
 			},
 			addTaskRelation() {
 				let rel = new TaskRelationModel({
-					task_id: this.taskID,
-					other_task_id: this.newTaskRelationTask.id,
-					relation_kind: this.newTaskRelationKind,
+					taskId: this.taskID,
+					otherTaskId: this.newTaskRelationTask.id,
+					relationKind: this.newTaskRelationKind,
 				})
 				this.taskRelationService.create(rel)
 					.then(() => {
@@ -176,15 +176,15 @@
 			},
 			removeTaskRelation() {
 				let rel = new TaskRelationModel({
-					relation_kind: this.relationToDelete.relation_kind,
-					task_id: this.taskID,
-					other_task_id: this.relationToDelete.other_task_id,
+					relationKind: this.relationToDelete.relationKind,
+					taskId: this.taskID,
+					otherTaskId: this.relationToDelete.otherTaskId,
 				})
 				this.taskRelationService.delete(rel)
 					.then(r => {
 						Object.keys(this.relatedTasks).forEach(relationKind => {
 							for (const t in this.relatedTasks[relationKind]) {
-								if (this.relatedTasks[relationKind][t].id === this.relationToDelete.other_task_id && relationKind === this.relationToDelete.relation_kind) {
+								if (this.relatedTasks[relationKind][t].id === this.relationToDelete.otherTaskId && relationKind === this.relationToDelete.relationKind) {
 									this.relatedTasks[relationKind].splice(t, 1)
 								}
 							}
@@ -199,7 +199,7 @@
 					})
 			},
 			createAndRelateTask(text) {
-				const newTask = new TaskModel({text: text, listID: this.listId})
+				const newTask = new TaskModel({text: text, listId: this.listId})
 				this.taskService.create(newTask)
 					.then(r => {
 						this.newTaskRelationTask = r
diff --git a/src/components/tasks/reusable/singleTaskInList.vue b/src/components/tasks/reusable/singleTaskInList.vue
index e37a7af6e..b619c5e0b 100644
--- a/src/components/tasks/reusable/singleTaskInList.vue
+++ b/src/components/tasks/reusable/singleTaskInList.vue
@@ -3,9 +3,9 @@
 		<fancycheckbox v-model="task.done" @change="markAsDone" :disabled="isArchived"/>
 		<router-link :to="{ name: 'taskDetailView', params: { id: task.id } }" class="tasktext"  :class="{ 'done': task.done}">
 			<!-- Show any parent tasks to make it clear this task is a sub task of something -->
-			<span class="parent-tasks" v-if="typeof task.related_tasks.parenttask !== 'undefined'">
-				<template v-for="(pt, i) in task.related_tasks.parenttask">
-					{{ pt.text }}<template v-if="(i + 1) < task.related_tasks.parenttask.length">,&nbsp;</template>
+			<span class="parent-tasks" v-if="typeof task.relatedTasks.parenttask !== 'undefined'">
+				<template v-for="(pt, i) in task.relatedTasks.parenttask">
+					{{ pt.text }}<template v-if="(i + 1) < task.relatedTasks.parenttask.length">,&nbsp;</template>
 				</template>
 				>
 			</span>
diff --git a/src/components/teams/EditTeam.vue b/src/components/teams/EditTeam.vue
index 8f0a4f169..4818e1069 100644
--- a/src/components/teams/EditTeam.vue
+++ b/src/components/teams/EditTeam.vue
@@ -175,14 +175,14 @@
 		},
 		methods: {
 			loadTeam() {
-				this.member = new TeamMemberModel({teamID: this.$route.params.id})
+				this.member = new TeamMemberModel({teamId: this.$route.params.id})
 				this.team = new TeamModel({id: this.$route.params.id})
 				this.teamService.get(this.team)
 					.then(response => {
 						this.$set(this, 'team', response)
 						let members = response.members
 						for (const m in members) {
-							members[m].teamID = this.$route.params.id
+							members[m].teamId = this.$route.params.id
 							if (members[m].id === this.user.infos.id && members[m].admin) {
 								this.userIsAdmin = true
 							}
diff --git a/src/components/user/PasswordReset.vue b/src/components/user/PasswordReset.vue
index ed89f1057..c4288e3fd 100644
--- a/src/components/user/PasswordReset.vue
+++ b/src/components/user/PasswordReset.vue
@@ -66,7 +66,7 @@
 					return
 				}
 
-				let passwordReset = new PasswordResetModel({new_password: this.credentials.password})
+				let passwordReset = new PasswordResetModel({newPassword: this.credentials.password})
 				this.passwordResetService.resetPassword(passwordReset)
 					.then(response => {
 						this.successMessage = response.data.message
diff --git a/src/models/attachment.js b/src/models/attachment.js
index 09db232ff..e1ee9aa83 100644
--- a/src/models/attachment.js
+++ b/src/models/attachment.js
@@ -5,7 +5,7 @@ import FileModel from './file'
 export default class AttachmentModel extends AbstractModel {
 	constructor(data) {
 		super(data)
-		this.created_by = new UserModel(this.created_by)
+		this.createdBy = new UserModel(this.createdBy)
 		this.file = new FileModel(this.file)
 		this.created = new Date(this.created)
 	}
@@ -13,9 +13,9 @@ export default class AttachmentModel extends AbstractModel {
 	defaults() {
 		return {
 			id: 0,
-			task_id: 0,
+			taskId: 0,
 			file: FileModel,
-			created_by: UserModel,
+			createdBy: UserModel,
 			created: null,
 		}
 	}
diff --git a/src/models/label.js b/src/models/label.js
index a9e02a64c..ec6036d40 100644
--- a/src/models/label.js
+++ b/src/models/label.js
@@ -5,14 +5,14 @@ export default class LabelModel extends AbstractModel {
 	constructor(data) {
 		super(data)
 		// Set the default color
-		if (this.hex_color === '') {
-			this.hex_color = 'e8e8e8'
+		if (this.hexColor === '') {
+			this.hexColor = 'e8e8e8'
 		}
-		if (this.hex_color.substring(0, 1) !== '#') {
-			this.hex_color = '#' + this.hex_color
+		if (this.hexColor.substring(0, 1) !== '#') {
+			this.hexColor = '#' + this.hexColor
 		}
 		this.textColor = this.hasDarkColor() ? '#4a4a4a' : '#e5e5e5'
-		this.created_by = new UserModel(this.created_by)
+		this.createdBy = new UserModel(this.createdBy)
 
 		this.created = new Date(this.created)
 		this.updated = new Date(this.updated)
@@ -22,10 +22,10 @@ export default class LabelModel extends AbstractModel {
 		return {
 			id: 0,
 			title: '',
-			hex_color: '',
+			hexColor: '',
 			description: '',
-			created_by: UserModel,
-			listID: 0,
+			createdBy: UserModel,
+			listId: 0,
 			textColor: '',
 			
 			created: null,
@@ -34,11 +34,11 @@ export default class LabelModel extends AbstractModel {
 	}
 	
 	hasDarkColor() {
-		if (this.hex_color === '#') {
+		if (this.hexColor === '#') {
 			return true // Defaults to dark
 		}
 		
-		let rgb = parseInt(this.hex_color.substring(1, 7), 16);   // convert rrggbb to decimal
+		let rgb = parseInt(this.hexColor.substring(1, 7), 16);   // convert rrggbb to decimal
 		let r = (rgb >> 16) & 0xff;  // extract red
 		let g = (rgb >>  8) & 0xff;  // extract green
 		let b = (rgb >>  0) & 0xff;  // extract blue
diff --git a/src/models/labelTask.js b/src/models/labelTask.js
index e12d1596c..c7349e278 100644
--- a/src/models/labelTask.js
+++ b/src/models/labelTask.js
@@ -5,7 +5,7 @@ export default class LabelTask extends AbstractModel {
 		return {
 			id: 0,
 			taskID: 0,
-			label_id: 0,
+			labelId: 0,
 		}
 	}
 }
\ No newline at end of file
diff --git a/src/models/linkShare.js b/src/models/linkShare.js
index 6c2877580..46557ab9d 100644
--- a/src/models/linkShare.js
+++ b/src/models/linkShare.js
@@ -7,7 +7,7 @@ export default class ListModel extends AbstractModel {
         // The constructor of AbstractModel handles all the default parsing.
         super(data)
 
-        this.shared_by = new UserModel(this.shared_by)
+        this.sharedBy = new UserModel(this.sharedBy)
 
         this.created = new Date(this.created)
         this.updated = new Date(this.updated)
@@ -19,8 +19,8 @@ export default class ListModel extends AbstractModel {
             id: 0,
             hash: '',
             right: 0,
-            shared_by: UserModel,
-            sharing_type: 0,
+            sharedBy: UserModel,
+            sharingType: 0,
             listID: 0,
 
             created: null,
diff --git a/src/models/list.js b/src/models/list.js
index bfabe2205..99b720cc9 100644
--- a/src/models/list.js
+++ b/src/models/list.js
@@ -7,8 +7,8 @@ export default class ListModel extends AbstractModel {
 	constructor(data) {
 		super(data)
 
-		if (this.hex_color !== '' && this.hex_color.substring(0, 1) !== '#') {
-			this.hex_color = '#' + this.hex_color
+		if (this.hexColor !== '' && this.hexColor.substring(0, 1) !== '#') {
+			this.hexColor = '#' + this.hexColor
 		}
 
 		// Make all tasks to task models
@@ -31,8 +31,8 @@ export default class ListModel extends AbstractModel {
 			owner: UserModel,
 			tasks: [],
 			namespaceID: 0,
-			is_archived: false,
-			hex_color: '',
+			isArchived: false,
+			hexColor: '',
 
 			created: null,
 			updated: null,
diff --git a/src/models/namespace.js b/src/models/namespace.js
index 7a4449f1b..3bb1dedb7 100644
--- a/src/models/namespace.js
+++ b/src/models/namespace.js
@@ -6,8 +6,8 @@ export default class NamespaceModel extends AbstractModel {
 	constructor(data) {
 		super(data)
 
-		if (this.hex_color !== '' && this.hex_color.substring(0, 1) !== '#') {
-			this.hex_color = '#' + this.hex_color
+		if (this.hexColor !== '' && this.hexColor.substring(0, 1) !== '#') {
+			this.hexColor = '#' + this.hexColor
 		}
 
 		this.lists = this.lists.map(l => {
@@ -27,8 +27,8 @@ export default class NamespaceModel extends AbstractModel {
 			description: '',
 			owner: UserModel,
 			lists: [],
-			is_archived: false,
-			hex_color: '',
+			isArchived: false,
+			hexColor: '',
 
 			created: null,
 			updated: null,
diff --git a/src/models/passwordReset.js b/src/models/passwordReset.js
index 507947fdc..b45cbeaf5 100644
--- a/src/models/passwordReset.js
+++ b/src/models/passwordReset.js
@@ -10,7 +10,7 @@ export default class PasswordResetModel extends AbstractModel {
 	defaults() {
 		return {
 			token: '',
-			new_password: '',
+			newPassword: '',
 			email: '',
 		}
 	}
diff --git a/src/models/task.js b/src/models/task.js
index ce0be148a..4c2533e8f 100644
--- a/src/models/task.js
+++ b/src/models/task.js
@@ -9,7 +9,7 @@ export default class TaskModel extends AbstractModel {
 		super(data)
 
 		this.id = Number(this.id)
-		this.listID = Number(this.listID)
+		this.listId = Number(this.listId)
 		
 		// Make date objects from timestamps
 		this.dueDate = this.dueDate ? new Date(this.dueDate) : null
@@ -50,8 +50,8 @@ export default class TaskModel extends AbstractModel {
 		}
 
 		// Make all subtasks to task models
-		Object.keys(this.related_tasks).forEach(relationKind  => {
-			this.related_tasks[relationKind] = this.related_tasks[relationKind].map(t => {
+		Object.keys(this.relatedTasks).forEach(relationKind  => {
+			this.relatedTasks[relationKind] = this.relatedTasks[relationKind].map(t => {
 				return new TaskModel(t)
 			})
 		})
@@ -83,14 +83,14 @@ export default class TaskModel extends AbstractModel {
 			parentTaskID: 0,
 			hexColor: '',
 			percentDone: 0,
-			related_tasks: {},
+			relatedTasks: {},
 			attachments: [],
 
 			createdBy: UserModel,
 			created: null,
 			updated: null,
 			
-			listID: 0, // Meta, only used when creating a new task
+			listId: 0, // Meta, only used when creating a new task
 		}
 	}
 	
diff --git a/src/models/taskAssignee.js b/src/models/taskAssignee.js
index 61ec8ae90..287f860bb 100644
--- a/src/models/taskAssignee.js
+++ b/src/models/taskAssignee.js
@@ -9,8 +9,8 @@ export default class TaskAssigneeModel extends AbstractModel {
     defaults() {
         return {
             created: null,
-            user_id: 0,
-            task_id: 0,
+            userId: 0,
+            taskId: 0,
         }
     }
 }
diff --git a/src/models/taskComment.js b/src/models/taskComment.js
index 63c4455d6..376195a98 100644
--- a/src/models/taskComment.js
+++ b/src/models/taskComment.js
@@ -12,7 +12,7 @@ export default class TaskCommentModel extends AbstractModel {
 	defaults() {
 		return {
 			id: 0,
-			task_id: 0,
+			taskId: 0,
 			comment: '',
 			author: UserModel,
 			created: null,
diff --git a/src/models/taskRelation.js b/src/models/taskRelation.js
index 3c108e2fb..fd69c8be8 100644
--- a/src/models/taskRelation.js
+++ b/src/models/taskRelation.js
@@ -4,18 +4,18 @@ import UserModel from './user'
 export default class TaskRelationModel extends AbstractModel {
 	constructor(data) {
 		super(data)
-		this.created_by = new UserModel(this.created_by)
+		this.createdBy = new UserModel(this.createdBy)
 		this.created = new Date(this.created)
 	}
 	
 	defaults() {
 		return {
 			id: 0,
-			other_task_id: 0,
-			task_id: 0,
-			relation_kind: '',
+			otherTaskId: 0,
+			taskId: 0,
+			relationKind: '',
 
-			created_by: UserModel,
+			createdBy: UserModel,
 			created: null,
 		}
 	}
diff --git a/src/models/teamList.js b/src/models/teamList.js
index 994d62d32..fd691b65d 100644
--- a/src/models/teamList.js
+++ b/src/models/teamList.js
@@ -6,7 +6,7 @@ export default class TeamListModel extends TeamShareBaseModel {
 		return merge(
 			super.defaults(),
 			{
-				listID: 0,
+				listId: 0,
 			}
 		)
 	}
diff --git a/src/models/teamMember.js b/src/models/teamMember.js
index 6780f22eb..b6a08852f 100644
--- a/src/models/teamMember.js
+++ b/src/models/teamMember.js
@@ -7,7 +7,7 @@ export default class TeamMemberModel extends UserModel {
 			super.defaults(),
 			{
 				admin: false,
-				teamID: 0,
+				teamId: 0,
 			}
 		)
 	}
diff --git a/src/models/teamShareBase.js b/src/models/teamShareBase.js
index a2fd81e59..616fc2449 100644
--- a/src/models/teamShareBase.js
+++ b/src/models/teamShareBase.js
@@ -13,7 +13,7 @@ export default class TeamShareBaseModel extends AbstractModel {
 
 	defaults() {
 		return {
-			teamID: 0,
+			teamId: 0,
 			right: 0,
 			
 			created: null,
diff --git a/src/models/userList.js b/src/models/userList.js
index 79b5bb575..f5a44b0bb 100644
--- a/src/models/userList.js
+++ b/src/models/userList.js
@@ -7,7 +7,7 @@ export default class UserListModel extends UserShareBaseModel {
 		return merge(
 			super.defaults(),
 			{
-				listID: 0,
+				listId: 0,
 			}
 		)
 	}
diff --git a/src/models/userShareBase.js b/src/models/userShareBase.js
index 3d92ba3fb..82740c163 100644
--- a/src/models/userShareBase.js
+++ b/src/models/userShareBase.js
@@ -9,7 +9,7 @@ export default class UserShareBaseModel extends AbstractModel {
 
 	defaults() {
 		return {
-			userID: '',
+			userId: '',
 			right: 0,
 			
 			created: null,
diff --git a/src/services/abstractService.js b/src/services/abstractService.js
index 50a56d1c8..ebdcab6ba 100644
--- a/src/services/abstractService.js
+++ b/src/services/abstractService.js
@@ -1,5 +1,7 @@
 import axios from 'axios'
 import {reduce, replace} from 'lodash'
+import {camelCase} from 'camel-case'
+import {snakeCase} from 'snake-case'
 
 let config = require('../../public/config.json')
 
@@ -40,19 +42,25 @@ export default class AbstractService {
 
 		// Set the interceptors to process every request
 		let self = this
-		this.http.interceptors.request.use( (config) => {
+		this.http.interceptors.request.use((config) => {
 			switch (config.method) {
 				case 'post':
-					if(this.useUpdateInterceptor())
-						config.data = JSON.stringify(self.beforeUpdate(config.data))
+					if (this.useUpdateInterceptor()) {
+						config.data = self.beforeUpdate(config.data)
+					}
+					config.data = JSON.stringify(this.modelToSnakeCase(config.data))
 					break
 				case 'put':
-					if(this.useCreateInterceptor())
-						config.data = JSON.stringify(self.beforeCreate(config.data))
+					if (this.useCreateInterceptor()) {
+						config.data = self.beforeCreate(config.data)
+					}
+					config.data = JSON.stringify(this.modelToSnakeCase(config.data))
 					break
 				case 'delete':
-					if(this.useDeleteInterceptor())
-						config.data = JSON.stringify(self.beforeDelete(config.data))
+					if (this.useDeleteInterceptor()) {
+						config.data = self.beforeDelete(config.data)
+					}
+					config.data = JSON.stringify(this.modelToSnakeCase(config.data))
 					break
 			}
 			return config
@@ -66,7 +74,7 @@ export default class AbstractService {
 		) {
 			this.http.defaults.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('token')
 		}
-		
+
 		this.paths = {
 			create: paths.create !== undefined ? paths.create : '',
 			get: paths.get !== undefined ? paths.get : '',
@@ -112,7 +120,7 @@ export default class AbstractService {
 	errorHandler(error) {
 		return Promise.reject(error)
 	}
-	
+
 	/////////////////
 	// Helper functions
 	///////////////
@@ -231,6 +239,32 @@ export default class AbstractService {
 	// Preprocessors
 	////////////
 
+	/**
+	 * Transforms field names to camel case.
+	 * @param model
+	 * @returns {*}
+	 */
+	modelToCamelCase(model) {
+		let parsedModel = {}
+		for (const m in model) {
+			parsedModel[camelCase(m)] = model[m]
+		}
+		return parsedModel
+	}
+
+	/**
+	 * Transforms field names to snake case - used before making an api request.
+	 * @param model
+	 * @returns {*}
+	 */
+	modelToSnakeCase(model) {
+		let parsedModel = {}
+		for (const m in model) {
+			parsedModel[snakeCase(m)] = model[m]
+		}
+		return parsedModel
+	}
+
 	/**
 	 * Default preprocessor for get requests
 	 * @param model
@@ -295,12 +329,16 @@ export default class AbstractService {
 	 */
 	getM(url, model = {}, params = {}) {
 		const cancel = this.setLoading()
+
 		model = this.beforeGet(model)
-		return this.http.get(this.getReplacedRoute(url, model), {params: params})
+		const finalUrl = this.getReplacedRoute(url, model)
+
+		return this.http.get(finalUrl, {params: params})
 			.catch(error => {
 				return this.errorHandler(error)
 			})
 			.then(response => {
+				response.data = this.modelToCamelCase(response.data)
 				return Promise.resolve(this.modelGetFactory(response.data))
 			})
 			.finally(() => {
@@ -325,7 +363,9 @@ export default class AbstractService {
 
 		const cancel = this.setLoading()
 		model = this.beforeGet(model)
-		return this.http.get(this.getReplacedRoute(this.paths.getAll, model), {params: params})
+		const finalUrl = this.getReplacedRoute(this.paths.getAll, model)
+
+		return this.http.get(finalUrl, {params: params})
 			.catch(error => {
 				return this.errorHandler(error)
 			})
@@ -338,16 +378,17 @@ export default class AbstractService {
 						return this.modelGetAllFactory(entry)
 					}))
 				}
-				if(response.data === null) {
+				if (response.data === null) {
 					return Promise.resolve([])
 				}
+				response.data = this.modelToCamelCase(response.data)
 				return Promise.resolve(this.modelGetAllFactory(response.data))
 			})
 			.finally(() => {
 				cancel()
 			})
 	}
-	
+
 	/**
 	 * Performs a put request to the url specified before
 	 * @param model
@@ -359,18 +400,21 @@ export default class AbstractService {
 		}
 
 		const cancel = this.setLoading()
-		return this.http.put(this.getReplacedRoute(this.paths.create, model), model)
+		const finalUrl = this.getReplacedRoute(this.paths.create, model)
+
+		return this.http.put(finalUrl, model)
 			.catch(error => {
 				return this.errorHandler(error)
 			})
 			.then(response => {
+				response.data = this.modelToCamelCase(response.data)
 				return Promise.resolve(this.modelCreateFactory(response.data))
 			})
 			.finally(() => {
 				cancel()
 			})
 	}
-	
+
 	/**
 	 * Performs a post request to the update url
 	 * @param model
@@ -382,11 +426,14 @@ export default class AbstractService {
 		}
 
 		const cancel = this.setLoading()
-		return this.http.post(this.getReplacedRoute(this.paths.update, model), model)
+		const finalUrl = this.getReplacedRoute(this.paths.update, model)
+
+		return this.http.post(finalUrl, model)
 			.catch(error => {
 				return this.errorHandler(error)
 			})
 			.then(response => {
+				response.data = this.modelToCamelCase(response.data)
 				return Promise.resolve(this.modelUpdateFactory(response.data))
 			})
 			.finally(() => {
@@ -405,11 +452,14 @@ export default class AbstractService {
 		}
 
 		const cancel = this.setLoading()
-		return this.http.delete(this.getReplacedRoute(this.paths.delete, model), model)
+		const finalUrl = this.getReplacedRoute(this.paths.delete, model)
+
+		return this.http.delete(finalUrl, model)
 			.catch(error => {
 				return this.errorHandler(error)
 			})
 			.then(response => {
+				response.data = this.modelToCamelCase(response.data)
 				return Promise.resolve(response.data)
 			})
 			.finally(() => {
diff --git a/src/services/attachment.js b/src/services/attachment.js
index 530d83b7c..4edefd881 100644
--- a/src/services/attachment.js
+++ b/src/services/attachment.js
@@ -5,9 +5,9 @@ import {formatISO} from 'date-fns'
 export default class AttachmentService extends AbstractService {
 	constructor() {
 		super({
-			create: '/tasks/{task_id}/attachments',
-			getAll: '/tasks/{task_id}/attachments',
-			delete: '/tasks/{task_id}/attachments/{id}',
+			create: '/tasks/{taskId}/attachments',
+			getAll: '/tasks/{taskId}/attachments',
+			delete: '/tasks/{taskId}/attachments/{id}',
 		})
 	}
 
@@ -36,7 +36,7 @@ export default class AttachmentService extends AbstractService {
 
 	download(model) {
 		this.http({
-			url: '/tasks/' + model.task_id + '/attachments/' + model.id,
+			url: '/tasks/' + model.taskId + '/attachments/' + model.id,
 			method: 'GET',
 			responseType: 'blob',
 		}).then((response) => {
diff --git a/src/services/label.js b/src/services/label.js
index 7b050d4ba..23516c519 100644
--- a/src/services/label.js
+++ b/src/services/label.js
@@ -24,12 +24,12 @@ export default class LabelService extends AbstractService {
 	}
 	
 	beforeUpdate(label) {
-		label.hex_color = label.hex_color.substring(1, 7)
+		label.hexColor = label.hexColor.substring(1, 7)
 		return label
 	}
 	
 	beforeCreate(label) {
-		label.hex_color = label.hex_color.substring(1, 7)
+		label.hexColor = label.hexColor.substring(1, 7)
 		return label
 	}
 }
\ No newline at end of file
diff --git a/src/services/labelTask.js b/src/services/labelTask.js
index 16d568c8d..3dfc8398f 100644
--- a/src/services/labelTask.js
+++ b/src/services/labelTask.js
@@ -6,7 +6,7 @@ export default class LabelTaskService extends AbstractService {
 		super({
 			create: '/tasks/{taskID}/labels',
 			getAll: '/tasks/{taskID}/labels',
-			delete: '/tasks/{taskID}/labels/{label_id}',
+			delete: '/tasks/{taskID}/labels/{labelId}',
 		})
 	}
 	
diff --git a/src/services/linkShare.js b/src/services/linkShare.js
index aa411defd..1bccfec9b 100644
--- a/src/services/linkShare.js
+++ b/src/services/linkShare.js
@@ -5,10 +5,10 @@ import {formatISO} from 'date-fns'
 export default class ListService extends AbstractService {
     constructor() {
         super({
-            getAll: '/lists/{listID}/shares',
-            get: '/lists/{listID}/shares/{id}',
-            create: '/lists/{listID}/shares',
-            delete: '/lists/{listID}/shares/{id}',
+            getAll: '/lists/{listId}/shares',
+            get: '/lists/{listId}/shares/{id}',
+            create: '/lists/{listId}/shares',
+            delete: '/lists/{listId}/shares/{id}',
         })
     }
 
diff --git a/src/services/list.js b/src/services/list.js
index 41773c441..fda847595 100644
--- a/src/services/list.js
+++ b/src/services/list.js
@@ -28,12 +28,12 @@ export default class ListService extends AbstractService {
 		model.tasks = model.tasks.map(task => {
 			return taskService.beforeUpdate(task)
 		})
-		model.hex_color = model.hex_color.substring(1, 7)
+		model.hexColor = model.hexColor.substring(1, 7)
 		return model
 	}
 
 	beforeCreate(list) {
-		list.hex_color = list.hex_color.substring(1, 7)
+		list.hexColor = list.hexColor.substring(1, 7)
 		return list
 	}
 }
\ No newline at end of file
diff --git a/src/services/listUsers.js b/src/services/listUsers.js
index 6c4742b8d..db0472c7f 100644
--- a/src/services/listUsers.js
+++ b/src/services/listUsers.js
@@ -5,7 +5,7 @@ import {formatISO} from 'date-fns'
 export default class ListUserService extends AbstractService {
 	constructor() {
 		super({
-			getAll: '/lists/{listID}/listusers'
+			getAll: '/lists/{listId}/listusers'
 		})
 	}
 
diff --git a/src/services/namespace.js b/src/services/namespace.js
index 546c98b61..a23e3d809 100644
--- a/src/services/namespace.js
+++ b/src/services/namespace.js
@@ -24,12 +24,12 @@ export default class NamespaceService extends AbstractService {
 	}
 
 	beforeUpdate(namespace) {
-		namespace.hex_color = namespace.hex_color.substring(1, 7)
+		namespace.hexColor = namespace.hexColor.substring(1, 7)
 		return namespace
 	}
 
 	beforeCreate(namespace) {
-		namespace.hex_color = namespace.hex_color.substring(1, 7)
+		namespace.hexColor = namespace.hexColor.substring(1, 7)
 		return namespace
 	}
 }
\ No newline at end of file
diff --git a/src/services/task.js b/src/services/task.js
index c0cb7eccc..7c82c8d35 100644
--- a/src/services/task.js
+++ b/src/services/task.js
@@ -6,7 +6,7 @@ import {formatISO} from 'date-fns'
 export default class TaskService extends AbstractService {
 	constructor() {
 		super({
-			create: '/lists/{listID}',
+			create: '/lists/{listId}',
 			getAll: '/tasks/all',
 			get: '/tasks/{id}',
 			update: '/tasks/{id}',
@@ -27,8 +27,11 @@ export default class TaskService extends AbstractService {
 	}
 
 	processModel(model) {
-		// Ensure the listID is an int
-		model.listID = Number(model.listID)
+
+		console.log(model)
+
+		// Ensure that listId is an int
+		model.listId = Number(model.listId)
 
 		// Convert dates into an iso string
 		model.dueDate = model.dueDate === null ? null : formatISO(new Date(model.dueDate))
@@ -79,8 +82,8 @@ export default class TaskService extends AbstractService {
 		}
 
 		// Do the same for all related tasks
-		Object.keys(model.related_tasks).forEach(relationKind  => {
-			model.related_tasks[relationKind] = model.related_tasks[relationKind].map(t => {
+		Object.keys(model.relatedTasks).forEach(relationKind  => {
+			model.relatedTasks[relationKind] = model.relatedTasks[relationKind].map(t => {
 				return this.processModel(t)
 			})
 		})
diff --git a/src/services/taskAssignee.js b/src/services/taskAssignee.js
index 28263b5eb..022bce2ac 100644
--- a/src/services/taskAssignee.js
+++ b/src/services/taskAssignee.js
@@ -5,8 +5,8 @@ import {formatISO} from 'date-fns'
 export default class TaskAssigneeService extends AbstractService {
 	constructor() {
 		super({
-			create: '/tasks/{task_id}/assignees',
-			delete: '/tasks/{task_id}/assignees/{user_id}',
+			create: '/tasks/{taskId}/assignees',
+			delete: '/tasks/{taskId}/assignees/{userId}',
 		})
 	}
 
diff --git a/src/services/taskCollection.js b/src/services/taskCollection.js
index 75c2215a4..333c234c9 100644
--- a/src/services/taskCollection.js
+++ b/src/services/taskCollection.js
@@ -5,7 +5,7 @@ import {formatISO} from 'date-fns'
 export default class TaskCollectionService extends AbstractService {
 	constructor() {
 		super({
-			getAll: '/lists/{listID}/tasks',
+			getAll: '/lists/{listId}/tasks',
 		})
 	}
 
diff --git a/src/services/taskComment.js b/src/services/taskComment.js
index f2db85fc5..fc7432729 100644
--- a/src/services/taskComment.js
+++ b/src/services/taskComment.js
@@ -5,11 +5,11 @@ import {formatISO} from 'date-fns'
 export default class TaskCommentService extends AbstractService {
 	constructor() {
 		super({
-			create: '/tasks/{task_id}/comments',
-			getAll: '/tasks/{task_id}/comments',
-			get: '/tasks/{task_id}/comments/{id}',
-			update: '/tasks/{task_id}/comments/{id}',
-			delete: '/tasks/{task_id}/comments/{id}',
+			create: '/tasks/{taskId}/comments',
+			getAll: '/tasks/{taskId}/comments',
+			get: '/tasks/{taskId}/comments/{id}',
+			update: '/tasks/{taskId}/comments/{id}',
+			delete: '/tasks/{taskId}/comments/{id}',
 		})
 	}
 
diff --git a/src/services/taskRelation.js b/src/services/taskRelation.js
index 394648e71..a062ff930 100644
--- a/src/services/taskRelation.js
+++ b/src/services/taskRelation.js
@@ -5,8 +5,8 @@ import {formatISO} from 'date-fns'
 export default class TaskRelationService extends AbstractService {
 	constructor() {
 		super({
-			create: '/tasks/{task_id}/relations',
-			delete: '/tasks/{task_id}/relations',
+			create: '/tasks/{taskId}/relations',
+			delete: '/tasks/{taskId}/relations',
 		})
 	}
 
diff --git a/src/services/teamList.js b/src/services/teamList.js
index 8e889da8c..4f03c5b6c 100644
--- a/src/services/teamList.js
+++ b/src/services/teamList.js
@@ -6,10 +6,10 @@ import {formatISO} from 'date-fns'
 export default class TeamListService extends AbstractService {
 	constructor() {
 		super({
-			create: '/lists/{listID}/teams',
-			getAll: '/lists/{listID}/teams',
-			update: '/lists/{listID}/teams/{teamID}',
-			delete: '/lists/{listID}/teams/{teamID}',
+			create: '/lists/{listId}/teams',
+			getAll: '/lists/{listId}/teams',
+			update: '/lists/{listId}/teams/{teamId}',
+			delete: '/lists/{listId}/teams/{teamId}',
 		})
 	}
 
diff --git a/src/services/teamMember.js b/src/services/teamMember.js
index d1edf39f9..38194b086 100644
--- a/src/services/teamMember.js
+++ b/src/services/teamMember.js
@@ -5,8 +5,8 @@ import {formatISO} from 'date-fns'
 export default class TeamMemberService extends AbstractService {
 	constructor() {
 		super({
-			create: '/teams/{teamID}/members',
-			delete: '/teams/{teamID}/members/{id}', // "id" is the user id because we're intheriting from a normal user
+			create: '/teams/{teamId}/members',
+			delete: '/teams/{teamId}/members/{id}', // "id" is the user id because we're intheriting from a normal user
 		});
 	}
 
@@ -21,7 +21,7 @@ export default class TeamMemberService extends AbstractService {
 	}
 	
 	beforeCreate(model) {
-		model.userID = model.id // The api wants to get the user id as userID
+		model.userId = model.id // The api wants to get the user id as user_ID
 		model.admin = model.admin === null ? false : model.admin
 		return model
 	}
diff --git a/src/services/teamNamespace.js b/src/services/teamNamespace.js
index f8fc16387..3b9dbe972 100644
--- a/src/services/teamNamespace.js
+++ b/src/services/teamNamespace.js
@@ -8,8 +8,8 @@ export default class TeamNamespaceService extends AbstractService {
 		super({
 			create: '/namespaces/{namespaceID}/teams',
 			getAll: '/namespaces/{namespaceID}/teams',
-			update: '/namespaces/{namespaceID}/teams/{teamID}',
-			delete: '/namespaces/{namespaceID}/teams/{teamID}',
+			update: '/namespaces/{namespaceID}/teams/{teamId}',
+			delete: '/namespaces/{namespaceID}/teams/{teamId}',
 		})
 	}
 
diff --git a/src/services/userList.js b/src/services/userList.js
index 44b155037..3f51ee39a 100644
--- a/src/services/userList.js
+++ b/src/services/userList.js
@@ -6,10 +6,10 @@ import {formatISO} from 'date-fns'
 export default class UserListService extends AbstractService {
 	constructor() {
 		super({
-			create: '/lists/{listID}/users',
-			getAll: '/lists/{listID}/users',
-			update: '/lists/{listID}/users/{userID}',
-			delete: '/lists/{listID}/users/{userID}',
+			create: '/lists/{listId}/users',
+			getAll: '/lists/{listId}/users',
+			update: '/lists/{listId}/users/{userId}',
+			delete: '/lists/{listId}/users/{userId}',
 		})
 	}
 
diff --git a/src/services/userNamespace.js b/src/services/userNamespace.js
index 2a98cc070..618aeb221 100644
--- a/src/services/userNamespace.js
+++ b/src/services/userNamespace.js
@@ -8,8 +8,8 @@ export default class UserNamespaceService extends AbstractService {
 		super({
 			create: '/namespaces/{namespaceID}/users',
 			getAll: '/namespaces/{namespaceID}/users',
-			update: '/namespaces/{namespaceID}/users/{userID}',
-			delete: '/namespaces/{namespaceID}/users/{userID}',
+			update: '/namespaces/{namespaceID}/users/{userId}',
+			delete: '/namespaces/{namespaceID}/users/{userId}',
 		})
 	}
 
diff --git a/yarn.lock b/yarn.lock
index 45a5e2537..b60c93816 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4146,6 +4146,14 @@ camel-case@3.0.x, camel-case@^3.0.0:
     no-case "^2.2.0"
     upper-case "^1.1.1"
 
+camel-case@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.1.tgz#1fc41c854f00e2f7d0139dfeba1542d6896fe547"
+  integrity sha512-7fa2WcG4fYFkclIvEmxBbTvmibwF2/agfEBc6q3lOpVu0A13ltLsA+Hr/8Hp6kp5f+G7hKi6t8lys6XxP+1K6Q==
+  dependencies:
+    pascal-case "^3.1.1"
+    tslib "^1.10.0"
+
 camelcase-keys@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@@ -5601,6 +5609,14 @@ dot-case@^2.1.0:
   dependencies:
     no-case "^2.2.0"
 
+dot-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.3.tgz#21d3b52efaaba2ea5fda875bb1aa8124521cf4aa"
+  integrity sha512-7hwEmg6RiSQfm/GwPL4AAWXKy3YNNZA3oFv2Pdiey0mwkRCPZ9x6SZbkLcn8Ma5PYeVokzoD4Twv2n7LKp5WeA==
+  dependencies:
+    no-case "^3.0.3"
+    tslib "^1.10.0"
+
 dot-prop@^4.1.0, dot-prop@^4.1.1:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
@@ -8728,6 +8744,13 @@ lower-case@^1.1.0, lower-case@^1.1.1, lower-case@^1.1.2:
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
   integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
 
+lower-case@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.1.tgz#39eeb36e396115cc05e29422eaea9e692c9408c7"
+  integrity sha512-LiWgfDLLb1dwbFQZsSglpRj+1ctGnayXz3Uv0/WO8n558JycT5fg6zkNcnW0G68Nn0aEldTFeEfmjCfmqry/rQ==
+  dependencies:
+    tslib "^1.10.0"
+
 lowercase-keys@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.0.tgz#4e3366b39e7f5457e35f1324bdf6f88d0bfc7306"
@@ -9232,6 +9255,14 @@ no-case@^2.2.0, no-case@^2.3.2:
   dependencies:
     lower-case "^1.1.1"
 
+no-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.3.tgz#c21b434c1ffe48b39087e86cfb4d2582e9df18f8"
+  integrity sha512-ehY/mVQCf9BL0gKfsJBvFJen+1V//U+0HQMPrWct40ixE4jnv0bfvxDbWtAHL9EcaPEOJHVVYKoQn1TlZUB8Tw==
+  dependencies:
+    lower-case "^2.0.1"
+    tslib "^1.10.0"
+
 node-dir@^0.1.17:
   version "0.1.17"
   resolved "https://registry.yarnpkg.com/node-dir/-/node-dir-0.1.17.tgz#5f5665d93351335caabef8f1c554516cf5f1e4e5"
@@ -9962,6 +9993,14 @@ pascal-case@^2.0.0:
     camel-case "^3.0.0"
     upper-case-first "^1.1.0"
 
+pascal-case@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.1.tgz#5ac1975133ed619281e88920973d2cd1f279de5f"
+  integrity sha512-XIeHKqIrsquVTQL2crjq3NfJUxmdLasn3TYOU0VBM+UX2a6ztAWBlJQBePLGY7VHW8+2dRadeIPK5+KImwTxQA==
+  dependencies:
+    no-case "^3.0.3"
+    tslib "^1.10.0"
+
 pascalcase@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
@@ -11656,6 +11695,14 @@ snake-case@^2.1.0:
   dependencies:
     no-case "^2.2.0"
 
+snake-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-3.0.3.tgz#c598b822ab443fcbb145ae8a82c5e43526d5bbee"
+  integrity sha512-WM1sIXEO+rsAHBKjGf/6R1HBBcgbncKS08d2Aqec/mrDSpU80SiOU41hO7ny6DToHSyrlwTYzQBIK1FPSx4Y3Q==
+  dependencies:
+    dot-case "^3.0.3"
+    tslib "^1.10.0"
+
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
@@ -12578,6 +12625,11 @@ tslib@^1, tslib@^1.9.0, tslib@^1.9.3:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a"
   integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==
 
+tslib@^1.10.0:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.11.1.tgz#eb15d128827fbee2841549e171f45ed338ac7e35"
+  integrity sha512-aZW88SY8kQbU7gpV19lN24LtXh/yD4ZZg6qieAJDDg+YBsJcSmLGK9QpnUjAKVG/xefmvJGd1WUmfpT/g6AJGA==
+
 tty-browserify@0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"