2017-01-05 11:02:43 +01: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" / >
2017-03-21 10:35:28 +01:00
< meta http-equiv = "Content-Security-Policy" content = "default-src 'unsafe-inline' 'unsafe-eval' 'self' *.cloudron.io <%= apiOriginHostname %>; img-src 'self' <%= apiOriginHostname %>;" / >
2017-01-05 11:02:43 +01:00
2017-01-28 18:27:22 -08:00
< title > Cloudron Setup < / title >
2017-01-05 11:02:43 +01:00
<!-- Theme CSS -->
< link href = "theme.css" rel = "stylesheet" >
<!-- Custom Fonts -->
2017-02-10 10:53:30 +01:00
< link href = "3rdparty/css/font-awesome.min.css" rel = "stylesheet" rel = "stylesheet" type = "text/css" >
2017-01-05 11:02:43 +01:00
<!-- jQuery -->
< script src = "3rdparty/js/jquery.min.js" > < / script >
<!-- Bootstrap Core JavaScript -->
< script src = "3rdparty/js/bootstrap.min.js" > < / script >
<!-- Angularjs scripts -->
< script src = "3rdparty/js/angular.min.js" > < / script >
< script src = "3rdparty/js/angular-loader.min.js" > < / script >
< script src = "3rdparty/js/angular-md5.min.js" > < / script >
< script src = "3rdparty/js/angular-ui-notification.min.js" > < / script >
< script src = "3rdparty/js/autofill-event.js" > < / script >
2017-02-09 16:56:32 +01:00
<!-- Angular directives for tldjs -->
< script src = "3rdparty/js/tld.js" > < / script >
2017-01-05 11:02:43 +01:00
<!-- Setup Application -->
< script src = "js/setupdns.js" > < / script >
< / head >
2017-01-05 11:53:45 +01:00
< body class = "setup" ng-app = "Application" ng-controller = "SetupDNSController" >
2017-01-05 14:43:18 +01:00
2017-01-05 15:38:01 +01:00
< div class = "main-container ng-cloak text-center" ng-show = "busy" >
2017-01-05 14:43:18 +01:00
< div class = "row" >
< div class = "col-md-6 col-md-offset-3" >
2017-01-09 22:58:01 +01:00
< i class = "fa fa-circle-o-notch fa-spin fa-5x" > < / i > < br / >
2017-01-30 15:08:51 -08:00
< h3 > Waiting for domain and certificate setup< / h3 >
2017-01-05 14:43:18 +01:00
< / div >
< / div >
2017-01-05 15:38:01 +01:00
< / div >
2017-01-05 14:43:18 +01:00
2017-01-05 15:38:01 +01:00
< div class = "main-container ng-cloak" ng-show = "initialized && !busy" >
2017-01-05 11:02:43 +01:00
< div class = "row" >
< div class = "col-md-6 col-md-offset-3" >
< div class = "card" style = "max-width: none; padding: 20px;" >
2017-01-05 14:43:18 +01:00
< form name = "dnsCredentialsForm" role = "form" novalidate ng-submit = "setDnsCredentials()" autocomplete = "off" >
< div class = "row" >
2017-01-05 16:35:38 +01:00
< div class = "col-md-10 col-md-offset-1 text-center" >
2017-01-28 18:27:22 -08:00
< h1 > Cloudron Setup< / h1 >
2017-02-23 10:06:56 -08:00
< h3 > Provide a domain for your Cloudron< / h3 >
2017-06-12 17:22:24 -07:00
< p > Apps will be installed on subdomains of this domain.< / p >
2017-02-16 19:34:34 +01:00
< div class = "form-group" style = "margin-bottom: 0;" ng-class = "{ 'has-error': dnsCredentialsForm.domain.$dirty && dnsCredentialsForm.domain.$invalid }" >
2017-06-12 17:22:24 -07:00
< input type = "text" class = "form-control" ng-model = "dnsCredentials.domain" name = "domain" placeholder = "example.com" required autofocus ng-disabled = "dnsCredentials.busy" >
2017-01-05 11:02:43 +01:00
< / div >
2017-06-21 19:14:15 -07:00
< p ng-show = "isSubdomain" class = "text-bold" > Installing Cloudron on a subdomain requires an enterprise subscription.< / p >
2017-01-05 11:02:43 +01:00
< / div >
2017-01-05 14:43:18 +01:00
< / div >
< div class = "row" >
2017-01-05 16:35:38 +01:00
< div class = "col-md-10 col-md-offset-1 text-center" >
2017-02-23 10:06:56 -08:00
< h3 > Choose how the domain is managed< / h3 >
2017-01-05 14:43:18 +01:00
< p class = "has-error text-center" ng-show = "dnsCredentials.error" > {{ dnsCredentials.error }}< / p >
< div class = "form-group" >
< select class = "form-control" ng-model = "dnsCredentials.provider" ng-options = "a.value as a.name for a in dnsProvider" ng-disabled = "dnsCredentials.busy" > < / select >
2017-01-05 11:02:43 +01:00
< / div >
2017-01-05 14:43:18 +01:00
<!-- Route53 -->
< div class = "form-group" ng-class = "{ 'has-error': dnsCredentialsForm.accessKeyId.$dirty && dnsCredentialsForm.accessKeyId.$invalid }" ng-show = "dnsCredentials.provider === 'route53'" >
< input type = "text" class = "form-control" ng-model = "dnsCredentials.accessKeyId" name = "accessKeyId" placeholder = "Access Key Id" ng-minlength = "16" ng-maxlength = "32" ng-required = "dnsCredentials.provider === 'route53'" ng-disabled = "dnsCredentials.busy" >
< / div >
< div class = "form-group" ng-class = "{ 'has-error': dnsCredentialsForm.secretAccessKey.$dirty && dnsCredentialsForm.secretAccessKey.$invalid }" ng-show = "dnsCredentials.provider === 'route53'" >
< input type = "text" class = "form-control" ng-model = "dnsCredentials.secretAccessKey" name = "secretAccessKey" placeholder = "Secret Access Key" ng-required = "dnsCredentials.provider === 'route53'" ng-disabled = "dnsCredentials.busy" >
2017-01-28 18:27:22 -08:00
< br / >
2017-06-21 09:51:35 +02:00
< span ng-show = "isDomain || explicitZone" > < b > {{ explicitZone ? explicitZone : (dnsCredentials.domain | zoneName) }}< / b > must be hosted on < a href = "https://aws.amazon.com/route53/?nc2=h_m1" target = "_blank" > AWS Route53< / a > .< / span >
2017-01-05 14:43:18 +01:00
< / div >
<!-- DigitalOcean -->
< div class = "form-group" ng-class = "{ 'has-error': dnsCredentialsForm.digitalOceanToken.$dirty && dnsCredentialsForm.digitalOceanToken.$invalid }" ng-show = "dnsCredentials.provider === 'digitalocean'" >
< input type = "text" class = "form-control" ng-model = "dnsCredentials.digitalOceanToken" name = "digitalOceanToken" placeholder = "API Token" ng-required = "dnsCredentials.provider === 'digitalocean'" ng-disabled = "dnsCredentials.busy" >
2017-01-28 18:27:22 -08:00
< br / >
2017-06-21 09:51:35 +02:00
< span ng-show = "isDomain || explicitZone" > < b > {{ explicitZone ? explicitZone : (dnsCredentials.domain | zoneName) }}< / b > must be hosted on < a href = "https://www.digitalocean.com/community/tutorials/how-to-set-up-a-host-name-with-digitalocean#step-two%E2%80%94change-your-domain-server" target = "_blank" > DigitalOcean< / a > .< / span >
2017-01-05 11:02:43 +01:00
< / div >
2017-01-05 14:43:18 +01:00
2017-04-26 09:59:08 +02:00
<!-- Cloudflare -->
< div class = "form-group" ng-class = "{ 'has-error': dnsCredentialsForm.cloudflareToken.$dirty && dnsCredentialsForm.cloudflareToken.$invalid }" ng-show = "dnsCredentials.provider === 'cloudflare'" >
2017-04-26 10:50:27 +02:00
< input type = "text" class = "form-control" ng-model = "dnsCredentials.cloudflareToken" name = "cloudflareToken" placeholder = "API Token" ng-required = "dnsCredentials.provider === 'cloudflare'" ng-disabled = "dnsCredentials.busy" >
2017-04-26 09:59:08 +02:00
< / div >
2017-04-26 10:50:27 +02:00
< div class = "form-group" ng-class = "{ 'has-error': dnsCredentialsForm.cloudflareEmail.$dirty && dnsCredentialsForm.cloudflareEmail.$invalid }" ng-show = "dnsCredentials.provider === 'cloudflare'" >
< input type = "email" class = "form-control" ng-model = "dnsCredentials.cloudflareEmail" name = "cloudflareEmail" placeholder = "Email" ng-required = "dnsCredentials.provider === 'cloudflare'" ng-disabled = "dnsCredentials.busy" >
2017-04-26 09:59:08 +02:00
< br / >
2017-04-26 10:50:27 +02:00
< span > {{ dnsCredentials.domain || 'The domain' }} must be hosted on < a href = "https://www.cloudflare.com" target = "_blank" > Cloudflare< / a > .< / span >
2017-04-26 09:59:08 +02:00
< / div >
2017-01-05 14:43:18 +01:00
<!-- Wildcard -->
< p ng-show = "dnsCredentials.provider === 'wildcard'" >
2017-02-02 11:07:26 -08:00
< span > Setup A records for < b > *.{{ dnsCredentials.domain || 'example.com' }}< / b > and < b > {{ dnsCredentials.domain || 'example.com' }}< / b > to this server's IP.< / span >
2017-01-05 14:43:18 +01:00
< / p >
<!-- Manual -->
< p ng-show = "dnsCredentials.provider === 'manual'" >
2017-02-02 11:07:26 -08:00
< span >
Setup an A record for < b > my.{{ dnsCredentials.domain || 'example.com' }}< / b > to this server's IP.< br / >
2017-01-28 18:27:22 -08:00
All DNS records have to be setup manually < i > before< / i > each app installation.
< / span >
2017-01-05 14:43:18 +01:00
< / p >
< / div >
< / div >
2017-04-03 21:27:40 +02:00
< div class = "row" ng-show = "provider === 'ami'" >
< div class = "col-md-10 col-md-offset-1 text-center" >
< br / >
< h3 > Owner verification< / h3 >
< p > Provide the EC2 instance id to verify you have access to this server.< / p >
< div class = "form-group" ng-class = "{ 'has-error': dnsCredentialsForm.instanceId.$dirty && (dnsCredentialsForm.instanceId.$invalid || error) }" >
< input type = "text" class = "form-control" ng-model = "instanceId" id = "inputInstanceId" name = "instanceId" placeholder = "AWS EC2 instance id" ng-maxlength = "20" ng-minlength = "10" ng-required = "provider === 'ami'" autocomplete = "off" >
< / div >
< p > < span ng-show = "error" class = "text-danger" > {{ error }}< / span > < / p >
< / div >
< / div >
2017-01-05 14:43:18 +01:00
< div class = "row" >
< div class = "col-md-12 text-center" >
2017-01-09 22:58:01 +01:00
< button type = "submit" class = "btn btn-primary" ng-disabled = "dnsCredentialsForm.$invalid" / > < i class = "fa fa-circle-o-notch fa-spin" ng-show = "dnsCredentials.busy" > < / i > Next< / button >
2017-01-05 11:02:43 +01:00
< / div >
2017-01-05 14:43:18 +01:00
< / div >
< / form >
2017-01-05 11:02:43 +01:00
< / div >
< / div >
< / div >
< / div >
2017-01-26 13:20:00 -08:00
< footer class = "text-center" >
< span class = "text-muted" > © 2017 < a href = "https://cloudron.io" target = "_blank" > Cloudron< / a > < / span >
< span class = "text-muted" > < a href = "https://twitter.com/cloudron_io" target = "_blank" > Twitter < i class = "fa fa-twitter" > < / i > < / a > < / span >
< span class = "text-muted" > < a href = "https://chat.cloudron.io" target = "_blank" > Chat < i class = "fa fa-comments" > < / i > < / a > < / span >
2017-01-06 17:57:22 +01:00
< / footer >
2017-01-05 11:02:43 +01:00
< / body >
< / html >
