-
+
diff --git a/web-app/admin/src/ng1/app.js b/web-app/admin/src/ng1/app.js
index 8d11eed4b..e1ab7cf4b 100644
--- a/web-app/admin/src/ng1/app.js
+++ b/web-app/admin/src/ng1/app.js
@@ -137,113 +137,113 @@ function config($httpProvider, $stateProvider, $urlRouterProvider, $animateProvi
};
}
- $urlRouterProvider.otherwise('/home');
+ $urlRouterProvider.otherwise('/');
- $stateProvider.state('home', {
- redirectTo: 'home.dashboard',
- url: '/home',
+ $stateProvider.state('admin', {
+ redirectTo: 'admin.dashboard',
+ url: '/admin',
component: 'admin'
});
- $stateProvider.state('home.dashboard', {
+ $stateProvider.state('admin.dashboard', {
url: '/dashboard',
component: 'adminDashboard',
resolve: resolveAdmin()
});
- $stateProvider.state('home.users', {
+ $stateProvider.state('admin.users', {
url: '/users',
component: 'adminUsers',
resolve: resolveAdmin()
});
- $stateProvider.state('home.createUser', {
+ $stateProvider.state('admin.createUser', {
url: '/users/new',
component: 'adminUserEdit',
resolve: resolveAdmin()
});
- $stateProvider.state('home.bulkUser', {
+ $stateProvider.state('admin.bulkUser', {
url: '/users/bulk',
component: "adminUserBulk",
resolve: resolveAdmin()
});
- $stateProvider.state('home.user', {
+ $stateProvider.state('admin.user', {
url: '/users/:userId',
component: "adminUser",
resolve: resolveAdmin()
});
- $stateProvider.state('home.editUser', {
+ $stateProvider.state('admin.editUser', {
url: '/users/:userId/edit',
component: "adminUserEdit",
resolve: resolveAdmin()
});
// Admin team routes
- $stateProvider.state('home.teams', {
+ $stateProvider.state('admin.teams', {
url: '/teams',
component: "adminTeams",
resolve: resolveAdmin()
});
- $stateProvider.state('home.createTeam', {
+ $stateProvider.state('admin.createTeam', {
url: '/teams/new',
component: "adminTeamEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.team', {
+ $stateProvider.state('admin.team', {
url: '/teams/:teamId',
component: "adminTeam",
resolve: resolveAdmin()
});
- $stateProvider.state('home.editTeam', {
+ $stateProvider.state('admin.editTeam', {
url: '/teams/:teamId/edit',
component: "adminTeamEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.teamAccess', {
+ $stateProvider.state('admin.teamAccess', {
url: '/teams/:teamId/access',
component: "adminTeamAccess",
resolve: resolveAdmin()
});
// Admin event routes
- $stateProvider.state('home.events', {
+ $stateProvider.state('admin.events', {
url: '/events',
component: "adminEvents",
resolve: resolveAdmin()
});
- $stateProvider.state('home.eventCreate', {
+ $stateProvider.state('admin.eventCreate', {
url: '/events/new',
component: "adminEventEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.event', {
+ $stateProvider.state('admin.event', {
url: '/events/:eventId',
component: "adminEvent",
resolve: resolveAdmin()
});
- $stateProvider.state('home.eventEdit', {
+ $stateProvider.state('admin.eventEdit', {
url: '/events/:eventId/edit',
component: "adminEventEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.eventAccess', {
+ $stateProvider.state('admin.eventAccess', {
url: '/events/:eventId/access',
component: "adminEventAccess",
resolve: resolveAdmin()
});
- $stateProvider.state('home.fieldsCreate', {
+ $stateProvider.state('admin.fieldsCreate', {
url: '/events/:eventId/forms/new',
component: "adminEventFormFieldsEdit",
params: {
@@ -252,124 +252,124 @@ function config($httpProvider, $stateProvider, $urlRouterProvider, $animateProvi
resolve: resolveAdmin()
});
- $stateProvider.state('home.formEdit', {
+ $stateProvider.state('admin.formEdit', {
url: '/events/:eventId/forms/:formId',
component: "adminEventFormEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.formFieldsEdit', {
+ $stateProvider.state('admin.formFieldsEdit', {
url: '/events/:eventId/forms/:formId/fields',
component: "adminEventFormFieldsEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.formMapEdit', {
+ $stateProvider.state('admin.formMapEdit', {
url: '/events/:eventId/forms/:formId/map',
component: "adminEventFormMapEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.formFeedEdit', {
+ $stateProvider.state('admin.formFeedEdit', {
url: '/events/:eventId/forms/:formId/feed',
component: "adminEventFormFeedEdit",
resolve: resolveAdmin()
});
// Admin device routes
- $stateProvider.state('home.devices', {
+ $stateProvider.state('admin.devices', {
url: '/devices',
component: "adminDevices",
resolve: resolveAdmin()
});
- $stateProvider.state('home.deviceCreate', {
+ $stateProvider.state('admin.deviceCreate', {
url: '/devices/new',
component: "adminDeviceEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.device', {
+ $stateProvider.state('admin.device', {
url: '/devices/:deviceId',
component: "adminDevice",
resolve: resolveAdmin()
});
- $stateProvider.state('home.deviceEdit', {
+ $stateProvider.state('admin.deviceEdit', {
url: '/devices/:deviceId/edit',
component: "adminDeviceEdit",
resolve: resolveAdmin()
});
// Admin layer routes
- $stateProvider.state('home.layers', {
+ $stateProvider.state('admin.layers', {
url: '/layers',
component: "adminLayers",
resolve: resolveAdmin()
});
- $stateProvider.state('home.layerCreate', {
+ $stateProvider.state('admin.layerCreate', {
url: '/layers/new',
component: "adminLayerEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.layer', {
+ $stateProvider.state('admin.layer', {
url: '/layers/:layerId',
component: "adminLayer",
resolve: resolveAdmin()
});
- $stateProvider.state('home.layerEdit', {
+ $stateProvider.state('admin.layerEdit', {
url: '/layers/:layerId/edit',
component: "adminLayerEdit",
resolve: resolveAdmin()
});
// Admin feed routes
- $stateProvider.state('home.feeds', {
+ $stateProvider.state('admin.feeds', {
url: '/feeds',
component: "adminFeeds",
resolve: resolveAdmin()
});
- $stateProvider.state('home.feed', {
+ $stateProvider.state('admin.feed', {
url: '/feeds/:feedId',
component: "adminFeed",
resolve: resolveAdmin()
});
- $stateProvider.state('home.feedCreate', {
+ $stateProvider.state('admin.feedCreate', {
url: '/feeds/new',
component: "feedEdit",
resolve: resolveAdmin()
});
- $stateProvider.state('home.feedEdit', {
+ $stateProvider.state('admin.feedEdit', {
url: '/feeds/:feedId/edit',
component: "feedEdit",
resolve: resolveAdmin()
});
// Admin service routes
- $stateProvider.state('home.service', {
+ $stateProvider.state('admin.service', {
url: '/services/:serviceId',
component: "adminService",
resolve: resolveAdmin()
});
// Admin map routes
- $stateProvider.state('home.map', {
+ $stateProvider.state('admin.map', {
url: '/map',
component: "upgradedAdminMapSettings",
resolve: resolveAdmin()
});
// Admin settings routes
- $stateProvider.state('home.settings', {
+ $stateProvider.state('admin.settings', {
url: '/settings',
component: "upgradedAdminSettings",
resolve: resolveAdmin()
});
- $stateProvider.state('home.authenticationCreate', {
+ $stateProvider.state('admin.authenticationCreate', {
url: '/settings/new',
component: "authenticationCreate",
resolve: resolveAdmin()
diff --git a/web-app/src/app/authentication/authentication.component.html b/web-app/src/app/authentication/authentication.component.html
index bfd93b38f..7e58df615 100644
--- a/web-app/src/app/authentication/authentication.component.html
+++ b/web-app/src/app/authentication/authentication.component.html
@@ -1,31 +1,33 @@
-
-
+
+
Welcome to Mage
+
Sign in to your account
-
-
-
-
-
-
-
or
+
-
-
\ No newline at end of file
diff --git a/web-app/src/app/authentication/authentication.component.scss b/web-app/src/app/authentication/authentication.component.scss
index 6d0d44107..c7f78b754 100644
--- a/web-app/src/app/authentication/authentication.component.scss
+++ b/web-app/src/app/authentication/authentication.component.scss
@@ -1,44 +1,63 @@
+@import "variables.scss";
+
+:host {
+ height: 100%;
+ width: 100%;
+}
+
+.welcome {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: end;
+ color: $primary;
+ height: 30vh;
+}
+
+.welcome__title {
+ margin-bottom: 16px;
+ font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
+}
+
+.welcome__message {
+ font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif
+}
+
+.authentications {
+ display: flex;
+ flex-direction: column;
+ justify-content: start;
+}
+
.signin-container {
min-width: 285px;
+ max-width: 600px;
width: 75%;
margin: auto;
text-align: left;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ gap: 48px;
}
-.wand-container {
- text-align: center;
-
- .mage-wand {
- margin-top: 36px;
- width: 97px;
- height: 97px;
- margin-bottom: 36px;
- }
-}
-
-.or-container {
- text-align: center;
- margin-top: 50px;
- margin-bottom: 30px;
- color: grey;
- font-variant: small-caps;
+.or {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 8px;
+ margin: 36px 0;
}
-.or-hr {
- margin-bottom: -23px;
- height: 0;
- border: 0;
- border-top: 2px solid #e6e6e6;
+.or__text {
+ opacity: .6;
}
-#or {
- display: inline-block;
- position: relative;
- padding-left: 20px;
- padding-right: 20px;
- margin-top: 10px;
- margin-bottom: 10px;
- background-color: #fff;
+.or__divider {
+ flex: 1;
+ height: 2px;
+ background-color: rgba(0, 0, 0, .15);
+ border-radius: 1px;
}
.spacer {
diff --git a/web-app/src/app/authentication/local/local.component.html b/web-app/src/app/authentication/local/local.component.html
index 76de5f13a..9d561cf3e 100644
--- a/web-app/src/app/authentication/local/local.component.html
+++ b/web-app/src/app/authentication/local/local.component.html
@@ -1,23 +1,37 @@
-