2018-03-30 15:12:34 +02:00
<!-- Modal update -->
< div class = "modal fade" id = "updateModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-hidden = "true" > × < / button >
< h4 class = "modal-title" > Cloudron Update to < b > {{config.update.box.version}}< / b > < / h4 >
< / div >
< div class = "modal-body" >
< div ng-hide = "installedApps | readyToUpdate" >
< p > The apps below are blocking the update because they have pending actions:< / p >
< ul >
< li ng-repeat = "app in installedApps | inProgressApps" > {{app.location}}< / li >
< / ul >
2019-09-04 21:10:24 -07:00
< span > Please wait for the above operations to finish.< / span >
2018-03-30 15:12:34 +02:00
< br / >
< br / >
< / div >
< div ng-show = "installedApps | readyToUpdate" >
< p > Changes:< / p >
< ul >
< li ng-repeat = "change in config.update.box.changelog" ng-bind-html = "change | markdown2html" > < / li >
< / ul >
< br / >
< p ng-show = "update.error.generic" class = "text-danger" > {{ update.error.generic }}< / p >
< / div >
< / div >
< div class = "modal-footer" >
2019-05-12 13:08:40 -07:00
< label class = "checkbox-inline pull-left" >
< input type = "checkbox" ng-model = "update.skipBackup" > < b > Skip backup< / b >
< / label >
2018-03-30 15:12:34 +02:00
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Close< / button >
2018-11-30 16:06:37 -08:00
< button type = "button" class = "btn btn-success" ng-click = "update.startUpdate()" ng-disabled = "update.busy" ng-show = "(installedApps | readyToUpdate)" > < i class = "fa fa-circle-notch fa-spin" ng-show = "update.busy" > < / i > Update< / button >
2018-03-30 15:12:34 +02:00
< / div >
< / div >
< / div >
< / div >
2018-01-22 13:01:38 -08:00
<!-- Modal change avatar -->
< div class = "modal fade" id = "avatarChangeModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< h4 class = "modal-title" > Change your Cloudron Avatar< / h4 >
< / div >
< div class = "modal-body settings-avatar-selector" >
< img id = "previewAvatar" width = "128" height = "128" ng-src = "{{avatarChange.avatar.data || avatarChange.avatar.url || client.avatar}}" / >
< input type = "file" id = "avatarFileInput" style = "display: none" accept = "image/png" / >
< br / >
< br / >
< div class = "grid" >
< div class = "item" ng-repeat = "avatar in avatarChange.availableAvatars" style = "background-image: url('{{avatar.data || avatar.url}}');" ng-click = "avatarChange.setPreviewAvatar(avatar)" > < / div >
< div class = "item add" ng-click = "avatarChange.showCustomAvatarSelector()" > < / div >
< / div >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Cancel< / button >
2018-11-16 17:03:21 +01:00
< button type = "button" class = "btn btn-success" ng-click = "avatarChange.doChangeAvatar()" ng-disabled = "avatarChange.busy" > < i class = "fa fa-circle-notch fa-spin" ng-show = "avatarChange.busy" > < / i > Change< / button >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / div >
< / div >
<!-- Modal change cloudron name -->
< div class = "modal fade" id = "cloudronNameChangeModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< h4 class = "modal-title" > Change Cloudron Name< / h4 >
< / div >
< div class = "modal-body" >
< form name = "cloudronNameChangeForm" role = "form" novalidate ng-submit = "cloudronNameChange.submit()" autocomplete = "off" >
< div class = "form-group" ng-class = "{ 'has-error': (cloudronNameChangeForm.name.$dirty && cloudronNameChangeForm.name.$invalid) }" >
< label class = "control-label" > Name< / label >
< div class = "control-label" ng-show = "(!cloudronNameChangeForm.name.$dirty && cloudronNameChange.error.name) || (cloudronNameChangeForm.name.$dirty && cloudronNameChangeForm.name.$invalid)" >
< small ng-show = "cloudronNameChangeForm.name.$error.required" > A name is required< / small >
< small ng-show = "cloudronNameChangeForm.name.$error.maxlength" > The name is too long< / small >
< small ng-show = "!cloudronNameChangeForm.name.$dirty && cloudronNameChange.error.name" > {{ cloudronNameChange.error.name }}< / small >
< / div >
< input type = "text" class = "form-control" ng-model = "cloudronNameChange.name" name = "name" id = "inputCloudronName" ng-maxlength = "30" required autofocus >
< / div >
< input class = "ng-hide" type = "submit" ng-disabled = "cloudronNameChangeForm.$invalid" / >
< / form >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Cancel< / button >
2018-11-16 17:03:21 +01:00
< button type = "button" class = "btn btn-success" ng-click = "cloudronNameChange.submit()" ng-disabled = "cloudronNameChangeForm.$invalid || cloudronNameChange.busy" > < i class = "fa fa-circle-notch fa-spin" ng-show = "cloudronNameChange.busy" > < / i > Change< / button >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / div >
< / div >
2019-10-22 22:31:38 -07:00
<!-- Modal registry config -->
< div class = "modal fade" id = "registryConfigModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< h4 class = "modal-title" > Private Registry Configuration< / h4 >
< / div >
< div class = "modal-body" >
< form name = "registryConfigForm" role = "form" novalidate ng-submit = "registryConfig.submit()" autocomplete = "off" >
< fieldset >
< p class = "has-error text-center" ng-show = "registryConfig.error" > {{ registryConfig.error }}< / p >
< div class = "form-group" >
< label class = "control-label" for = "registryConfigServerAddress" > Registry Server< / label >
2019-11-17 11:39:42 -08:00
< input type = "text" class = "form-control" ng-model = "registryConfig.serverAddress" id = "registryConfigServerAddress" name = "serveraddress" ng-disabled = "registryConfig.busy" placeholder = "docker.io" ng-required >
2019-10-22 22:31:38 -07:00
< / div >
< div class = "form-group" >
2019-10-23 06:11:27 -07:00
< label class = "control-label" for = "registryConfigUsername" > Username< / label >
< input type = "text" class = "form-control" ng-model = "registryConfig.username" id = "registryConfigUsername" name = "username" ng-disabled = "registryConfig.busy" ng-required >
< / div >
2019-10-22 22:31:38 -07:00
2019-10-23 06:11:27 -07:00
< div class = "form-group" >
2019-11-07 23:04:02 -08:00
< label class = "control-label" for = "registryConfigEmail" > Email (Optional)< / label >
< input type = "text" class = "form-control" ng-model = "registryConfig.email" id = "registryConfigEmail" name = "email" ng-disabled = "registryConfig.busy" >
2019-10-23 06:11:27 -07:00
< / div >
< div class = "form-group" >
2019-10-23 06:51:10 -07:00
< label class = "control-label" for = "registryConfigPassword" > Password/Token< / label >
2019-11-07 23:04:02 -08:00
< input type = "password" class = "form-control" ng-model = "registryConfig.password" id = "registryConfigPassword" name = "password" ng-disabled = "registryConfig.busy" ng-required >
2019-10-23 06:11:27 -07:00
< / div >
2019-10-22 22:31:38 -07:00
< / fieldset >
< / form >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Cancel< / button >
< button type = "button" class = "btn btn-success" ng-click = "registryConfig.submit()" ng-disabled = "registryConfigForm.$invalid || registryConfig.busy" > < i class = "fa fa-circle-notch fa-spin" ng-show = "registryConfig.busy" > < / i > Save< / button >
< / div >
< / div >
< / div >
< / div >
2018-01-22 13:01:38 -08:00
< div class = "content" >
< div class = "text-left" >
< h1 > Settings< / h1 >
< / div >
< div class = "text-left" >
< h3 > About< / h3 >
< / div >
< div class = "card" style = "margin-bottom: 15px;" >
2018-03-30 15:12:34 +02:00
< div class = "row" >
< div class = "col-xs-4" style = "min-width: 150px;" >
< div class = "settings-avatar" ng-click = "avatarChange.showChangeAvatar()" style = "background-image: url('{{ client.avatar }}');" >
< div class = "overlay" > < / div >
< / div >
2018-01-22 13:01:38 -08:00
< / div >
2018-03-30 15:12:34 +02:00
< div class = "col-xs-8" >
< table width = "100%" >
< tr >
< td class = "text-muted" style = "vertical-align: top;" > Name< / td >
2018-11-29 16:43:28 +01:00
< td class = "text-right" style = "vertical-align: top; white-space: nowrap;" > {{ config.cloudronName }} < a href = "" ng-click = "cloudronNameChange.show()" > < i class = "fa fa-edit text-small" > < / i > < / a > < / td >
2018-03-30 15:12:34 +02:00
< / tr >
< tr >
< td class = "text-muted" style = "vertical-align: top;" > Version< / td >
< td class = "text-right" style = "vertical-align: top; white-space: nowrap;" > {{ config.version }}< / td >
< / tr >
< tr >
< td class = "text-muted" style = "vertical-align: top;" > Provider< / td >
< td class = "text-right" style = "vertical-align: top; white-space: nowrap;" > {{ prettyProviderName(config.provider) }}< / td >
< / tr >
< tr >
< td colspan = "2" > < / td >
< / tr >
2018-12-10 16:50:40 +01:00
< tr ng-show = "!update.busy && update.errorMessage" >
2019-09-25 11:49:09 +02:00
< td class = "text-muted" style = "vertical-align: top; white-space: nowrap;" > Update Error:< / td >
< td class = "text-right has-error" style = "vertical-align: top;" > {{ update.errorMessage }}< / td >
2018-03-30 15:12:34 +02:00
< / tr >
2018-12-10 16:50:40 +01:00
< tr ng-show = "update.busy" >
< td colspan = "2" >
< div class = "progress progress-striped active animateMe" style = "margin-bottom: 10px;" >
2018-11-30 16:06:37 -08:00
< div class = "progress-bar progress-bar-success" role = "progressbar" style = "width: {{update.percent}}%" > < / div >
< / div >
2018-12-10 16:50:40 +01:00
< div > {{ update.message }}< / div >
2018-11-30 16:06:37 -08:00
< / td >
2018-12-10 16:50:40 +01:00
< / tr >
< tr >
< td colspan = "2" style = "padding-top: 10px;" >
2018-11-30 16:06:37 -08:00
< button class = "btn btn-primary pull-right" ng-show = "!config.update.box && !update.busy" ng-disabled = "autoUpdate.busy" ng-click = "autoUpdate.checkNow()" > < i class = "fa fa-circle-notch fa-spin" ng-show = "autoUpdate.busy" > < / i > Check for Updates< / button >
< button class = "btn btn-success pull-right" ng-show = "config.update.box && !update.busy" ng-click = "update.show()" > Update Available< / button >
< button class = "btn btn-danger pull-right" ng-show = "config.update.box && update.busy" ng-click = "update.stopUpdate()" > Stop Update< / button >
2018-03-30 15:12:34 +02:00
< / td >
< / tr >
< / table >
< / div >
< / div >
2018-01-22 13:01:38 -08:00
< / div >
2020-02-04 12:59:16 -08:00
< div class = "text-left" >
2018-01-22 13:01:38 -08:00
< h3 > Cloudron.io Account< / h3 >
< / div >
2020-02-04 12:59:16 -08:00
< div class = "card" style = "margin-bottom: 15px;" >
2019-05-06 11:39:45 +02:00
< div ng-show = "subscriptionBusy" >
2018-03-14 23:28:36 +01:00
< div class = "row" >
2019-05-06 11:39:45 +02:00
< div class = "col-xs-12 text-center" >
< h2 > < i class = "fa fa-circle-notch fa-spin" > < / i > < / h2 >
< / div >
2018-01-22 13:01:38 -08:00
< / div >
2019-05-06 11:39:45 +02:00
< / div >
< div ng-show = "!subscriptionBusy" >
2018-01-22 13:01:38 -08:00
< div class = "row" >
2019-05-06 11:39:45 +02:00
< div class = "col-xs-12" >
2019-11-07 10:20:34 -08:00
A Cloudron.io account provides access to the Cloudron App Store. This ensures you are running the latest versions to keep your apps and server secure.
2019-05-06 11:39:45 +02:00
< / div >
2018-01-22 13:01:38 -08:00
< / div >
2019-05-06 11:39:45 +02:00
< br / >
< div class = "row" ng-show = "!subscription" >
< div class = "col-xs-12 text-center" >
< a class = "btn btn-success" ng-href = "/#/appstore" > Setup Account< / a >
< / div >
2018-01-22 13:01:38 -08:00
< / div >
2019-05-06 11:39:45 +02:00
< div class = "row" ng-show = "subscription" >
< div class = "col-xs-6" >
< span class = "text-muted" > Account Email< / span >
< / div >
< div class = "col-xs-6 text-right" >
< a ng-href = "{{ config.webServerOrigin + '/console.html#/userprofile?email=' + subscription.emailEncoded }}" target = "_blank" > {{ subscription.email }}< / a >
< / div >
2018-01-22 13:01:38 -08:00
< / div >
2019-05-06 11:39:45 +02:00
< div class = "row" ng-show = "subscription" >
< div class = "col-xs-6" >
< span class = "text-muted" > Cloudron ID< / span >
< / div >
< div class = "col-xs-6 text-right" >
< span > {{ subscription.cloudronId }}< / span >
< / div >
< / div >
< div class = "row" ng-show = "subscription" >
< div class = "col-xs-6" >
< span class = "text-muted" > Subscription< / span >
< / div >
< div class = "col-xs-6 text-right" >
< span > {{ subscription.plan.name }}< / span >
< / div >
< / div >
< div class = "row" ng-show = "subscription" >
< div class = "col-xs-12 text-right" >
< b class = "text-danger" ng-show = "subscription.cancel_at" > Canceled and ends on {{ (subscription.cancel_at*1000) | prettyShortDate }}< / b >
< / div >
2019-03-06 15:54:51 +01:00
< / div >
2018-01-22 13:01:38 -08:00
< br / >
2019-05-06 11:39:45 +02:00
< div class = "row" ng-show = "subscription" >
< div class = "col-xs-12" >
2019-05-13 16:39:52 -07:00
< a class = "btn btn-primary pull-right" ng-click = "pollSubscriptionStatus()" ng-href = "{{ config.webServerOrigin + '/console.html#/userprofile?view=subscriptions&email=' + subscription.emailEncoded + '&cloudronId=' + subscription.cloudronId }}" target = "_blank" ng-show = "subscription.plan.id !== 'free' && !subscription.cancel_at" > Change Subscription< / a >
< a class = "btn btn-success pull-right" ng-click = "pollSubscriptionStatus()" ng-href = "{{ config.webServerOrigin + '/console.html#/userprofile?view=subscriptions&email=' + subscription.emailEncoded }}" target = "_blank" ng-show = "subscription.plan.id !== 'free' && subscription.cancel_at" > Reactivate Subscription< / a >
< a class = "btn btn-success pull-right" ng-click = "pollSubscriptionStatus()" ng-href = "{{ config.webServerOrigin + '/console.html#/userprofile?view=subscriptions&email=' + subscription.emailEncoded + '&cloudronId=' + subscription.cloudronId }}" target = "_blank" ng-show = "subscription.plan.id === 'free'" > Setup Subscription< / a >
2019-05-06 11:39:45 +02:00
< / div >
2018-01-22 13:01:38 -08:00
< / div >
2019-05-06 11:39:45 +02:00
< / div >
2018-01-22 13:01:38 -08:00
< / div >
2020-01-07 21:41:45 +01:00
< div class = "text-left" >
< h3 > Time Zone< / h3 >
< / div >
< div class = "card" style = "margin-bottom: 15px;" >
< div class = "row" >
2020-01-08 21:41:06 +01:00
< div class = "col-md-8" >
2020-01-07 21:41:45 +01:00
< p >
2020-01-08 21:41:06 +01:00
The current timezone setting is < b > {{ timeZone.currentTimeZone.display }}< / b > .< br / >
This setting is used for scheduling backup and update tasks.
2020-01-07 21:41:45 +01:00
< / p >
< p class = "text-danger" ng-show = "timeZone.error" > < br / > {{ timeZone.error }}< / p >
< / div >
2020-01-08 21:41:06 +01:00
< div class = "col-md-4" >
2020-01-08 20:35:00 +01:00
< multiselect class = "pull-right" ng-model = "timeZone.timeZone" ng-disabled = "timeZone.busy" options = "tz.id for tz in timeZone.availableTimeZones" data-multiple = "false" filter-after-rows = "5" scroll-after-rows = "10" > < / multiselect >
2020-01-07 21:41:45 +01:00
< / div >
< / div >
2020-01-08 13:01:31 +01:00
< br / >
2020-01-07 21:41:45 +01:00
< div class = "row" >
< div class = "col-md-6" >
< span class = "text-success text-bold" ng-show = "timeZone.success && timeZone.timeZone === timeZone.currentTimeZone" > Saved< / span >
< / div >
< div class = "col-md-6 text-right" >
< button class = "btn btn-outline btn-primary pull-right" ng-click = "timeZone.submit()" ng-disabled = "timeZone.busy || timeZone.timeZone === timeZone.currentTimeZone" > < i class = "fa fa-circle-notch fa-spin" ng-show = "timeZone.busy" > < / i > Save< / button >
< / div >
< / div >
< / div >
2018-01-22 13:01:38 -08:00
< div class = "text-left" >
2018-03-05 09:39:03 -08:00
< h3 > App Updates< / h3 >
2018-01-22 13:01:38 -08:00
< / div >
< div class = "card" style = "margin-bottom: 15px;" >
< div class = "row" >
< div class = "col-md-12" >
2018-02-06 19:39:06 +01:00
< p > Configure the update schedule for the apps< / p >
2018-01-22 13:01:38 -08:00
< p class = "text-danger" ng-show = "autoUpdate.error" > < br / > {{ autoUpdate.error }}< / p >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "radio" >
< label >
2018-03-06 21:30:42 -08:00
< input type = "radio" name = "scheduleRadio" ng-change = "autoUpdate.success = false" ng-model = "autoUpdate.pattern" value = "00 30 1,3,5,23 * * *" >
2018-01-22 13:01:38 -08:00
Every night
< / label >
< / div >
< div class = "radio" >
< label >
< input type = "radio" name = "scheduleRadio" ng-change = "autoUpdate.success = false" ng-model = "autoUpdate.pattern" value = "00 00 3,5 * * 3" >
Wednesday night
< / label >
< / div >
< div class = "radio" >
< label >
< input type = "radio" name = "scheduleRadio" ng-change = "autoUpdate.success = false" ng-model = "autoUpdate.pattern" value = "00 00 1,3,5,23 * * 6" >
Saturday night
< / label >
< / div >
< div class = "radio" >
< label >
< input type = "radio" name = "scheduleRadio" ng-change = "autoUpdate.success = false" ng-model = "autoUpdate.pattern" value = "never" >
2018-11-06 14:04:30 -08:00
No automatic updates
2018-01-22 13:01:38 -08:00
< / label >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-6" >
< span class = "text-success text-bold" ng-show = "autoUpdate.success && autoUpdate.pattern === autoUpdate.currentPattern" > Saved< / span >
< / div >
< div class = "col-md-6 text-right" >
2018-05-21 09:24:39 -07:00
< button class = "btn btn-outline btn-primary pull-right" ng-click = "autoUpdate.submit()" ng-disabled = "autoUpdate.pattern === autoUpdate.currentPattern" > Save< / button >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / div >
2019-04-27 22:38:09 +02:00
2019-10-22 22:31:38 -07:00
< div class = "text-left" >
< h3 > Private Docker Registry< / h3 >
< / div >
< div class = "card" style = "margin-bottom: 15px;" >
< div class = "row" >
< div class = "col-xs-12" >
Cloudron can pull and install apps from private docker registry.
< / div >
< / div >
< br / >
< div class = "row" >
< div class = "col-xs-6" >
< span class = "text-muted" > Server address< / span >
< / div >
< div class = "col-xs-6 text-right" >
2019-11-07 23:04:02 -08:00
< span > {{ registryConfig.currentConfig.serverAddress || 'Not set' }}< / span >
2019-10-22 22:31:38 -07:00
< / div >
< / div >
< div class = "row" >
< div class = "col-xs-6" >
< span class = "text-muted" > Username< / span >
< / div >
< div class = "col-xs-6 text-right" >
2019-11-07 23:04:02 -08:00
< span > {{ registryConfig.currentConfig.username || registryConfig.currentConfig.email || 'Not set' }}< / span >
2019-10-22 22:31:38 -07:00
< / div >
< / div >
< br / >
< div class = "row" >
< div class = "col-xs-12" >
< button class = "btn btn-primary pull-right" ng-click = "registryConfig.show()" > Configure Registry< / button >
< / div >
< / div >
< / div >
2018-01-22 13:01:38 -08:00
< / div >
