2018-01-22 13:01:38 -08:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" / >
< title > Cloudron Admin Setup < / title >
2018-04-10 14:49:49 +02:00
< link id = "favicon" href = "/api/v1/cloudron/avatar" rel = "icon" type = "image/png" >
2018-01-22 13:01:38 -08:00
<!-- Theme CSS -->
2018-04-10 14:49:49 +02:00
< link type = "text/css" rel = "stylesheet" href = "/theme.css" >
2018-01-22 13:01:38 -08:00
<!-- Custom Fonts -->
2018-11-15 17:42:29 +01:00
< link type = "text/css" rel = "stylesheet" href = "/3rdparty/fontawesome/css/all.min.css" >
2018-01-22 13:01:38 -08:00
<!-- jQuery -->
2018-04-10 14:49:49 +02:00
< script type = "text/javascript" src = "/3rdparty/js/jquery.min.js" > < / script >
2018-01-22 13:01:38 -08:00
<!-- Bootstrap Core JavaScript -->
2018-04-10 14:49:49 +02:00
< script type = "text/javascript" src = "/3rdparty/js/bootstrap.min.js" > < / script >
2018-01-22 13:01:38 -08:00
<!-- Angularjs scripts -->
2018-04-10 14:49:49 +02:00
< script type = "text/javascript" src = "/3rdparty/js/angular.min.js" > < / script >
< script type = "text/javascript" src = "/3rdparty/js/angular-loader.min.js" > < / script >
< script type = "text/javascript" src = "/3rdparty/js/angular-md5.min.js" > < / script >
2019-01-07 17:23:26 +01:00
< script type = "text/javascript" src = "/3rdparty/js/angular-ui-notification.js" > < / script >
2018-04-10 14:49:49 +02:00
< script type = "text/javascript" src = "/3rdparty/js/autofill-event.js" > < / script >
2018-01-22 13:01:38 -08:00
<!-- Angular directives for bootstrap https://angular - ui.github.io/bootstrap/ -->
2018-04-10 14:49:49 +02:00
< script type = "text/javascript" src = "/3rdparty/js/ui-bootstrap-tpls-1.3.3.min.js" > < / script >
2018-01-22 13:01:38 -08:00
<!-- Setup Application -->
2018-04-10 14:49:49 +02:00
< script type = "text/javascript" src = "/js/setup.js" > < / script >
2018-01-22 13:01:38 -08:00
< / head >
< body class = "setup" ng-app = "Application" ng-controller = "SetupController" >
2019-09-06 00:14:05 +02:00
< a class = "offline-banner animateMe" ng-show = "client.offline" ng-cloak href = "https://cloudron.io/documentation/troubleshooting/" target = "_blank" > < i class = "fa fa-circle-notch fa-spin" > < / i > Cloudron is offline. Reconnecting...< / a >
2019-09-05 22:22:42 +02:00
2018-01-22 13:01:38 -08:00
< div class = "main-container ng-cloak text-center" ng-show = "busy" >
< div class = "row" >
< div class = "col-md-6 col-md-offset-3" >
2018-11-16 17:03:21 +01:00
< i class = "fa fa-circle-notch fa-spin fa-5x" > < / i >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / div >
< div class = "main-container ng-cloak" ng-show = "initialized && !busy" >
< div class = "row" >
< div class = "col-md-6 col-md-offset-3" >
< div class = "card" style = "max-width: none; padding: 20px;" >
< form role = "form" name = "setupForm" ng-submit = "activateCloudron()" novalidate >
< div class = "row" >
< div class = "col-md-12 text-center" >
< h1 > Welcome to Cloudron< / h1 >
2018-06-04 20:08:37 -07:00
< h3 > Setup Admin Account< / h3 >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
2018-06-04 20:08:37 -07:00
< br / >
< br / >
2018-01-22 13:01:38 -08:00
< div class = "row" >
2018-06-04 20:35:26 -07:00
< div class = "col-md-8 col-md-offset-2" >
2018-01-22 13:01:38 -08:00
< div class = "form-group" ng-class = "{ 'has-error': setupForm.displayName.$dirty && setupForm.displayName.$invalid }" >
2018-06-04 20:08:37 -07:00
< label class = "control-label" > Full Name< / label >
< input type = "text" class = "form-control" ng-model = "account.displayName" id = "inputDisplayName" name = "displayName" placeholder = "Full Name" required autocomplete = "off" autofocus >
2018-01-22 13:01:38 -08:00
< / div >
< div ng-show = "account.requireEmail" class = "form-group" ng-class = "{ 'has-error': setupForm.email.$dirty && setupForm.email.$invalid }" >
2019-12-23 17:19:36 +01:00
< label class = "control-label" > Email < sup > < a ng-href = "{{ webServerOrigin }}/documentation/installation/#admin-account" class = "help" target = "_blank" tabIndex = "-1" > < i class = "fa fa-question-circle" > < / i > < / a > < / sup > < / label >
2019-02-10 08:52:54 +01:00
< input type = "email" class = "form-control" ng-model = "account.email" id = "inputEmail" name = "email" placeholder = "Email" required autocomplete = "off" tooltip-class = "long" tooltip-trigger = "focus" uib-tooltip = "This email address is local to your Cloudron and used for notifications and password reset. A valid email is also required for Let's Encrypt certificates." >
2018-01-22 13:01:38 -08:00
< / div >
< div class = "form-group" ng-class = "{ 'has-error': (setupForm.username.$dirty && setupForm.username.$invalid) || (!setupForm.username.$dirty && error.username) }" >
2018-06-04 20:08:37 -07:00
< label class = "control-label" > Username< / label >
2018-01-22 13:01:38 -08:00
< p ng-show = "!setupForm.username.$dirty && error.username" > {{ error.username }}< / p >
2019-08-30 11:02:07 +02:00
< input type = "text" class = "form-control" ng-model = "account.username" id = "inputUsername" name = "username" placeholder = "Username" ng-maxlength = "512" ng-minlength = "1" required autocomplete = "off" >
2018-01-22 13:01:38 -08:00
< / div >
< div class = "form-group" ng-class = "{ 'has-error': setupForm.password.$dirty && setupForm.password.$invalid }" >
2018-06-04 20:08:37 -07:00
< label class = "control-label" > Password< / label >
2019-02-08 09:50:39 -08:00
< input type = "password" class = "form-control" ng-model = "account.password" id = "inputPassword" name = "password" placeholder = "Password" ng-pattern = "/^.{8,}$/" required autocomplete = "off" >
2018-01-22 13:01:38 -08:00
< div class = "control-label" ng-show = "setupForm.password.$dirty && setupForm.password.$invalid" >
2018-06-11 13:48:12 -07:00
< small ng-show = "setupForm.password.$dirty && setupForm.password.$invalid" > Password must be atleast 8 characters< / small >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / div >
< / div >
< br / >
2018-06-04 20:08:37 -07:00
< br / >
2018-01-22 13:01:38 -08:00
< div class = "row" >
< div class = "col-md-12 text-center" >
2018-06-04 20:08:37 -07:00
< input type = "submit" class = "btn btn-success" ng-disabled = "setupForm.$invalid" value = "Done" >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
< footer class = "text-center" >
2020-01-02 16:56:42 -08:00
< span class = "text-muted" > © 2020 < a href = "https://cloudron.io" target = "_blank" > Cloudron< / a > < / span >
2018-02-23 15:53:23 -08:00
< span class = "text-muted" > < a href = "https://forum.cloudron.io" target = "_blank" > Forum < i class = "fa fa-comments" > < / i > < / a > < / span >
2018-01-22 13:01:38 -08:00
< / footer >
< / body >
< / html >
