From 123360f370a42debb7fe233626da02b13f33985f Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Thu, 23 May 2024 16:48:40 -0400
Subject: [PATCH 01/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 422 +++++++++++++++--------
 1 file changed, 279 insertions(+), 143 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 851a909957..07835a44d4 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -55,149 +55,189 @@
                         {{-- Configuration --}}
                         <div class="tab-pane fade show" :class="{'active': activeTab === ''}" id="nav-config" role="tabpanel"
                              aria-labelledby="nav-config-tab">
-                            <required></required>
-                            <div class="form-group">
-                                {!!Form::label('name', __('Name') . '<small class="ml-1">*</small>', [], false)!!}
-                                {!!Form::text('name', null,
-                                    [ 'id'=> 'name',
-                                        'class'=> 'form-control',
-                                        'v-model'=> 'formData.name',
-                                        'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.name}'
-                                    ])
-                                !!}
-                                <small class="form-text text-muted"
-                                       v-if="! errors.name">{{ __('The process name must be unique.') }}</small>
-                                <div class="invalid-feedback" role="alert" v-if="errors.name">@{{errors.name[0]}}</div>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('description', __('Description')  . '<small class="ml-1">*</small>', [], false) !!}
-                                {!! Form::textarea('description', null,
-                                    ['id' => 'description',
-                                        'rows' => 4,
-                                        'class'=> 'form-control',
-                                        'v-model' => 'formData.description',
-                                        'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.description}'
-                                    ])
-                                !!}
-                                <div class="invalid-feedback" role="alert" v-if="errors.description">@{{errors.description[0]}}</div>
-                            </div>
-                            <category-select :label="$t('Category')" api-get="process_categories"
-                                api-list="process_categories" v-model="formData.process_category_id"
-                                :errors="errors.category"
-                                >
-                            </category-select>
-                            <project-select
-                                :label="$t('Project')"
-                                api-get="projects"
-                                api-list="projects"
-                                v-model="selectedProjects"
-                                :errors="errors.projects">
-                            </project-select>
-                            <div class="form-group">
-                                <label class="typo__label">{{__('Process Manager')}}</label>
-                                <select-user v-model="manager" :multiple="false" :class="{'is-invalid': errors.manager_id}">
-                                </select-user>
-                                <div class="invalid-feedback" role="alert" v-if="errors.manager_id">@{{errors.manager_id[0]}}</div>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('case_title', __('Case Title')) !!}
-                                {!!Form::text('case_title', null,
-                                    [ 'id'=> 'case_title',
-                                        'class'=> 'form-control',
-                                        'v-model'=> 'formData.case_title',
-                                        'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.case_title}'
-                                    ])
-                                !!}
-                                <div class="invalid-feedback" role="alert" v-if="errors.case_title">
-                                    @{{errors.case_title[0]}}
+                            <div class="card card-custom-info">
+                                <div class="card-header" id="headingInfo">
+                                    <button class="btn btn-custom-info" type="button" data-toggle="collapse" data-target="#collapseInfo" aria-expanded="true" aria-controls="collapseInfo" @click="toogleInfoCollapsed()">
+                                        <span>
+                                            {{__('Process Information')}}
+                                        </span>
+                                        <b-icon class="custom-size-icon" :icon="getArrowIcon(infoCollapsed)"  aria-hidden="true"/>
+                                    </button>
+                                </div>
+                                <div id="collapseInfo" class="collapse show" aria-labelledby="headingInfo">
+                                    <div class="card-body">
+                                        <b-row>
+                                            <b-col>
+                                                <div class="form-group">
+                                                    {!!Form::label('name', __('Name') . '<small class="ml-1 required-text-color">*</small>', [], false)!!}
+                                                    {!!Form::text('name', null,
+                                                        [ 'id'=> 'name',
+                                                            'class'=> 'form-control',
+                                                            'v-model'=> 'formData.name',
+                                                            'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.name}'
+                                                        ])
+                                                    !!}
+                                                    <small class="form-text text-muted"
+                                                        v-if="! errors.name">{{ __('The process name must be unique.') }}</small>
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.name">@{{errors.name[0]}}</div>
+                                                </div>
+                                                <category-select :label="$t('Category')" api-get="process_categories"
+                                                    api-list="process_categories" v-model="formData.process_category_id"
+                                                    :errors="errors.category"
+                                                    >
+                                                </category-select>
+                                                <div class="form-group">
+                                                    <label class="typo__label">{{__('Process Manager')}}</label>
+                                                    <select-user v-model="manager" :multiple="false" :class="{'is-invalid': errors.manager_id}">
+                                                    </select-user>
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.manager_id">@{{errors.manager_id[0]}}</div>
+                                                </div>
+                                            </b-col>
+                                            <b-col>
+                                                <div class="form-group">
+                                                    {!! Form::label('description', __('Description')  . '<small class="ml-1 required-text-color">*</small>', [], false) !!}
+                                                    {!! Form::textarea('description', null,
+                                                        ['id' => 'description',
+                                                            'rows' => 4,
+                                                            'class'=> 'form-control',
+                                                            'v-model' => 'formData.description',
+                                                            'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.description}'
+                                                        ])
+                                                    !!}
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.description">@{{errors.description[0]}}</div>
+                                                </div>
+                                                <project-select
+                                                    :label="$t('Project')"
+                                                    api-get="projects"
+                                                    api-list="projects"
+                                                    v-model="selectedProjects"
+                                                    :errors="errors.projects">
+                                                </project-select>
+                                            </b-col>
+                                        </b-row>
+                                    </div>
                                 </div>
-                                <small class="form-text text-muted" v-if="! errors.name">
-                                    {{ __('This field has a limit of 200 characters when calculated') }}
-                                </small>
-                            </div>
-                            <div class="form-group p-0">
-                                {!! Form::label('cancelRequest', __('Cancel Request')) !!}
-                                <multiselect id="cancelRequest"
-                                             v-model="canCancel"
-                                             :options="activeUsersAndGroupsWithManager"
-                                             :multiple="true"
-                                             :show-labels="false"
-                                             placeholder="{{__('Type to search')}}"
-                                             track-by="id"
-                                             label="fullname"
-                                             group-values="items"
-                                             group-label="label">
-                                    <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('cancelScreen', __('Cancel Screen')) !!}
-                                <multiselect aria-label="{{ __('Cancel Screen') }}"
-                                             v-model="screenCancel"
-                                             :options="screens"
-                                             :multiple="false"
-                                             :show-labels="false"
-                                             placeholder="{{ __('Type to search') }}"
-                                             @search-change="loadScreens($event)"
-                                             @open="loadScreens()"
-                                             track-by="id"
-                                             label="title">
-                                    <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                                <div class="invalid-feedback" role="alert" v-if="errors.screens">@{{errors.screens[0]}}</div>
-                            </div>
-                            <div class="form-group p-0">
-                                {!! Form::label('editData', __('Edit Data')) !!}
-                                <multiselect id="editData"
-                                             v-model="canEditData"
-                                             :options="activeUsersAndGroups"
-                                             :multiple="true"
-                                             :show-labels="false"
-                                             placeholder="{{__('Type to search')}}"
-                                             track-by="id"
-                                             label="fullname"
-                                             group-values="items"
-                                             group-label="label">
-                                    <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('requestDetailScreen', __('Request Detail Screen')) !!}
-                                <multiselect aria-label="{{ __('Request Detail Screen') }}"
-                                             v-model="screenRequestDetail"
-                                             :options="screens"
-                                             :multiple="false"
-                                             :show-labels="false"
-                                             placeholder="{{ __('Type to search') }}"
-                                             @search-change="loadScreens($event)"
-                                             @open="loadScreens()"
-                                             track-by="id"
-                                             label="title">
-                                    <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                                <div class="invalid-feedback" v-if="errors.request_detail_screen_id">@{{errors.request_detail_screen_id[0]}}</div>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('status', __('Status')) !!}
-                                <select-status v-model="formData.status" :multiple="false"></select-status>
                             </div>
-                            <div class="d-flex justify-content-end mt-2">
-                                {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary', '@click' => 'onClose']) !!}
-                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-2', '@click' => 'onUpdate']) !!}
+                            <div class="card card-custom-info">
+                                <div class="card-header" id="headingMore">
+                                    <button class="btn btn-custom-info" type="button" data-toggle="collapse" data-target="#collapseMore" aria-expanded="true" aria-controls="collapseMore" @click="toogleMoreInfoCollapsed()">
+                                        <span>
+                                            {{__('More Information')}}
+                                        </span>
+                                        
+                                        <b-icon class="custom-size-icon" :icon="getArrowIcon(moreInfoCollapsed)" aria-hidden="true"/>
+                                    </button>
+                                </div>
+                                <div id="collapseMore" class="collapse" aria-labelledby="headingMore">
+                                    <div class="card-body">
+                                        <b-row>
+                                            <b-col>
+                                                <div class="form-group">
+                                                    {!! Form::label('case_title', __('Case Title')) !!}
+                                                    {!!Form::text('case_title', null,
+                                                        [ 'id'=> 'case_title',
+                                                            'class'=> 'form-control',
+                                                            'v-model'=> 'formData.case_title',
+                                                            'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.case_title}'
+                                                        ])
+                                                    !!}
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.case_title">
+                                                        @{{errors.case_title[0]}}
+                                                    </div>
+                                                    <small class="form-text text-muted" v-if="! errors.name">
+                                                        {{ __('This field has a limit of 200 characters when calculated') }}
+                                                    </small>
+                                                </div>
+                                                <div class="form-group">
+                                                    {!! Form::label('cancelScreen', __('Cancel Screen')) !!}
+                                                    <multiselect aria-label="{{ __('Cancel Screen') }}"
+                                                                v-model="screenCancel"
+                                                                :options="screens"
+                                                                :multiple="false"
+                                                                :show-labels="false"
+                                                                placeholder="{{ __('Type to search') }}"
+                                                                @search-change="loadScreens($event)"
+                                                                @open="loadScreens()"
+                                                                track-by="id"
+                                                                label="title">
+                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
+                                                        <template slot="noOptions">
+                                                            {{ __('No Data Available') }}
+                                                        </template>
+                                                    </multiselect>
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.screens">@{{errors.screens[0]}}</div>
+                                                </div>
+                                                <div class="form-group">
+                                                    {!! Form::label('requestDetailScreen', __('Request Detail Screen')) !!}
+                                                    <multiselect aria-label="{{ __('Request Detail Screen') }}"
+                                                                v-model="screenRequestDetail"
+                                                                :options="screens"
+                                                                :multiple="false"
+                                                                :show-labels="false"
+                                                                placeholder="{{ __('Type to search') }}"
+                                                                @search-change="loadScreens($event)"
+                                                                @open="loadScreens()"
+                                                                track-by="id"
+                                                                label="title">
+                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
+                                                        <template slot="noOptions">
+                                                            {{ __('No Data Available') }}
+                                                        </template>
+                                                    </multiselect>
+                                                    <div class="invalid-feedback" v-if="errors.request_detail_screen_id">@{{errors.request_detail_screen_id[0]}}</div>
+                                                </div>
+                                            </b-col>
+                                            <b-col>
+                                                <div class="form-group p-0">
+                                                    {!! Form::label('cancelRequest', __('Cancel Request')) !!}
+                                                    <multiselect id="cancelRequest"
+                                                                v-model="canCancel"
+                                                                :options="activeUsersAndGroupsWithManager"
+                                                                :multiple="true"
+                                                                :show-labels="false"
+                                                                placeholder="{{__('Type to search')}}"
+                                                                track-by="id"
+                                                                label="fullname"
+                                                                group-values="items"
+                                                                group-label="label">
+                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
+                                                        <template slot="noOptions">
+                                                            {{ __('No Data Available') }}
+                                                        </template>
+                                                    </multiselect>
+                                                </div>
+                                                <div class="form-group p-0">
+                                                    {!! Form::label('editData', __('Edit Data')) !!}
+                                                    <multiselect id="editData"
+                                                                v-model="canEditData"
+                                                                :options="activeUsersAndGroups"
+                                                                :multiple="true"
+                                                                :show-labels="false"
+                                                                placeholder="{{__('Type to search')}}"
+                                                                track-by="id"
+                                                                label="fullname"
+                                                                group-values="items"
+                                                                group-label="label">
+                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
+                                                        <template slot="noOptions">
+                                                            {{ __('No Data Available') }}
+                                                        </template>
+                                                    </multiselect>
+                                                </div>
+                                                <div class="form-group">
+                                                    {!! Form::label('status', __('Status')) !!}
+                                                    <select-status v-model="formData.status" :multiple="false"></select-status>
+                                                </div>
+                                            </b-col>
+                                        </b-row>
+                                    </div>
+                                </div>
                             </div>
                         </div>
+                        <div class="d-flex justify-content-end mt-2">
+                            {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary button-custom', '@click' => 'onClose']) !!}
+                            {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-3 button-custom', '@click' => 'onUpdate']) !!}
+                        </div>
 
                         {{-- Translations --}}
                         @if (config('app.open_ai_process_translations'))
@@ -422,7 +462,7 @@ class="custom-control-input">
                             </div>
                             <div class="d-flex justify-content-end mt-2">
                                 {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary', '@click' => 'onClose']) !!}
-                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-2', '@click' => 'onUpdate']) !!}
+                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary', '@click' => 'onUpdate']) !!}
                             </div>
                         </div>
 
@@ -477,6 +517,8 @@ class="custom-control-input">
                     translatedLanguages: [],
                     editTranslation: null,
                     activeTab: "",
+                    moreInfoCollapsed: false,
+                    infoCollapsed: true,
                 }
                 },
                 mounted() {
@@ -520,6 +562,24 @@ class="custom-control-input">
                         this.screens = response.data.data;
                     });
                 },
+                /**
+                 * Change info arrow
+                 */
+                toogleInfoCollapsed() {
+                    this.infoCollapsed = !this.infoCollapsed;
+                },
+                /**
+                 * Change more info arrow
+                 */
+                toogleMoreInfoCollapsed() {
+                    this.moreInfoCollapsed = !this.moreInfoCollapsed;
+                },
+                getArrowIcon(collapseInfo) {
+                    if (collapseInfo) {
+                        return 'caret-up-fill'
+                    }
+                    return 'caret-down-fill'
+                },
                 resetErrors() {
                     this.errors = Object.assign({}, {
                     name: null,
@@ -679,9 +739,9 @@ class="custom-control-input">
         }
 
         .multiselect__tags {
-            border: 1px solid #b6bfc6 !important;
-            border-radius: 0.125em !important;
-            height: calc(1.875rem + 2px) !important;
+            border: 1px solid var(--borders, #cdddee) !important;
+            border-radius: 4px !important;
+            height: 40px !important;
         }
 
         .multiselect__tag {
@@ -691,5 +751,81 @@ class="custom-control-input">
         .multiselect__tag-icon:after {
             color: white !important;
         }
+
+        .card-custom-info {
+            border: 0px;
+            margin-bottom: 5px;
+        }
+
+        .card-custom-info .card-header {
+            border: 0px;
+            height: 40px;
+            padding: 8px 19.59px;
+            border-radius: 4px;
+            opacity: 0px;
+            background: #f2f8fe;
+        }
+
+        .card-custom-info .card-body {
+            padding: 24px 13px;
+        }
+       
+        .btn-custom-info {
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+            height: 24px;
+            padding: 0px;
+            left: 42.59px;
+            color: #556271;
+            font-family: 'Open Sans', sans-serif;
+            font-size: 16px;
+            font-weight: 400;
+            line-height: 21px;
+            letter-spacing: -0.02em;
+            text-align: left;
+            text-transform: capitalize;
+        }
+
+        .btn-custom-info:focus {
+            box-shadow: none;
+        }
+
+        .custom-size-icon {
+            width: 10px;
+        }
+        
+        .required-text-color,
+        .form-group[required=required] label::after {
+            color: #1572c2;
+            opacity: 1;
+        }
+        
+        .form-group label{
+            color: #556271;
+            font-family: 'Open Sans', sans-serif;
+            font-size: 16px;
+            font-weight: 600;
+            line-height: 24px;
+            letter-spacing: -0.02em;
+        }
+
+        .form-control {
+            border-radius: 4px;
+            border: 1px solid var(--borders, #cdddee)
+        }
+
+        .button-custom {
+            width: 118px;
+            height: 40px;
+            padding: 0px 15px;
+            border-radius: 4px;
+            font-family: 'Open Sans', sans-serif;
+            font-size: 16px;
+            font-weight: 600;
+            line-height: 24px;
+            letter-spacing: -0.02em;
+            text-align: center;
+        }
     </style>
 @endsection

From 2c01075ca2582844005b91b2111b812508de5caf Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Thu, 23 May 2024 17:03:27 -0400
Subject: [PATCH 02/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 117 +++++++++++++++++++----
 1 file changed, 97 insertions(+), 20 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 07835a44d4..623b8435e7 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -53,18 +53,42 @@
                     <div class="tab-content" id="nav-tabContent">
 
                         {{-- Configuration --}}
-                        <div class="tab-pane fade show" :class="{'active': activeTab === ''}" id="nav-config" role="tabpanel"
-                             aria-labelledby="nav-config-tab">
+                        <div
+                            class="tab-pane fade show"
+                            :class="{'active': activeTab === ''}"
+                            id="nav-config"
+                            role="tabpanel"
+                            aria-labelledby="nav-config-tab"
+                            >
                             <div class="card card-custom-info">
-                                <div class="card-header" id="headingInfo">
-                                    <button class="btn btn-custom-info" type="button" data-toggle="collapse" data-target="#collapseInfo" aria-expanded="true" aria-controls="collapseInfo" @click="toogleInfoCollapsed()">
+                                <div
+                                    class="card-header"
+                                    id="headingInfo"
+                                    >
+                                    <button
+                                        class="btn btn-custom-info"
+                                        type="button"
+                                        data-toggle="collapse"
+                                        data-target="#collapseInfo"
+                                        aria-expanded="true"
+                                        aria-controls="collapseInfo"
+                                        @click="toogleInfoCollapsed()"
+                                        >
                                         <span>
                                             {{__('Process Information')}}
                                         </span>
-                                        <b-icon class="custom-size-icon" :icon="getArrowIcon(infoCollapsed)"  aria-hidden="true"/>
+                                        <b-icon
+                                            class="custom-size-icon"
+                                            :icon="getArrowIcon(infoCollapsed)"
+                                            aria-hidden="true"
+                                            />
                                     </button>
                                 </div>
-                                <div id="collapseInfo" class="collapse show" aria-labelledby="headingInfo">
+                                <div
+                                    id="collapseInfo"
+                                    class="collapse show"
+                                    aria-labelledby="headingInfo"
+                                    >
                                     <div class="card-body">
                                         <b-row>
                                             <b-col>
@@ -79,10 +103,18 @@
                                                     !!}
                                                     <small class="form-text text-muted"
                                                         v-if="! errors.name">{{ __('The process name must be unique.') }}</small>
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.name">@{{errors.name[0]}}</div>
+                                                    <div
+                                                        class="invalid-feedback"
+                                                        role="alert" v-if="errors.name"
+                                                        >
+                                                        @{{errors.name[0]}}
+                                                    </div>
                                                 </div>
-                                                <category-select :label="$t('Category')" api-get="process_categories"
-                                                    api-list="process_categories" v-model="formData.process_category_id"
+                                                <category-select
+                                                    :label="$t('Category')"
+                                                    api-get="process_categories"
+                                                    api-list="process_categories"
+                                                    v-model="formData.process_category_id"
                                                     :errors="errors.category"
                                                     >
                                                 </category-select>
@@ -90,7 +122,13 @@
                                                     <label class="typo__label">{{__('Process Manager')}}</label>
                                                     <select-user v-model="manager" :multiple="false" :class="{'is-invalid': errors.manager_id}">
                                                     </select-user>
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.manager_id">@{{errors.manager_id[0]}}</div>
+                                                    <div
+                                                        v-if="errors.manager_id"
+                                                        class="invalid-feedback"
+                                                        role="alert"
+                                                        >
+                                                        @{{errors.manager_id[0]}}
+                                                    </div>
                                                 </div>
                                             </b-col>
                                             <b-col>
@@ -104,7 +142,13 @@
                                                             'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.description}'
                                                         ])
                                                     !!}
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.description">@{{errors.description[0]}}</div>
+                                                    <div
+                                                        class="invalid-feedback"
+                                                        role="alert"
+                                                        v-if="errors.description"
+                                                        >
+                                                        @{{errors.description[0]}}
+                                                    </div>
                                                 </div>
                                                 <project-select
                                                     :label="$t('Project')"
@@ -119,16 +163,35 @@
                                 </div>
                             </div>
                             <div class="card card-custom-info">
-                                <div class="card-header" id="headingMore">
-                                    <button class="btn btn-custom-info" type="button" data-toggle="collapse" data-target="#collapseMore" aria-expanded="true" aria-controls="collapseMore" @click="toogleMoreInfoCollapsed()">
+                                <div
+                                    class="card-header"
+                                    id="headingMore"
+                                    >
+                                    <button
+                                        class="btn btn-custom-info"
+                                        type="button"
+                                        data-toggle="collapse"
+                                        data-target="#collapseMore"
+                                        aria-expanded="true"
+                                        aria-controls="collapseMore"
+                                        @click="toogleMoreInfoCollapsed()"
+                                        >
                                         <span>
                                             {{__('More Information')}}
                                         </span>
                                         
-                                        <b-icon class="custom-size-icon" :icon="getArrowIcon(moreInfoCollapsed)" aria-hidden="true"/>
+                                        <b-icon
+                                            class="custom-size-icon"
+                                            :icon="getArrowIcon(moreInfoCollapsed)"
+                                            aria-hidden="true"
+                                            />
                                     </button>
                                 </div>
-                                <div id="collapseMore" class="collapse" aria-labelledby="headingMore">
+                                <div
+                                    id="collapseMore"
+                                    class="collapse"
+                                    aria-labelledby="headingMore"
+                                    >
                                     <div class="card-body">
                                         <b-row>
                                             <b-col>
@@ -165,7 +228,13 @@
                                                             {{ __('No Data Available') }}
                                                         </template>
                                                     </multiselect>
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.screens">@{{errors.screens[0]}}</div>
+                                                    <div
+                                                        v-if="errors.screens"
+                                                        class="invalid-feedback"
+                                                        role="alert"
+                                                        >
+                                                        @{{errors.screens[0]}}
+                                                    </div>
                                                 </div>
                                                 <div class="form-group">
                                                     {!! Form::label('requestDetailScreen', __('Request Detail Screen')) !!}
@@ -179,12 +248,17 @@
                                                                 @open="loadScreens()"
                                                                 track-by="id"
                                                                 label="title">
-                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
+                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }} />
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
                                                     </multiselect>
-                                                    <div class="invalid-feedback" v-if="errors.request_detail_screen_id">@{{errors.request_detail_screen_id[0]}}</div>
+                                                    <div
+                                                        v-if="errors.request_detail_screen_id"
+                                                        class="invalid-feedback"
+                                                        >
+                                                        @{{errors.request_detail_screen_id[0]}}
+                                                    </div>
                                                 </div>
                                             </b-col>
                                             <b-col>
@@ -200,7 +274,7 @@
                                                                 label="fullname"
                                                                 group-values="items"
                                                                 group-label="label">
-                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
+                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}} />
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
@@ -462,7 +536,7 @@ class="custom-control-input">
                             </div>
                             <div class="d-flex justify-content-end mt-2">
                                 {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary', '@click' => 'onClose']) !!}
-                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary', '@click' => 'onUpdate']) !!}
+                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-2', '@click' => 'onUpdate']) !!}
                             </div>
                         </div>
 
@@ -574,6 +648,9 @@ class="custom-control-input">
                 toogleMoreInfoCollapsed() {
                     this.moreInfoCollapsed = !this.moreInfoCollapsed;
                 },
+                /**
+                 * Get arrow for collapse
+                 */
                 getArrowIcon(collapseInfo) {
                     if (collapseInfo) {
                         return 'caret-up-fill'

From afb47580dde88646b4f0c890be82c50ae1e5cc5e Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Thu, 23 May 2024 16:48:40 -0400
Subject: [PATCH 03/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 422 +++++++++++++++--------
 1 file changed, 279 insertions(+), 143 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 851a909957..07835a44d4 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -55,149 +55,189 @@
                         {{-- Configuration --}}
                         <div class="tab-pane fade show" :class="{'active': activeTab === ''}" id="nav-config" role="tabpanel"
                              aria-labelledby="nav-config-tab">
-                            <required></required>
-                            <div class="form-group">
-                                {!!Form::label('name', __('Name') . '<small class="ml-1">*</small>', [], false)!!}
-                                {!!Form::text('name', null,
-                                    [ 'id'=> 'name',
-                                        'class'=> 'form-control',
-                                        'v-model'=> 'formData.name',
-                                        'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.name}'
-                                    ])
-                                !!}
-                                <small class="form-text text-muted"
-                                       v-if="! errors.name">{{ __('The process name must be unique.') }}</small>
-                                <div class="invalid-feedback" role="alert" v-if="errors.name">@{{errors.name[0]}}</div>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('description', __('Description')  . '<small class="ml-1">*</small>', [], false) !!}
-                                {!! Form::textarea('description', null,
-                                    ['id' => 'description',
-                                        'rows' => 4,
-                                        'class'=> 'form-control',
-                                        'v-model' => 'formData.description',
-                                        'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.description}'
-                                    ])
-                                !!}
-                                <div class="invalid-feedback" role="alert" v-if="errors.description">@{{errors.description[0]}}</div>
-                            </div>
-                            <category-select :label="$t('Category')" api-get="process_categories"
-                                api-list="process_categories" v-model="formData.process_category_id"
-                                :errors="errors.category"
-                                >
-                            </category-select>
-                            <project-select
-                                :label="$t('Project')"
-                                api-get="projects"
-                                api-list="projects"
-                                v-model="selectedProjects"
-                                :errors="errors.projects">
-                            </project-select>
-                            <div class="form-group">
-                                <label class="typo__label">{{__('Process Manager')}}</label>
-                                <select-user v-model="manager" :multiple="false" :class="{'is-invalid': errors.manager_id}">
-                                </select-user>
-                                <div class="invalid-feedback" role="alert" v-if="errors.manager_id">@{{errors.manager_id[0]}}</div>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('case_title', __('Case Title')) !!}
-                                {!!Form::text('case_title', null,
-                                    [ 'id'=> 'case_title',
-                                        'class'=> 'form-control',
-                                        'v-model'=> 'formData.case_title',
-                                        'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.case_title}'
-                                    ])
-                                !!}
-                                <div class="invalid-feedback" role="alert" v-if="errors.case_title">
-                                    @{{errors.case_title[0]}}
+                            <div class="card card-custom-info">
+                                <div class="card-header" id="headingInfo">
+                                    <button class="btn btn-custom-info" type="button" data-toggle="collapse" data-target="#collapseInfo" aria-expanded="true" aria-controls="collapseInfo" @click="toogleInfoCollapsed()">
+                                        <span>
+                                            {{__('Process Information')}}
+                                        </span>
+                                        <b-icon class="custom-size-icon" :icon="getArrowIcon(infoCollapsed)"  aria-hidden="true"/>
+                                    </button>
+                                </div>
+                                <div id="collapseInfo" class="collapse show" aria-labelledby="headingInfo">
+                                    <div class="card-body">
+                                        <b-row>
+                                            <b-col>
+                                                <div class="form-group">
+                                                    {!!Form::label('name', __('Name') . '<small class="ml-1 required-text-color">*</small>', [], false)!!}
+                                                    {!!Form::text('name', null,
+                                                        [ 'id'=> 'name',
+                                                            'class'=> 'form-control',
+                                                            'v-model'=> 'formData.name',
+                                                            'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.name}'
+                                                        ])
+                                                    !!}
+                                                    <small class="form-text text-muted"
+                                                        v-if="! errors.name">{{ __('The process name must be unique.') }}</small>
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.name">@{{errors.name[0]}}</div>
+                                                </div>
+                                                <category-select :label="$t('Category')" api-get="process_categories"
+                                                    api-list="process_categories" v-model="formData.process_category_id"
+                                                    :errors="errors.category"
+                                                    >
+                                                </category-select>
+                                                <div class="form-group">
+                                                    <label class="typo__label">{{__('Process Manager')}}</label>
+                                                    <select-user v-model="manager" :multiple="false" :class="{'is-invalid': errors.manager_id}">
+                                                    </select-user>
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.manager_id">@{{errors.manager_id[0]}}</div>
+                                                </div>
+                                            </b-col>
+                                            <b-col>
+                                                <div class="form-group">
+                                                    {!! Form::label('description', __('Description')  . '<small class="ml-1 required-text-color">*</small>', [], false) !!}
+                                                    {!! Form::textarea('description', null,
+                                                        ['id' => 'description',
+                                                            'rows' => 4,
+                                                            'class'=> 'form-control',
+                                                            'v-model' => 'formData.description',
+                                                            'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.description}'
+                                                        ])
+                                                    !!}
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.description">@{{errors.description[0]}}</div>
+                                                </div>
+                                                <project-select
+                                                    :label="$t('Project')"
+                                                    api-get="projects"
+                                                    api-list="projects"
+                                                    v-model="selectedProjects"
+                                                    :errors="errors.projects">
+                                                </project-select>
+                                            </b-col>
+                                        </b-row>
+                                    </div>
                                 </div>
-                                <small class="form-text text-muted" v-if="! errors.name">
-                                    {{ __('This field has a limit of 200 characters when calculated') }}
-                                </small>
-                            </div>
-                            <div class="form-group p-0">
-                                {!! Form::label('cancelRequest', __('Cancel Request')) !!}
-                                <multiselect id="cancelRequest"
-                                             v-model="canCancel"
-                                             :options="activeUsersAndGroupsWithManager"
-                                             :multiple="true"
-                                             :show-labels="false"
-                                             placeholder="{{__('Type to search')}}"
-                                             track-by="id"
-                                             label="fullname"
-                                             group-values="items"
-                                             group-label="label">
-                                    <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('cancelScreen', __('Cancel Screen')) !!}
-                                <multiselect aria-label="{{ __('Cancel Screen') }}"
-                                             v-model="screenCancel"
-                                             :options="screens"
-                                             :multiple="false"
-                                             :show-labels="false"
-                                             placeholder="{{ __('Type to search') }}"
-                                             @search-change="loadScreens($event)"
-                                             @open="loadScreens()"
-                                             track-by="id"
-                                             label="title">
-                                    <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                                <div class="invalid-feedback" role="alert" v-if="errors.screens">@{{errors.screens[0]}}</div>
-                            </div>
-                            <div class="form-group p-0">
-                                {!! Form::label('editData', __('Edit Data')) !!}
-                                <multiselect id="editData"
-                                             v-model="canEditData"
-                                             :options="activeUsersAndGroups"
-                                             :multiple="true"
-                                             :show-labels="false"
-                                             placeholder="{{__('Type to search')}}"
-                                             track-by="id"
-                                             label="fullname"
-                                             group-values="items"
-                                             group-label="label">
-                                    <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('requestDetailScreen', __('Request Detail Screen')) !!}
-                                <multiselect aria-label="{{ __('Request Detail Screen') }}"
-                                             v-model="screenRequestDetail"
-                                             :options="screens"
-                                             :multiple="false"
-                                             :show-labels="false"
-                                             placeholder="{{ __('Type to search') }}"
-                                             @search-change="loadScreens($event)"
-                                             @open="loadScreens()"
-                                             track-by="id"
-                                             label="title">
-                                    <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                                <div class="invalid-feedback" v-if="errors.request_detail_screen_id">@{{errors.request_detail_screen_id[0]}}</div>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('status', __('Status')) !!}
-                                <select-status v-model="formData.status" :multiple="false"></select-status>
                             </div>
-                            <div class="d-flex justify-content-end mt-2">
-                                {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary', '@click' => 'onClose']) !!}
-                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-2', '@click' => 'onUpdate']) !!}
+                            <div class="card card-custom-info">
+                                <div class="card-header" id="headingMore">
+                                    <button class="btn btn-custom-info" type="button" data-toggle="collapse" data-target="#collapseMore" aria-expanded="true" aria-controls="collapseMore" @click="toogleMoreInfoCollapsed()">
+                                        <span>
+                                            {{__('More Information')}}
+                                        </span>
+                                        
+                                        <b-icon class="custom-size-icon" :icon="getArrowIcon(moreInfoCollapsed)" aria-hidden="true"/>
+                                    </button>
+                                </div>
+                                <div id="collapseMore" class="collapse" aria-labelledby="headingMore">
+                                    <div class="card-body">
+                                        <b-row>
+                                            <b-col>
+                                                <div class="form-group">
+                                                    {!! Form::label('case_title', __('Case Title')) !!}
+                                                    {!!Form::text('case_title', null,
+                                                        [ 'id'=> 'case_title',
+                                                            'class'=> 'form-control',
+                                                            'v-model'=> 'formData.case_title',
+                                                            'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.case_title}'
+                                                        ])
+                                                    !!}
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.case_title">
+                                                        @{{errors.case_title[0]}}
+                                                    </div>
+                                                    <small class="form-text text-muted" v-if="! errors.name">
+                                                        {{ __('This field has a limit of 200 characters when calculated') }}
+                                                    </small>
+                                                </div>
+                                                <div class="form-group">
+                                                    {!! Form::label('cancelScreen', __('Cancel Screen')) !!}
+                                                    <multiselect aria-label="{{ __('Cancel Screen') }}"
+                                                                v-model="screenCancel"
+                                                                :options="screens"
+                                                                :multiple="false"
+                                                                :show-labels="false"
+                                                                placeholder="{{ __('Type to search') }}"
+                                                                @search-change="loadScreens($event)"
+                                                                @open="loadScreens()"
+                                                                track-by="id"
+                                                                label="title">
+                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
+                                                        <template slot="noOptions">
+                                                            {{ __('No Data Available') }}
+                                                        </template>
+                                                    </multiselect>
+                                                    <div class="invalid-feedback" role="alert" v-if="errors.screens">@{{errors.screens[0]}}</div>
+                                                </div>
+                                                <div class="form-group">
+                                                    {!! Form::label('requestDetailScreen', __('Request Detail Screen')) !!}
+                                                    <multiselect aria-label="{{ __('Request Detail Screen') }}"
+                                                                v-model="screenRequestDetail"
+                                                                :options="screens"
+                                                                :multiple="false"
+                                                                :show-labels="false"
+                                                                placeholder="{{ __('Type to search') }}"
+                                                                @search-change="loadScreens($event)"
+                                                                @open="loadScreens()"
+                                                                track-by="id"
+                                                                label="title">
+                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
+                                                        <template slot="noOptions">
+                                                            {{ __('No Data Available') }}
+                                                        </template>
+                                                    </multiselect>
+                                                    <div class="invalid-feedback" v-if="errors.request_detail_screen_id">@{{errors.request_detail_screen_id[0]}}</div>
+                                                </div>
+                                            </b-col>
+                                            <b-col>
+                                                <div class="form-group p-0">
+                                                    {!! Form::label('cancelRequest', __('Cancel Request')) !!}
+                                                    <multiselect id="cancelRequest"
+                                                                v-model="canCancel"
+                                                                :options="activeUsersAndGroupsWithManager"
+                                                                :multiple="true"
+                                                                :show-labels="false"
+                                                                placeholder="{{__('Type to search')}}"
+                                                                track-by="id"
+                                                                label="fullname"
+                                                                group-values="items"
+                                                                group-label="label">
+                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
+                                                        <template slot="noOptions">
+                                                            {{ __('No Data Available') }}
+                                                        </template>
+                                                    </multiselect>
+                                                </div>
+                                                <div class="form-group p-0">
+                                                    {!! Form::label('editData', __('Edit Data')) !!}
+                                                    <multiselect id="editData"
+                                                                v-model="canEditData"
+                                                                :options="activeUsersAndGroups"
+                                                                :multiple="true"
+                                                                :show-labels="false"
+                                                                placeholder="{{__('Type to search')}}"
+                                                                track-by="id"
+                                                                label="fullname"
+                                                                group-values="items"
+                                                                group-label="label">
+                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
+                                                        <template slot="noOptions">
+                                                            {{ __('No Data Available') }}
+                                                        </template>
+                                                    </multiselect>
+                                                </div>
+                                                <div class="form-group">
+                                                    {!! Form::label('status', __('Status')) !!}
+                                                    <select-status v-model="formData.status" :multiple="false"></select-status>
+                                                </div>
+                                            </b-col>
+                                        </b-row>
+                                    </div>
+                                </div>
                             </div>
                         </div>
+                        <div class="d-flex justify-content-end mt-2">
+                            {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary button-custom', '@click' => 'onClose']) !!}
+                            {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-3 button-custom', '@click' => 'onUpdate']) !!}
+                        </div>
 
                         {{-- Translations --}}
                         @if (config('app.open_ai_process_translations'))
@@ -422,7 +462,7 @@ class="custom-control-input">
                             </div>
                             <div class="d-flex justify-content-end mt-2">
                                 {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary', '@click' => 'onClose']) !!}
-                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-2', '@click' => 'onUpdate']) !!}
+                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary', '@click' => 'onUpdate']) !!}
                             </div>
                         </div>
 
@@ -477,6 +517,8 @@ class="custom-control-input">
                     translatedLanguages: [],
                     editTranslation: null,
                     activeTab: "",
+                    moreInfoCollapsed: false,
+                    infoCollapsed: true,
                 }
                 },
                 mounted() {
@@ -520,6 +562,24 @@ class="custom-control-input">
                         this.screens = response.data.data;
                     });
                 },
+                /**
+                 * Change info arrow
+                 */
+                toogleInfoCollapsed() {
+                    this.infoCollapsed = !this.infoCollapsed;
+                },
+                /**
+                 * Change more info arrow
+                 */
+                toogleMoreInfoCollapsed() {
+                    this.moreInfoCollapsed = !this.moreInfoCollapsed;
+                },
+                getArrowIcon(collapseInfo) {
+                    if (collapseInfo) {
+                        return 'caret-up-fill'
+                    }
+                    return 'caret-down-fill'
+                },
                 resetErrors() {
                     this.errors = Object.assign({}, {
                     name: null,
@@ -679,9 +739,9 @@ class="custom-control-input">
         }
 
         .multiselect__tags {
-            border: 1px solid #b6bfc6 !important;
-            border-radius: 0.125em !important;
-            height: calc(1.875rem + 2px) !important;
+            border: 1px solid var(--borders, #cdddee) !important;
+            border-radius: 4px !important;
+            height: 40px !important;
         }
 
         .multiselect__tag {
@@ -691,5 +751,81 @@ class="custom-control-input">
         .multiselect__tag-icon:after {
             color: white !important;
         }
+
+        .card-custom-info {
+            border: 0px;
+            margin-bottom: 5px;
+        }
+
+        .card-custom-info .card-header {
+            border: 0px;
+            height: 40px;
+            padding: 8px 19.59px;
+            border-radius: 4px;
+            opacity: 0px;
+            background: #f2f8fe;
+        }
+
+        .card-custom-info .card-body {
+            padding: 24px 13px;
+        }
+       
+        .btn-custom-info {
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+            height: 24px;
+            padding: 0px;
+            left: 42.59px;
+            color: #556271;
+            font-family: 'Open Sans', sans-serif;
+            font-size: 16px;
+            font-weight: 400;
+            line-height: 21px;
+            letter-spacing: -0.02em;
+            text-align: left;
+            text-transform: capitalize;
+        }
+
+        .btn-custom-info:focus {
+            box-shadow: none;
+        }
+
+        .custom-size-icon {
+            width: 10px;
+        }
+        
+        .required-text-color,
+        .form-group[required=required] label::after {
+            color: #1572c2;
+            opacity: 1;
+        }
+        
+        .form-group label{
+            color: #556271;
+            font-family: 'Open Sans', sans-serif;
+            font-size: 16px;
+            font-weight: 600;
+            line-height: 24px;
+            letter-spacing: -0.02em;
+        }
+
+        .form-control {
+            border-radius: 4px;
+            border: 1px solid var(--borders, #cdddee)
+        }
+
+        .button-custom {
+            width: 118px;
+            height: 40px;
+            padding: 0px 15px;
+            border-radius: 4px;
+            font-family: 'Open Sans', sans-serif;
+            font-size: 16px;
+            font-weight: 600;
+            line-height: 24px;
+            letter-spacing: -0.02em;
+            text-align: center;
+        }
     </style>
 @endsection

From 7aae519a13edbeb44bbf6f6a817e048639732fd2 Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Thu, 23 May 2024 17:03:27 -0400
Subject: [PATCH 04/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 117 +++++++++++++++++++----
 1 file changed, 97 insertions(+), 20 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 07835a44d4..623b8435e7 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -53,18 +53,42 @@
                     <div class="tab-content" id="nav-tabContent">
 
                         {{-- Configuration --}}
-                        <div class="tab-pane fade show" :class="{'active': activeTab === ''}" id="nav-config" role="tabpanel"
-                             aria-labelledby="nav-config-tab">
+                        <div
+                            class="tab-pane fade show"
+                            :class="{'active': activeTab === ''}"
+                            id="nav-config"
+                            role="tabpanel"
+                            aria-labelledby="nav-config-tab"
+                            >
                             <div class="card card-custom-info">
-                                <div class="card-header" id="headingInfo">
-                                    <button class="btn btn-custom-info" type="button" data-toggle="collapse" data-target="#collapseInfo" aria-expanded="true" aria-controls="collapseInfo" @click="toogleInfoCollapsed()">
+                                <div
+                                    class="card-header"
+                                    id="headingInfo"
+                                    >
+                                    <button
+                                        class="btn btn-custom-info"
+                                        type="button"
+                                        data-toggle="collapse"
+                                        data-target="#collapseInfo"
+                                        aria-expanded="true"
+                                        aria-controls="collapseInfo"
+                                        @click="toogleInfoCollapsed()"
+                                        >
                                         <span>
                                             {{__('Process Information')}}
                                         </span>
-                                        <b-icon class="custom-size-icon" :icon="getArrowIcon(infoCollapsed)"  aria-hidden="true"/>
+                                        <b-icon
+                                            class="custom-size-icon"
+                                            :icon="getArrowIcon(infoCollapsed)"
+                                            aria-hidden="true"
+                                            />
                                     </button>
                                 </div>
-                                <div id="collapseInfo" class="collapse show" aria-labelledby="headingInfo">
+                                <div
+                                    id="collapseInfo"
+                                    class="collapse show"
+                                    aria-labelledby="headingInfo"
+                                    >
                                     <div class="card-body">
                                         <b-row>
                                             <b-col>
@@ -79,10 +103,18 @@
                                                     !!}
                                                     <small class="form-text text-muted"
                                                         v-if="! errors.name">{{ __('The process name must be unique.') }}</small>
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.name">@{{errors.name[0]}}</div>
+                                                    <div
+                                                        class="invalid-feedback"
+                                                        role="alert" v-if="errors.name"
+                                                        >
+                                                        @{{errors.name[0]}}
+                                                    </div>
                                                 </div>
-                                                <category-select :label="$t('Category')" api-get="process_categories"
-                                                    api-list="process_categories" v-model="formData.process_category_id"
+                                                <category-select
+                                                    :label="$t('Category')"
+                                                    api-get="process_categories"
+                                                    api-list="process_categories"
+                                                    v-model="formData.process_category_id"
                                                     :errors="errors.category"
                                                     >
                                                 </category-select>
@@ -90,7 +122,13 @@
                                                     <label class="typo__label">{{__('Process Manager')}}</label>
                                                     <select-user v-model="manager" :multiple="false" :class="{'is-invalid': errors.manager_id}">
                                                     </select-user>
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.manager_id">@{{errors.manager_id[0]}}</div>
+                                                    <div
+                                                        v-if="errors.manager_id"
+                                                        class="invalid-feedback"
+                                                        role="alert"
+                                                        >
+                                                        @{{errors.manager_id[0]}}
+                                                    </div>
                                                 </div>
                                             </b-col>
                                             <b-col>
@@ -104,7 +142,13 @@
                                                             'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.description}'
                                                         ])
                                                     !!}
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.description">@{{errors.description[0]}}</div>
+                                                    <div
+                                                        class="invalid-feedback"
+                                                        role="alert"
+                                                        v-if="errors.description"
+                                                        >
+                                                        @{{errors.description[0]}}
+                                                    </div>
                                                 </div>
                                                 <project-select
                                                     :label="$t('Project')"
@@ -119,16 +163,35 @@
                                 </div>
                             </div>
                             <div class="card card-custom-info">
-                                <div class="card-header" id="headingMore">
-                                    <button class="btn btn-custom-info" type="button" data-toggle="collapse" data-target="#collapseMore" aria-expanded="true" aria-controls="collapseMore" @click="toogleMoreInfoCollapsed()">
+                                <div
+                                    class="card-header"
+                                    id="headingMore"
+                                    >
+                                    <button
+                                        class="btn btn-custom-info"
+                                        type="button"
+                                        data-toggle="collapse"
+                                        data-target="#collapseMore"
+                                        aria-expanded="true"
+                                        aria-controls="collapseMore"
+                                        @click="toogleMoreInfoCollapsed()"
+                                        >
                                         <span>
                                             {{__('More Information')}}
                                         </span>
                                         
-                                        <b-icon class="custom-size-icon" :icon="getArrowIcon(moreInfoCollapsed)" aria-hidden="true"/>
+                                        <b-icon
+                                            class="custom-size-icon"
+                                            :icon="getArrowIcon(moreInfoCollapsed)"
+                                            aria-hidden="true"
+                                            />
                                     </button>
                                 </div>
-                                <div id="collapseMore" class="collapse" aria-labelledby="headingMore">
+                                <div
+                                    id="collapseMore"
+                                    class="collapse"
+                                    aria-labelledby="headingMore"
+                                    >
                                     <div class="card-body">
                                         <b-row>
                                             <b-col>
@@ -165,7 +228,13 @@
                                                             {{ __('No Data Available') }}
                                                         </template>
                                                     </multiselect>
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.screens">@{{errors.screens[0]}}</div>
+                                                    <div
+                                                        v-if="errors.screens"
+                                                        class="invalid-feedback"
+                                                        role="alert"
+                                                        >
+                                                        @{{errors.screens[0]}}
+                                                    </div>
                                                 </div>
                                                 <div class="form-group">
                                                     {!! Form::label('requestDetailScreen', __('Request Detail Screen')) !!}
@@ -179,12 +248,17 @@
                                                                 @open="loadScreens()"
                                                                 track-by="id"
                                                                 label="title">
-                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
+                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }} />
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
                                                     </multiselect>
-                                                    <div class="invalid-feedback" v-if="errors.request_detail_screen_id">@{{errors.request_detail_screen_id[0]}}</div>
+                                                    <div
+                                                        v-if="errors.request_detail_screen_id"
+                                                        class="invalid-feedback"
+                                                        >
+                                                        @{{errors.request_detail_screen_id[0]}}
+                                                    </div>
                                                 </div>
                                             </b-col>
                                             <b-col>
@@ -200,7 +274,7 @@
                                                                 label="fullname"
                                                                 group-values="items"
                                                                 group-label="label">
-                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
+                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}} />
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
@@ -462,7 +536,7 @@ class="custom-control-input">
                             </div>
                             <div class="d-flex justify-content-end mt-2">
                                 {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary', '@click' => 'onClose']) !!}
-                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary', '@click' => 'onUpdate']) !!}
+                                {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-2', '@click' => 'onUpdate']) !!}
                             </div>
                         </div>
 
@@ -574,6 +648,9 @@ class="custom-control-input">
                 toogleMoreInfoCollapsed() {
                     this.moreInfoCollapsed = !this.moreInfoCollapsed;
                 },
+                /**
+                 * Get arrow for collapse
+                 */
                 getArrowIcon(collapseInfo) {
                     if (collapseInfo) {
                         return 'caret-up-fill'

From a3d541c6f49c814453737b40cf6f8d9aaa2e6754 Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Fri, 24 May 2024 09:25:17 -0400
Subject: [PATCH 05/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 175 ++++++++++++++---------
 1 file changed, 107 insertions(+), 68 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 623b8435e7..c7cffe9ba7 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -59,12 +59,12 @@ class="tab-pane fade show"
                             id="nav-config"
                             role="tabpanel"
                             aria-labelledby="nav-config-tab"
-                            >
+                        >
                             <div class="card card-custom-info">
                                 <div
                                     class="card-header"
                                     id="headingInfo"
-                                    >
+                                >
                                     <button
                                         class="btn btn-custom-info"
                                         type="button"
@@ -73,7 +73,7 @@ class="btn btn-custom-info"
                                         aria-expanded="true"
                                         aria-controls="collapseInfo"
                                         @click="toogleInfoCollapsed()"
-                                        >
+                                    >
                                         <span>
                                             {{__('Process Information')}}
                                         </span>
@@ -81,19 +81,24 @@ class="btn btn-custom-info"
                                             class="custom-size-icon"
                                             :icon="getArrowIcon(infoCollapsed)"
                                             aria-hidden="true"
-                                            />
+                                        />
                                     </button>
                                 </div>
                                 <div
                                     id="collapseInfo"
                                     class="collapse show"
                                     aria-labelledby="headingInfo"
-                                    >
+                                >
                                     <div class="card-body">
                                         <b-row>
                                             <b-col>
                                                 <div class="form-group">
-                                                    {!!Form::label('name', __('Name') . '<small class="ml-1 required-text-color">*</small>', [], false)!!}
+                                                    {!!Form::label('name',
+                                                        __('Name') . '
+                                                        <small class="ml-1 required-text-color">*</small>',
+                                                        [],
+                                                        false)
+                                                    !!}
                                                     {!!Form::text('name', null,
                                                         [ 'id'=> 'name',
                                                             'class'=> 'form-control',
@@ -106,7 +111,7 @@ class="collapse show"
                                                     <div
                                                         class="invalid-feedback"
                                                         role="alert" v-if="errors.name"
-                                                        >
+                                                    >
                                                         @{{errors.name[0]}}
                                                     </div>
                                                 </div>
@@ -116,24 +121,32 @@ class="invalid-feedback"
                                                     api-list="process_categories"
                                                     v-model="formData.process_category_id"
                                                     :errors="errors.category"
-                                                    >
-                                                </category-select>
+                                                />
                                                 <div class="form-group">
                                                     <label class="typo__label">{{__('Process Manager')}}</label>
-                                                    <select-user v-model="manager" :multiple="false" :class="{'is-invalid': errors.manager_id}">
+                                                    <select-user
+                                                        v-model="manager"
+                                                        :multiple="false"
+                                                        :class="{'is-invalid': errors.manager_id}"
+                                                    >
                                                     </select-user>
                                                     <div
                                                         v-if="errors.manager_id"
                                                         class="invalid-feedback"
                                                         role="alert"
-                                                        >
+                                                    >
                                                         @{{errors.manager_id[0]}}
                                                     </div>
                                                 </div>
                                             </b-col>
                                             <b-col>
                                                 <div class="form-group">
-                                                    {!! Form::label('description', __('Description')  . '<small class="ml-1 required-text-color">*</small>', [], false) !!}
+                                                    {!! Form::label('description',
+                                                        __('Description')  .
+                                                        '<small class="ml-1 required-text-color">*</small>',
+                                                        [],
+                                                        false) 
+                                                    !!}
                                                     {!! Form::textarea('description', null,
                                                         ['id' => 'description',
                                                             'rows' => 4,
@@ -146,7 +159,7 @@ class="invalid-feedback"
                                                         class="invalid-feedback"
                                                         role="alert"
                                                         v-if="errors.description"
-                                                        >
+                                                    >
                                                         @{{errors.description[0]}}
                                                     </div>
                                                 </div>
@@ -155,8 +168,8 @@ class="invalid-feedback"
                                                     api-get="projects"
                                                     api-list="projects"
                                                     v-model="selectedProjects"
-                                                    :errors="errors.projects">
-                                                </project-select>
+                                                    :errors="errors.projects"
+                                                />
                                             </b-col>
                                         </b-row>
                                     </div>
@@ -166,7 +179,7 @@ class="invalid-feedback"
                                 <div
                                     class="card-header"
                                     id="headingMore"
-                                    >
+                                >
                                     <button
                                         class="btn btn-custom-info"
                                         type="button"
@@ -175,7 +188,7 @@ class="btn btn-custom-info"
                                         aria-expanded="true"
                                         aria-controls="collapseMore"
                                         @click="toogleMoreInfoCollapsed()"
-                                        >
+                                    >
                                         <span>
                                             {{__('More Information')}}
                                         </span>
@@ -184,14 +197,14 @@ class="btn btn-custom-info"
                                             class="custom-size-icon"
                                             :icon="getArrowIcon(moreInfoCollapsed)"
                                             aria-hidden="true"
-                                            />
+                                        />
                                     </button>
                                 </div>
                                 <div
                                     id="collapseMore"
                                     class="collapse"
                                     aria-labelledby="headingMore"
-                                    >
+                                >
                                     <div class="card-body">
                                         <b-row>
                                             <b-col>
@@ -204,7 +217,11 @@ class="collapse"
                                                             'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.case_title}'
                                                         ])
                                                     !!}
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.case_title">
+                                                    <div
+                                                        v-if="errors.case_title"
+                                                        class="invalid-feedback"
+                                                        role="alert"
+                                                    >
                                                         @{{errors.case_title[0]}}
                                                     </div>
                                                     <small class="form-text text-muted" v-if="! errors.name">
@@ -213,17 +230,21 @@ class="collapse"
                                                 </div>
                                                 <div class="form-group">
                                                     {!! Form::label('cancelScreen', __('Cancel Screen')) !!}
-                                                    <multiselect aria-label="{{ __('Cancel Screen') }}"
-                                                                v-model="screenCancel"
-                                                                :options="screens"
-                                                                :multiple="false"
-                                                                :show-labels="false"
-                                                                placeholder="{{ __('Type to search') }}"
-                                                                @search-change="loadScreens($event)"
-                                                                @open="loadScreens()"
-                                                                track-by="id"
-                                                                label="title">
-                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
+                                                    <multiselect
+                                                        aria-label="{{ __('Cancel Screen') }}"
+                                                        v-model="screenCancel"
+                                                        :options="screens"
+                                                        :multiple="false"
+                                                        :show-labels="false"
+                                                        placeholder="{{ __('Type to search') }}"
+                                                        @search-change="loadScreens($event)"
+                                                        @open="loadScreens()"
+                                                        track-by="id"
+                                                        label="title"
+                                                    >
+                                                        <span slot="noResult">
+                                                            {{ __('Oops! No elements found. Consider changing the search query.') }}
+                                                        </span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
@@ -232,23 +253,29 @@ class="collapse"
                                                         v-if="errors.screens"
                                                         class="invalid-feedback"
                                                         role="alert"
-                                                        >
+                                                    >
                                                         @{{errors.screens[0]}}
                                                     </div>
                                                 </div>
                                                 <div class="form-group">
-                                                    {!! Form::label('requestDetailScreen', __('Request Detail Screen')) !!}
-                                                    <multiselect aria-label="{{ __('Request Detail Screen') }}"
-                                                                v-model="screenRequestDetail"
-                                                                :options="screens"
-                                                                :multiple="false"
-                                                                :show-labels="false"
-                                                                placeholder="{{ __('Type to search') }}"
-                                                                @search-change="loadScreens($event)"
-                                                                @open="loadScreens()"
-                                                                track-by="id"
-                                                                label="title">
-                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }} />
+                                                    {!! Form::label('requestDetailScreen',
+                                                        __('Request Detail Screen'))
+                                                    !!}
+                                                    <multiselect
+                                                        aria-label="{{ __('Request Detail Screen') }}"
+                                                        v-model="screenRequestDetail"
+                                                        :options="screens"
+                                                        :multiple="false"
+                                                        :show-labels="false"
+                                                        placeholder="{{ __('Type to search') }}"
+                                                        @search-change="loadScreens($event)"
+                                                        @open="loadScreens()"
+                                                        track-by="id"
+                                                        label="title"
+                                                    >
+                                                        <span slot="noResult">
+                                                            {{ __('Oops! No elements found. Consider changing the search query.') }} 
+                                                        </span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
@@ -256,7 +283,7 @@ class="invalid-feedback"
                                                     <div
                                                         v-if="errors.request_detail_screen_id"
                                                         class="invalid-feedback"
-                                                        >
+                                                    >
                                                         @{{errors.request_detail_screen_id[0]}}
                                                     </div>
                                                 </div>
@@ -264,17 +291,21 @@ class="invalid-feedback"
                                             <b-col>
                                                 <div class="form-group p-0">
                                                     {!! Form::label('cancelRequest', __('Cancel Request')) !!}
-                                                    <multiselect id="cancelRequest"
-                                                                v-model="canCancel"
-                                                                :options="activeUsersAndGroupsWithManager"
-                                                                :multiple="true"
-                                                                :show-labels="false"
-                                                                placeholder="{{__('Type to search')}}"
-                                                                track-by="id"
-                                                                label="fullname"
-                                                                group-values="items"
-                                                                group-label="label">
-                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}} />
+                                                    <multiselect
+                                                        id="cancelRequest"
+                                                        v-model="canCancel"
+                                                        :options="activeUsersAndGroupsWithManager"
+                                                        :multiple="true"
+                                                        :show-labels="false"
+                                                        placeholder="{{__('Type to search')}}"
+                                                        track-by="id"
+                                                        label="fullname"
+                                                        group-values="items"
+                                                        group-label="label"
+                                                    >
+                                                        <span slot="noResult">
+                                                            {{__('Oops! No elements found. Consider changing the search query.')}}
+                                                        </span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
@@ -282,16 +313,18 @@ class="invalid-feedback"
                                                 </div>
                                                 <div class="form-group p-0">
                                                     {!! Form::label('editData', __('Edit Data')) !!}
-                                                    <multiselect id="editData"
-                                                                v-model="canEditData"
-                                                                :options="activeUsersAndGroups"
-                                                                :multiple="true"
-                                                                :show-labels="false"
-                                                                placeholder="{{__('Type to search')}}"
-                                                                track-by="id"
-                                                                label="fullname"
-                                                                group-values="items"
-                                                                group-label="label">
+                                                    <multiselect
+                                                        id="editData"
+                                                        v-model="canEditData"
+                                                        :options="activeUsersAndGroups"
+                                                        :multiple="true"
+                                                        :show-labels="false"
+                                                        placeholder="{{__('Type to search')}}"
+                                                        track-by="id"
+                                                        label="fullname"
+                                                        group-values="items"
+                                                        group-label="label"
+                                                    >
                                                         <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
@@ -309,8 +342,14 @@ class="invalid-feedback"
                             </div>
                         </div>
                         <div class="d-flex justify-content-end mt-2">
-                            {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary button-custom', '@click' => 'onClose']) !!}
-                            {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-3 button-custom', '@click' => 'onUpdate']) !!}
+                            {!! Form::button(__('Cancel'),
+                                ['class'=>'btn btn-outline-secondary button-custom',
+                                '@click' => 'onClose'])
+                            !!}
+                            {!! Form::button(__('Save'),
+                                ['class'=>'btn btn-secondary ml-3 button-custom',
+                                '@click' => 'onUpdate'])
+                            !!}
                         </div>
 
                         {{-- Translations --}}

From ddc8b2393085c56b574f60cb04e18ab814bac6a9 Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Fri, 24 May 2024 09:30:22 -0400
Subject: [PATCH 06/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 145 +----------------------
 1 file changed, 1 insertion(+), 144 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 17acf7166c..40406cc3d7 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -59,20 +59,12 @@ class="tab-pane fade show"
                             id="nav-config"
                             role="tabpanel"
                             aria-labelledby="nav-config-tab"
-<<<<<<< HEAD
                         >
-=======
-                            >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                             <div class="card card-custom-info">
                                 <div
                                     class="card-header"
                                     id="headingInfo"
-<<<<<<< HEAD
                                 >
-=======
-                                    >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                     <button
                                         class="btn btn-custom-info"
                                         type="button"
@@ -81,11 +73,7 @@ class="btn btn-custom-info"
                                         aria-expanded="true"
                                         aria-controls="collapseInfo"
                                         @click="toogleInfoCollapsed()"
-<<<<<<< HEAD
                                     >
-=======
-                                        >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                         <span>
                                             {{__('Process Information')}}
                                         </span>
@@ -93,36 +81,24 @@ class="btn btn-custom-info"
                                             class="custom-size-icon"
                                             :icon="getArrowIcon(infoCollapsed)"
                                             aria-hidden="true"
-<<<<<<< HEAD
                                         />
-=======
-                                            />
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                     </button>
                                 </div>
                                 <div
                                     id="collapseInfo"
                                     class="collapse show"
                                     aria-labelledby="headingInfo"
-<<<<<<< HEAD
                                 >
-=======
-                                    >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                     <div class="card-body">
                                         <b-row>
                                             <b-col>
                                                 <div class="form-group">
-<<<<<<< HEAD
                                                     {!!Form::label('name',
                                                         __('Name') . '
                                                         <small class="ml-1 required-text-color">*</small>',
                                                         [],
                                                         false)
                                                     !!}
-=======
-                                                    {!!Form::label('name', __('Name') . '<small class="ml-1 required-text-color">*</small>', [], false)!!}
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                     {!!Form::text('name', null,
                                                         [ 'id'=> 'name',
                                                             'class'=> 'form-control',
@@ -135,11 +111,7 @@ class="collapse show"
                                                     <div
                                                         class="invalid-feedback"
                                                         role="alert" v-if="errors.name"
-<<<<<<< HEAD
                                                     >
-=======
-                                                        >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         @{{errors.name[0]}}
                                                     </div>
                                                 </div>
@@ -149,7 +121,6 @@ class="invalid-feedback"
                                                     api-list="process_categories"
                                                     v-model="formData.process_category_id"
                                                     :errors="errors.category"
-<<<<<<< HEAD
                                                 />
                                                 <div class="form-group">
                                                     <label class="typo__label">{{__('Process Manager')}}</label>
@@ -157,40 +128,24 @@ class="invalid-feedback"
                                                         v-model="manager"
                                                         :multiple="false"
                                                         :class="{'is-invalid': errors.manager_id}"
-                                                    >
-=======
-                                                    >
-                                                </category-select>
-                                                <div class="form-group">
-                                                    <label class="typo__label">{{__('Process Manager')}}</label>
-                                                    <select-user v-model="manager" :multiple="false" :class="{'is-invalid': errors.manager_id}">
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
-                                                    </select-user>
+                                                    />
                                                     <div
                                                         v-if="errors.manager_id"
                                                         class="invalid-feedback"
                                                         role="alert"
-<<<<<<< HEAD
                                                     >
-=======
-                                                        >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         @{{errors.manager_id[0]}}
                                                     </div>
                                                 </div>
                                             </b-col>
                                             <b-col>
                                                 <div class="form-group">
-<<<<<<< HEAD
                                                     {!! Form::label('description',
                                                         __('Description')  .
                                                         '<small class="ml-1 required-text-color">*</small>',
                                                         [],
                                                         false) 
                                                     !!}
-=======
-                                                    {!! Form::label('description', __('Description')  . '<small class="ml-1 required-text-color">*</small>', [], false) !!}
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                     {!! Form::textarea('description', null,
                                                         ['id' => 'description',
                                                             'rows' => 4,
@@ -203,11 +158,7 @@ class="invalid-feedback"
                                                         class="invalid-feedback"
                                                         role="alert"
                                                         v-if="errors.description"
-<<<<<<< HEAD
                                                     >
-=======
-                                                        >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         @{{errors.description[0]}}
                                                     </div>
                                                 </div>
@@ -216,13 +167,8 @@ class="invalid-feedback"
                                                     api-get="projects"
                                                     api-list="projects"
                                                     v-model="selectedProjects"
-<<<<<<< HEAD
                                                     :errors="errors.projects"
                                                 />
-=======
-                                                    :errors="errors.projects">
-                                                </project-select>
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                             </b-col>
                                         </b-row>
                                     </div>
@@ -232,11 +178,7 @@ class="invalid-feedback"
                                 <div
                                     class="card-header"
                                     id="headingMore"
-<<<<<<< HEAD
                                 >
-=======
-                                    >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                     <button
                                         class="btn btn-custom-info"
                                         type="button"
@@ -245,11 +187,7 @@ class="btn btn-custom-info"
                                         aria-expanded="true"
                                         aria-controls="collapseMore"
                                         @click="toogleMoreInfoCollapsed()"
-<<<<<<< HEAD
                                     >
-=======
-                                        >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                         <span>
                                             {{__('More Information')}}
                                         </span>
@@ -258,22 +196,14 @@ class="btn btn-custom-info"
                                             class="custom-size-icon"
                                             :icon="getArrowIcon(moreInfoCollapsed)"
                                             aria-hidden="true"
-<<<<<<< HEAD
                                         />
-=======
-                                            />
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                     </button>
                                 </div>
                                 <div
                                     id="collapseMore"
                                     class="collapse"
                                     aria-labelledby="headingMore"
-<<<<<<< HEAD
                                 >
-=======
-                                    >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                     <div class="card-body">
                                         <b-row>
                                             <b-col>
@@ -286,15 +216,11 @@ class="collapse"
                                                             'v-bind:class' => '{\'form-control\':true, \'is-invalid\':errors.case_title}'
                                                         ])
                                                     !!}
-<<<<<<< HEAD
                                                     <div
                                                         v-if="errors.case_title"
                                                         class="invalid-feedback"
                                                         role="alert"
                                                     >
-=======
-                                                    <div class="invalid-feedback" role="alert" v-if="errors.case_title">
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         @{{errors.case_title[0]}}
                                                     </div>
                                                     <small class="form-text text-muted" v-if="! errors.name">
@@ -303,7 +229,6 @@ class="invalid-feedback"
                                                 </div>
                                                 <div class="form-group">
                                                     {!! Form::label('cancelScreen', __('Cancel Screen')) !!}
-<<<<<<< HEAD
                                                     <multiselect
                                                         aria-label="{{ __('Cancel Screen') }}"
                                                         v-model="screenCancel"
@@ -319,19 +244,6 @@ class="invalid-feedback"
                                                         <span slot="noResult">
                                                             {{ __('Oops! No elements found. Consider changing the search query.') }}
                                                         </span>
-=======
-                                                    <multiselect aria-label="{{ __('Cancel Screen') }}"
-                                                                v-model="screenCancel"
-                                                                :options="screens"
-                                                                :multiple="false"
-                                                                :show-labels="false"
-                                                                placeholder="{{ __('Type to search') }}"
-                                                                @search-change="loadScreens($event)"
-                                                                @open="loadScreens()"
-                                                                track-by="id"
-                                                                label="title">
-                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
@@ -340,16 +252,11 @@ class="invalid-feedback"
                                                         v-if="errors.screens"
                                                         class="invalid-feedback"
                                                         role="alert"
-<<<<<<< HEAD
                                                     >
-=======
-                                                        >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         @{{errors.screens[0]}}
                                                     </div>
                                                 </div>
                                                 <div class="form-group">
-<<<<<<< HEAD
                                                     {!! Form::label('requestDetailScreen',
                                                         __('Request Detail Screen'))
                                                     !!}
@@ -368,20 +275,6 @@ class="invalid-feedback"
                                                         <span slot="noResult">
                                                             {{ __('Oops! No elements found. Consider changing the search query.') }} 
                                                         </span>
-=======
-                                                    {!! Form::label('requestDetailScreen', __('Request Detail Screen')) !!}
-                                                    <multiselect aria-label="{{ __('Request Detail Screen') }}"
-                                                                v-model="screenRequestDetail"
-                                                                :options="screens"
-                                                                :multiple="false"
-                                                                :show-labels="false"
-                                                                placeholder="{{ __('Type to search') }}"
-                                                                @search-change="loadScreens($event)"
-                                                                @open="loadScreens()"
-                                                                track-by="id"
-                                                                label="title">
-                                                        <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }} />
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
@@ -389,11 +282,7 @@ class="invalid-feedback"
                                                     <div
                                                         v-if="errors.request_detail_screen_id"
                                                         class="invalid-feedback"
-<<<<<<< HEAD
                                                     >
-=======
-                                                        >
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         @{{errors.request_detail_screen_id[0]}}
                                                     </div>
                                                 </div>
@@ -401,7 +290,6 @@ class="invalid-feedback"
                                             <b-col>
                                                 <div class="form-group p-0">
                                                     {!! Form::label('cancelRequest', __('Cancel Request')) !!}
-<<<<<<< HEAD
                                                     <multiselect
                                                         id="cancelRequest"
                                                         v-model="canCancel"
@@ -417,19 +305,6 @@ class="invalid-feedback"
                                                         <span slot="noResult">
                                                             {{__('Oops! No elements found. Consider changing the search query.')}}
                                                         </span>
-=======
-                                                    <multiselect id="cancelRequest"
-                                                                v-model="canCancel"
-                                                                :options="activeUsersAndGroupsWithManager"
-                                                                :multiple="true"
-                                                                :show-labels="false"
-                                                                placeholder="{{__('Type to search')}}"
-                                                                track-by="id"
-                                                                label="fullname"
-                                                                group-values="items"
-                                                                group-label="label">
-                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}} />
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
@@ -437,7 +312,6 @@ class="invalid-feedback"
                                                 </div>
                                                 <div class="form-group p-0">
                                                     {!! Form::label('editData', __('Edit Data')) !!}
-<<<<<<< HEAD
                                                     <multiselect
                                                         id="editData"
                                                         v-model="canEditData"
@@ -450,18 +324,6 @@ class="invalid-feedback"
                                                         group-values="items"
                                                         group-label="label"
                                                     >
-=======
-                                                    <multiselect id="editData"
-                                                                v-model="canEditData"
-                                                                :options="activeUsersAndGroups"
-                                                                :multiple="true"
-                                                                :show-labels="false"
-                                                                placeholder="{{__('Type to search')}}"
-                                                                track-by="id"
-                                                                label="fullname"
-                                                                group-values="items"
-                                                                group-label="label">
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                                                         <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
@@ -479,7 +341,6 @@ class="invalid-feedback"
                             </div>
                         </div>
                         <div class="d-flex justify-content-end mt-2">
-<<<<<<< HEAD
                             {!! Form::button(__('Cancel'),
                                 ['class'=>'btn btn-outline-secondary button-custom',
                                 '@click' => 'onClose'])
@@ -488,10 +349,6 @@ class="invalid-feedback"
                                 ['class'=>'btn btn-secondary ml-3 button-custom',
                                 '@click' => 'onUpdate'])
                             !!}
-=======
-                            {!! Form::button(__('Cancel'), ['class'=>'btn btn-outline-secondary button-custom', '@click' => 'onClose']) !!}
-                            {!! Form::button(__('Save'), ['class'=>'btn btn-secondary ml-3 button-custom', '@click' => 'onUpdate']) !!}
->>>>>>> 7aae519a13edbeb44bbf6f6a817e048639732fd2
                         </div>
 
                         {{-- Translations --}}

From 656bc3ea56b098c6094a45e5d9b17d50efad8009 Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Fri, 24 May 2024 09:38:13 -0400
Subject: [PATCH 07/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 40406cc3d7..70c5612a8f 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -273,7 +273,9 @@ class="invalid-feedback"
                                                         label="title"
                                                     >
                                                         <span slot="noResult">
-                                                            {{ __('Oops! No elements found. Consider changing the search query.') }} 
+                                                            {{
+                                                                __('Oops! No elements found. Consider changing the search query.')
+                                                            }}
                                                         </span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
@@ -303,7 +305,9 @@ class="invalid-feedback"
                                                         group-label="label"
                                                     >
                                                         <span slot="noResult">
-                                                            {{__('Oops! No elements found. Consider changing the search query.')}}
+                                                            {{
+                                                                __('Oops! No elements found. Consider changing the search query.')
+                                                            }}
                                                         </span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
@@ -324,7 +328,11 @@ class="invalid-feedback"
                                                         group-values="items"
                                                         group-label="label"
                                                     >
-                                                        <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
+                                                        <span slot="noResult">
+                                                            {{
+                                                                __('Oops! No elements found. Consider changing the search query.')
+                                                            }}
+                                                        </span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
                                                         </template>
@@ -332,7 +340,10 @@ class="invalid-feedback"
                                                 </div>
                                                 <div class="form-group">
                                                     {!! Form::label('status', __('Status')) !!}
-                                                    <select-status v-model="formData.status" :multiple="false"></select-status>
+                                                    <select-status
+                                                        v-model="formData.status"
+                                                        :multiple="false"
+                                                    />
                                                 </div>
                                             </b-col>
                                         </b-row>

From 40d0ac6bb7e6c7412b7f266ce4bf91453d27500b Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Fri, 24 May 2024 10:24:14 -0400
Subject: [PATCH 08/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 47 +++++-------------------
 1 file changed, 10 insertions(+), 37 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 70c5612a8f..4e24ef3c84 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -72,16 +72,10 @@ class="btn btn-custom-info"
                                         data-target="#collapseInfo"
                                         aria-expanded="true"
                                         aria-controls="collapseInfo"
-                                        @click="toogleInfoCollapsed()"
                                     >
                                         <span>
                                             {{__('Process Information')}}
                                         </span>
-                                        <b-icon
-                                            class="custom-size-icon"
-                                            :icon="getArrowIcon(infoCollapsed)"
-                                            aria-hidden="true"
-                                        />
                                     </button>
                                 </div>
                                 <div
@@ -180,23 +174,16 @@ class="card-header"
                                     id="headingMore"
                                 >
                                     <button
-                                        class="btn btn-custom-info"
+                                        class="btn btn-custom-info collapsed"
                                         type="button"
                                         data-toggle="collapse"
                                         data-target="#collapseMore"
                                         aria-expanded="true"
                                         aria-controls="collapseMore"
-                                        @click="toogleMoreInfoCollapsed()"
                                     >
                                         <span>
                                             {{__('More Information')}}
                                         </span>
-                                        
-                                        <b-icon
-                                            class="custom-size-icon"
-                                            :icon="getArrowIcon(moreInfoCollapsed)"
-                                            aria-hidden="true"
-                                        />
                                     </button>
                                 </div>
                                 <div
@@ -640,8 +627,6 @@ class="custom-control-input">
                     translatedLanguages: [],
                     editTranslation: null,
                     activeTab: "",
-                    moreInfoCollapsed: false,
-                    infoCollapsed: true,
                 }
                 },
                 mounted() {
@@ -685,27 +670,6 @@ class="custom-control-input">
                         this.screens = response.data.data;
                     });
                 },
-                /**
-                 * Change info arrow
-                 */
-                toogleInfoCollapsed() {
-                    this.infoCollapsed = !this.infoCollapsed;
-                },
-                /**
-                 * Change more info arrow
-                 */
-                toogleMoreInfoCollapsed() {
-                    this.moreInfoCollapsed = !this.moreInfoCollapsed;
-                },
-                /**
-                 * Get arrow for collapse
-                 */
-                getArrowIcon(collapseInfo) {
-                    if (collapseInfo) {
-                        return 'caret-up-fill'
-                    }
-                    return 'caret-down-fill'
-                },
                 resetErrors() {
                     this.errors = Object.assign({}, {
                     name: null,
@@ -912,6 +876,15 @@ class="custom-control-input">
             text-align: left;
             text-transform: capitalize;
         }
+        .btn-custom-info:after {
+            font-family: "Font Awesome 5 Free"; 
+            font-weight: 600; 
+            content: "\f0d7";";
+        }
+
+        .btn-custom-info:not(.collapsed):after {
+            content: "\f0d8";
+        }
 
         .btn-custom-info:focus {
             box-shadow: none;

From 3a6bcf42bf9aaa0896921d13343b4dfba9e7d4dd Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Fri, 24 May 2024 11:47:23 -0400
Subject: [PATCH 09/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 4e24ef3c84..78ea8ad71b 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -138,7 +138,7 @@ class="invalid-feedback"
                                                         __('Description')  .
                                                         '<small class="ml-1 required-text-color">*</small>',
                                                         [],
-                                                        false) 
+                                                        false)
                                                     !!}
                                                     {!! Form::textarea('description', null,
                                                         ['id' => 'description',
@@ -877,8 +877,8 @@ class="custom-control-input">
             text-transform: capitalize;
         }
         .btn-custom-info:after {
-            font-family: "Font Awesome 5 Free"; 
-            font-weight: 600; 
+            font-family: "Font Awesome 5 Free";
+            font-weight: 600;
             content: "\f0d7";";
         }
 

From 4edf537788e8f349f5b3c6e7e134a6d8d3708eb0 Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Fri, 24 May 2024 12:40:12 -0400
Subject: [PATCH 10/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 86 +-----------------------
 1 file changed, 1 insertion(+), 85 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 8600b36191..0e63bb5ec4 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -167,90 +167,6 @@ class="invalid-feedback"
                                         </b-row>
                                     </div>
                                 </div>
-<<<<<<< HEAD
-=======
-                                <small class="form-text text-muted" v-if="! errors.name">
-                                    {{ __('This field has a limit of 200 characters when calculated') }}
-                                </small>
-                            </div>
-                            <div class="form-group p-0">
-                                {!! Form::label('cancelRequest', __('Cancel Case')) !!}
-                                <multiselect id="cancelRequest"
-                                             v-model="canCancel"
-                                             :options="activeUsersAndGroupsWithManager"
-                                             :multiple="true"
-                                             :show-labels="false"
-                                             placeholder="{{__('Type to search')}}"
-                                             track-by="id"
-                                             label="fullname"
-                                             group-values="items"
-                                             group-label="label">
-                                    <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('cancelScreen', __('Cancel Screen')) !!}
-                                <multiselect aria-label="{{ __('Cancel Screen') }}"
-                                             v-model="screenCancel"
-                                             :options="screens"
-                                             :multiple="false"
-                                             :show-labels="false"
-                                             placeholder="{{ __('Type to search') }}"
-                                             @search-change="loadScreens($event)"
-                                             @open="loadScreens()"
-                                             track-by="id"
-                                             label="title">
-                                    <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                                <div class="invalid-feedback" role="alert" v-if="errors.screens">@{{errors.screens[0]}}</div>
-                            </div>
-                            <div class="form-group p-0">
-                                {!! Form::label('editData', __('Edit Data')) !!}
-                                <multiselect id="editData"
-                                             v-model="canEditData"
-                                             :options="activeUsersAndGroups"
-                                             :multiple="true"
-                                             :show-labels="false"
-                                             placeholder="{{__('Type to search')}}"
-                                             track-by="id"
-                                             label="fullname"
-                                             group-values="items"
-                                             group-label="label">
-                                    <span slot="noResult">{{__('Oops! No elements found. Consider changing the search query.')}}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('requestDetailScreen', __('Request Detail Screen')) !!}
-                                <multiselect aria-label="{{ __('Request Detail Screen') }}"
-                                             v-model="screenRequestDetail"
-                                             :options="screens"
-                                             :multiple="false"
-                                             :show-labels="false"
-                                             placeholder="{{ __('Type to search') }}"
-                                             @search-change="loadScreens($event)"
-                                             @open="loadScreens()"
-                                             track-by="id"
-                                             label="title">
-                                    <span slot="noResult">{{ __('Oops! No elements found. Consider changing the search query.') }}</span>
-                                    <template slot="noOptions">
-                                        {{ __('No Data Available') }}
-                                    </template>
-                                </multiselect>
-                                <div class="invalid-feedback" v-if="errors.request_detail_screen_id">@{{errors.request_detail_screen_id[0]}}</div>
-                            </div>
-                            <div class="form-group">
-                                {!! Form::label('status', __('Status')) !!}
-                                <select-status v-model="formData.status" :multiple="false"></select-status>
->>>>>>> b07d1b7fd9794971029b065c0f9c77403caeeaff
                             </div>
                             <div class="card card-custom-info">
                                 <div
@@ -362,7 +278,7 @@ class="invalid-feedback"
                                             </b-col>
                                             <b-col>
                                                 <div class="form-group p-0">
-                                                    {!! Form::label('cancelRequest', __('Cancel Request')) !!}
+                                                    {!! Form::label('cancelRequest', __('Cancel Case')) !!}
                                                     <multiselect
                                                         id="cancelRequest"
                                                         v-model="canCancel"

From 532437f5f8a69593502509f36d815cf28e93cfc0 Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Fri, 24 May 2024 12:43:34 -0400
Subject: [PATCH 11/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index 0e63bb5ec4..f0850f29df 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -174,7 +174,7 @@ class="card-header"
                                     id="headingMore"
                                 >
                                     <button
-                                        class="btn btn-custom-info collapsed"
+                                        class="btn btn-custom-info show"
                                         type="button"
                                         data-toggle="collapse"
                                         data-target="#collapseMore"

From a43d3c753ef929968d8053837c9557b6d85b6a53 Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Fri, 24 May 2024 12:54:35 -0400
Subject: [PATCH 12/13] feature/FOUR-15751

---
 resources/views/processes/edit.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index f0850f29df..44c0d19b73 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -174,7 +174,7 @@ class="card-header"
                                     id="headingMore"
                                 >
                                     <button
-                                        class="btn btn-custom-info show"
+                                        class="btn btn-custom-info"
                                         type="button"
                                         data-toggle="collapse"
                                         data-target="#collapseMore"
@@ -188,7 +188,7 @@ class="btn btn-custom-info show"
                                 </div>
                                 <div
                                     id="collapseMore"
-                                    class="collapse"
+                                    class="collapse show"
                                     aria-labelledby="headingMore"
                                 >
                                     <div class="card-body">

From c029f193ec6e660480fad8ba08ea1a4c1bf86456 Mon Sep 17 00:00:00 2001
From: luNunezProcessmaker <luciana.nunez@processmaker.com>
Date: Fri, 24 May 2024 13:52:04 -0400
Subject: [PATCH 13/13] feature/FOUR-15751

---
 resources/lang/en.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/resources/lang/en.json b/resources/lang/en.json
index 18995f236b..0c61777b76 100644
--- a/resources/lang/en.json
+++ b/resources/lang/en.json
@@ -990,6 +990,7 @@
   "Modified By Tasks": "Modified By Tasks",
   "Modified": "Modified",
   "month": "month",
+  "More Information": "More Information",
   "Multi Column": "Multi Column",
   "Multi-Instance (Parallel)": "Multi-Instance (Parallel)",
   "Multi-Instance (Sequential)": "Multi-Instance (Sequential)",
@@ -1208,6 +1209,7 @@
   "Position": "Position",
   "Postal Code": "Postal Code",
   "Powered by ProcessMaker AI": "Powered by ProcessMaker AI",
+  "Process Information": "Process Information",
   "Generate single fields or entire forms with our generative assistant": "Generate single fields or entire forms with our generative assistant",
   "Collect a string of text and format it as one of several data types": "Collect a string of text and format it as one of several data types",
   "Collect options from a list, as radio butttons or dropdowns": "Collect options from a list, as radio butttons or dropdowns",