fixed concernement admin form display, more puissanceagir

2023-05-15 16:25:19 +02:00
parent ae01216e60
commit 45e31ee3a9
27 changed files with 660 additions and 178 deletions
--- a/src/web/modules/custom/ouatt_puissanceagir/ouatt_puissanceagir.module
+++ b/src/web/modules/custom/ouatt_puissanceagir/ouatt_puissanceagir.module
@@ -6,6 +6,7 @@
 */

 use Drupal\Core\Routing\RouteMatchInterface;
+use Drupal\Core\Form\FormStateInterface;

 /**
 * Implements hook_help().
@@ -62,3 +63,12 @@ function ouatt_puissanceagir_inline_entity_form_entity_form_alter(&$entity_form,
 function ouatt_puissanceagir_inline_entity_form_table_fields_alter(&$fields, $context) {
  $t="t";
 }
+
+/**
+ * Implements hook_form_BASE_FORM_ID_alter() for \Drupal\node\NodeForm.
+ *
+ */
+function ouatt_puissanceagir_form_node_reponse_form_alter(&$form, FormStateInterface $form_state) {
+  $t="t";  
+  // $form['field_besoin_on_response']['widget']['#disabled'] = true;
+}
--- a/src/web/themes/custom/ouatminimal_theme/css/ouatminimal.css
+++ b/src/web/themes/custom/ouatminimal_theme/css/ouatminimal.css
@@ -104,7 +104,6 @@ div[data-drupal-selector=edit-actions] > * {
    /* reset */
    float: none;
    box-sizing: border-box;
-    width: auto;
    padding-right: 0; /* LTR */
    /* custom */
    flex: 1 0 auto;
@@ -213,25 +212,33 @@ div[data-drupal-selector=edit-actions] > * {
  flex-direction: row;
  gap: 1em;
 }
+#boussole-layout textarea {
+  resize: vertical;
+}
 #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] {
  flex: 0 0 50em;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
 }
-#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] table.field-multiple-table > tbody > tr {
+#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table, #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody, #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr {
+  width: 100%;
+  word-break: break-all;
+  overflow-wrap: break-word;
+}
+#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr {
  border: none;
 }
-#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] table.field-multiple-table > tbody > tr > td:not(.field-multiple-drag) > div {
+#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr > td:not(.field-multiple-drag) > div {
  padding: 0.5em;
  border: 1px solid #bbb;
  border-radius: 5px;
  transition: all 2s ease-in-out;
 }
-#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] table.field-multiple-table > tbody > tr > td:not(.field-multiple-drag) > div.entite-over {
+#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr > td:not(.field-multiple-drag) > div.entite-over {
  border-color: #01ffe2;
  transition: all 0.2s ease-in-out;
 }
-#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] table.field-multiple-table > tbody > tr > td:not(.field-multiple-drag) > div .horizontal-tabs-panes > details > .seven-details__wrapper {
+#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr > td:not(.field-multiple-drag) > div .horizontal-tabs-panes > details > .seven-details__wrapper {
  padding: 0;
 }
 #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] .field--type-entity-reference.field--name-field-entite.field--widget-inline-entity-form-complex > div > fieldset {
@@ -248,9 +255,6 @@ div[data-drupal-selector=edit-actions] > * {
 #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] .field--type-entity-reference.field--name-field-entite.field--widget-inline-entity-form-complex > div > fieldset .fieldset-wrapper > table > tbody > tr {
  border: none;
 }
-#boussole-layout > .form-item[data-drupal-selector=edit-field-entite] input[type=text] {
-  max-width: 60%;
-}
 #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] td.field-multiple-drag {
  min-width: 0;
  width: 25px;
--- a/src/web/themes/custom/ouatminimal_theme/css/ouatminimal.css.map
+++ b/src/web/themes/custom/ouatminimal_theme/css/ouatminimal.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/ouatminimal.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAKI;EACE;;;AAKN;EACE;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;AACA;EACE;;;AAGF;AACA;EAIE;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;AACE;IACA;IACA;IACA;IACA;AACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;AACE;IACA;IACA;AACA;IACA;;EAGF;IACE;;AAGF;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IASE;IACA;IACA;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;EAEE;IACE;;EAEF;AAAA;AAAA;IAGE;IACA;IACA;;;AAKJ;AAEE;EACE;EACA;EACA;EAAU;EACV;AAeA;AAAA;AAAA;;AAbA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;AAAA;EAEE;EACA;;AAQJ;AACE;EACA;;AAEF;EACE;;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAKJ;EACE;;;AAOJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAEF;EACE;;AAMN;EACE;;AAGF;EACE;EACA;;AAKA;AAAA;EACE;;AAGF;AAAA;EACE;;AACA;AAAA;EACE;;AAMN;EACE;;AAeJ;EACE;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAAY;EACZ;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGF;EACE;;;AAYV;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAKF;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE","file":"ouatminimal.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/ouatminimal.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAKI;EACE;;;AAKN;EACE;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;AACA;EACE;;;AAGF;AACA;EAIE;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;AACE;IACA;IACA;IAEA;AACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;AACE;IACA;IACA;AACA;IACA;;EAGF;IACE;;AAGF;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IASE;IACA;IACA;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;EAEE;IACE;;EAEF;AAAA;AAAA;IAGE;IACA;IACA;;;AAKJ;AAEE;EACE;EACA;EACA;EAAU;EACV;AAeA;AAAA;AAAA;;AAbA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;AAAA;EAEE;EACA;;AAQJ;AACE;EACA;;AAEF;EACE;;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAKJ;EACE;;;AAOJ;EACE;EACA;EACA;;AAEA;EACE;;AAKF;EACE;EACA;EACA;;AAGE;EACE;EACA;EACA;;AAIF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAKR;EACE;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAEF;EACE;;AAWN;EACE;EACA;;AAKA;AAAA;EACE;;AAGF;AAAA;EACE;;AACA;AAAA;EACE;;AAMN;EACE;;AAeJ;EACE;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAAY;EACZ;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGF;EACE;;;AAYV;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAMF;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE","file":"ouatminimal.css"}
--- a/src/web/themes/custom/ouatminimal_theme/ouatminimal.theme
+++ b/src/web/themes/custom/ouatminimal_theme/ouatminimal.theme
@@ -126,6 +126,13 @@ function ouatminimal_preprocess_form_element(&$variables) {
  }
 }

+function ouatminimal_preprocess_textarea(&$variables) {
+  $element = $variables['element'];
+  unset($variables['element']['#cols']);
+  $variables['attributes']->removeAttribute('cols');
+  // $variables['attributes']->setAttribute('cols', 40);
+}
+
 function ouatminimal_preprocess_node_edit_form__node_concernement(&$variables) {
  // $variables['form']['advanced']['#group'] = "group_admin";
  // $ph = $variables['form']['title']['widget'][0]['value']['#placeholder'];
@@ -190,5 +197,10 @@ function ouatminimal_preprocess_input(&$variables) {
    
    
    
+  }
+  if ($element['#type'] === "text" || $element['#type'] === "url") {
+    unset($variables['element']['#size']);
+    // $variables['attributes']->removeAttribute('size');
+    // $variables['attributes']->setAttribute('cols', 40);
  }
 }
--- a/src/web/themes/custom/ouatminimal_theme/scss/ouatminimal.scss
+++ b/src/web/themes/custom/ouatminimal_theme/scss/ouatminimal.scss
@@ -108,7 +108,7 @@ div[data-drupal-selector="edit-actions"]{
    /* reset */
    float: none;
    box-sizing: border-box;
-    width: auto;
+    // width: auto;
    padding-right:0; /* LTR */
    /* custom */
    flex: 1 0 auto;
@@ -232,27 +232,42 @@ div[data-drupal-selector="edit-actions"]{
  flex-direction: row;
  gap: 1em;

+  textarea{
+    resize: vertical;
+    // width:30%;
+    // max-width: 30%;
+  }
+
  >.form-item[data-drupal-selector="edit-field-entite"]{
    flex:0 0 50em;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
-    
-    table.field-multiple-table>tbody>tr{
-      border: none;
-    
-      >td:not(.field-multiple-drag)>div{
-        padding:0.5em;
-        border: 1px solid #bbb;
-        border-radius: 5px;
-        transition: all 2s ease-in-out;
-        
-        &.entite-over{
-          border-color: #01ffe2;
-          transition: all 0.2s ease-in-out;
-        }
-
-        .horizontal-tabs-panes>details>.seven-details__wrapper{
-          padding:0;
+    // outline: red 1px solid;
+    >table.field-multiple-table{
+      &, >tbody, >tbody>tr{
+        width: 100%;
+        word-break: break-all;
+        overflow-wrap: break-word;
+      }
+      >tbody{
+      }
+      >tbody>tr{
+        border: none;
+      
+        >td:not(.field-multiple-drag)>div{
+          padding:0.5em;
+          border: 1px solid #bbb;
+          border-radius: 5px;
+          transition: all 2s ease-in-out;
+          
+          &.entite-over{
+            border-color: #01ffe2;
+            transition: all 0.2s ease-in-out;
+          }
+  
+          .horizontal-tabs-panes>details>.seven-details__wrapper{
+            padding:0;
+          }
        }
      }
    }
@@ -276,9 +291,10 @@ div[data-drupal-selector="edit-actions"]{
    
    }
    
-    input[type="text"]{
-      max-width: 60%;
-    }
+    // input[type="text"],
+    // input[type="url"]{
+    //   max-width: 80%;
+    // }
    
    td.field-multiple-drag {
      min-width: 0;
@@ -377,6 +393,7 @@ div.field--name-field-menace-maintien label{
 }


+// BESOIN

 fieldset[data-drupal-selector="edit-field-besoin"] {
  border:none;
@@ -388,4 +405,10 @@ fieldset[data-drupal-selector="edit-field-besoin"] {
  >div.fieldset-wrapper>table>tbody>tr.ief-row-form{
    border: 1px #ccc solid;
  }
+}
+
+// Reponse
+.field--name-field-besoin-on-reponses.field__item {
+  // font-size: large;
+  // padding: 1em 0;
 }
--- a/src/web/themes/custom/ouatminimal_theme/templates/form/textarea.html.twig
+++ b/src/web/themes/custom/ouatminimal_theme/templates/form/textarea.html.twig
@@ -0,0 +1,25 @@
+{#
+/**
+ * @file
+ * Theme override for a 'textarea' #type form element.
+ *
+ * Available variables
+ * - wrapper_attributes: A list of HTML attributes for the wrapper element.
+ * - attributes: A list of HTML attributes for the <textarea> element.
+ * - resizable: An indicator for whether the textarea is resizable.
+ * - required: An indicator for whether the textarea is required.
+ * - value: The textarea content.
+ *
+ * @see template_preprocess_textarea()
+ */
+#}
+{%
+  set classes = [
+    'form-textarea',
+    resizable ? 'resize-' ~ resizable,
+    required ? 'required',
+  ]
+%}
+<div{{ wrapper_attributes.addClass('form-textarea-wrapper') }}>
+  <textarea{{ attributes.addClass(classes) }}>{{ value }}</textarea>
+</div>