2015-07-19 05:34:03 -05:00
< div class = "container" >
2015-08-27 06:59:58 -05:00
< div class = "signup-page-background" >
2015-07-19 05:34:03 -05:00
< / div >
< div class = "login-box" >
< div class = "login-box-logo" >
< img src = "img/logo_transparent_200x75.png" >
< / div >
2015-07-20 08:52:49 -05:00
< div class = "invite-box" >
< h3 >
2015-08-04 14:58:07 -05:00
Hello {{greeting}}.
2015-07-20 08:52:49 -05:00
< / h3 >
2015-07-19 05:34:03 -05:00
2015-08-10 06:46:59 -05:00
< div class = "modal-tagline" >
2015-08-10 14:24:47 -05: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 08:52:49 -05:00
< / div >
< form name = "inviteForm" class = "login-form" >
2015-10-27 06:09:14 -05:00
< div class = "tight-form-container" >
2015-07-20 08:52:49 -05:00
< div class = "tight-form" >
2015-07-19 05:34:03 -05:00
< ul class = "tight-form-list" >
2015-07-20 08:52:49 -05:00
< li class = "tight-form-item" style = "width: 128px" >
Email
2015-07-19 05:34:03 -05:00
< / li >
< li >
2015-07-20 10:46:48 -05:00
< input type = "email" name = "email" class = "tight-form-input last" required ng-model = 'formModel.email' placeholder = "Email" style = "width: 253px" >
2015-07-19 05:34:03 -05:00
< / li >
< / ul >
< div class = "clearfix" > < / div >
< / div >
2015-07-20 08:52:49 -05:00
< div class = "tight-form" >
2015-07-19 05:34:03 -05:00
< ul class = "tight-form-list" >
2015-07-20 08:52:49 -05:00
< li class = "tight-form-item" style = "width: 128px" >
Name
2015-07-19 05:34:03 -05:00
< / li >
< li >
2015-07-20 10:46:48 -05:00
< input type = "text" name = "name" class = "tight-form-input last" ng-model = 'formModel.name' placeholder = "Name (optional)" style = "width: 253px" >
2015-07-19 05:34:03 -05:00
< / li >
< / ul >
< div class = "clearfix" > < / div >
< / div >
2015-07-20 08:52:49 -05:00
< div class = "tight-form" >
2015-07-19 05:34:03 -05:00
< ul class = "tight-form-list" >
2015-07-20 08:52:49 -05:00
< li class = "tight-form-item" style = "width: 128px" >
Username
2015-07-19 05:34:03 -05:00
< / li >
< li >
2015-07-20 10:46:48 -05:00
< input type = "text" name = "username" class = "tight-form-input last" required ng-model = 'formModel.username' placeholder = "Username" style = "width: 253px" >
2015-07-19 05:34:03 -05:00
< / li >
< / ul >
< div class = "clearfix" > < / div >
< / div >
2015-07-20 08:52:49 -05:00
< div class = "tight-form" >
< ul class = "tight-form-list" >
< li class = "tight-form-item" style = "width: 128px" >
Password
< / li >
< li >
2015-07-20 10:46:48 -05: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 08:52:49 -05:00
< / li >
< / ul >
< div class = "clearfix" > < / div >
< / div >
2015-07-19 05:34:03 -05:00
< / div >
2015-07-20 08:52:49 -05:00
< div style = "margin-left: 147px; width: 254px;" >
2015-07-20 10:46:48 -05:00
< password-strength password = "formModel.password" > < / password-strength >
2015-07-19 05:34:03 -05:00
< / div >
< div class = "login-submit-button-row" >
2015-07-20 08:52:49 -05:00
< button type = "submit" class = "btn" ng-click = "submit();" ng-class = "{'btn-inverse': !inviteForm.$valid, 'btn-primary': inviteForm.$valid}" >
Continue
2015-07-19 05:34:03 -05: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 >