Merge pull request mostafaznv#13 from mostafaznv/dev

configurable 3-dots mode on overflowing. mostafaznv#12
parsilver · May 21, 2022 · 5673a95 · 5673a95
2 parents aa9b7c9 + 32fde5b
commit 5673a95
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -180,15 +180,16 @@ $this->app->bind('ckeditor-image-storage', MyImageStorage::class);
 
 ## CkEditor Field Options
 
-| method           | Type    | default          | description                                                                                   |
-|------------------|---------|------------------|-----------------------------------------------------------------------------------------------|
-| toolbar          | Array   | from config file | Set toolbar items                                                                             |
-| height           | Integer | from config file | Set editor's height                                                                           |
-| limitOnIndex     | Integer | 85               | Set character limit on index                                                                  |
-| contentLanguage  | Integer | from config file | Language of editor's content. if you want to change text-direction (RTL, LTR), you need this  |
-| imageBrowser     | Boolean | from config file | Enable/Disable image picker                                                                   |
-| videoBrowser     | Boolean | from config file | Enable/Disable video picker                                                                   |
-| snippets         | Array   | from config file | Set Snippet items                                                                             |
+| method                 | Type    | default          | description                                                                                  |
+|------------------------|---------|------------------|----------------------------------------------------------------------------------------------|
+| toolbar                | Array   | from config file | Set toolbar items                                                                            |
+| height                 | Integer | from config file | Set editor's height                                                                          |
+| limitOnIndex           | Integer | 85               | Set character limit on index                                                                 |
+| contentLanguage        | Integer | from config file | Language of editor's content. if you want to change text-direction (RTL, LTR), you need this |
+| shouldNotGroupWhenFull | Boolean | from config file | Indicates whether the editor shows 3 dots in overflow mode                                   |
+| imageBrowser           | Boolean | from config file | Enable/Disable image picker                                                                  |
+| videoBrowser           | Boolean | from config file | Enable/Disable video picker                                                                  |
+| snippets               | Array   | from config file | Set Snippet items                                                                            |
 
 
 
@@ -228,6 +229,11 @@ Editor's height.
 
 Language of editor's content. if you want to change text-direction (RTL, LTR), you need this
 
+#### Should Not Group When Full
+`boolean` `default: false`
+
+Indicates whether the editor shows 3 dots in overflow mode
+
 #### Browser
 `boolean` `default: true`
 

diff --git a/config/nova-ckeditor.php b/config/nova-ckeditor.php
@@ -64,6 +64,8 @@
 
         'content-lang' => 'en',
 
+        'should-not-group-when-full' => false,
+
         'browser' => [
             'image' => true,
             'video' => true

diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/editor-field.vue b/resources/js/components/editor-field.vue
@@ -66,7 +66,10 @@ export default {
                 ui: 'en',
                 content: this.field.contentLanguage
             },
-            toolbar: {items: this.field.toolbar},
+            toolbar: {
+                items: this.field.toolbar,
+                shouldNotGroupWhenFull: this.field.shouldNotGroupWhenFull
+            },
             ...this.field.toolbarOptions
         }
 

diff --git a/src/CkEditor.php b/src/CkEditor.php
@@ -45,6 +45,13 @@ class CkEditor extends Field
      */
     public string $contentLanguage;
 
+    /**
+     * Indicates whether the editor shows 3 dots in overflow mode
+     *
+     * @var bool
+     */
+    public bool $shouldNotGroupWhenFull = false;
+
     /**
      * Indicates whether the image browser should be available
      *
@@ -86,6 +93,7 @@ public function __construct($name, $attribute = null, callable $resolveCallback
         $this->videoBrowser = $config['toolbar']['browser']['video'];
         $this->snippetBrowser = $this->prepareSnippets($config['toolbar']['snippets']);
         $this->contentLanguage = $config['toolbar']['content-lang'];
+        $this->shouldNotGroupWhenFull = $config['toolbar']['should-not-group-when-full'];
         $this->videoModel = $config['video-model'];
     }
 
@@ -142,6 +150,19 @@ public function contentLanguage(string $lang): self
         return $this;
     }
 
+    /**
+     * Set Should Not Group When Full
+     *
+     * @param bool $status
+     * @return $this
+     */
+    public function shouldNotGroupWhenFull(bool $status = true): self
+    {
+        $this->shouldNotGroupWhenFull = $status;
+
+        return $this;
+    }
+
     /**
      * Enable/Disable Image Browser
      *
@@ -197,6 +218,7 @@ public function jsonSerialize(): array
             'height'                 => $this->height,
             'indexLimit'             => $this->indexLimit,
             'contentLanguage'        => $this->contentLanguage,
+            'shouldNotGroupWhenFull' => $this->shouldNotGroupWhenFull,
             'shouldShow'             => $this->shouldBeExpanded(),
             'videoHasLaruploadTrait' => $this->hasLaruploadTrait(),
         ]);