dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add logo to login page.

Browse Source
This commit is contained in:
Igor Kulikov 2018-02-19 15:52:26 +02:00
parent 7b0b5e72ec
commit e8df3ccfdd
3 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/app/login/login.controller.js
View File

@ -13,10 +13,19 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
/* eslint-disable import/no-unresolved, import/default */
import logoSvg from '../../svg/logo_title_white.svg';
/* eslint-enable import/no-unresolved, import/default */
/*@ngInject*/ /*@ngInject*/
export default function LoginController(toast, loginService, userService/*, $rootScope, $log, $translate*/) { export default function LoginController(toast, loginService, userService/*, $rootScope, $log, $translate*/) {
var vm = this; var vm = this;
vm.logoSvg = logoSvg;
vm.user = { vm.user = {
name: '', name: '',
password: '' password: ''

8
ui/src/app/login/login.scss
View File

@ -20,4 +20,12 @@ md-card.tb-login-card {
@media (min-width: $layout-breakpoint-sm) { @media (min-width: $layout-breakpoint-sm) {
width: 450px !important; width: 450px !important;
} }
md-card-title {
img.tb-login-logo {
height: 50px;
}
}
md-card-content {
margin-top: -50px;
}
} }

6
ui/src/app/login/login.tpl.html
View File

@ -18,11 +18,9 @@
<md-content layout="row" layout-align="center center" style="width: 100%;"> <md-content layout="row" layout-align="center center" style="width: 100%;">
<md-card flex="initial" class="tb-login-card" md-theme="tb-dark"> <md-card flex="initial" class="tb-login-card" md-theme="tb-dark">
<md-card-title> <md-card-title>
<md-card-title-text> <img src="{{vm.logoSvg}}" aria-label="logo" class="tb-login-logo"/>
<span translate class="md-headline">login.sign-in</span>
</md-card-title-text>
</md-card-title> </md-card-title>
<md-progress-linear class="md-warn" style="z-index: 1; max-height: 5px; width: inherit; position: absolute" <md-progress-linear class="md-warn" style="z-index: 1; max-height: 0px; width: inherit;"
md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear>
<md-card-content> <md-card-content>
<form class="login-form" ng-submit="vm.login()"> <form class="login-form" ng-submit="vm.login()">