lib/vue/shared/dashboards/components/form.vue in lesli-5.0.11 vs lib/vue/shared/dashboards/components/form.vue in lesli-5.0.13

@@ -65,11 +65,13 @@
 })
 
 
 // · translations
 const translations = {
-    dashboards: I18n.t('core.dashboards'),
+    shared: {}, //i 18n.t("lesli.shared"),
+    dashboards: {}, //i 18n.t("lesli.dashboards"),
+
     components: I18n.t('core.dashboard/components'),
     core: I18n.t('core.shared'),
     roles: I18n.t('core.roles'),
     main: I18n.t(`${storeDashboard.engine}.dashboards`),
     main_components: I18n.t(`${storeDashboard.engine}.dashboard/components`)
@@ -126,12 +128,13 @@
 
 
 // · 
 function addComponent(){
     msg.warning(translations.dashboards.messages_warning_save_changes_reminder)
+
     let new_component = {
-        id: `${storeDashboard.new_component_id}-${storeDashboard.default_component_configuration.index}`,
+        //id: `${storeDashboard.new_component_id}-${storeDashboard.default_component_configuration.index}`,
         name: '',
         component_id: storeDashboard.new_component_id.replaceAll("_", "-"),
         layout: storeDashboard.default_component_configuration.layout,
         index: storeDashboard.default_component_configuration.index++,
         query_configuration: {
@@ -190,66 +193,54 @@
 
             <!-- Name -->
             <div class="column is-4">
                 <div class="field">
                     <label class="label">
-                        {{ "translations.dashboards.column_name" }}
+                        {{ translations.dashboards.column_name }}
                     </label>
                     <div class="control">
                         <input class="input" type="text" v-model="storeDashboard.dashboard.name" required>
                     </div>
                 </div>
             </div>
 
-            <!-- Role -->
-            <div class="column is-4">
-                <div class="field">
-                    <label class="label">{{ "translations.dashboards.column_roles_id" }}</label>
-                    <div class="control">
-                        <lesli-select
-                            v-model="storeDashboard.dashboard.roles_id"
-                            :options="storeDashboard.options.roles"
-                        ></lesli-select>
-                    </div>
-                </div>
-            </div>
-
             <!-- Default -->
             <div class="column is-4">
                 <div class="field">
-                    <label class="label">{{ "translations.dashboards.column_default" }}</label>
+                    <label class="label">{{ translations.dashboards.column_default }}</label>
                     <lesli-select
                         v-model="storeDashboard.dashboard.default"
                         :options="default_options">
                     </lesli-select>
                 </div>
             </div>
-        </div>
 
-        <div class="is-flex is-justify-content-space-between">
-
             <!-- Components -->
-            <div class="field">
-                <label class="label">
-                    {{ "translations.dashboards.view_title_add_component" }}
-                </label>
-                <div class="control">
-                    <lesli-select
-                        v-model="storeDashboard.new_component_id"
-                        :options="storeDashboard.options.component_ids"
-                        @change="addComponent">
-                    </lesli-select>
+            <div class="column is-4"> 
+                <div class="field">
+                    <label class="label">
+                        {{ translations.dashboards.view_add_component }}
+                    </label>
+                    <div class="control">
+                        <lesli-select
+                            v-model="storeDashboard.new_component_id"
+                            :options="storeDashboard.options.component_ids"
+                            @change="addComponent">
+                        </lesli-select>
+                    </div>
                 </div>
-            </div>
+            </div>    
+        </div>
 
-            <!-- Save button -->
-            <div class="buttons">
-                <lesli-button icon="save" :loading="storeDashboard.loading">
-                    {{ translations.dashboards.view_btn_save_dashboard }}
-                </lesli-button> 
-                <lesli-button danger icon="delete" @click="onDeleteDashboard">
-                    {{ translations.dashboards.view_btn_delete_dashboard }}
-                </lesli-button>
-            </div>
+        <!-- Save button -->
+        <div class="buttons">
+            <lesli-button icon="save" :loading="storeDashboard.loading">
+                {{ translations.shared.button_save }}
+            </lesli-button> 
+            <!--
+            <lesli-button danger icon="delete" @click="onDeleteDashboard">
+                {{ translations.dashboards.view_btn_delete_dashboard }}
+            </lesli-button>
+            -->
         </div>
     </lesli-form>
 </template>