Showing
3 changed files
with
19 additions
and
4 deletions
@@ -13,10 +13,19 @@ | @@ -13,10 +13,19 @@ | ||
13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
14 | * limitations under the License. | 14 | * limitations under the License. |
15 | */ | 15 | */ |
16 | + | ||
17 | +/* eslint-disable import/no-unresolved, import/default */ | ||
18 | + | ||
19 | +import logoSvg from '../../svg/logo_title_white.svg'; | ||
20 | + | ||
21 | +/* eslint-enable import/no-unresolved, import/default */ | ||
22 | + | ||
16 | /*@ngInject*/ | 23 | /*@ngInject*/ |
17 | export default function LoginController(toast, loginService, userService/*, $rootScope, $log, $translate*/) { | 24 | export default function LoginController(toast, loginService, userService/*, $rootScope, $log, $translate*/) { |
18 | var vm = this; | 25 | var vm = this; |
19 | 26 | ||
27 | + vm.logoSvg = logoSvg; | ||
28 | + | ||
20 | vm.user = { | 29 | vm.user = { |
21 | name: '', | 30 | name: '', |
22 | password: '' | 31 | password: '' |
@@ -20,4 +20,12 @@ md-card.tb-login-card { | @@ -20,4 +20,12 @@ md-card.tb-login-card { | ||
20 | @media (min-width: $layout-breakpoint-sm) { | 20 | @media (min-width: $layout-breakpoint-sm) { |
21 | width: 450px !important; | 21 | width: 450px !important; |
22 | } | 22 | } |
23 | + md-card-title { | ||
24 | + img.tb-login-logo { | ||
25 | + height: 50px; | ||
26 | + } | ||
27 | + } | ||
28 | + md-card-content { | ||
29 | + margin-top: -50px; | ||
30 | + } | ||
23 | } | 31 | } |
@@ -18,11 +18,9 @@ | @@ -18,11 +18,9 @@ | ||
18 | <md-content layout="row" layout-align="center center" style="width: 100%;"> | 18 | <md-content layout="row" layout-align="center center" style="width: 100%;"> |
19 | <md-card flex="initial" class="tb-login-card" md-theme="tb-dark"> | 19 | <md-card flex="initial" class="tb-login-card" md-theme="tb-dark"> |
20 | <md-card-title> | 20 | <md-card-title> |
21 | - <md-card-title-text> | ||
22 | - <span translate class="md-headline">login.sign-in</span> | ||
23 | - </md-card-title-text> | 21 | + <img src="{{vm.logoSvg}}" aria-label="logo" class="tb-login-logo"/> |
24 | </md-card-title> | 22 | </md-card-title> |
25 | - <md-progress-linear class="md-warn" style="z-index: 1; max-height: 5px; width: inherit; position: absolute" | 23 | + <md-progress-linear class="md-warn" style="z-index: 1; max-height: 0px; width: inherit;" |
26 | md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> | 24 | md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
27 | <md-card-content> | 25 | <md-card-content> |
28 | <form class="login-form" ng-submit="vm.login()"> | 26 | <form class="login-form" ng-submit="vm.login()"> |