@conduction/nextcloud-vue 2.68.0 → 2.70.0

package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createBlock, renderSlot, createElementVNode, Fragment, renderList, createVNode, withCtx, createTextVNode, createSlots, mergeProps } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createBlock, renderSlot, createElementVNode, Fragment, renderList, withCtx, createTextVNode, createVNode, createSlots, mergeProps } from 'vue';
 
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "cn-detail-page__header-left" };
@@ -20,7 +20,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = { class: "cn-detail-page__header-actions" };
 const _hoisted_9 = {
-  key: 1,
+  key: 3,
   class: "cn-detail-page__list-nav",
   "data-testid": "cn-detail-page-list-nav"
 };
@@ -115,12 +115,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnTranslatedBadge = resolveComponent("CnTranslatedBadge");
   const _component_CnSummaryAggregates = resolveComponent("CnSummaryAggregates");
   const _component_CnSegmentedControl = resolveComponent("CnSegmentedControl");
-  const _component_ChevronLeft = resolveComponent("ChevronLeft");
+  const _component_Check = resolveComponent("Check");
+  const _component_Pencil = resolveComponent("Pencil");
   const _component_NcButton = resolveComponent("NcButton");
+  const _component_Restore = resolveComponent("Restore");
+  const _component_ChevronLeft = resolveComponent("ChevronLeft");
   const _component_ChevronRight = resolveComponent("ChevronRight");
   const _component_CnLifecycleActions = resolveComponent("CnLifecycleActions");
   const _component_CnActionButtons = resolveComponent("CnActionButtons");
-  const _component_Pencil = resolveComponent("Pencil");
   const _component_CnBuildiqEditButton = resolveComponent("CnBuildiqEditButton");
   const _component_NcActionSeparator = resolveComponent("NcActionSeparator");
   const _component_NcActionCaption = resolveComponent("NcActionCaption");
@@ -167,8 +169,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           class: "cn-detail-page__breadcrumbs",
           crumbs: $options.breadcrumbCrumbs,
           rootText: $options.breadcrumbCrumbs[0].icon === undefined,
+          separator: $options.breadcrumbSeparator,
           "data-testid": "cn-detail-page-breadcrumbs"
-        }, null, 8 /* PROPS */, ["crumbs", "rootText"]))
+        }, null, 8 /* PROPS */, ["crumbs", "rootText", "separator"]))
       : createCommentVNode("v-if", true),
     (!$data.objectNotFound)
       ? (openBlock(), createElementBlock("div", {
@@ -251,6 +254,46 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   "onUpdate:modelValue": _ctx.selectView
                 }, null, 8 /* PROPS */, ["options", "modelValue", "ariaLabel", "controls", "onUpdate:modelValue"]))
               : createCommentVNode("v-if", true),
+            ($props.userLayout && _ctx.viewUserLayoutOn && !$options.viewIsEmpty)
+              ? (openBlock(), createBlock(_component_NcButton, {
+                  key: 1,
+                  variant: $data.arrangingView ? 'primary' : 'secondary',
+                  "data-testid": "cn-detail-page-arrange-view",
+                  onClick: $options.toggleArrangeView
+                }, {
+                  icon: withCtx(() => [
+                    ($data.arrangingView)
+                      ? (openBlock(), createBlock(_component_Check, {
+                          key: 0,
+                          size: 20
+                        }))
+                      : (openBlock(), createBlock(_component_Pencil, {
+                          key: 1,
+                          size: 20
+                        }))
+                  ]),
+                  default: withCtx(() => [
+                    createTextVNode(" " + toDisplayString($data.arrangingView ? _ctx.t('nextcloud-vue', 'Done') : _ctx.t('nextcloud-vue', 'Arrange view')), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["variant", "onClick"]))
+              : createCommentVNode("v-if", true),
+            (_ctx.viewUserLayoutOn && $data.arrangingView)
+              ? (openBlock(), createBlock(_component_NcButton, {
+                  key: 2,
+                  variant: "tertiary",
+                  "data-testid": "cn-detail-page-reset-view",
+                  onClick: _cache[1] || (_cache[1] = $event => (_ctx.resetViewUserLayout()))
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(_component_Restore, { size: 20 })
+                  ]),
+                  default: withCtx(() => [
+                    createTextVNode(" " + toDisplayString(_ctx.t('nextcloud-vue', 'Reset view')), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }))
+              : createCommentVNode("v-if", true),
             ($props.listNavigation && $props.listNavigation.available)
               ? (openBlock(), createElementBlock("div", _hoisted_9, [
                   createVNode(_component_NcButton, {
@@ -260,7 +303,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     "aria-label": $options.previousRecordLabel,
                     title: $options.previousRecordLabel,
                     "data-testid": "cn-detail-page-previous",
-                    onClick: _cache[1] || (_cache[1] = $event => ($options.onListStep('previous-record', $props.previousTo, $event)))
+                    onClick: _cache[2] || (_cache[2] = $event => ($options.onListStep('previous-record', $props.previousTo, $event)))
                   }, {
                     icon: withCtx(() => [
                       createVNode(_component_ChevronLeft, { size: 20 })
@@ -275,7 +318,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     "aria-label": $options.nextRecordLabel,
                     title: $options.nextRecordLabel,
                     "data-testid": "cn-detail-page-next",
-                    onClick: _cache[2] || (_cache[2] = $event => ($options.onListStep('next-record', $props.nextTo, $event)))
+                    onClick: _cache[3] || (_cache[3] = $event => ($options.onListStep('next-record', $props.nextTo, $event)))
                   }, {
                     icon: withCtx(() => [
                       createVNode(_component_ChevronRight, { size: 20 })
@@ -286,7 +329,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : createCommentVNode("v-if", true),
             ($options.effectivePrimaryLabel && !$options.showsNextStepCard)
               ? (openBlock(), createBlock(_component_NcButton, {
-                  key: 2,
+                  key: 4,
                   id: $options.primaryActionAnchorId,
                   ref: "primaryActionButton",
                   variant: "primary",
@@ -333,24 +376,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }), 128 /* KEYED_FRAGMENT */)),
             ($options.showsLifecycleActions)
               ? (openBlock(), createBlock(_component_CnLifecycleActions, {
-                  key: 3,
+                  key: 5,
                   objectId: $props.objectId,
                   object: $options.currentObject,
                   config: $props.lifecycleActions,
                   schema: $options.currentSchema,
                   display: "menu",
-                  onEntries: _cache[3] || (_cache[3] = $event => ($data.lifecycleMenuEntries = $event)),
+                  onEntries: _cache[4] || (_cache[4] = $event => ($data.lifecycleMenuEntries = $event)),
                   onTransitioned: $options.onTransitioned,
                   onReload: $options.onLifecycleReload
                 }, null, 8 /* PROPS */, ["objectId", "object", "config", "schema", "onTransitioned", "onReload"]))
               : createCommentVNode("v-if", true),
             ($options.effectiveHeaderActions.length > 0)
               ? (openBlock(), createBlock(_component_CnActionButtons, {
-                  key: 4,
+                  key: 6,
                   actions: $options.effectiveHeaderActions,
                   display: "menu",
                   "data-testid": "cn-detail-page-header-actions",
-                  onEntries: _cache[4] || (_cache[4] = $event => ($data.menuHeaderActions = $event)),
+                  onEntries: _cache[5] || (_cache[5] = $event => ($data.menuHeaderActions = $event)),
                   onCreated: $options.onLifecycleReload
                 }, null, 8 /* PROPS */, ["actions", "onCreated"]))
               : createCommentVNode("v-if", true),
@@ -365,7 +408,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             ($options.canEditRecord && !$options.foldsEditIntoActions)
               ? (openBlock(), createBlock(_component_NcButton, {
-                  key: 5,
+                  key: 7,
                   variant: "secondary",
                   "data-testid": "cn-detail-page-edit",
                   "aria-label": $options.editActionLabel,
@@ -686,10 +729,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   : createCommentVNode("v-if", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList($options.bodyGridSections, (section) => {
                   return (openBlock(), createBlock(_component_CnDashboardGrid, mergeProps({
-                    key: `cn-detail-grid-${section.key}-${$options.editingBody ? 'editing' : 'live'}`
+                    key: `cn-detail-grid-${section.key}-${section.editable ? 'editing' : 'live'}`
                   }, { ref_for: true }, section.attrs, {
                     layout: section.layout,
-                    editable: $options.editingBody,
+                    editable: section.editable,
                     columns: 12,
                     columnOpts: $props.columnOpts,
                     class: "cn-detail-page__grid",
@@ -735,6 +778,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             widget: $options.findWidget(item),
                             chrome: "card",
                             showCardTitle: $options.showCardTitle(item),
+                            showActions: $props.showWidgetActions,
                             objectId: $props.objectId,
                             object: $options.currentObject,
                             objectType: $options.resolvedObjectType,
@@ -749,7 +793,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             availableWidgets: $options.bodyGridWidgets,
                             onGeoSaved: $options.onGeoSaved,
                             onOpenIntegration: $options.onAutoBodyOpenIntegration
-                          }, null, 8 /* PROPS */, ["widget", "showCardTitle", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration"])
+                          }, null, 8 /* PROPS */, ["widget", "showCardTitle", "showActions", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration"])
                         ])
                       ], 10 /* CLASS, PROPS */, _hoisted_19)
                     ]),
@@ -916,6 +960,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   widget: widget,
                   chrome: "card",
                   showCardTitle: true,
+                  showActions: $props.showWidgetActions,
                   objectId: $props.objectId,
                   object: $options.currentObject,
                   objectType: $options.resolvedObjectType,
@@ -930,7 +975,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   availableWidgets: _ctx.widgets,
                   onGeoSaved: $options.onGeoSaved,
                   onOpenIntegration: $options.onAutoBodyOpenIntegration
-                }, null, 8 /* PROPS */, ["widget", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration"])
+                }, null, 8 /* PROPS */, ["widget", "showActions", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration"])
               ])
             ], 8 /* PROPS */, _hoisted_34))
           }), 128 /* KEYED_FRAGMENT */))
@@ -944,7 +989,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           deletable: true,
           onSave: $options.onWidgetConfigSave,
           onDelete: $options.onWidgetConfigDelete,
-          onClose: _cache[5] || (_cache[5] = $event => ($data.showWidgetConfig = false))
+          onClose: _cache[6] || (_cache[6] = $event => ($data.showWidgetConfig = false))
         }, null, 8 /* PROPS */, ["show", "widget", "onSave", "onDelete"]))
       : createCommentVNode("v-if", true),
     renderSlot(_ctx.$slots, "form-dialog", {
@@ -1002,7 +1047,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           currentObject: $options.currentObject || {},
           fkField: $data.activeRelationLink.fkField,
           onLinked: $options.onRelationLinked,
-          onClose: _cache[6] || (_cache[6] = $event => ($data.activeRelationLink = null))
+          onClose: _cache[7] || (_cache[7] = $event => ($data.activeRelationLink = null))
         }, null, 8 /* PROPS */, ["title", "selectLabel", "register", "schema", "labelField", "allowCreate", "currentType", "currentObject", "fkField", "onLinked"]))
       : createCommentVNode("v-if", true)
   ], 6 /* CLASS, STYLE */))