2018-01-22 13:01:38 -08:00
<!-- Modal configure/repair app -->
< div class = "modal fade" id = "appConfigureModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< h4 class = "modal-title" ng-show = "(appConfigure.app | installError)" > Repair {{ appConfigure.app.fqdn }}< / h4 >
< h4 class = "modal-title" ng-hide = "(appConfigure.app | installError)" > Configure {{ appConfigure.app.fqdn }}< / h4 >
< / div >
2018-05-24 13:53:30 -07:00
< div class = "modal-body" style = "padding: 0 15px" >
2018-01-22 13:01:38 -08:00
< fieldset >
< form role = "form" name = "appConfigureForm" ng-submit = "appConfigure.submit()" autocomplete = "off" >
2018-05-24 13:53:30 -07:00
< uib-tabset >
< uib-tab index = "0" heading = "General" >
< br / >
< div class = "has-error text-center" ng-show = "appConfigure.error.other" > {{ appConfigure.error.other }}< / div >
< div class = "form-group" ng-class = "{ 'has-error': (appConfigureForm.location.$dirty && appConfigureForm.location.$invalid) || (!appConfigureForm.location.$dirty && appConfigure.error.location) }" >
< label class = "control-label" for = "appConfigureLocationInput" > Location {{ appConfigure.error.location }} < / label >
< div class = "input-group form-inline" >
< input type = "text" class = "form-control" ng-model = "appConfigure.location" id = "appConfigureLocationInput" name = "location" placeholder = "{{ 'Leave empty to use bare domain' }}" autofocus >
< div class = "input-group-btn" >
< button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown" >
2018-08-27 20:45:09 -07:00
<!-- the admin check is to check for spaces user -->
< span ng-if = "user.admin" > {{ (!appConfigure.location ? '' : (appConfigure.domain.config.hyphenatedSubdomains ? '-' : '.')) + appConfigure.domain.domain }}< / span >
2018-08-28 14:22:40 -07:00
< span ng-if = "!user.admin" > {{ (!appConfigure.location ? '' : '-') + spacesSuffix + (appConfigure.domain.config.hyphenatedSubdomains ? '-' : '.') + appConfigure.domain.domain }}< / span >
2018-05-24 13:53:30 -07:00
< span class = "caret" > < / span >
< / button >
< ul class = "dropdown-menu dropdown-menu-right" role = "menu" >
< li ng-repeat = "domain in domains" >
< a href = "" ng-click = "appConfigure.domain = domain" > {{ domain.domain }}< / a >
< / li >
< / ul >
< / div >
< / div >
< / div >
2018-05-28 00:28:53 -07:00
< p class = "text-center" ng-show = "appConfigure.location && appConfigure.domain.provider === 'manual' && !appConfigure.domain.config.wildcard" >
2018-05-24 13:53:30 -07:00
< b > Add an A record manually for {{ appConfigure.location }} to this Cloudron's public IP< / b >
< br >
< / p >
< div class = "has-error text-center" ng-show = "appConfigure.error.port" > {{ appConfigure.error.port }}< / div >
< div ng-repeat = "(env, info) in appConfigure.portBindingsInfo" >
< ng-form name = "portInfo_form" >
< div class = "form-group" ng-class = "{ 'has-error': (!appConfigureForm.itemName{{$index}}.$dirty && appConfigure.error.port) || (portInfo_form.itemName{{$index}}.$dirty && portInfo_form.itemName{{$index}}.$invalid) }" >
< label class = "control-label" for = "appConfigurePortInput{{env}}" > < input type = "checkbox" ng-model = "appConfigure.portBindingsEnabled[env]" > {{ info.description }} ({{ HOST_PORT_MIN }} - {{ HOST_PORT_MAX }})< / label >
< input type = "number" class = "form-control" ng-model = "appConfigure.portBindings[env]" ng-disabled = "!appConfigure.portBindingsEnabled[env]" id = "appConfigurePortInput{{env}}" later-name = "itemName{{$index}}" min = "{{HOST_PORT_MIN}}" max = "{{HOST_PORT_MAX}}" required >
< / div >
< / ng-form >
2018-01-22 13:01:38 -08:00
< / div >
2018-05-24 13:53:30 -07:00
2018-05-25 13:59:53 -07:00
< div class = "form-group" >
< label ng-show = "appConfigure.ssoAuth" class = "control-label" > User management< / label >
< label ng-show = "!appConfigure.ssoAuth" class = "control-label" > Dashboard visibility< / label >
< p ng-show = "!appConfigure.ssoAuth && !appConfigure.app.manifest.addons.email" class = "text-small" >
2018-05-24 13:53:30 -07:00
This app has it's own user management.
< / p >
2018-05-25 13:59:53 -07:00
< p ng-show = "!appConfigure.ssoAuth && appConfigure.app.manifest.addons.email" >
This app is pre-configured for use with < a href = "https://cloudron.io/documentation/email/" target = "_blank" > Cloudron Email< / a > .
2018-05-24 13:53:30 -07:00
< / p >
< div class = "radio" >
< label >
< input type = "radio" ng-model = "appConfigure.accessRestrictionOption" value = "any" >
2018-05-25 13:59:53 -07:00
< span ng-show = "appConfigure.ssoAuth" > Allow all users on this Cloudron< / span >
< span ng-show = "!appConfigure.ssoAuth" > Visible to all users on this Cloudron< / span >
2018-05-24 13:53:30 -07:00
< / label >
< / div >
< div class = "radio" >
< label >
< input type = "radio" ng-model = "appConfigure.accessRestrictionOption" value = "groups" >
2018-05-25 13:59:53 -07:00
< span ng-show = "appConfigure.ssoAuth" > Only allow the following users and groups< / span >
< span ng-show = "!appConfigure.ssoAuth" > Only visible to the following users and groups< / span >
< span class = "label label-danger" ng-show = "appConfigure.accessRestrictionOption === 'groups' && !appConfigure.isAccessRestrictionValid()" > Select at least one user or group< / span >
2018-05-24 13:53:30 -07:00
< / label >
2018-01-22 13:01:38 -08:00
< / div >
2018-05-24 13:53:30 -07:00
< div >
< div style = "margin-left: 20px;" >
< div class = "col-md-5" >
Users:
< multiselect class = "input-sm stretch" ng-model = "appConfigure.accessRestriction.users" ng-disabled = "appConfigure.accessRestrictionOption !== 'groups'" options = "user.display for user in users" data-multiple = "true" > < / multiselect >
< / div >
< div class = "col-md-5" >
Groups:
2018-07-26 15:45:52 -07:00
< multiselect class = "input-sm stretch" ng-model = "appConfigure.accessRestriction.groups" ng-disabled = "appConfigure.accessRestrictionOption !== 'groups'" options = "group.name for group in groups" data-multiple = "true" > < / multiselect >
2018-05-24 13:53:30 -07:00
< / div >
< / div >
< / div >
< br / >
< br / >
< / div >
2018-01-22 13:01:38 -08:00
2018-05-24 13:53:30 -07:00
< / uib-tab >
< uib-tab index = "1" heading = "Advanced" >
< br / >
< div class = "form-group" >
< label class = "control-label" for = "memoryLimit" > Memory Limit < sup > < a ng-href = "{{ config.webServerOrigin }}/documentation/apps/#increasing-the-memory-limit-of-an-app" class = "help" target = "_blank" > < i class = "fa fa-question-circle" > < / i > < / a > < / sup > : < b > {{ appConfigure.memoryLimit ? appConfigure.memoryLimit / 1024 / 1024 + 'MB' : 'Default (256 MB)' }}< / b > < / label >
< br / >
< div style = "padding: 0 10px;" >
< slider id = "memoryLimit" ng-model = "appConfigure.memoryLimit" step = "134217728" tooltip = "hide" ticks = "appConfigure.memoryTicks" ticks-snap-bounds = "67108864" > < / slider >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
2018-05-24 15:40:26 -07:00
< div class = "form-group" ng-show = "appConfigure.app.manifest.addons.sendmail" ng-class = "{ 'has-error': !appConfigureForm.mailboxName.$dirty && appConfigure.error.mailboxName }" >
< label class = "control-label" > Mailbox Name< / label >
< div class = "control-label" ng-show = "appConfigure.error.mailboxName" > {{appConfigure.error.mailboxName}}< / div >
2018-05-24 16:05:19 -07:00
< div class = "input-group form-inline" >
< input type = "text" class = "form-control" id = "appConfigureMailboxNameInput" name = "mailboxName" ng-model = "appConfigure.mailboxName" uib-tooltip = "App FROM email address" >
< div class = "input-group-btn" >
< button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown" >
@{{ appConfigure.domain.domain }}
< / button >
< / div >
< / div >
2018-06-29 16:38:40 +02:00
< / div >
2018-05-24 16:05:19 -07:00
2018-06-29 16:38:40 +02:00
< div class = "has-error" ng-show = "appConfigure.error.alternateDomains" > {{ appConfigure.error.alternateDomains }}< / div >
< div class = "form-group" ng-class = "{ 'has-error': (appConfigureForm.alternateSubdomain.$dirty && appConfigureForm.alternateSubdomain.$invalid) || (!appConfigureForm.alternateSubdomain.$dirty && appConfigure.error.alternateDomains) }" >
2018-08-20 09:44:30 -07:00
< input type = "checkbox" id = "appConfigureAlternateDomainEnabled" ng-model = "appConfigure.alternateDomainEnabled" >
< label class = "control-label" for = "appConfigureAlternateDomainEnabled" > Redirect the following domain to this app< / label >
2018-06-29 16:38:40 +02:00
< div class = "input-group form-inline" >
2018-07-03 18:04:03 +02:00
< input type = "text" class = "form-control" ng-model = "appConfigure.alternateSubdomain" id = "appConfigureAlternateSubdomainInput" name = "alternateSubdomain" placeholder = "Leave empty to use bare domain" ng-disabled = "!appConfigure.alternateDomainEnabled" >
2018-06-29 16:38:40 +02:00
< div class = "input-group-btn" >
2018-07-03 18:00:22 +02:00
< button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown" ng-disabled = "!appConfigure.alternateDomainEnabled" >
2018-06-29 16:38:40 +02:00
{{ (!appConfigure.alternateSubdomain ? '' : '.') + appConfigure.alternateDomain }}
< span class = "caret" > < / span >
< / button >
< ul class = "dropdown-menu dropdown-menu-right" role = "menu" >
< li ng-repeat = "domain in domains" >
< a href = "" ng-click = "appConfigure.alternateDomain = domain.domain" > {{ domain.domain }}< / a >
< / li >
< / ul >
< / div >
< / div >
2018-05-24 15:40:26 -07:00
< / div >
2018-05-24 13:53:30 -07:00
< div class = "form-group" ng-class = "{ 'has-error': !appConfigureForm.xFrameOptions.$dirty && appConfigure.error.xFrameOptions }" >
< label class = "control-label" > Allow embedding from the following site< / label >
2018-05-24 15:40:26 -07:00
< div class = "control-label" ng-show = "appConfigure.error.xFrameOptions" > {{appConfigure.error.xFrameOptions}}< / div >
2018-05-24 13:53:30 -07:00
< input type = "text" class = "form-control" id = "appConfigureXFrameOptionsInput" name = "xFrameOptions" placeholder = "https://example.com" ng-model = "appConfigure.xFrameOptions" uib-tooltip = "Leave blank to not allow embedding" >
< / div >
2018-01-22 13:01:38 -08:00
2018-05-24 13:53:30 -07:00
< div class = "form-group" >
< label class = "control-label" > Specify robots.txt file content< / label >
< textarea ng-model = "appConfigure.robotsTxt" placeholder = "Leave empty to allow all bots to index this app." class = "form-control" rows = "3" > < / textarea >
< / div >
2018-01-22 13:01:38 -08:00
2018-05-24 13:53:30 -07:00
< div class = "form-group" >
< input type = "checkbox" id = "appConfigureEnableBackup" ng-model = "appConfigure.enableBackup" >
< label class = "control-label" for = "appConfigureEnableBackup" > Enable automatic daily backups< / label >
2018-01-22 13:01:38 -08:00
< / div >
2018-05-24 13:53:30 -07:00
< div class = "hide" >
< label class = "control-label" for = "appConfigureCertificateInput" ng-show = "appConfigure.domain.provider !== 'caas'" > Certificate (optional)< / label >
< div class = "has-error text-center" ng-show = "appConfigure.error.cert && appConfigure.domain.provider !== 'caas'" > {{ appConfigure.error.cert }}< / div >
< div class = "form-group" ng-class = "{ 'has-error': !appConfigureForm.certificate.$dirty && appConfigure.error.cert }" ng-show = "appConfigure.domain.provider !== 'caas'" >
< div class = "input-group" >
< input type = "file" id = "appConfigureCertificateFileInput" onchange = "readCertificate()" style = "display:none" / >
< input type = "text" class = "form-control" placeholder = "Certificate" ng-model = "appConfigure.certificateFileName" id = "appConfigureCertificateInput" name = "certificate" onclick = "getElementById('appConfigureCertificateFileInput').click();" style = "cursor: pointer;" ng-required = "appConfigure.keyFileName" >
< span class = "input-group-addon" >
< i class = "fa fa-upload" onclick = "getElementById('appConfigureCertificateFileInput').click();" > < / i >
< / span >
< / div >
2018-01-22 13:01:38 -08:00
< / div >
2018-05-24 13:53:30 -07:00
< div class = "form-group" ng-class = "{ 'has-error': !appConfigureForm.key.$dirty && appConfigure.error.cert }" ng-show = "appConfigure.domain.provider !== 'caas'" >
< div class = "input-group" >
< input type = "file" id = "appConfigureKeyFileInput" onchange = "readKey()" style = "display:none" / >
< input type = "text" class = "form-control" placeholder = "Key" ng-model = "appConfigure.keyFileName" id = "appConfigureKeyInput" name = "key" onclick = "getElementById('appConfigureKeyFileInput').click();" style = "cursor: pointer;" ng-required = "appConfigure.certificateFileName" >
< span class = "input-group-addon" >
< i class = "fa fa-upload" onclick = "getElementById('appConfigureKeyFileInput').click();" > < / i >
< / span >
< / div >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
2018-05-24 13:53:30 -07:00
< / uib-tab >
< / uib-tabset >
2018-01-22 13:01:38 -08:00
2018-02-08 09:44:35 +01:00
< input class = "ng-hide" type = "submit" ng-disabled = "appConfigureForm.$invalid || appConfigure.busy || (appConfigure.accessRestrictionOption === 'groups' && !appConfigure.isAccessRestrictionValid())" / >
2018-01-22 13:01:38 -08:00
< / form >
< / fieldset >
< / div >
< div class = "modal-footer " >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Cancel< / button >
2018-05-24 15:54:50 -07:00
< button type = "button" class = "btn btn-success" ng-click = "appConfigure.submit()" ng-disabled = "appConfigureForm.$invalid || appConfigure.busy || (appConfigure.accessRestrictionOption === 'groups' && !appConfigure.isAccessRestrictionValid())" > < i class = "fa fa-circle-o-notch fa-spin" ng-show = "appConfigure.busy" > < / i > Configure< / button >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / div >
< / div >
<!-- Modal restore app -->
< div class = "modal fade" id = "appRestoreModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
2018-05-28 00:47:53 -07:00
< h4 class = "modal-title" > Backups - {{ appRestore.app.fqdn }}< / h4 >
2018-01-22 13:01:38 -08:00
< / div >
2018-05-30 09:34:31 -07:00
< div class = "modal-body" style = "padding: 0 15px" >
2018-05-29 22:05:18 +02:00
< p class = "text-center" ng-show = "appRestore.busyFetching" > < i class = "fa fa-circle-o-notch fa-spin" > < / i > Fetching backups< / p >
2018-05-30 15:07:16 +02:00
< button type = "button" class = "btn btn-primary pull-right" ng-click = "appRestore.createBackup()" ng-hide = "appRestore.busyFetching" ng-disabled = "appRestore.app.installationState === 'pending_backup'" > < i class = "fa fa-circle-o-notch fa-spin" ng-show = "appRestore.app.installationState === 'pending_backup'" > < / i > Create Backup< / button >
2018-05-30 15:13:05 +02:00
< uib-tabset active = "appRestore.action" ng-show = "!appRestore.busyFetching" >
2018-05-29 22:05:18 +02:00
<!-- restore -->
< uib-tab index = "'restore'" heading = "Restore" >
< br / >
2018-05-30 15:13:05 +02:00
< p class = "text-danger" ng-hide = "appRestore.backups.length" > This app has no backups to restore or clone from yet.< / p >
< div ng-show = "appRestore.backups.length" >
< p > Restoring the app will lose all content generated since the backup.< / p >
< label class = "control-label" > Select Backup< / label >
< div class = "dropdown" >
< button type = "button" class = "btn btn-default" data-toggle = "dropdown" > {{ appRestore.selectedBackup.creationTime | prettyDate }} - v{{appRestore.selectedBackup.version}} ({{ appRestore.selectedBackup.creationTime | prettyLongDate }}) < span class = "caret" > < / span > < / button >
< ul class = "dropdown-menu" role = "menu" >
< li ng-repeat = "backup in appRestore.backups | orderBy:'-creationTime'" >
< a href = "" ng-click = "appRestore.selectBackup(backup)" > {{ backup.creationTime | prettyDate }} - v{{backup.version}} ({{ backup.creationTime | prettyLongDate }})< / a >
< / li >
< / ul >
< / div >
< br / >
< fieldset >
< form role = "form" ng-submit = "appRestore.restore()" autocomplete = "off" >
< div class = "form-group" ng-class = "{ 'has-error': appRestore.error.password }" >
< label class = "control-label" for = "appRestorePasswordInput" > Provide your password to confirm this action< / label >
< div ng-show = "appRestore.error.password" > < small > Wrong password< / small > < / div >
< input type = "password" class = "form-control" ng-model = "appRestore.password" id = "appRestorePasswordInput" name = "password" required autofocus >
< / div >
< input class = "ng-hide" type = "submit" ng-disabled = "!appRestore.password || appRestore.busy || !appRestore.selectedBackup" / >
< / form >
< / fieldset >
2018-05-29 22:05:18 +02:00
< / div >
< / uib-tab >
<!-- clone -->
< uib-tab index = "'clone'" heading = "Clone" >
< br / >
2018-05-30 15:13:05 +02:00
< p class = "text-danger" ng-hide = "appRestore.backups.length" > This app has no backups to restore or clone from yet.< / p >
< div ng-show = "appRestore.backups.length" >
< label class = "control-label" > Select Backup< / label >
< div class = "dropdown" >
< button type = "button" class = "btn btn-default" data-toggle = "dropdown" > {{ appRestore.selectedBackup.creationTime | prettyDate }} - v{{appRestore.selectedBackup.version}} ({{ appRestore.selectedBackup.creationTime | prettyLongDate }}) < span class = "caret" > < / span > < / button >
< ul class = "dropdown-menu" role = "menu" >
< li ng-repeat = "backup in appRestore.backups | orderBy:'-creationTime'" >
< a href = "" ng-click = "appRestore.selectBackup(backup)" > {{ backup.creationTime | prettyDate }} - v{{backup.version}} ({{ backup.creationTime | prettyLongDate }})< / a >
< / li >
< / ul >
< / div >
< br / >
< fieldset >
2018-08-06 00:34:40 -07:00
< form role = "form" ng-submit = "appRestore.clone()" autocomplete = "off" >
< div class = "form-group" ng-class = "{ 'has-error': appRestore.error.location }" >
< label class = "control-label" for = "appRestoreLocationInput" > Location< / label >
< div ng-show = "appRestore.error.location" > < small > {{ appRestore.error.location }}< / small > < / div >
2018-05-30 15:13:05 +02:00
< div class = "input-group form-inline" >
< input type = "text" class = "form-control" ng-model = "appRestore.location" id = "appRestoreLocationInput" name = "location" placeholder = "Leave empty to use bare domain" autofocus >
< div class = "input-group-btn" >
< button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown" >
2018-08-27 21:40:49 -07:00
<!-- the admin check is to check for spaces user -->
< span ng-if = "user.admin" > {{ (!appRestore.location ? '' : (appRestore.domain.config.hyphenatedSubdomains ? '-' : '.')) + appRestore.domain.domain }}< / span >
2018-08-28 14:22:40 -07:00
< span ng-if = "!user.admin" > {{ (!appRestore.location ? '' : '-') + spacesSuffix + (appRestore.domain.config.hyphenatedSubdomains ? '-' : '.') + appRestore.domain.domain }}< / span >
2018-05-30 15:13:05 +02:00
< span class = "caret" > < / span >
< / button >
< ul class = "dropdown-menu dropdown-menu-right" role = "menu" >
< li ng-repeat = "domain in domains" >
< a href = "" ng-click = "appRestore.domain = domain" > {{ domain.domain }}< / a >
< / li >
< / ul >
< / div >
2018-05-29 22:05:18 +02:00
< / div >
2018-05-28 00:47:53 -07:00
< / div >
2018-05-29 22:05:18 +02:00
2018-05-30 15:13:05 +02:00
< p class = "text-center" ng-show = "appRestore.location && appRestore.domain.provider === 'manual' && !appRestore.domain.config.wildcard" >
< b > Add an A record manually for {{ appRestore.location }} to this Cloudron's public IP< / b >
< br >
< / p >
2018-05-29 22:05:18 +02:00
2018-05-30 15:13:05 +02:00
< div class = "has-error text-center" ng-show = "appRestore.error.port" > {{ appRestore.error.port }}< / div >
< div ng-repeat = "(env, info) in appRestore.portBindingsInfo" >
< ng-form name = "portInfo_form" >
< div class = "form-group" ng-class = "{ 'has-error': (!appRestore.itemName{{$index}}.$dirty && appRestore.error.port) || (portInfo_form.itemName{{$index}}.$dirty && portInfo_form.itemName{{$index}}.$invalid) }" >
< label class = "control-label" for = "inputPortInfo{{env}}" > < input type = "checkbox" ng-model = "appRestore.portBindingsEnabled[env]" > {{ info.description }} ({{ HOST_PORT_MIN }} - {{ HOST_PORT_MAX }})< / label >
< input type = "number" class = "form-control" ng-model = "appRestore.portBindings[env]" ng-disabled = "!appRestore.portBindingsEnabled[env]" id = "inputPortInfo{{env}}" later-name = "itemName{{$index}}" min = "{{hostPortMin}}" max = "{{hostPortMax}}" required >
< / div >
< / ng-form >
< / div >
< / form >
< / fieldset >
< / div >
2018-05-29 22:05:18 +02:00
< / uib-tab >
< / uib-tabset >
2018-01-22 13:01:38 -08:00
< / div >
2018-05-23 20:36:54 -07:00
2018-01-22 13:01:38 -08:00
< div class = "modal-footer" >
2018-05-29 22:05:18 +02:00
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Close< / button >
2018-08-06 00:41:06 -07:00
< button type = "button" class = "btn btn-success" ng-click = "appRestore.clone()" ng-show = "appRestore.action === 'clone' && appRestore.backups.length !== 0" ng-disabled = "appRestore.busy || !appRestore.selectedBackup" > < i class = "fa fa-circle-o-notch fa-spin" ng-show = "appRestore.busy" > < / i > Clone< / button >
2018-05-29 22:46:03 +02:00
< button type = "button" class = "btn btn-danger" ng-click = "appRestore.restore()" ng-show = "appRestore.action === 'restore' && appRestore.backups.length !== 0" ng-disabled = "!appRestore.password || appRestore.busy || !appRestore.selectedBackup" > < i class = "fa fa-circle-o-notch fa-spin" ng-show = "appRestore.busy" > < / i > Restore< / button >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
< / div >
< / div >
<!-- Modal information of app -->
< div class = "modal fade" id = "appInfoModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< img ng-src = "{{appInfo.app.iconUrl}}" onerror = "this.onerror=null;this.src='img/appicon_fallback.png'" class = "app-info-icon" / >
< h5 class = "app-info-title" >
{{ appInfo.app.manifest.title }}
< span class = "app-info-meta text-small" > Package < a ng-href = "/#/appstore/{{appInfo.app.manifest.id}}?version={{appInfo.app.manifest.version}}" > v{{ appInfo.app.manifest.version }}< / a > < / span >
2018-08-05 21:10:18 -07:00
< br / >
App ID < span class = "app-info-meta text-small" > {{ appInfo.app.id }}< / a > < / span >
< br / >
Last updated < span class = "app-info-meta text-small" > {{ appInfo.app.updateTime | prettyDate }}< / span >
2018-01-22 13:01:38 -08:00
< / h5 >
< / div >
< div class = "modal-body" >
< div class = "app-postinstall-message" ng-hide = "appInfo.app.manifest && appInfo.app.manifest.postInstallMessage" >
This package has no special usage information.
< / div >
< div class = "app-postinstall-message" ng-show = "appInfo.app.manifest && appInfo.app.manifest.postInstallMessage" >
< div ng-bind-html = "appInfo.message | postInstallMessage:appInfo.app | markdown2html" > < / div >
< / div >
2018-08-01 12:29:23 -07:00
< div ng-show = "appInfo.app.manifest.documentationUrl" >
< br / >
Please see the < a target = "_blank" ng-href = "{{appInfo.app.manifest.documentationUrl}}" > documentation< / a > for more information.
< / div >
2018-01-22 13:01:38 -08:00
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" autofocus > Got it< / button >
< / div >
< / div >
< / div >
< / div >
2018-06-14 15:46:55 +02:00
<!-- Modal postinstall confirm -->
< div class = "modal fade" id = "appPostInstallConfirmModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< img ng-src = "{{appPostInstallConfirm.app.iconUrl}}" onerror = "this.onerror=null;this.src='img/appicon_fallback.png'" class = "app-info-icon" / >
< h5 class = "app-info-title" >
{{ appPostInstallConfirm.app.manifest.title }}
< span class = "app-info-meta text-small" > Package < a ng-href = "/#/appstore/{{appPostInstallConfirm.app.manifest.id}}?version={{appPostInstallConfirm.app.manifest.version}}" > v{{ appPostInstallConfirm.app.manifest.version }}< / a > < / span >
2018-08-05 21:36:40 -07:00
< br / >
< span ng-show = "appPostInstallConfirm.app.manifest.documentationUrl" > < a target = "_blank" ng-href = "{{appPostInstallConfirm.app.manifest.documentationUrl}}" > Documentation< / a > < / span >
< br / >
2018-06-14 15:46:55 +02:00
< / h5 >
< / div >
< div class = "modal-body" >
< div ng-bind-html = "appPostInstallConfirm.app.manifest.postInstallMessage | postInstallMessage:appPostInstallConfirm.app | markdown2html" > < / div >
2018-08-21 19:12:04 -07:00
< div ng-show = "appPostInstallConfirm.app.manifest.documentationUrl" >
Please see the < a target = "_blank" ng-href = "{{appPostInstallConfirm.app.manifest.documentationUrl}}" > documentation< / a > for more information.
< / div >
2018-06-14 15:46:55 +02:00
< / div >
< div class = "modal-footer" >
< div class = "form-group pull-left" >
< input type = "checkbox" id = "appPostInstallConfirmCheckbox" ng-model = "appPostInstallConfirm.confirmed" >
2018-08-05 21:09:16 -07:00
< label class = "control-label" for = "appPostInstallConfirmCheckbox" > Acknowledge instructions< / label >
2018-06-14 15:46:55 +02:00
< / div >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Close< / button >
< a class = "btn btn-success" ng-href = "{{ appPostInstallConfirm.confirmed ? ('https://' + appPostInstallConfirm.app.fqdn) : '' }}" target = "_blank" ng-disabled = "!appPostInstallConfirm.confirmed" ng-click = "appPostInstallConfirm.submit()" > Open {{ appPostInstallConfirm.app.manifest.title }}< / a >
< / div >
< / div >
< / div >
< / div >
2018-01-22 13:01:38 -08:00
<!-- Modal error app -->
< div class = "modal fade" id = "appErrorModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< h4 class = "modal-title" > Error for {{ appError.app.fqdn }}< / h4 >
< / div >
< div class = "modal-body" >
< p > {{ appError.app.message | prettyAppMessage }}< / p >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default pull-left" ng-click = "appConfigure.show(appError.app)" autofocus > Repair< / button >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > OK< / button >
< / div >
< / div >
< / div >
< / div >
<!-- Modal uninstall app -->
< div class = "modal fade" id = "appUninstallModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< h4 class = "modal-title" > Really uninstall {{ appUninstall.app.fqdn }} ?< / h4 >
< / div >
< div class = "modal-body" >
< p > Deleting the app will also remove all content generated within this app!< / p >
< fieldset >
< form role = "form" name = "appUninstallForm" ng-submit = "doUninstall()" autocomplete = "off" >
< div class = "form-group" ng-class = "{ 'has-error': (appUninstallForm.password.$dirty && appUninstallForm.password.$invalid) || (!appUninstallForm.password.$dirty && appUninstall.error.password) }" >
< label class = "control-label" for = "appUninstallPasswordInput" > Provide your password to confirm this action< / label >
< div class = "control-label" ng-show = "(appUninstallForm.password.$dirty && appUninstallForm.password.$invalid) || (!appUninstallForm.password.$dirty && appUninstall.error.password)" >
< small ng-show = " appUninstallForm.password.$dirty && appUninstallForm.password.$invalid" > Password required< / small >
< small ng-show = "!appUninstallForm.password.$dirty && appUninstall.error.password" > Wrong password< / small >
< / div >
< input type = "password" class = "form-control" ng-model = "appUninstall.password" id = "appUninstallPasswordInput" name = "password" required autofocus >
< / div >
< input class = "ng-hide" type = "submit" ng-disabled = "appUninstallForm.$invalid || busy" / >
< / form >
< / fieldset >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Cancel< / button >
< button type = "button" class = "btn btn-danger" ng-click = "doUninstall()" ng-disabled = "appUninstallForm.$invalid || appUninstall.busy" > < i class = "fa fa-circle-o-notch fa-spin" ng-show = "appUninstall.busy" > < / i > Uninstall< / button >
< / div >
< / div >
< / div >
< / div >
<!-- Modal update app -->
< div class = "modal fade" id = "appUpdateModal" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< h4 class = "modal-title" > Update {{ appUpdate.app.fqdn }}< / h4 >
< / div >
< div class = "modal-body" >
< p > Recent Changes for new version < b > {{ appUpdate.manifest.version}}< / b > :< / p >
< div ng-bind-html = "appUpdate.manifest.changelog | markdown2html" > < / div >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Cancel< / button >
< button type = "button" class = "btn btn-danger" ng-click = "doUpdate()" ng-disabled = "appUpdate.busy" > < i class = "fa fa-circle-o-notch fa-spin" ng-show = "appUpdate.busy" > < / i > Update< / button >
< / div >
< / div >
< / div >
< / div >
< script >
function imageErrorHandler(elem) {
'use strict';
var appstoreIconUrl = elem.getAttribute('appstore-icon');
var fallbackIconUrl = elem.getAttribute('fallback-icon');
if (elem.src === appstoreIconUrl) {
elem.src = fallbackIconUrl;
elem.onerror = null; // avoid retry after default icon cannot be loaded
} else {
elem.src = appstoreIconUrl;
}
}
< / script >
< div class = "content content-large" >
<!-- Workaround for select - all issue, see commit message -->
< div style = "font-size: 1px;" > < / div >
2018-08-28 20:32:07 -07:00
< div class = "animateMeOpacity ng-hide" ng-show = "installedApps.length === 0 && (user.admin || config.spaces)" >
2018-01-22 13:01:38 -08:00
< div class = "col-md-12" style = "text-align: center;" >
< br / > < br / > < br / > < br / >
< h1 > < i class = "fa fa-cloud-download fa-fw" > < / i > No apps installed yet!< / h1 >
< br / > < / br >
< h3 > How about installing some? Check out the < a href = "#/appstore" > App Store< / a > < / h3 >
< / div >
< / div >
2018-08-28 20:32:07 -07:00
< div class = "animateMeOpacity ng-hide" ng-show = "installedApps.length === 0 && !(user.admin || config.spaces)" >
2018-01-22 13:01:38 -08:00
< div class = "col-md-12" style = "text-align: center;" >
< br / > < br / > < br / > < br / >
< h1 > You don't have access to any apps on this Cloudron yet!< / h1 >
< br / > < / br >
< h3 > Once you do, they will show up here.< / h3 >
< / div >
< / div >
< div class = "animateMeOpacity ng-hide" ng-show = "installedApps.length > 0" >
< div class = "col-md-12" >
< h1 > Your Apps< / h1 >
< / div >
< / div >
< div class = "animateMeOpacity ng-hide" ng-show = "installedApps.length > 0" >
< div class = "col-sm-1 grid-item" ng-repeat = "app in installedApps | orderBy:'location'" >
2018-02-17 16:01:36 -08:00
< div style = "background-color: white;" class = "highlight grid-item-content" uib-tooltip = "{{ app.fqdn }}" >
2018-06-15 13:39:07 +02:00
< a ng-href = "{{ app | applicationLink }}" ng-click = "((app | installError) === true && showError(app)) || ((app | appIsInstalledAndHealthy) && app.pendingPostInstallConfirmation && appPostInstallConfirm.show(app))" target = "_blank" ng-class = "{ 'hand': (app | appIsInstalledAndHealthy) }" >
2018-01-22 13:01:38 -08:00
< div class = "grid-item-top" >
< div class = "row" >
< div class = "col-xs-12 text-center" style = "padding-left: 5px; padding-right: 5px;" >
2018-02-08 15:25:37 -08:00
< br / >
2018-01-22 13:01:38 -08:00
< img ng-src = "{{app.iconUrl || 'img/appicon_fallback.png'}}" fallback-icon = "img/appicon_fallback.png" appstore-icon = "{{ app.iconUrlStore }}" onerror = "imageErrorHandler(this)" class = "app-icon" / >
< / div >
< / div >
< br / >
< div class = "row" >
< div class = "col-xs-12 text-center" >
2018-03-09 10:16:58 +01:00
< div class = "grid-item-top-title" data-fittext > {{ app.location || app.fqdn }}< / div >
2018-03-26 11:08:57 +02:00
< div class = "text-muted status" style = "text-overflow: ellipsis; white-space: nowrap; overflow: hidden" uib-tooltip = "{{ app.message | shortAppMessage }}" >
2018-01-22 13:01:38 -08:00
{{ app | installationStateLabel }}
< / div >
< div class = "status" ng-style = "{ 'visibility': (app | installationActive) ? 'visible' : 'hidden' }" >
< div class = "progress progress-striped active" >
< div class = "progress-bar progress-bar-success" role = "progressbar" style = "width: {{ app.progress }}%" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2018-08-28 18:55:13 -07:00
< div class = "grid-item-bottom-mobile" ng-show = "user.admin || (config.spaces && app.ownerId === user.id)" >
2018-01-22 13:01:38 -08:00
< div class = "row" >
< div class = "col-xs-4 text-left" >
< a href = "" ng-click = "appRestore.show(app)" ng-show = "backupConfig.provider !== 'noop'" >
< i class = "fa fa-undo scale" > < / i >
< / a >
< a href = "" ng-click = "appConfigure.show(app)" ng-show = "app.installationState === 'installed' || app.installationState === 'pending_configure' || (app | installError)" >
< i ng-hide = "(app | installError)" class = "fa fa-pencil scale" > < / i >
< i ng-show = "(app | installError)" class = "fa fa-wrench scale" > < / i >
< / a >
< / div >
< div class = "col-xs-4 text-center" > < / div >
< div class = "col-xs-4 text-right" >
< a href = "" ng-click = "showUninstall(app)" >
< i class = "fa fa-remove scale" > < / i >
< / a >
< / div >
< / div >
< / div >
2018-08-28 18:55:13 -07:00
< div class = "grid-item-bottom" ng-show = "user.admin || (config.spaces && app.ownerId === user.id)" >
2018-01-22 13:01:38 -08:00
< div >
2018-02-09 10:11:18 +01:00
< a href = "" ng-click = "showUninstall(app)" uib-tooltip = "Uninstall" tooltip-placement = "right" tooltip-class = "app-tooltip" > < i class = "fa fa-remove scale" > < / i > < / a >
2018-01-22 13:01:38 -08:00
< / div >
< div >
2018-05-23 20:36:54 -07:00
< a href = "" ng-click = "appRestore.show(app)" ng-show = "backupConfig.provider !== 'noop'" uib-tooltip = "Backups" tooltip-placement = "right" tooltip-class = "app-tooltip" > < i class = "fa fa-archive scale" > < / i > < / a >
2018-01-22 13:01:38 -08:00
< / div >
< div ng-show = "(app.installationState === 'installed' || app.installationState === 'pending_configure') && !(app | installError)" >
2018-02-09 10:11:18 +01:00
< a href = "" ng-click = "appConfigure.show(app)" uib-tooltip = "Configure" tooltip-placement = "right" tooltip-class = "app-tooltip" > < i class = "fa fa-pencil scale" > < / i > < / a >
2018-01-22 13:01:38 -08:00
< / div >
< div ng-show = "app | installError" >
2018-02-09 10:11:18 +01:00
< a href = "" ng-click = "appConfigure.show(app)" uib-tooltip = "Repair" tooltip-placement = "right" tooltip-class = "app-tooltip" > < i class = "fa fa-wrench scale" > < / i > < / a >
2018-01-22 13:01:38 -08:00
< / div >
< div >
2018-06-15 16:42:04 +02:00
< a ng-href = "{{ '/terminal.html?id=' + app.id }}" target = "_blank" uib-tooltip = "Terminal" tooltip-placement = "right" tooltip-class = "app-tooltip" > < i class = "fa fa-terminal scale" > < / i > < / a >
2018-01-22 13:01:38 -08:00
< / div >
< div >
2018-06-15 16:42:04 +02:00
< a ng-href = "{{ '/logs.html?id=' + app.id }}" target = "_blank" uib-tooltip = "Logs" tooltip-placement = "right" tooltip-class = "app-tooltip" > < i class = "fa fa-file-text scale" > < / i > < / a >
2018-01-22 13:01:38 -08:00
< / div >
< div >
2018-02-09 10:11:18 +01:00
< a href = "" ng-click = "showInformation(app)" uib-tooltip = "Information" tooltip-placement = "right" tooltip-class = "app-tooltip" > < i class = "fa fa-info-circle scale" > < / i > < / a >
2018-01-22 13:01:38 -08:00
< / div >
< / div >
<!-- we check the version here because the box updater does not know when an app gets updated -->
< div class = "app-update-badge" ng-show = "config.update.apps[app.id].manifest.version && config.update.apps[app.id].manifest.version !== app.manifest.version && (app | installSuccess)" >
< a href = "" ng-click = "showUpdate(app, config.update.apps[app.id].manifest)" title = "Update Available" >
< span class = "fa-stack fa-lg scale-small" >
< i class = "fa fa-circle fa-stack-2x text-success" > < / i >
< i class = "fa fa-refresh fa-stack-1x fa-inverse" > < / i >
< / span >
< / a >
< / div >
< / a >
< / div >
< / div >
< / div >
< / div >
