Added edit-panel component

.eslint-todo-errors.json

@@ -1733,6 +1733,17 @@
     { "ruleId": "ember/no-test-this-render", "line": 506, "column": 3 },
     { "ruleId": "hbs/check-hbs-template-literals", "line": 506, "column": 15 }
   ],
+  "tests/integration/components/flexberry-edit-panel-test.js": [
+    { "ruleId": "ember/no-test-module-for", "line": 13, "column": 1 },
+    { "ruleId": "ember/no-test-this-render", "line": 108, "column": 3 },
+    { "ruleId": "hbs/check-hbs-template-literals", "line": 108, "column": 15 },
+    { "ruleId": "ember/no-test-this-render", "line": 137, "column": 3 },
+    { "ruleId": "hbs/check-hbs-template-literals", "line": 137, "column": 15 },
+    { "ruleId": "ember/no-test-this-render", "line": 168, "column": 3 },
+    { "ruleId": "hbs/check-hbs-template-literals", "line": 168, "column": 15 },
+    { "ruleId": "ember/no-test-this-render", "line": 216, "column": 3 },
+    { "ruleId": "hbs/check-hbs-template-literals", "line": 216, "column": 15 }
+  ],
   "tests/integration/components/flexberry-error-test.js": [
     { "ruleId": "ember/no-test-module-for", "line": 4, "column": 1 },
     { "ruleId": "ember/no-test-this-render", "line": 9, "column": 3 },

.template-lintrc.js

@@ -107,6 +107,13 @@ module.exports = {
         "no-quoteless-attributes"
       ]
     },
+    {
+      "moduleId": "app/templates/components/flexberry-edit-panel",
+      "only": [
+        // don't delete, exception for text in button.
+        "block-indentation"
+      ]
+    },
     {
       "moduleId": "app/templates/components/filters-dialog-content",
       "only": [
@@ -528,8 +535,7 @@ module.exports = {
       "moduleId": "tests/dummy/app/templates/ember-flexberry-dummy-suggestion-edit",
       "only": [
         "eol-last",
-        "quotes",
-        "simple-unless"
+        "quotes"
       ]
     },
     {

CHANGELOG.md

@@ -3,6 +3,9 @@ All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
+### Added
+* `flexberry-edit-panel` component for responsive edit panel buttons.
+* Generated `flexberry-edit-panel` to edit form blueprint.
 
 ## [3.8.0-beta.18] - 2023-03-15
 ### Fixed

addon/components/button-dropdown-menu.js

@@ -0,0 +1,16 @@
+import FlexberryBaseComponent from 'ember-flexberry/components/flexberry-base-component';
+
+export default FlexberryBaseComponent.extend({
+  classNames: ['button-dropdown-menu', 'menu'],
+
+  actions: {
+    /**
+     * Call action of a clicked button.
+     */
+    sendButtonAction() {
+      /* eslint-disable ember/closure-actions */
+      this.sendAction('sendButtonAction', ...arguments);
+      /* eslint-enable ember/closure-actions */
+    }
+  }
+});

addon/components/flexberry-button-dropdown.js

@@ -0,0 +1,94 @@
+/**
+ @module ember-flexberry
+ */
+
+import FlexberryBaseComponent from 'ember-flexberry/components/flexberry-base-component';
+import { assert } from '@ember/debug';
+import { isNone } from '@ember/utils';
+
+export default FlexberryBaseComponent.extend({
+
+  classNames: ['ui dropdown group-toolbar'],
+
+  classNameBindings: ['readonly:disabled'],
+
+  title: '',
+
+  elementId: undefined,
+
+  /**
+   * menu buttons.
+   * @example
+   * `
+   * buttons: [
+   *   {
+   *     action: actionName,
+   *     text: buttonText,
+   *     disabled: buttonDisabled
+   *     class: '.button-class'
+   *   }, {
+   *     action: {
+   *       name: 'actionName',
+   *       params: ['paramValue1', 'paramValue2']
+   *     },
+   *     text: buttonText,
+   *     disabled: buttonDisabled
+   *     class: '.button-class'
+   *   }, {
+   *     text: buttonText,
+   *     disabled: buttonDisabled
+   *     buttons: [{
+   *       action: actionName,
+   *       text: buttonText,
+   *       disabled: buttonDisabled
+   *       class: '.button-class'
+   *     }, {
+   *       action: actionName,
+   *       text: buttonText,
+   *       disabled: buttonDisabled
+   *       class: '.button-class'
+   *     }]
+   *   },
+   * ]
+   * `
+   */
+  buttons: undefined,
+
+  /**
+   * Flag, the component is embedded in another component, for example, in the flexberry-olv toolbar.
+   * Set to send action in the controller.
+   * @type {Boolean}
+   */
+  deepMount: false,
+
+  actions: {
+    /**
+     * Call action of a clicked button.
+     *
+     * @method actions.sendButtonAction
+     * @public
+     * @param {String|Object} action action.
+     */
+    sendButtonAction(action) {
+      assert('{{button-dropdown}}: button.action parameter missing', !isNone(action));
+
+      let actionName = '';
+      let actionParams = [];
+
+      if (typeof action === 'string') {
+        actionName = action;
+      } else if (!isNone(action.params)) {
+        actionName = action.name;
+        actionParams = action.params;
+      }
+
+      if (this.get('deepMount')) {
+        this.currentController.send(actionName, ...actionParams);
+      } else {
+        /* eslint-disable ember/closure-actions */
+        this.sendAction(actionName, ...actionParams);
+        /* eslint-enable ember/closure-actions */
+      }
+    }
+  }
+});