2015-07-19 12:34:03 +02:00
< div class = "container" >
2015-08-27 13:59:58 +02:00
< div class = "signup-page-background" >
2015-07-19 12:34:03 +02:00
< / div >
< div class = "login-box" >
< div class = "login-box-logo" >
< img src = "img/logo_transparent_200x75.png" >
< / div >
2015-07-20 15:52:49 +02:00
< div class = "invite-box" >
< h3 >
2015-08-04 15:58:07 -04:00
Hello {{greeting}}.
2015-07-20 15:52:49 +02:00
< / h3 >
2015-07-19 12:34:03 +02:00
2015-08-10 13:46:59 +02:00
< div class = "modal-tagline" >
2015-08-10 21:24:47 +02:00
< em > {{invitedBy}}< / em > has invited you to join Grafana and the organization < span class = "highlight-word" > {{contextSrv.user.orgName}}< / span > < / br > Please complete the following to accept your invitation and continue:
2015-07-20 15:52:49 +02:00
< / div >
< form name = "inviteForm" class = "login-form" >
2015-10-27 12:09:14 +01:00
< div class = "tight-form-container" >
2015-07-20 15:52:49 +02:00
< div class = "tight-form" >
2015-07-19 12:34:03 +02:00
< ul class = "tight-form-list" >
2015-07-20 15:52:49 +02:00
< li class = "tight-form-item" style = "width: 128px" >
Email
2015-07-19 12:34:03 +02:00
< / li >
< li >
2015-07-20 17:46:48 +02:00
< input type = "email" name = "email" class = "tight-form-input last" required ng-model = 'formModel.email' placeholder = "Email" style = "width: 253px" >
2015-07-19 12:34:03 +02:00
< / li >
< / ul >
< div class = "clearfix" > < / div >
< / div >
2015-07-20 15:52:49 +02:00
< div class = "tight-form" >
2015-07-19 12:34:03 +02:00
< ul class = "tight-form-list" >
2015-07-20 15:52:49 +02:00
< li class = "tight-form-item" style = "width: 128px" >
Name
2015-07-19 12:34:03 +02:00
< / li >
< li >
2015-07-20 17:46:48 +02:00
< input type = "text" name = "name" class = "tight-form-input last" ng-model = 'formModel.name' placeholder = "Name (optional)" style = "width: 253px" >
2015-07-19 12:34:03 +02:00
< / li >
< / ul >
< div class = "clearfix" > < / div >
< / div >
2015-07-20 15:52:49 +02:00
< div class = "tight-form" >
2015-07-19 12:34:03 +02:00
< ul class = "tight-form-list" >
2015-07-20 15:52:49 +02:00
< li class = "tight-form-item" style = "width: 128px" >
Username
2015-07-19 12:34:03 +02:00
< / li >
< li >
2015-07-20 17:46:48 +02:00
< input type = "text" name = "username" class = "tight-form-input last" required ng-model = 'formModel.username' placeholder = "Username" style = "width: 253px" >
2015-07-19 12:34:03 +02:00
< / li >
< / ul >
< div class = "clearfix" > < / div >
< / div >
2015-07-20 15:52:49 +02:00
< div class = "tight-form" >
< ul class = "tight-form-list" >
< li class = "tight-form-item" style = "width: 128px" >
Password
< / li >
< li >
2015-07-20 17:46:48 +02:00
< input type = "password" name = "password" class = "tight-form-input last" required ng-model = "formModel.password" id = "inputPassword" style = "width: 253px" placeholder = "password" >
2015-07-20 15:52:49 +02:00
< / li >
< / ul >
< div class = "clearfix" > < / div >
< / div >
2015-07-19 12:34:03 +02:00
< / div >
2015-07-20 15:52:49 +02:00
< div style = "margin-left: 147px; width: 254px;" >
2015-07-20 17:46:48 +02:00
< password-strength password = "formModel.password" > < / password-strength >
2015-07-19 12:34:03 +02:00
< / div >
< div class = "login-submit-button-row" >
2015-07-20 15:52:49 +02:00
< button type = "submit" class = "btn" ng-click = "submit();" ng-class = "{'btn-inverse': !inviteForm.$valid, 'btn-primary': inviteForm.$valid}" >
Continue
2015-07-19 12:34:03 +02:00
< / button >
< / div >
< / form >
< div class = "clearfix" > < / div >
< / div >
< div class = "row" style = "margin-top: 50px" >
< div class = "version-footer text-center small" >
Grafana version: {{buildInfo.version}}, commit: {{buildInfo.commit}},
build date: {{buildInfo.buildstamp | date: 'yyyy-MM-dd HH:mm:ss' }}
< / div >
< / div >
< / div >
< / div >