diff --git a/zero.Web.UI/App/components/forms/form.vue b/zero.Web.UI/App/components/forms/form.vue index b5ead1c1..eac472de 100644 --- a/zero.Web.UI/App/components/forms/form.vue +++ b/zero.Web.UI/App/components/forms/form.vue @@ -34,7 +34,7 @@ data: () => ({ dirty: false, - loadingState: 'default', + loadingState: 'loading', loadingError: null, state: 'default', errors: [], @@ -106,8 +106,6 @@ .then( response => { - this.loadingState = 'default'; - if (response.meta && typeof response.meta.canEdit === 'boolean') { this.canEdit = response.meta.canEdit; @@ -124,6 +122,12 @@ } resolve(response); + + this.loadingState = 'default'; + this.$nextTick(() => + { + this.$emit('loaded', this); + }); }, (error) => { diff --git a/zero.Web.UI/App/components/forms/property.vue b/zero.Web.UI/App/components/forms/property.vue index 6c8c0a82..bae17e44 100644 --- a/zero.Web.UI/App/components/forms/property.vue +++ b/zero.Web.UI/App/components/forms/property.vue @@ -1,5 +1,5 @@  @@ -28,6 +29,17 @@ required: Boolean, vertical: Boolean, isText: Boolean + }, + + data: () => ({ + locked: false + }), + + methods: { + setLocked(isLocked) + { + this.locked = isLocked; + } } } @@ -184,4 +196,28 @@ margin-left: 50px; } } + + /*.ui-property.is-locked + { + + }*/ + + /*.ui-property-lock + { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 3; + background: transparent; + width: 100%; + cursor: default; + border-right: 3px solid var(--color-primary); + + &:after + { + content: '' + } + }*/ \ No newline at end of file diff --git a/zero.Web.UI/App/editor/editor-aside.vue b/zero.Web.UI/App/editor/editor-aside.vue index 168de8b8..ffc6697a 100644 --- a/zero.Web.UI/App/editor/editor-aside.vue +++ b/zero.Web.UI/App/editor/editor-aside.vue @@ -4,7 +4,7 @@
- + @@ -12,10 +12,10 @@
- + - +