diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c95e398
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/bugtracker/target/
diff --git a/bugtracker/src/main/java/bugtracker/SecurityConfig.java b/bugtracker/src/main/java/bugtracker/SecurityConfig.java
index 5ace695..bfa1be9 100644
--- a/bugtracker/src/main/java/bugtracker/SecurityConfig.java
+++ b/bugtracker/src/main/java/bugtracker/SecurityConfig.java
@@ -56,7 +56,7 @@ protected void configure(HttpSecurity httpSecurity) throws Exception {
 
 	@Override
 	protected void configure(AuthenticationManagerBuilder auth) throws Exception {
-		auth.userDetailsService(userDetailsService())
+		auth.userDetailsService(userService)
 				.passwordEncoder(passwordEncoder());
 	}
 
diff --git a/bugtracker/target/classes/templates/new_project.html b/bugtracker/target/classes/templates/new_project.html
deleted file mode 100644
index 3921ea9..0000000
--- a/bugtracker/target/classes/templates/new_project.html
+++ /dev/null
@@ -1,158 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
-      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
-<head>
-    <meta charset="utf-8"/>
-    <title>New Project</title>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/resources/theme-neptune-all.css">
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/ext-all-debug.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/theme-neptune.js"></script>
-    <script type="text/javascript">
-        Ext.onReady(function () {
-
-            var userStore = Ext.create('Ext.data.Store', {
-                fields: ['id', 'name']
-            });
-
-            var devStore = Ext.create('Ext.data.Store', {
-                fields: ['id', 'name']
-            });
-
-            var approver = Ext.create('Ext.form.ComboBox', {
-                fieldLabel: 'Approver',
-                store: userStore,
-                queryMode: 'local',
-                displayField: 'name',
-                valueField: 'id'
-            });
-
-            var devs = Ext.create('Ext.form.ComboBox', {
-                fieldLabel: 'Developer',
-                store: devStore,
-                queryMode: 'local',
-                displayField: 'name',
-                valueField: 'id'
-            });
-
-            var name = Ext.create('Ext.form.TextField', {
-                fieldLabel: 'Name',
-                width: 400,
-                bodyPadding: 10
-            });
-
-            var desc = Ext.create('Ext.form.TextArea', {
-                fieldLabel: 'Description',
-                width: 400,
-                bodyPadding: 10
-            });
-
-            var s1date = Ext.create('Ext.form.Date', {
-                fieldLabel: 'S1 date',
-                width: 400,
-                value: new Date()
-            });
-
-            var s2date = Ext.create('Ext.form.Date', {
-                fieldLabel: 'S2 date',
-                width: 400,
-                value: new Date()
-            });
-
-            var s3date = Ext.create('Ext.form.Date', {
-                fieldLabel: 'S3 date',
-                width: 400,
-                value: new Date()
-            });
-
-            var createButton = Ext.create('Ext.Button', {
-                text: "Create",
-                style: {
-                    border: 1
-                },
-                handler: function () {
-                    Ext.Ajax.request({
-                        url: "/api/project/create",
-                        method: "POST",
-                        jsonData: getProject(),
-                        success: function (form, action) {
-                            window.location.assign("/project/all");
-                        },
-                        failure: function (form, action) {
-                            alert(form.responseText);
-                        }
-                    })
-                }
-            });
-
-            var getProject = function(){
-                return {
-                    name: name.value,
-                    description: desc.value,
-                    defaultApproverId: approver.value,
-                    defaultDeveloperId: devs.value,
-                    s1Time: s1date.value,
-                    s2Time: s2date.value,
-                    s3Time: s3date.value
-                }
-            };
-
-            Ext.create('Ext.panel.Panel', {
-                renderTo: Ext.getBody(),
-                width: 1000,
-                height:500,
-                layout: {
-                    type: 'vbox',
-                    padding: 5
-                },
-                items: [
-                    name,
-                    desc,
-                    approver,
-                    devs,
-                    s1date,
-                    s2date,
-                    s3date
-                ],
-                buttons: [
-                    createButton
-                ]
-            }).center();
-
-            Ext.Ajax.request({
-                url: '/api/user/getAllApprover',
-                method: 'GET',
-                success: function (form, action) {
-                    var allUsers = JSON.parse(form.responseText);
-                    for(var i=0; i<allUsers.length; i++){
-                        userStore.add({id: allUsers[i].id, name: allUsers[i].name});
-                    }
-
-                    approver.setValue(allUsers[0].id);
-                },
-                failure: function (form, action) {
-                    alert(form.responseText);
-                }
-            });
-
-            Ext.Ajax.request({
-                url: '/api/user/getAllDeveloper',
-                method: 'GET',
-                success: function (form, action) {
-                    var allDev = JSON.parse(form.responseText);
-                    for(var i=0; i<allDev.length; i++){
-                        devStore.add({id: allDev[i].id, name: allDev[i].name});
-                    }
-
-                    devs.setValue(allDev[0].id);
-                },
-                failure: function (form, action) {
-                    alert(form.responseText);
-                }
-            });
-        });
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/bugtracker/target/classes/templates/new_ticket.html b/bugtracker/target/classes/templates/new_ticket.html
deleted file mode 100644
index 0ec8fc9..0000000
--- a/bugtracker/target/classes/templates/new_ticket.html
+++ /dev/null
@@ -1,172 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
-      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
-<head>
-    <meta charset="utf-8"/>
-    <title>New Ticket</title>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/resources/theme-neptune-all.css">
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/ext-all-debug.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/theme-neptune.js"></script>
-    <script type="text/javascript">
-        Ext.onReady(function () {
-
-            var projectStore = Ext.create('Ext.data.Store', {
-                fields: ['id', 'name']
-            });
-
-            var priorityStore = Ext.create('Ext.data.Store', {
-                fields: ['priority'],
-                data : [
-                    {"value":0, "name":"S1"},
-                    {"value":1, "name":"S2"},
-                    {"value":2, "name":"S3"}
-                ]
-            });
-
-            var typeStore = Ext.create('Ext.data.Store', {
-                fields: ['type'],
-                data : [
-                    {"value":0, "name":"Feature"},
-                    {"value":1, "name":"Bug"}
-                ]
-            });
-
-            var projects = Ext.create('Ext.form.ComboBox', {
-                fieldLabel: 'Project',
-                store: projectStore,
-                queryMode: 'local',
-                displayField: 'name',
-                valueField: 'id'
-            });
-
-            var ticketPrio = Ext.create('Ext.form.ComboBox', {
-                fieldLabel: 'Priority',
-                valueField: 'value',
-                store: priorityStore,
-                displayField: 'name',
-                queryMode: 'local'
-            });
-
-            var ticketType = Ext.create('Ext.form.ComboBox', {
-                fieldLabel: 'Type',
-                valueField: 'value',
-                store: typeStore,
-                displayField: 'name',
-                queryMode: 'local'
-            });
-
-            var name = Ext.create('Ext.form.TextField', {
-                fieldLabel: 'Name',
-                width: 400,
-                bodyPadding: 10
-            });
-
-            var desc = Ext.create('Ext.form.TextArea', {
-               fieldLabel: 'Description',
-               width: 400,
-               bodyPadding: 10
-            });
-
-            ticketPrio.setValue(0);
-            ticketType.setValue(0);
-
-            var createButton = Ext.create('Ext.Button', {
-               text: "Create",
-               style: {
-                   border: 1
-               },
-                handler: function () {
-                    Ext.Ajax.request({
-                        url: "/api/ticket/create",
-                        method: "POST",
-                        jsonData: getTicket(),
-                        success: function (form, action) {
-                            window.location.assign("/ticket/all");
-                        },
-                        failure: function (form, action) {
-                            alert(form.responseText);
-                        }
-                    })
-                }
-            });
-
-            var getTicket = function(){
-                return {
-                    name: name.value,
-                    description: desc.value,
-                    priority: ticketPrio.getValue(),
-                    projectId: projects.getValue(),
-                    type: ticketType.getValue()
-                }
-            };
-
-            var reporterStore = Ext.create('Ext.data.Store', {
-                fields: ['id', 'name']
-            });
-
-            var reporters = Ext.create('Ext.form.ComboBox', {
-                fieldLabel: 'Reporter',
-                store: reporterStore,
-                queryMode: 'local',
-                displayField: 'name',
-                valueField: 'id'
-            });
-
-            Ext.Ajax.request({
-                url: '/api/user/getAllUser',
-                method: 'GET',
-                success: function (form, action) {
-                    allUser = JSON.parse(form.responseText);
-                    for(var i=0; i<allUser.length; i++){
-                        reporterStore.add({id: allUser[i].id, name: allUser[i].name});
-                    }
-                    reporters.setValue(allUser[0]);
-                },
-                failure: function (form, action) {
-                    alert(form.responseText);
-                }
-            });
-
-            Ext.create('Ext.panel.Panel', {
-                renderTo: Ext.getBody(),
-                width: 1000,
-                height:500,
-                layout: {
-                    type: 'vbox',
-                    padding: 5
-                },
-                items: [
-                    name,
-                    desc,
-                    projects,
-                    reporters,
-                    ticketPrio,
-                    ticketType
-                ],
-                buttons: [
-                    createButton
-                ]
-            }).center();
-
-            Ext.Ajax.request({
-                url: '/api/project/getAll',
-                method: 'GET',
-                success: function (form, action) {
-                    allProjects = JSON.parse(form.responseText);
-                    for(var i=0; i<allProjects.length; i++){
-                        projectStore.add({id: allProjects[i].id, name: allProjects[i].name});
-                    }
-
-                    projects.setValue(allProjects[0].id);
-                },
-                failure: function (form, action) {
-                    alert(form.responseText);
-                }
-            });
-        });
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/bugtracker/target/classes/templates/new_user.html b/bugtracker/target/classes/templates/new_user.html
deleted file mode 100644
index 002be2c..0000000
--- a/bugtracker/target/classes/templates/new_user.html
+++ /dev/null
@@ -1,105 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
-      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
-<head>
-    <meta charset="utf-8"/>
-    <title>New User</title>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/resources/theme-neptune-all.css">
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/ext-all-debug.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/theme-neptune.js"></script>
-    <script type="text/javascript">
-        Ext.onReady(function () {
-            var typeStore = Ext.create('Ext.data.Store', {
-                fields: ['type'],
-                data : [
-                    {"value":0, "name":"Admin"},
-                    {"value":1, "name":"Developer"},
-                    {"value":2, "name":"User"},
-                    {"value":3, "name":"Approver"}  // TODO: jovahagyo?
-                ]
-            });
-
-            var userType = Ext.create('Ext.form.ComboBox', {
-                fieldLabel: 'Type',
-                store: typeStore,
-                queryMode: 'local',
-                displayField: 'name',
-                valueField: 'value'
-            });
-
-            var name = Ext.create('Ext.form.TextField', {
-                fieldLabel: 'Name',
-                width: 400,
-                bodyPadding: 10
-            });
-
-            var psw = Ext.create('Ext.form.TextField', {
-                fieldLabel: 'Password',
-                inputType: 'password',
-                width: 400,
-                bodyPadding: 10
-            });
-
-            var email = Ext.create('Ext.form.field.Text', {
-                fieldLabel: 'Email',
-                width: 400,
-                bodyPadding: 10,
-                vtype: 'email'
-            });
-
-            userType.setValue(0);
-
-            var createButton = Ext.create('Ext.Button', {
-                text: "Create",
-                style: {
-                    border: 1
-                },
-                handler: function () {
-                    Ext.Ajax.request({
-                        url: "/api/user/create",
-                        method: "POST",
-                        jsonData: getUser(),
-                        success: function (form, action) {
-                            window.location.assign("/project/all"); // TODO: redirect to all users
-                        },
-                        failure: function (form, action) {
-                            alert(form.responseText);
-                        }
-                    })
-                }
-            });
-
-            var getUser = function(){
-                return {
-                    name: name.value,
-                    password: psw.value,
-                    email: email.value,
-                    type: userType.getValue()
-                }
-            };
-
-            Ext.create('Ext.panel.Panel', {
-                renderTo: Ext.getBody(),
-                width: 1000,
-                height:500,
-                layout: {
-                    type: 'vbox',
-                    padding: 5
-                },
-                items: [
-                    name,
-                    psw,
-                    email,
-                    userType
-                ],
-                buttons: [
-                    createButton
-                ]
-            }).center();
-        });
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/bugtracker/target/classes/templates/project.html b/bugtracker/target/classes/templates/project.html
deleted file mode 100644
index cb46da0..0000000
--- a/bugtracker/target/classes/templates/project.html
+++ /dev/null
@@ -1,185 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
-      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
-<head>
-    <meta charset="utf-8"/>
-    <title>Project</title>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/resources/theme-neptune-all.css">
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/ext-all-debug.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/theme-neptune.js"></script>
-    <script type="text/javascript">
-        Ext.onReady(function () {
-            try{
-                var project = {};
-
-                Ext.Ajax.request({
-                    url: '/api/project/'+localStorage.getItem("projectId"),
-                    method: 'GET',
-                    async: false,
-                    success: function (form, action) {
-                        project = JSON.parse(form.responseText);
-                    },
-                    failure: function (form, action) {
-                        alert(form.responseText);
-                    }
-                });
-
-                var getDate = function(date){
-                    if(date == null || date < 3){
-                        return '01 01 0000';
-                    }
-                    return date[0] + ' ' + date[1] + ' ' + date[2];
-                };
-
-                var userStore = Ext.create('Ext.data.Store', {
-                    fields: ['id', 'name']
-                });
-
-                var devStore = Ext.create('Ext.data.Store', {
-                    fields: ['id', 'name']
-                });
-
-                var approver = Ext.create('Ext.form.ComboBox', {
-                    fieldLabel: 'Approver',
-                    store: userStore,
-                    queryMode: 'local',
-                    displayField: 'name',
-                    valueField: 'id'
-                });
-
-                var devs = Ext.create('Ext.form.ComboBox', {
-                    fieldLabel: 'Developer',
-                    store: devStore,
-                    queryMode: 'local',
-                    displayField: 'name',
-                    valueField: 'id'
-                });
-
-                var name = Ext.create('Ext.form.TextField', {
-                    fieldLabel: 'Name',
-                    width: 400,
-                    bodyPadding: 10,
-                    value: project.name
-                });
-
-                var desc = Ext.create('Ext.form.TextArea', {
-                    fieldLabel: 'Description',
-                    width: 400,
-                    bodyPadding: 10,
-                    value: project.description
-                });
-
-                var s1date = Ext.create('Ext.form.Date', {
-                    fieldLabel: 'S1 date',
-                    width: 400,
-                    format: 'Y m d',
-                    value: getDate(project.s1Time)
-                });
-
-                var s2date = Ext.create('Ext.form.Date', {
-                    fieldLabel: 'S2 date',
-                    width: 400,
-                    format: 'Y m d',
-                    value: getDate(project.s2Time)
-                });
-
-                var s3date = Ext.create('Ext.form.Date', {
-                    fieldLabel: 'S3 date',
-                    width: 400,
-                    format: 'Y m d',
-                    value: getDate(project.s3Time)
-                });
-
-                Ext.Ajax.request({
-                    url: '/api/user/getAllApprover',
-                    method: 'GET',
-                    success: function (form, action) {
-                        var allUsers = JSON.parse(form.responseText);
-                        for(var i=0; i<allUsers.length; i++){
-                            userStore.add({id: allUsers[i].id, name: allUsers[i].name});
-                        }
-
-                        approver.setValue(project.defaultApproverId);
-                    },
-                    failure: function (form, action) {
-                        alert(form.responseText);
-                    }
-                });
-
-                Ext.Ajax.request({
-                    url: '/api/user/getAllDeveloper',
-                    method: 'GET',
-                    success: function (form, action) {
-                        var allDev = JSON.parse(form.responseText);
-                        for(var i=0; i<allDev.length; i++){
-                            devStore.add({id: allDev[i].id, name: allDev[i].name});
-                        }
-
-                        devs.setValue(project.defaultDeveloperId);
-                    },
-                    failure: function (form, action) {
-                        alert(form.responseText);
-                    }
-                });
-
-                var updateButton = Ext.create('Ext.button.Button', {
-                    text: 'Update',
-                    handler: function(){
-                        Ext.Ajax.request({
-                            url: '/api/project/update',
-                            method: 'POST',
-                            jsonData: getProject(),
-                            success: function (form, action) {
-                                window.location.assign("/project/all");
-                            },
-                            failure: function (form, action) {
-                                alert(form.responseText);
-                            }
-                        });
-                    }
-                });
-
-                var getProject = function(){
-                    return {
-                        id: project.id,
-                        name: name.value,
-                        description: desc.value,
-                        defaultApproverId: approver.value,
-                        defaultDeveloperId: devs.value,
-                        s1Time: s1date.value,
-                        s2Time: s2date.value,
-                        s3Time: s3date.value
-                    }
-                };
-
-                Ext.create('Ext.panel.Panel', {
-                    renderTo: Ext.getBody(),
-                    width: 1000,
-                    height:500,
-                    layout: {
-                        type: 'vbox',
-                        padding: 5
-                    },
-                    items: [
-                        name,
-                        desc,
-                        approver,
-                        devs,
-                        s1date,
-                        s2date,
-                        s3date
-                    ],
-                    buttons: [
-                        updateButton
-                    ]
-                }).center();
-            }catch(e){
-                alert(e)
-            }
-        })
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/bugtracker/target/classes/templates/projects.html b/bugtracker/target/classes/templates/projects.html
deleted file mode 100644
index 427d0ac..0000000
--- a/bugtracker/target/classes/templates/projects.html
+++ /dev/null
@@ -1,203 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
-      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
-<head>
-    <meta charset="utf-8"/>
-    <title>Projects</title>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/resources/theme-neptune-all.css">
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/ext-all-debug.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/theme-neptune.js"></script>
-    <script type="text/javascript">
-        Ext.onReady(function(){
-            try{
-                var projects = {};
-
-                var projectStore = Ext.create('Ext.data.Store', {
-                    fields : ['id', 'name', 'description', 'approver', 'assignee', 's1', 's2', 's3'],
-                    proxy : {
-                        type : 'memory',
-                        reader : {
-                            type : 'json',
-                            rootProperty : 'items'
-                        }
-                    }
-                });
-
-                var searchField = Ext.create('Ext.form.TextField', {
-                    fieldLabel: 'Search'
-                });
-
-                var searchButton = Ext.create('Ext.button.Button', {
-                    text: 'Search',
-                    handler: function(){
-                        projectStore.removeAll();
-                        updateProjectTable(searchField.value);
-                    }
-                });
-
-                Ext.define('App.view.ProjectPanel', {
-                    extend: 'Ext.grid.Panel',
-                    height: 600,
-                    width: 1000,
-                    title: 'Projects',
-                    store: projectStore,
-
-                    columns: [  {
-                        text: 'Id',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'id'
-                    },{
-                        text: 'Name',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'name'
-                    },{
-                        text: 'Description',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'description'
-                    },{
-                        text: 'Approver',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'approver'
-                    },{
-                        text: 'Developer',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'assignee'
-                    },{
-                        text: 'S1',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 's1'
-                    },{
-                        text: 'S2',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 's2'
-                    },{
-                        text: 'S3',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 's3'
-                    }],
-                    viewConfig : {
-                        listeners : {
-                            itemdblclick : function(view, cell, cellIndex, record, row, rowIndex, e) {
-                                localStorage.setItem("projectId", cell.data.id);
-                                window.location.assign("/project");
-                            }
-                        }
-                    }
-                });
-
-                var projectPanel = Ext.create('App.view.ProjectPanel', {
-                    renderTo: Ext.getBody()
-                });
-
-                var newButton = Ext.create('Ext.button.Button', {
-                    text: 'New',
-                    handler: function(){
-                        window.location.assign("/project/new");
-                    }
-                });
-
-                Ext.create('Ext.panel.Panel', {
-                    renderTo: Ext.getBody(),
-                    width: 1000,
-                    height: 600,
-                    layout: {
-                        type: 'vbox',
-                        padding: 5
-                    },
-                    items: [
-                        searchField,
-                        searchButton,
-                        projectPanel
-                    ],
-                    buttons: [
-                        newButton
-                    ]
-                });
-
-                var updateProjectTable = function(searchText){
-                    Ext.Ajax.request({
-                        url: "/api/project/searchProjects/" + searchText,
-                        method: "GET",
-                        success: function (form, action){
-                            projects = JSON.parse(form.responseText);
-                            fillProjectStore();
-                        },
-                        failure: function(form, action){
-                            alert(form.responseText);
-                        }
-                    });
-                };
-
-                var fillProjectStore = function (){
-                    for(var i=0; i<projects.length; i++){
-                        var approver = "";
-                        var assignee = "";
-
-                        if(projects[i].defaultApproverId != null){
-                            Ext.Ajax.request({
-                                url: "/api/user/" + projects[i].defaultApproverId,
-                                method: "GET",
-                                async: false,
-                                success: function (form, action){
-                                    approver = JSON.parse(form.responseText).name;
-                                },
-                                failure: function(form, action){
-                                    alert(form.responseText);
-                                }
-                            });
-                        }
-
-                        if(projects[i].defaultDeveloperId != null){
-                            Ext.Ajax.request({
-                                url: "/api/user/" + projects[i].defaultDeveloperId,
-                                method: "GET",
-                                async: false,
-                                success: function (form, action){
-                                    assignee = JSON.parse(form.responseText).name;
-                                },
-                                failure: function(form, action){
-                                    alert(form.responseText);
-                                }
-                            });
-                        }
-
-                        projectStore.add({id: projects[i].id, name: projects[i].name, description: projects[i].description,
-                            approver: approver, assignee: assignee, s1: getTime(projects[i].s1Time),
-                            s2: getTime(projects[i].s2Time), s3: getTime(projects[i].s3Time) });
-                    }
-                };
-
-                var getTime = function(timeArr){
-                  if(timeArr == null || timeArr.length < 3){
-                      return "-";
-                  }
-                  return timeArr[0] + "-" + timeArr[1] + "-" + timeArr[2];
-                };
-
-                updateProjectTable("");
-            } catch(e){
-                alert(e);
-            }
-        });
-    </script>
-</head>
-<body>
-<div id="maindiv" style="height: 500px"/>
-</body>
-</html>
\ No newline at end of file
diff --git a/bugtracker/target/classes/templates/ticket.html b/bugtracker/target/classes/templates/ticket.html
deleted file mode 100644
index d8bd701..0000000
--- a/bugtracker/target/classes/templates/ticket.html
+++ /dev/null
@@ -1,215 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
-      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
-<head>
-    <meta charset="utf-8"/>
-    <title>Ticket</title>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/resources/theme-neptune-all.css">
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/ext-all-debug.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/theme-neptune.js"></script>
-    <script type="text/javascript">
-        Ext.onReady(function () {
-            try{
-                var ticket = {};
-
-                Ext.Ajax.request({
-                    url: '/api/ticket/'+localStorage.getItem("ticketId"),
-                    method: 'GET',
-                    async: false,
-                    success: function (form, action) {
-                        ticket = JSON.parse(form.responseText);
-                    },
-                    failure: function (form, action) {
-                        alert(form.responseText);
-                    }
-                });
-
-                var name = Ext.create('Ext.form.TextField',{
-                    value: ticket.name,
-                    fieldLabel: "Name",
-                    allowBlank: false
-                });
-
-                var desc = Ext.create('Ext.form.TextArea', {
-                    value: ticket.description,
-                    fieldLabel: "Description"
-                });
-
-                var projectStore = Ext.create('Ext.data.Store', {
-                    fields: ['id', 'name']
-                });
-
-                var reporterStore = Ext.create('Ext.data.Store', {
-                    fields: ['id', 'name']
-                });
-
-                var priorityStore = Ext.create('Ext.data.Store', {
-                    fields: ['priority'],
-                    data : [
-                        {"value":0, "name":"S1"},
-                        {"value":1, "name":"S2"},
-                        {"value":2, "name":"S3"}
-                    ]
-                });
-
-                var typeStore = Ext.create('Ext.data.Store', {
-                    fields: ['type'],
-                    data : [
-                        {"value":0, "name":"Feature"},
-                        {"value":1, "name":"Bug"}
-                    ]
-                });
-
-                var projects = Ext.create('Ext.form.ComboBox', {
-                    fieldLabel: 'Project',
-                    store: projectStore,
-                    queryMode: 'local',
-                    displayField: 'name',
-                    valueField: 'id'
-                });
-
-                var reporters = Ext.create('Ext.form.ComboBox', {
-                    fieldLabel: 'Reporter',
-                    store: reporterStore,
-                    queryMode: 'local',
-                    displayField: 'name',
-                    valueField: 'id'
-                });
-
-                var ticketPrio = Ext.create('Ext.form.ComboBox', {
-                    fieldLabel: 'Priority',
-                    valueField: 'value',
-                    store: priorityStore,
-                    displayField: 'name',
-                    queryMode: 'local'
-                });
-
-                var ticketType = Ext.create('Ext.form.ComboBox', {
-                    fieldLabel: 'Type',
-                    valueField: 'value',
-                    store: typeStore,
-                    displayField: 'name',
-                    queryMode: 'local'
-                });
-
-                ticketPrio.setValue(ticket.priority);
-                ticketType.setValue(ticket.type);
-
-                Ext.Ajax.request({
-                    url: '/api/project/getAll',
-                    method: 'GET',
-                    success: function (form, action) {
-                        allProjects = JSON.parse(form.responseText);
-                        for(var i=0; i<allProjects.length; i++){
-                            projectStore.add({id: allProjects[i].id, name: allProjects[i].name});
-                        }
-                        projects.setValue(ticket.projectId);
-                    },
-                    failure: function (form, action) {
-                        alert(form.responseText);
-                    }
-                });
-
-                Ext.Ajax.request({
-                    url: '/api/user/getAllUser',
-                    method: 'GET',
-                    success: function (form, action) {
-                        allUser = JSON.parse(form.responseText);
-                        for(var i=0; i<allUser.length; i++){
-                            reporterStore.add({id: allUser[i].id, name: allUser[i].name});
-                        }
-                        reporters.setValue(ticket.reporterId);
-                    },
-                    failure: function (form, action) {
-                        alert(form.responseText);
-                    }
-                });
-
-                var updateButton = Ext.create('Ext.button.Button', {
-                    text: 'Update',
-                    handler: function(){
-                        Ext.Ajax.request({
-                            url: '/api/ticket/update',
-                            method: 'POST',
-                            jsonData: getTicket(),
-                            success: function (form, action) {
-                                window.location.assign("/ticket/all");
-                            },
-                            failure: function (form, action) {
-                                alert(form.responseText);
-                            }
-                        });
-                    }
-                });
-
-                var getTicket = function(){
-                    return {
-                        id: ticket.id,
-                        name: name.getValue(),
-                        description: desc.getValue(),
-                        projectId: projects.getValue(),
-                        priority: ticketPrio.getValue(),
-                        type: ticketType.getValue(),
-                        reporterId: reporters.getValue()
-                    }
-                };
-
-                var statusStore = Ext.create('Ext.data.Store', {
-                    fields: ['id', 'name']
-                });
-
-                var statuses = Ext.create('Ext.form.ComboBox', {
-                    fieldLabel: 'Status',
-                    store: statusStore,
-                    queryMode: 'local',
-                    displayField: 'name',
-                    valueField: 'id'
-                });
-
-                Ext.Ajax.request({
-                    url: '/api/ticket/validStatuses/' + ticket.id,
-                    method: 'GET',
-                    success: function (form, action) {
-                        allStatuses = JSON.parse(form.responseText);
-                        for(var i=0; i<allStatuses.length; i++){
-                            statusStore.add({id: allStatuses[i].id, name: allStatuses[i].name});
-                        }
-
-                        statuses.setValue(ticket.statusId);
-                    },
-                    failure: function (form, action) {
-                        alert(form.responseText);
-                    }
-                });
-
-                Ext.create('Ext.panel.Panel', {
-                    renderTo: Ext.getBody(),
-                    width: 1000,
-                    height:500,
-                    layout: {
-                        type: 'vbox',
-                        padding: 5
-                    },
-                    items: [
-                        name,
-                        desc,
-                        projects,
-                        reporters,
-                        statuses,
-                        ticketPrio,
-                        ticketType
-                    ],
-                    buttons: [
-                        updateButton
-                    ]
-                }).center();
-            }catch(e){
-                alert(e)
-            }
-        })
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/bugtracker/target/classes/templates/tickets.html b/bugtracker/target/classes/templates/tickets.html
deleted file mode 100644
index 7c83079..0000000
--- a/bugtracker/target/classes/templates/tickets.html
+++ /dev/null
@@ -1,234 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
-      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
-<head>
-    <meta charset="utf-8"/>
-    <title>Tickets</title>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/resources/theme-neptune-all.css">
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/ext-all-debug.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/classic/theme-neptune/theme-neptune.js"></script>
-    <script type="text/javascript">
-        Ext.onReady(function(){
-            try{
-                var tickets = {};
-
-                var ticketStore = Ext.create('Ext.data.Store', {
-                    fields : ['id', 'name', 'priority', 'description',
-                        'reporter', 'status', 'project', 'spentTime', 'type'],
-                    proxy : {
-                        type : 'memory',
-                        reader : {
-                            type : 'json',
-                            rootProperty : 'items'
-                        }
-                    }
-                });
-
-                var searchField = Ext.create('Ext.form.TextField', {
-                    fieldLabel: 'Search'
-                });
-
-                var searchButton = Ext.create('Ext.button.Button', {
-                    text: 'Search',
-                    handler: function(){
-                        ticketStore.removeAll();
-                        updateTicketTable(searchField.value);
-                    }
-                });
-
-                Ext.define('App.view.TicketPanel', {
-                    extend: 'Ext.grid.Panel',
-                    height: 600,
-                    width: 1000,
-                    title: 'Tickets',
-                    store: ticketStore,
-
-                    columns: [  {
-                        text: 'Id',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'id'
-                    },{
-                        text: 'Name',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'name'
-                    },{
-                        text: 'Priority',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'priority'
-                    },{
-                        text: 'Description',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'description'
-                    },{
-                        text: 'Reporter',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'reporter'
-                    },{
-                        text: 'Status',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'status'
-                    },{
-                        text: 'Project',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'project'
-                    },{
-                        text: 'Spent Time',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'spentTime'
-                    },{
-                        text: 'Type',
-                        width: 100,
-                        sortable: false,
-                        hideable: false,
-                        dataIndex: 'type'
-                    }],
-                    viewConfig : {
-                        listeners : {
-                            itemdblclick : function(view, cell, cellIndex, record, row, rowIndex, e) {
-                                localStorage.setItem("ticketId", cell.data.id);
-                                window.location.assign("/ticket");
-                            }
-                        }
-                    }
-                });
-
-                var ticketPanel = Ext.create('App.view.TicketPanel', {
-                    renderTo: Ext.getBody()
-                });
-
-                var newButton = Ext.create('Ext.button.Button', {
-                    text: 'New',
-                    handler: function(){
-                        window.location.assign("/ticket/new");
-                    }
-                });
-
-                Ext.create('Ext.panel.Panel', {
-                    renderTo: Ext.getBody(),
-                    width: 1000,
-                    height: 600,
-                    layout: {
-                        type: 'vbox',
-                        padding: 5
-                    },
-                    items: [
-                        searchField,
-                        searchButton,
-                        ticketPanel
-                    ],
-                    buttons: [
-                        newButton
-                    ]
-                });
-
-                var updateTicketTable = function(searchText){
-                    Ext.Ajax.request({
-                        url: "/api/ticket/searchTickets/" + searchText,
-                        method: "GET",
-                        success: function (form, action){
-                            tickets = JSON.parse(form.responseText);
-                            fillTicketStore();
-                        },
-                        failure: function(form, action){
-                            alert(form.responseText);
-                        }
-                    });
-                };
-
-                var fillTicketStore = function (){
-                    for(var i=0; i<tickets.length; i++){
-                        var reporter = "";
-                        var project = "";
-                        var status = "";
-                        var responseType = "";
-
-                        if(tickets[i].reporterId != null){
-                            Ext.Ajax.request({
-                                url: "/api/ticket/getReporter/" + tickets[i].reporterId,
-                                method: "GET",
-                                async: false,
-                                success: function (form, action){
-                                    reporter = form.responseText;
-                                },
-                                failure: function(form, action){
-                                    alert(form.responseText);
-                                }
-                            });
-                        }
-
-                        if(tickets[i].projectId != null){
-                            Ext.Ajax.request({
-                                url: "/api/ticket/getProject/" + tickets[i].projectId,
-                                method: "GET",
-                                async: false,
-                                success: function (form, action){
-                                    project = form.responseText;
-                                },
-                                failure: function(form, action){
-                                    alert(form.responseText);
-                                }
-                            });
-                        }
-
-                        if(tickets[i].statusId != null){
-                            Ext.Ajax.request({
-                                url: "/api/status/" + tickets[i].statusId,
-                                method: "GET",
-                                async: false,
-                                success: function (form, action){
-                                    console.log(form.responseText);
-                                    status = JSON.parse(form.responseText).name;
-                                },
-                                failure: function(form, action){
-                                    alert(form.responseText);
-                                }
-                            });
-                        }
-
-                        if(tickets[i].type != null){
-                            Ext.Ajax.request({
-                                url: "/api/ticket/getType/" + tickets[i].type,
-                                method: "GET",
-                                async: false,
-                                success: function (form, action){
-                                    responseType = form.responseText;
-                                },
-                                failure: function(form, action){
-                                    alert(form.responseText);
-                                }
-                            });
-                        }
-
-                        ticketStore.add({id: tickets[i].id, name: tickets[i].name, priority: tickets[i].priority,
-                            description: tickets[i].description, reporter: reporter, status: status,
-                            project: project, spentTime: tickets[i].spentTime, type: responseType });
-                    }
-                };
-
-                updateTicketTable("");
-            } catch(e){
-                alert(e);
-            }
-        });
-    </script>
-</head>
-<body>
-    <div id="maindiv" style="height: 500px"/>
-</body>
-</html>
\ No newline at end of file
