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 >
< br / >
< b class = "text-danger" > Please wait for the app actions to finish.< / b >
< br / >
< br / >
< / div >
< div ng-show = "installedApps | readyToUpdate" >
< b ng-show = "config.update.box.upgrade" class = "text-danger" >
This update upgrades the base system and will cause some application downtime.< br / >
< / b >
< 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 ng-hide = "config.provider !== 'caas' && config.update.box.upgrade" >
< fieldset >
< form name = "update_form" role = "form" ng-submit = "update.submit()" autocomplete = "off" >
< input class = "ng-hide" type = "submit" ng-disabled = "update_form.$invalid || update.busy" / >
< / form >
< / fieldset >
< / div >
< div ng-show = "config.provider !== 'caas' && config.update.box.upgrade" >
< b > Please use the CLI tool to upgrade by following the instructions < a ng-href = "{{ config.webServerOrigin + '/documentation/updates/' }}" target = "_blank" > here< / a > .< / b >
< / div >
< / div >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Close< / button >
2018-11-16 17:03:21 +01:00
< button type = "button" class = "btn btn-success" ng-click = "update.submit()" ng-disabled = "update_form.$invalid || update.busy" ng-show = "(installedApps | readyToUpdate) && !(config.provider !== 'caas' && config.update.box.upgrade)" > < 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 >
<!-- Modal plan change -->
< div class = "modal fade" id = "planChangeModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" > × < / button >
< h4 class = "modal-title" > Cloudron Change Plan< / h4 >
< / div >
< div class = "modal-body" >
This will change your plan from < b > {{ currentPlan.name }}< / b > to < b > {{ planChange.requestedPlan.name }}< / b > .
< br / >
< br / >
Your apps and data will be migrated to the new Cloudron and will take around 15 minutes.
< br / >
< br / >
< br / >
< form name = "planChangeForm" role = "form" novalidate ng-submit = "planChange.doChangePlan(planChangeForm)" autocomplete = "off" >
< fieldset >
< input type = "password" style = "display: none;" >
< div class = "form-group" ng-class = "{ 'has-error': (!planChangeForm.password.$dirty && planChange.error.password) || (planChangeForm.password.$dirty && planChangeForm.password.$invalid) }" >
< label class = "control-label" > Give your password to verify that you are performing that action< / label >
< div class = "control-label" ng-show = "(!planChangeForm.password.$dirty && planChange.error.password) || (planChangeForm.password.$dirty && planChangeForm.password.$invalid)" >
< small ng-show = " planChangeForm.password.$dirty && planChangeForm.password.$invalid" > A password is required< / small >
< small ng-show = "!planChangeForm.password.$dirty && planChange.error.password" > Wrong password< / small >
< / div >
< input type = "password" class = "form-control" ng-model = "planChange.password" id = "inputPlanChangePassword" name = "password" required autofocus >
< / div >
< input class = "ng-hide" type = "submit" ng-disabled = "planChangeForm.$invalid" / >
< / fieldset >
< / 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 = "planChange.doChangePlan()" ng-disabled = "planChange.busy" > < i class = "fa fa-circle-notch fa-spin" ng-show = "planChange.busy" > < / i > Confirm< / button >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / div >
< / div >
< 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 >
< td class = "text-right" style = "vertical-align: top; white-space: nowrap;" > {{ config.cloudronName }} < a href = "" ng-click = "cloudronNameChange.show()" > < i class = "fa fa-pencil text-small" > < / i > < / a > < / td >
< / tr >
< tr ng-show = "config.provider === 'caas'" >
< td class = "text-muted" style = "vertical-align: top;" > Model< / td >
2018-06-28 17:44:11 -07:00
< td class = "text-right" style = "vertical-align: top; white-space: nowrap;" > {{ caasConfig.size }} - {{ caasConfig.region }}< / 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 >
< tr >
< td colspan = "2" > < / td >
< / tr >
< tr >
< td class = "text-muted" style = "vertical-align: top;" > < / td >
< td class = "text-right" style = "vertical-align: bottom;" >
2018-11-16 17:03:21 +01:00
< button class = "btn btn-primary pull-right" ng-hide = "config.update.box" 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 >
2018-03-30 15:12:34 +02:00
< button class = "btn btn-success pull-right" ng-show = "config.update.box" ng-click = "update.show(update_form)" > Update Available< / button >
< / td >
< / tr >
< / table >
< / div >
< / div >
2018-01-22 13:01:38 -08:00
< / div >
< div class = "text-left" ng-show = "config.provider === 'caas'" >
< h3 > Plans< / h3 >
< / div >
< div class = "card" style = "margin-bottom: 15px;" ng-show = "config.provider === 'caas'" >
< div class = "row" >
< div class = "col-xs-12 text-right" >
< a href = "{{ config.webServerOrigin }}/console.html#/userprofile?view=credit_card" target = "_blank" > Change payment method< / a >
or
< a href = "{{ config.webServerOrigin }}/console.html" target = "_blank" > Cancel this Cloudron< / a >
< / div >
< / div >
< div class = "row" >
< div class = "col-xs-10 plans" style = "margin-left: 20px" >
< div ng-repeat = "plan in availablePlans" >
< label >
< input type = "radio" ng-model = "planChange.requestedPlan" ng-value = "plan" >
{{ plan.name }} ({{ plan.slug | uppercase }}) - {{ plan.price/100 }}{{ currency }}/month
< span ng-show = "currentPlan.name === plan.name" style = "font-weight: bold" > (current plan)
< / span >
< / label >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-xs-12" >
< button class = "btn btn-primary pull-right" ng-disabled = "planChange.requestedPlan.name === currentPlan.name" ng-click = "planChange.showChangePlan()" > Change Plan< / button >
< / div >
< / div >
< / div >
2018-10-30 21:07:37 -07:00
< div class = "text-left" ng-show = "!config.managed" >
2018-01-22 13:01:38 -08:00
< h3 > Cloudron.io Account< / h3 >
< / div >
2018-10-30 21:07:37 -07:00
< div class = "card" style = "margin-bottom: 15px;" ng-show = "!config.managed" >
2018-03-14 23:28:36 +01:00
< div class = "row" >
2018-01-22 13:01:38 -08:00
< div class = "col-xs-12" >
2018-03-14 22:34:57 +01:00
A Cloudron subscription provides access to the Cloudron App Store. This ensures you are running the latest version and keeps your apps and server secure.
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< br / >
< div class = "row" >
< div class = "col-xs-6" >
< span class = "text-muted" > Account Email< / span >
< / div >
< div class = "col-xs-6 text-right" >
2018-04-18 21:29:38 +02:00
< a ng-href = "{{ config.webServerOrigin + '/console.html#/userprofile?email=' + appstoreConfig.profile.emailEncoded }}" target = "_blank" > {{ appstoreConfig.profile.email }}< / a >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< div class = "row" >
< div class = "col-xs-6" >
< span class = "text-muted" > Cloudron ID< / span >
< / div >
< div class = "col-xs-6 text-right" >
< span > {{ appstoreConfig.cloudronId }}< / span >
< / div >
< / div >
< div class = "row" >
< div class = "col-xs-6" >
< span class = "text-muted" > Subscription< / span >
< / div >
< div class = "col-xs-6 text-right" >
2018-04-24 11:46:56 +02:00
< span > {{ subscription.plan.name }}< / span >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< br / >
< div class = "row" >
2018-06-12 14:09:10 -07:00
< div class = "col-xs-12" ng-show = "subscription" >
2018-08-29 23:24:22 +02:00
< a class = "btn btn-primary pull-right" ng-href = "{{ config.webServerOrigin + '/console.html#/userprofile?view=subscriptions&email=' + appstoreConfig.profile.emailEncoded + '&cloudronId=' + appstoreConfig.cloudronId }}" target = "_blank" ng-hide = "subscription.plan.id === 'free'" > Change Plan< / a >
2018-04-18 21:29:38 +02:00
< a class = "btn btn-success pull-right" ng-href = "{{ config.webServerOrigin + '/console.html#/userprofile?view=subscriptions&email=' + appstoreConfig.profile.emailEncoded + '&cloudronId=' + appstoreConfig.cloudronId }}" target = "_blank" ng-show = "subscription.plan.id === 'free'" > Setup Subscription< / a >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / div >
< 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 >
< / div >
