Merge tag '1.24.1' into demo

Release 1.24.1

CONTRIBUTING.md

@@ -6,10 +6,10 @@ Some basic conventions for contributing to this project.
 
 Please make sure that there aren't existing pull requests attempting to address the issue mentioned. Likewise, please check for issues related to update, as someone else may be working on the issue in a branch or fork.
 
-* Please open a discussion in a new issue / existing issue to talk about the changes you'd like to bring
-* Develop in a topic branch, not master/develop
+- Please open a discussion in a new issue / existing issue to talk about the changes you'd like to bring
+- Develop in a topic branch, not master/develop
 
-When creating a new branch, prefix it with the *type* of the change (see section **Commit Message Format** below), the associated opened issue number, a dash and some text describing the issue (using dash as a separator).
+When creating a new branch, prefix it with the _type_ of the change (see section **Commit Message Format** below), the associated opened issue number, a dash and some text describing the issue (using dash as a separator).
 
 For example, if you work on a bugfix for the issue #361, you could name the branch `fix361-template-selection`.
 
@@ -37,14 +37,14 @@ Lines should not exceed 100 characters. This allows the message to be easier to
 
 Must be one of the following:
 
-* **feat**: A new feature
-* **fix**: A bug fix
-* **docs**: Documentation only changes
-* **style**: Changes that do not affect the meaning of the code (white-space, formatting, missing
+- **feat**: A new feature
+- **fix**: A bug fix
+- **docs**: Documentation only changes
+- **style**: Changes that do not affect the meaning of the code (white-space, formatting, missing
   semi-colons, etc)
-* **refactor**: A code change that neither fixes a bug or adds a feature
-* **test**: Adding missing tests
-* **chore**: Changes to the build process or auxiliary tools and libraries such as documentation
+- **refactor**: A code change that neither fixes a bug or adds a feature
+- **test**: Adding missing tests
+- **chore**: Changes to the build process or auxiliary tools and libraries such as documentation
   generation
 
 ### Scope
@@ -57,9 +57,9 @@ You can use the **area** label tag associated on the issue here (for `area/conta
 
 The subject contains succinct description of the change:
 
-* use the imperative, present tense: "change" not "changed" nor "changes"
-* don't capitalize first letter
-* no dot (.) at the end
+- use the imperative, present tense: "change" not "changed" nor "changes"
+- don't capitalize first letter
+- no dot (.) at the end
 
 ## Contribution process
 

api/cmd/portainer/main.go

@@ -70,6 +70,45 @@ func initStore(dataStorePath string, fileService portainer.FileService) *bolt.St
 	return store
 }
 
+func initDemoData(store *bolt.Store, cryptoService portainer.CryptoService) error {
+	password, err := cryptoService.Hash("tryportainer")
+	if err != nil {
+		return err
+	}
+
+	admin := &portainer.User{
+		Username: "admin",
+		Password: password,
+		Role:     portainer.AdministratorRole,
+	}
+
+	err = store.UserService.CreateUser(admin)
+	if err != nil {
+		return err
+	}
+
+	localEndpoint := &portainer.Endpoint{
+		ID:        portainer.EndpointID(1),
+		Name:      "local",
+		URL:       "unix:///var/run/docker.sock",
+		PublicURL: "demo.portainer.io",
+		TLSConfig: portainer.TLSConfiguration{
+			TLS: false,
+		},
+		AuthorizedUsers: []portainer.UserID{},
+		AuthorizedTeams: []portainer.TeamID{},
+		Extensions:      []portainer.EndpointExtension{},
+		Tags:            []string{},
+	}
+
+	err = store.EndpointService.CreateEndpoint(localEndpoint)
+	if err != nil {
+		return err
+	}
+
+	return nil
+}
+
 func initComposeStackManager(dataStorePath string, reverseTunnelService portainer.ReverseTunnelService) portainer.ComposeStackManager {
 	return libcompose.NewComposeStackManager(dataStorePath, reverseTunnelService)
 }
@@ -532,6 +571,8 @@ func main() {
 
 	cryptoService := initCryptoService()
 
+	initDemoData(store, cryptoService)
+
 	digitalSignatureService := initDigitalSignatureService()
 
 	err := initKeyPair(fileService, digitalSignatureService)

api/errors.go

@@ -89,6 +89,11 @@ const (
 	ErrUndefinedTLSFileType = Error("Undefined TLS file type")
 )
 
+// Demo errors.
+const (
+	ErrNotAvailableInDemo = Error("This feature is not available in the demo version of Portainer")
+)
+
 // Extension errors.
 const (
 	ErrExtensionAlreadyEnabled = Error("This extension is already enabled")

api/http/handler/endpoints/endpoint_delete.go

@@ -21,6 +21,10 @@ func (handler *Handler) endpointDelete(w http.ResponseWriter, r *http.Request) *
 		return &httperror.HandlerError{http.StatusBadRequest, "Invalid endpoint identifier route variable", err}
 	}
 
+	if endpointID == 1 {
+		return &httperror.HandlerError{http.StatusForbidden, "This feature is not available in the demo version of Portainer", portainer.ErrNotAvailableInDemo}
+	}
+
 	endpoint, err := handler.EndpointService.Endpoint(portainer.EndpointID(endpointID))
 	if err == portainer.ErrObjectNotFound {
 		return &httperror.HandlerError{http.StatusNotFound, "Unable to find an endpoint with the specified identifier inside the database", err}

api/http/handler/users/user_delete.go

@@ -22,6 +22,10 @@ func (handler *Handler) userDelete(w http.ResponseWriter, r *http.Request) *http
 		return &httperror.HandlerError{http.StatusInternalServerError, "Unable to retrieve user authentication token", err}
 	}
 
+	if userID == 1 {
+		return &httperror.HandlerError{http.StatusForbidden, "This feature is not available in the demo version of Portainer", portainer.ErrNotAvailableInDemo}
+	}
+
 	if tokenData.ID == portainer.UserID(userID) {
 		return &httperror.HandlerError{http.StatusForbidden, "Cannot remove your own user account. Contact another administrator", portainer.ErrAdminCannotRemoveSelf}
 	}

api/http/handler/users/user_update.go

@@ -29,6 +29,10 @@ func (handler *Handler) userUpdate(w http.ResponseWriter, r *http.Request) *http
 		return &httperror.HandlerError{http.StatusBadRequest, "Invalid user identifier route variable", err}
 	}
 
+	if userID == 1 {
+		return &httperror.HandlerError{http.StatusForbidden, "This feature is not available in the demo version of Portainer", portainer.ErrNotAvailableInDemo}
+	}
+
 	tokenData, err := security.RetrieveTokenData(r)
 	if err != nil {
 		return &httperror.HandlerError{http.StatusInternalServerError, "Unable to retrieve user authentication token", err}

api/http/handler/users/user_update_password.go

@@ -33,6 +33,10 @@ func (handler *Handler) userUpdatePassword(w http.ResponseWriter, r *http.Reques
 		return &httperror.HandlerError{http.StatusBadRequest, "Invalid user identifier route variable", err}
 	}
 
+	if userID == 1 {
+		return &httperror.HandlerError{http.StatusForbidden, "This feature is not available in the demo version of Portainer", portainer.ErrNotAvailableInDemo}
+	}
+
 	tokenData, err := security.RetrieveTokenData(r)
 	if err != nil {
 		return &httperror.HandlerError{http.StatusInternalServerError, "Unable to retrieve user authentication token", err}

app/docker/components/datatables/container-networks-datatable/containerNetworksDatatableController.js

@@ -1,81 +1,82 @@
 import _ from 'lodash-es';
 
-angular.module('portainer.docker')
-  .controller('ContainerNetworksDatatableController', ['$scope', '$controller', 'DatatableService',
-    function ($scope, $controller, DatatableService) {
+angular.module('portainer.docker').controller('ContainerNetworksDatatableController', [
+  '$scope',
+  '$controller',
+  'DatatableService',
+  function ($scope, $controller, DatatableService) {
+    angular.extend(this, $controller('GenericDatatableController', { $scope: $scope }));
+    this.state = Object.assign(this.state, {
+      expandedItems: [],
+      expandAll: true,
+    });
 
-      angular.extend(this, $controller('GenericDatatableController', { $scope: $scope }));
-      this.state = Object.assign(this.state, {
-        expandedItems: [],
-        expandAll: true
-      });
-
-      this.expandItem = function (item, expanded) {
-        if (!this.itemCanExpand(item)) {
-          return;
-        }
-
-        item.Expanded = expanded;
-        if (!expanded) {
-          item.Highlighted = false;
-        }
-        if (!item.Expanded) {
-          this.state.expandAll = false;
-        }
-      };
-
-      this.itemCanExpand = function (item) {
-        return item.GlobalIPv6Address !== '';
+    this.expandItem = function (item, expanded) {
+      if (!this.itemCanExpand(item)) {
+        return;
       }
 
-      this.hasExpandableItems = function () {
-        return _.filter(this.dataset, (item) => this.itemCanExpand(item)).length;
-      };
+      item.Expanded = expanded;
+      if (!expanded) {
+        item.Highlighted = false;
+      }
+      if (!item.Expanded) {
+        this.state.expandAll = false;
+      }
+    };
 
-      this.expandAll = function () {
-        this.state.expandAll = !this.state.expandAll;
-        _.forEach(this.dataset, (item) => {
-          if (this.itemCanExpand(item)) {
-            this.expandItem(item, this.state.expandAll);
-          }
-        });
-      };
+    this.itemCanExpand = function (item) {
+      return item.GlobalIPv6Address !== '';
+    };
 
-      this.$onInit = function () {
-        this.setDefaults();
-        this.prepareTableFromDataset();
+    this.hasExpandableItems = function () {
+      return _.filter(this.dataset, (item) => this.itemCanExpand(item)).length;
+    };
 
-        this.state.orderBy = this.orderBy;
-        var storedOrder = DatatableService.getDataTableOrder(this.tableKey);
-        if (storedOrder !== null) {
-          this.state.reverseOrder = storedOrder.reverse;
-          this.state.orderBy = storedOrder.orderBy;
+    this.expandAll = function () {
+      this.state.expandAll = !this.state.expandAll;
+      _.forEach(this.dataset, (item) => {
+        if (this.itemCanExpand(item)) {
+          this.expandItem(item, this.state.expandAll);
         }
+      });
+    };
 
-        var textFilter = DatatableService.getDataTableTextFilters(this.tableKey);
-        if (textFilter !== null) {
-          this.state.textFilter = textFilter;
-          this.onTextFilterChange();
-        }
+    this.$onInit = function () {
+      this.setDefaults();
+      this.prepareTableFromDataset();
 
-        var storedFilters = DatatableService.getDataTableFilters(this.tableKey);
-        if (storedFilters !== null) {
-          this.filters = storedFilters;
-        }
-        if (this.filters && this.filters.state) {
-          this.filters.state.open = false;
-        }
+      this.state.orderBy = this.orderBy;
+      var storedOrder = DatatableService.getDataTableOrder(this.tableKey);
+      if (storedOrder !== null) {
+        this.state.reverseOrder = storedOrder.reverse;
+        this.state.orderBy = storedOrder.orderBy;
+      }
 
-        var storedSettings = DatatableService.getDataTableSettings(this.tableKey);
-        if (storedSettings !== null) {
-          this.settings = storedSettings;
-          this.settings.open = false;
-        }
+      var textFilter = DatatableService.getDataTableTextFilters(this.tableKey);
+      if (textFilter !== null) {
+        this.state.textFilter = textFilter;
+        this.onTextFilterChange();
+      }
 
-        _.forEach(this.dataset, (item) => {
-          item.Expanded = true;
-          item.Highlighted = true;
-        });
-      };
-    }
-  ]);
+      var storedFilters = DatatableService.getDataTableFilters(this.tableKey);
+      if (storedFilters !== null) {
+        this.filters = storedFilters;
+      }
+      if (this.filters && this.filters.state) {
+        this.filters.state.open = false;
+      }
+
+      var storedSettings = DatatableService.getDataTableSettings(this.tableKey);
+      if (storedSettings !== null) {
+        this.settings = storedSettings;
+        this.settings.open = false;
+      }
+
+      _.forEach(this.dataset, (item) => {
+        item.Expanded = true;
+        item.Highlighted = true;
+      });
+    };
+  },
+]);

app/docker/components/volumesNFSForm/volumesnfsForm.html

@@ -38,7 +38,14 @@
     <div class="form-group col-md-12">
       <label for="nfs_mountpoint" class="col-sm-2 col-md-1 control-label text-left">Mount point</label>
       <div class="col-sm-10 col-md-11">
-        <input type="text" class="form-control" ng-model="$ctrl.data.mountPoint" name="nfs_mountpoint" placeholder="e.g. /export/share, :/export/share, /share or :/share" required />
+        <input
+          type="text"
+          class="form-control"
+          ng-model="$ctrl.data.mountPoint"
+          name="nfs_mountpoint"
+          placeholder="e.g. /export/share, :/export/share, /share or :/share"
+          required
+        />
       </div>
     </div>
     <div class="form-group col-md-12" ng-show="nfsInformationForm.nfs_mountpoint.$invalid">

app/docker/services/containerService.js

@@ -1,4 +1,4 @@
-import { ContainerDetailsViewModel, ContainerViewModel, ContainerStatsViewModel } from '../models/container';
+import { ContainerDetailsViewModel, ContainerStatsViewModel, ContainerViewModel } from '../models/container';
 
 angular.module('portainer.docker').factory('ContainerService', [
   '$q',

app/docker/views/services/edit/service.html

@@ -99,7 +99,6 @@
               <td colspan="2">
                 <p class="small text-muted" authorization="DockerServiceUpdate">
                   Note: you can only rollback one level of changes. Clicking the rollback button without making a new change will undo your previous rollback </p
-
                 ><p>
                   <a
                     authorization="DockerServiceLogs"

app/docker/views/volumes/create/createvolume.html

@@ -72,9 +72,7 @@
               <input type="checkbox" name="useNFS" ng-model="formValues.NFSData.useNFS" ng-click="formValues.CIFSData.useCIFS = false" />
               <i></i>
             </label>
-            <div ng-if="formValues.NFSData.useNFS" class="small text-muted" style="margin-top: 10px;">
-              Ensure <code>nfs-utils</code> are installed on your hosts.
-            </div>
+            <div ng-if="formValues.NFSData.useNFS" class="small text-muted" style="margin-top: 10px;"> Ensure <code>nfs-utils</code> are installed on your hosts. </div>
           </div>
           <volumes-nfs-form data="formValues.NFSData" ng-show="formValues.Driver === 'local'"></volumes-nfs-form>
           <!-- !nfs-management -->
@@ -87,9 +85,7 @@
               <input type="checkbox" name="useCIFS" ng-model="formValues.CIFSData.useCIFS" ng-click="formValues.NFSData.useNFS = false" />
               <i></i>
             </label>
-            <div ng-if="formValues.CIFSData.useCIFS" class="small text-muted" style="margin-top: 10px;">
-              Ensure <code>cifs-utils</code> are installed on your hosts.
-            </div>
+            <div ng-if="formValues.CIFSData.useCIFS" class="small text-muted" style="margin-top: 10px;"> Ensure <code>cifs-utils</code> are installed on your hosts. </div>
           </div>
           <volumes-cifs-form data="formValues.CIFSData" ng-show="formValues.Driver === 'local'"></volumes-cifs-form>
           <!-- !cifs-management -->

app/edge/components/edge-groups-selector/edge-groups-selector.html

@@ -1,16 +1,10 @@
-<ui-select
-  multiple
-  ng-model="$ctrl.model"
-  close-on-select="false"
->
+<ui-select multiple ng-model="$ctrl.model" close-on-select="false">
   <ui-select-match placeholder="Select one or multiple group(s)">
     <span>
       {{ $item.Name }}
     </span>
   </ui-select-match>
-  <ui-select-choices
-    repeat="item.Id as item in $ctrl.items | filter: { Name: $select.search }"
-  >
+  <ui-select-choices repeat="item.Id as item in $ctrl.items | filter: { Name: $select.search }">
     <span>
       {{ item.Name }}
     </span>

app/edge/components/edge-groups-selector/edge-groups-selector.js

@@ -2,6 +2,6 @@ angular.module('portainer.edge').component('edgeGroupsSelector', {
   templateUrl: './edge-groups-selector.html',
   bindings: {
     model: '=',
-    items: '<'
-  }
+    items: '<',
+  },
 });

app/extensions/rbac/services/roleService.js

@@ -1,8 +1,4 @@
-import {
-  RoleViewModel,
-  // EndpointRoleCreateRequest,
-  // EndpointRoleUpdateRequest
-} from '../models/role';
+import { RoleViewModel } from '../models/role';
 
 angular.module('portainer.extensions.rbac').factory('RoleService', [
   '$q',

app/extensions/registry-management/models/registryRepository.js

@@ -1,4 +1,5 @@
 import _ from 'lodash-es';
+
 export function RegistryRepositoryViewModel(item) {
   if (item.name && item.tags) {
     this.Name = item.name;

app/extensions/registry-management/services/registryV2Service.js

@@ -1,6 +1,5 @@
 import _ from 'lodash-es';
-import { RepositoryShortTag } from '../models/repositoryTag';
-import { RepositoryAddTagPayload } from '../models/repositoryTag';
+import { RepositoryAddTagPayload, RepositoryShortTag } from '../models/repositoryTag';
 import { RegistryRepositoryViewModel } from '../models/registryRepository';
 import genericAsyncGenerator from './genericAsyncGenerator';
 

app/extensions/registry-management/views/repositories/edit/registryRepositoryController.js

@@ -1,5 +1,5 @@
 import _ from 'lodash-es';
-import { RepositoryTagViewModel, RepositoryShortTag } from '../../../models/repositoryTag';
+import { RepositoryShortTag, RepositoryTagViewModel } from '../../../models/repositoryTag';
 
 angular.module('portainer.app').controller('RegistryRepositoryController', [
   '$q',

app/integrations/storidge/services/nodeService.js

@@ -1,4 +1,4 @@
-import { StoridgeNodeModel, StoridgeNodeDetailedModel } from '../models/node';
+import { StoridgeNodeDetailedModel, StoridgeNodeModel } from '../models/node';
 
 angular.module('portainer.integrations.storidge').factory('StoridgeNodeService', [
   '$q',

app/portainer/components/accessControlPanel/porAccessControlPanelController.js

@@ -1,6 +1,6 @@
 import _ from 'lodash-es';
 import { ResourceControlOwnership as RCO } from 'Portainer/models/resourceControl/resourceControlOwnership';
-import { ResourceControlTypeString as RCTS, ResourceControlTypeInt as RCTI } from 'Portainer/models/resourceControl/resourceControlTypes';
+import { ResourceControlTypeInt as RCTI, ResourceControlTypeString as RCTS } from 'Portainer/models/resourceControl/resourceControlTypes';
 import { AccessControlPanelData } from './porAccessControlPanelModel';
 
 angular.module('portainer.app').controller('porAccessControlPanelController', [

app/portainer/components/multi-endpoint-selector/multiEndpointSelector.html

@@ -5,11 +5,7 @@
       <span ng-if="$item.TagIds.length"> - <i class="fa fa-tags"></i> {{ $ctrl.tagIdsToTagNames($item.TagIds) | arraytostr }}</span>
     </span>
   </ui-select-match>
-  <ui-select-choices
-    group-by="$ctrl.groupEndpoints"
-    group-filter="$ctrl.sortGroups"
-    repeat="endpoint.Id as endpoint in $ctrl.endpoints | filter: { Name: $select.search }"
-  >
+  <ui-select-choices group-by="$ctrl.groupEndpoints" group-filter="$ctrl.sortGroups" repeat="endpoint.Id as endpoint in $ctrl.endpoints | filter: { Name: $select.search }">
     <span>
       {{ endpoint.Name }}
       <span ng-if="endpoint.TagIds.length"> - <i class="fa fa-tags"></i> {{ $ctrl.tagIdsToTagNames(endpoint.TagIds) | arraytostr }}</span>

app/portainer/models/schedule.js

@@ -1,5 +1,5 @@
 import _ from 'lodash-es';
-import { createStatus } from '../../docker/models/container';
+import {createStatus} from '../../docker/models/container';
 
 export function ScheduleDefaultModel() {
   this.Name = '';

app/portainer/services/api/accessService.js

@@ -1,6 +1,5 @@
 import _ from 'lodash-es';
-import { UserAccessViewModel } from '../../models/access';
-import { TeamAccessViewModel } from '../../models/access';
+import { TeamAccessViewModel, UserAccessViewModel } from '../../models/access';
 
 angular.module('portainer.app').factory('AccessService', [
   '$q',

app/portainer/services/api/registryService.js

@@ -1,7 +1,7 @@
 import _ from 'lodash-es';
 import { PorImageRegistryModel } from 'Docker/models/porImageRegistry';
 import { RegistryTypes } from 'Extensions/registry-management/models/registryTypes';
-import { RegistryViewModel, RegistryCreateRequest } from '../../models/registry';
+import { RegistryCreateRequest, RegistryViewModel } from '../../models/registry';
 
 angular.module('portainer.app').factory('RegistryService', [
   '$q',

app/portainer/services/api/scheduleService.js

@@ -1,4 +1,4 @@
-import { ScheduleModel, ScheduleCreateRequest, ScheduleUpdateRequest, ScriptExecutionTaskModel } from '../../models/schedule';
+import { ScheduleCreateRequest, ScheduleModel, ScheduleUpdateRequest, ScriptExecutionTaskModel } from '../../models/schedule';
 
 angular.module('portainer.app').factory('ScheduleService', [
   '$q',

app/portainer/services/api/settingsService.js

@@ -1,4 +1,4 @@
-import { SettingsViewModel, PublicSettingsViewModel } from '../../models/settings';
+import { PublicSettingsViewModel, SettingsViewModel } from '../../models/settings';
 
 angular.module('portainer.app').factory('SettingsService', [
   '$q',

app/portainer/services/api/stackService.js

@@ -1,5 +1,5 @@
 import _ from 'lodash-es';
-import { StackViewModel, ExternalStackViewModel } from '../../models/stack';
+import { ExternalStackViewModel, StackViewModel } from '../../models/stack';
 
 angular.module('portainer.app').factory('StackService', [
   '$q',

app/portainer/services/api/templateService.js

@@ -1,4 +1,4 @@
-import { TemplateViewModel, TemplateCreateRequest, TemplateUpdateRequest } from '../../models/template';
+import { TemplateCreateRequest, TemplateUpdateRequest, TemplateViewModel } from '../../models/template';
 
 angular.module('portainer.app').factory('TemplateService', [
   '$q',

app/portainer/services/fileUpload.js

@@ -91,12 +91,11 @@ angular.module('portainer.app').factory('FileUploadService', [
         data: {
           file: file,
           Name: stackName,
-          EdgeGroups: Upload.json(edgeGroups)
+          EdgeGroups: Upload.json(edgeGroups),
         },
-        ignoreLoadingBar: true
+        ignoreLoadingBar: true,
       });
     };
-  
 
     service.configureRegistry = function (registryId, registryManagementConfigurationModel) {
       return Upload.upload({

app/portainer/views/account/account.html

@@ -3,6 +3,17 @@
   <rd-header-content>User settings</rd-header-content>
 </rd-header>
 
+<div class="row" ng-if="UserId === 1">
+  <div class="col-lg-12 col-md-12 col-xs-12">
+    <rd-widget>
+      <rd-widget-header icon="fa-exclamation-triangle" title="Feature not available"> </rd-widget-header>
+      <rd-widget-body>
+        <span class="small text-muted">You cannot change the password of this account in the demo version of Portainer.</span>
+      </rd-widget-body>
+    </rd-widget>
+  </div>
+</div>
+
 <div class="row">
   <div class="col-lg-12 col-md-12 col-xs-12">
     <rd-widget>

app/portainer/views/endpoints/edit/endpoint.html

@@ -36,10 +36,10 @@
       <div style="margin-top: 10px;">
         <uib-tabset active="state.deploymentTab">
           <uib-tab index="0" heading="Standalone">
-            <code style="display: block; white-space: pre-wrap; padding: 16px 90px;">{{dockerCommands.standalone}}</code>
+            <code style="display: block; white-space: pre-wrap; padding: 16px 90px;">{{ dockerCommands.standalone }}</code>
           </uib-tab>
           <uib-tab index="1" heading="Swarm">
-            <code style="display: block; white-space: pre-wrap; padding: 16px 90px;">{{dockerCommands.swarm}}</code>
+            <code style="display: block; white-space: pre-wrap; padding: 16px 90px;">{{ dockerCommands.swarm }}</code>
           </uib-tab>
         </uib-tabset>
         <div style="margin-top: 10px;">

app/portainer/views/settings/settings.html

@@ -3,6 +3,17 @@
   <rd-header-content>Settings</rd-header-content>
 </rd-header>
 
+<div class="row" ng-if="UserId === 1">
+  <div class="col-lg-12 col-md-12 col-xs-12">
+    <rd-widget>
+      <rd-widget-header icon="fa-exclamation-triangle" title="Feature not available"> </rd-widget-header>
+      <rd-widget-body>
+        <span class="small text-muted">You cannot change the password of this account in the demo version of Portainer.</span>
+      </rd-widget-body>
+    </rd-widget>
+  </div>
+</div>
+
 <div class="row">
   <div class="col-sm-12">
     <rd-widget>
@@ -23,7 +34,10 @@
               <label for="toggle_logo" class="control-label text-left">
                 Use custom logo
               </label>
-              <label class="switch" style="margin-left: 20px;"> <input type="checkbox" name="toggle_logo" ng-model="formValues.customLogo" /><i></i> </label>
+              <label class="switch" style="margin-left: 20px;"> <input type="checkbox" disabled name="toggle_logo" ng-model="formValues.customLogo" /><i></i> </label>
+            </div>
+            <div class="col-sm-12">
+              <span class="small text-muted">You cannot use this feature in the demo version of Portainer.</span>
             </div>
           </div>
           <div ng-if="formValues.customLogo">

app/vendors.js

@@ -15,7 +15,6 @@ import 'angular-moment-picker/dist/angular-moment-picker.min.css';
 import 'angular-multiselect/isteven-multi-select.css';
 
 import angular from 'angular';
-window.angular = angular;
 import 'moment';
 import '@uirouter/angularjs';
 import 'ui-select';
@@ -39,3 +38,5 @@ import 'js-yaml/dist/js-yaml.js';
 import 'angular-ui-bootstrap';
 import 'angular-moment-picker';
 import 'angular-multiselect/isteven-multi-select.js';
+
+window.angular = angular;