change style of number field, remove task type name+desc, add title t…

…o task type button in the selector Signed-off-by: Julien Veyssier <[email protected]>
nextcloud · Jul 4, 2024 · 0303112 · 0303112
1 parent 088049e
commit 0303112
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 19 deletions.
diff --git a/src/components/AssistantTextProcessingForm.vue b/src/components/AssistantTextProcessingForm.vue
@@ -38,14 +38,14 @@
 				@load-task="onHistoryLoadTask" />
 		</div>
 		<div v-else class="task-input-output-form">
-			<h2 v-if="selectedTaskType"
+			<!--h2 v-if="selectedTaskType"
 				class="task-name">
 				{{ selectedTaskType.name }}
 			</h2>
 			<span v-if="selectedTaskType"
 				class="task-description">
 				{{ selectedTaskType.description }}
-			</span>
+			</span-->
 			<AssistantFormInputs v-if="selectedTaskType"
 				:inputs.sync="myInputs"
 				:selected-task-type="selectedTaskType" />
@@ -90,7 +90,7 @@
 			<div class="footer--action-buttons">
 				<NcButton
 					v-if="showSubmit"
-					:type="submitButtonType"
+					type="primary"
 					class="submit-button"
 					:disabled="!canSubmit"
 					:title="syncSubmitButtonTitle"
@@ -224,9 +224,6 @@ export default {
 						: 0
 			})
 		},
-		submitButtonType() {
-			return this.hasOutput ? 'secondary' : 'primary'
-		},
 		showSubmit() {
 			return this.selectedTaskType
 		},

diff --git a/src/components/TaskTypeSelect.vue b/src/components/TaskTypeSelect.vue
@@ -4,6 +4,7 @@
 		<NcButton v-for="(t, i) in buttonTypes"
 			:key="i + t.id"
 			:type="getButtonType(t)"
+			:title="t.description"
 			@click="onTaskSelected(t)">
 			{{ t.name }}
 		</NcButton>

diff --git a/src/components/fields/NumberField.vue b/src/components/fields/NumberField.vue
@@ -5,31 +5,21 @@
 			class="number-input-field"
 			:value="value ?? ''"
 			:label="field.name"
+			:title="field.description"
 			type="number"
-			:placeholder="t('assistant','Type some number')"
+			:placeholder="field.description || t('assistant','Type some number')"
 			@update:value="onUpdateValue" />
-		<NcButton type="tertiary"
-			:title="field.description">
-			<template #icon>
-				<HelpCircleIcon />
-			</template>
-		</NcButton>
 	</div>
 </template>
 
 <script>
-import HelpCircleIcon from 'vue-material-design-icons/HelpCircle.vue'
-
 import NcInputField from '@nextcloud/vue/dist/Components/NcInputField.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 export default {
 	name: 'NumberField',
 
 	components: {
 		NcInputField,
-		NcButton,
-		HelpCircleIcon,
 	},
 
 	props: {
@@ -84,7 +74,7 @@ export default {
 	align-items: end;
 
 	.number-input-field {
-		width: 200px;
+		width: 300px;
 	}
 }
 </style>