Fix a bug: form maxlength count to exclude spaces and newline

CHANGELOG.md

@@ -4,6 +4,7 @@
 - Fix a bug: unable to confirm modification of reservation for client
 - Fix a bug: unable to show deleted user in reservation slot
 - Fix a bug: race condition on invoice after payment (concerning payment schedules) https://app.clickup.com/t/25zpmn1
+- Fix a bug: form maxlength count to exclude spaces and newline
 
 ## v5.3.9 2022 April 01
 

app/frontend/templates/admin/plans/_form.html

@@ -7,6 +7,7 @@
            name="plan[base_name]"
            class="form-control"
            ng-maxlength="24"
+           ng-trim="false"
            ng-model="plan.base_name"
            required="true"/>
     <span class="help-block error" ng-show="planForm['plan[base_name]'].$dirty && planForm['plan[base_name]'].$error.required" translate>{{ 'app.shared.plan.name_is_required' }}</span>

app/frontend/templates/admin/plans/edit.html

@@ -93,6 +93,13 @@
                 </tr>
                 </tbody>
               </table>
+              <ul>
+              <li ng-repeat="(key, errors) in planForm.$error track by $index"> <strong>{{ key }}</strong> errors
+                <ul>
+                  <li ng-repeat="e in errors">{{ e.$name }} has an error: <strong>{{ key }}</strong>.</li>
+                </ul>
+              </li>
+              </ul>
 
               <div class="panel-footer no-padder">
                   <input type="submit" value="{{ 'app.shared.buttons.confirm_changes' | translate }}" class="r-b btn-valid btn btn-warning btn-block p-lg btn-lg text-u-c" ng-disabled="planForm.$invalid"/>

app/frontend/templates/admin/settings/text.html

@@ -13,6 +13,7 @@
                  ng-required="true"
                  ng-minlength="minLength"
                  ng-maxlength="maxLength"
+                 ng-trim="false"
                  ng-readonly="readOnly">
       </div>
   </div>

app/frontend/templates/admin/trainings/modal_edit.html

@@ -4,7 +4,7 @@
 <div class="modal-body">
   <form name="trainingForm" novalidate>
     <div class="form-group" ng-class="{'has-error': trainingForm['training[description]'].$dirty && trainingForm['training[description]'].$invalid }">
-      <textarea name="training[description]" class="form-control" placeholder="{{ 'app.admin.trainings.describe_the_training_in_a_few_words' | translate }}" ng-model="training.description" ng-maxlength="255"></textarea>
+      <textarea name="training[description]" class="form-control" placeholder="{{ 'app.admin.trainings.describe_the_training_in_a_few_words' | translate }}" ng-model="training.description" ng-maxlength="255" ng-trim="false"></textarea>
       <span class="help-block" ng-show="trainingForm['training[description]'].$dirty && trainingForm['training[description]'].$error.maxlength" translate>{{ 'app.admin.trainings.description_is_limited_to_255_characters' }}</span>
     </div>
   </form>