ENH Add Readonly field status

client/src/components/LinkField/LinkField.js

@@ -167,6 +167,7 @@ const LinkField = ({
         onDelete={onDelete}
         onClick={() => { setEditingID(linkID); }}
         canDelete={data[linkID]?.canDelete ? true : false}
+        canCreate={canCreate}
       />);
     }
     return links;

client/src/components/LinkPicker/LinkPicker.scss

@@ -105,6 +105,10 @@
   &--published::before {
     display: none;
   }
+
+  &.readonly {
+    background-color: $gray-100;
+  }
 }
 
 .link-picker__button {

client/src/components/LinkPicker/LinkPickerTitle.js

@@ -39,12 +39,14 @@ const LinkPickerTitle = ({
   typeIcon,
   onDelete,
   onClick,
-  canDelete
+  canDelete,
+  canCreate,
 }) => {
   const { loading } = useContext(LinkFieldContext);
   const classes = {
     'link-picker__link': true,
     'form-control': true,
+    'readonly': !canCreate,
   };
   if (versionState) {
     classes[` link-picker__link--${versionState}`] = true;
@@ -56,17 +58,17 @@ const LinkPickerTitle = ({
   return <div className={className}>
     <Button disabled={loading} className={`link-picker__button ${typeIcon}`} color="secondary" onClick={stopPropagation(onClick)}>
       <div className="link-picker__link-detail">
-      <div className="link-picker__title">
-        <span className="link-picker__title-text">{title}</span>
-        {getVersionedBadge(versionState)}
-      </div>
-      <small className="link-picker__type">
-        {typeTitle}:&nbsp;
-        <span className="link-picker__url">{description}</span>
-      </small>
+        <div className="link-picker__title">
+          <span className="link-picker__title-text">{title}</span>
+          {getVersionedBadge(versionState)}
+        </div>
+        <small className="link-picker__type">
+          {typeTitle}:&nbsp;
+          <span className="link-picker__url">{description}</span>
+        </small>
       </div>
     </Button>
-    {canDelete &&
+    {(canDelete && canCreate) &&
       <Button disabled={loading} className="link-picker__delete" color="link" onClick={stopPropagation(() => onDelete(id))}>{deleteText}</Button>
     }
   </div>
@@ -82,6 +84,7 @@ LinkPickerTitle.propTypes = {
   onDelete: PropTypes.func.isRequired,
   onClick: PropTypes.func.isRequired,
   canDelete: PropTypes.bool.isRequired,
+  canCreate: PropTypes.bool.isRequired,
 };
 
 export default LinkPickerTitle;

client/src/components/LinkPicker/tests/LinkPickerTitle-test.js

@@ -14,6 +14,7 @@ function makeProps(obj = {}) {
     typeTitle: 'Phone',
     typeIcon: 'font-icon-phone',
     canDelete: true,
+    canCreate: true,
     onDelete: () => {},
     onClick: () => {},
     ...obj

src/Controllers/LinkFieldController.php

@@ -20,6 +20,7 @@
 use SilverStripe\LinkField\Services\LinkTypeService;
 use SilverStripe\ORM\DataList;
 use SilverStripe\ORM\DataObject;
+use SilverStripe\Security\Security;
 
 class LinkFieldController extends LeftAndMain
 {
@@ -306,7 +307,9 @@ private function createLinkForm(Link $link, string $operation): Form
 
         // Make readonly if fail can check
         if ($operation === 'create' && !$link->canCreate()
-            || $operation === 'edit' && !$link->canEdit()) {
+            || $operation === 'edit' && !$link->canEdit()
+            || $this->isReadOnlyField() && !$link->canEdit()
+        ) {
             $form->makeReadonly();
         }
 
@@ -316,6 +319,19 @@ private function createLinkForm(Link $link, string $operation): Form
         return $form;
     }
 
+    /**
+     * Get is the owner LinkField is readonly
+     */
+    private function isReadOnlyField(): bool
+    {
+        $request = $this->getRequest();
+        $ownerClass = $request->getVar('ownerClass') ?: $request->postVar('OwnerClass');
+        $ownerRelation = $this->ownerRelationFromRequest();
+        $isReadOnly = Injector::inst()->get($ownerClass)->getCMSFields()->dataFieldByName($ownerRelation)?->isReadonly();
+
+        return $isReadOnly ?? false;
+    }
+
     /**
      * Get a Link object based on the $ItemID request param
      */

src/Form/LinkField.php

@@ -36,15 +36,15 @@ public function setValue($value, $data = null)
     public function getSchemaStateDefaults()
     {
         $data = parent::getSchemaStateDefaults();
-        $data['canCreate'] = $this->getOwner()->canEdit();
+        $data['canCreate'] = $this->getOwner()->canEdit() && !$this->isReadonly();
         return $data;
     }
 
     protected function getDefaultAttributes(): array
     {
         $attributes = parent::getDefaultAttributes();
         $attributes['data-value'] = $this->Value();
-        $attributes['data-can-create'] = $this->getOwner()->canEdit();
+        $attributes['data-can-create'] = $this->getOwner()->canEdit() && !$this->isReadonly();
         $ownerFields = $this->getOwnerFields();
         $attributes['data-owner-id'] = $ownerFields['ID'];
         $attributes['data-owner-class'] = $ownerFields['Class'];
@@ -62,4 +62,14 @@ public function getSchemaDataDefaults()
         $data['ownerRelation'] = $ownerFields['Relation'];
         return $data;
     }
+
+        /**
+     * Changes this field to the readonly field.
+     */
+    public function performReadonlyTransformation()
+    {
+        $copy = $this->castedCopy(LinkField_Readonly::class);
+
+        return $copy;
+    }
 }

src/Form/LinkField_Readonly.php

@@ -0,0 +1,27 @@
+<?php declare(strict_types=1);
+
+namespace SilverStripe\LinkField\Form;
+
+use SilverStripe\Forms\HiddenField;
+use SilverStripe\Forms\ReadonlyField;
+
+class LinkField_Readonly extends LinkField
+{
+
+    protected $readonly = true;
+
+    public function Field($properties = [])
+    {
+        // Readonly field for display
+        $field = new LinkField($this->name, $this->title);
+        $field->setValue($this->Value());
+        $field->setForm($this->form);
+
+        // Store values to hidden field
+        $valueField = new HiddenField($this->name);
+        $valueField->setValue($this->Value());
+        $valueField->setForm($this->form);
+
+        return $field->Field() . $valueField->Field();
+    }
+}

src/Form/MultiLinkField.php

@@ -53,15 +53,15 @@ public function getSchemaStateDefaults()
     {
         $data = parent::getSchemaStateDefaults();
         $data['value'] = $this->getValueArray();
-        $data['canCreate'] = $this->getOwner()->canEdit();
+        $data['canCreate'] = $this->getOwner()->canEdit() && !$this->isReadonly();
         return $data;
     }
 
     protected function getDefaultAttributes(): array
     {
         $attributes = parent::getDefaultAttributes();
         $attributes['data-value'] = $this->getValueArray();
-        $attributes['data-can-create'] = $this->getOwner()->canEdit();
+        $attributes['data-can-create'] = $this->getOwner()->canEdit() && !$this->isReadonly();
         $ownerFields = $this->getOwnerFields();
         $attributes['data-owner-id'] = $ownerFields['ID'];
         $attributes['data-owner-class'] = $ownerFields['Class'];
@@ -72,7 +72,7 @@ protected function getDefaultAttributes(): array
     /**
      * Extracts the value of this field, normalised as a non-associative array.
      */
-    private function getValueArray(): array
+    protected function getValueArray(): array
     {
         return $this->convertValueToArray($this->Value());
     }
@@ -154,5 +154,15 @@ private function loadFrom(DataObject $record): void
         // Load ids from relation
         $value = array_values($relation->getIDList() ?? []);
         parent::setValue($value);
+    }
+
+            /**
+     * Changes this field to the readonly field.
+     */
+    public function performReadonlyTransformation()
+    {
+        $copy = $this->castedCopy(MultiLinkField_Readonly::class);
+
+        return $copy;
     }
 }

src/Form/MultiLinkField_Readonly.php

@@ -0,0 +1,27 @@
+<?php declare(strict_types=1);
+
+namespace SilverStripe\LinkField\Form;
+
+use SilverStripe\Forms\HiddenField;
+use SilverStripe\Forms\ReadonlyField;
+
+class MultiLinkField_Readonly extends MultiLinkField
+{
+
+    protected $readonly = true;
+
+    public function Field($properties = [])
+    {
+        // Readonly field for display
+        $field = new MultiLinkField($this->name, $this->title);
+        $field->setValue($this->getValueArray());
+        $field->setForm($this->form);
+
+        // Store values to hidden field
+        $valueField = new HiddenField($this->name);
+        $valueField->setValue($this->getValueArray());
+        $valueField->setForm($this->form);
+
+        return $field->Field() . $valueField->Field();
+    }
+}