alicorn-dev/KintoneAppBuilder
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BUG582:UIメッセージの改善と統一（画面上テキスト）

Browse Source
This commit is contained in:
xiaozhe.ma
2024-08-09 16:34:46 +09:00
parent b3bc646147
commit 4fcbf25233
8 changed files with 96 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/AppInfo.vue
View File

@@ -21,7 +21,7 @@
</div>
</template>
</q-field>
<q-field stack-label full-width label="アプリ説明">
<q-field stack-label full-width label="アプリの説明">
<template v-slot:control>
<div class="self-center full-width no-outline" tabindex="0">
{{ appinfo?.description }}

6
frontend/src/components/DocUpload.vue
View File

@@ -5,7 +5,7 @@
:url="uploadUrl"
:label="title"
:headers="headers"
accept=".csv,.xlsx"
accept=".xlsx"
v-on:rejected="onRejected"
v-on:uploaded="onUploadFinished"
v-on:failed="onFailed"
@@ -30,7 +30,7 @@ import { ref } from 'vue';
// https://quasar.dev/quasar-plugins/notify#Installation
$q.notify({
type: 'negative',
message: `CSVおよびExcelファイルを選択してください。`
message: `Excelファイルを選択してください。`
})
}
@@ -88,7 +88,7 @@ import { ref } from 'vue';
const headers = ref([{name:"Authorization",value:'Bearer ' + authStore.token}]);
const props = withDefaults(defineProps<Props>(), {
title:"設計書から導入する(csv or excel)",
title:"設計書から導入する(Excel)",
uploadUrl: `${process.env.KAB_BACKEND_URL}api/v1/createappfromexcel?format=1`
});

13
frontend/src/layouts/MainLayout.vue
View File

@@ -20,7 +20,7 @@
</q-header>
<q-drawer
:model-value="authStore.toggleLeftDrawer"
:model-value="authStore.LeftDrawer"
:show-if-above="false"
bordered
>
@@ -28,7 +28,7 @@
<q-item-label
header
>
関連リンク
メニュー
</q-item-label>
<EssentialLink
@@ -46,7 +46,7 @@
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { onMounted } from 'vue';
import EssentialLink, { EssentialLinkProps } from 'components/EssentialLink.vue';
import DomainSelector from 'components/DomainSelector.vue';
import { useAuthStore } from 'stores/useAuthStore';
@@ -56,14 +56,14 @@ const authStore = useAuthStore();
const essentialLinks: EssentialLinkProps[] = [
{
title: 'ホーム',
caption: 'home',
caption: '設計書から導入する',
icon: 'home',
link: '/',
target:'_self'
},
{
title: 'フローエディター',
caption: 'flowChart',
caption: 'イベントを設定する',
icon: 'account_tree',
link: '/#/FlowChart',
target:'_self'
@@ -153,6 +153,9 @@ const essentialLinks: EssentialLinkProps[] = [
const version = process.env.version;
const productName = process.env.productName;
onMounted(() => {
authStore.toggleLeftMenu();
});
function toggleLeftDrawer() {
authStore.toggleLeftMenu();

45
frontend/src/pages/TenantDomain.vue
View File

@@ -5,7 +5,7 @@
<template v-slot:top>
<q-btn color="primary" :disable="loading" label="新規" @click="addRow" />
<q-space />
<q-input borderless dense filled debounce="300" v-model="filter" placeholder="Search">
<q-input borderless dense filled debounce="300" v-model="filter" placeholder="検索">
<template v-slot:append>
<q-icon name="search" />
</template>
@@ -25,7 +25,7 @@
<q-dialog :model-value="show" persistent>
<q-card style="min-width: 36em">
<q-form class="q-gutter-md" @submit="onSubmit">
<q-form class="q-gutter-md" @submit="onSubmit" autocomplete="off">
<q-card-section>
<div class="text-h6 q-ma-sm">Kintone Account</div>
</q-card-section>
@@ -34,21 +34,21 @@
<div class="q-gutter-lg">
<q-input filled v-model="tenantid" label="Tenant" hint="Tenant ID" lazy-rules
:rules="[val => val && val.length > 0 || 'Please type something']" />
<q-input filled v-model="tenantid" label="テナントID" hint="テナントIDを入力してください。" lazy-rules
:rules="[val => val && val.length > 0 || 'テナントIDを入力してください。']" />
<q-input filled v-model="name" label="Your name *" hint="Kintone envirment name" lazy-rules
:rules="[val => val && val.length > 0 || 'Please type something']" />
<q-input filled v-model="name" label="環境名 *" hint="kintoneの環境名を入力してください" lazy-rules
:rules="[val => val && val.length > 0 || 'kintoneの環境名を入力してください。']" />
<q-input filled type="url" v-model="url" label="Kintone url" hint="Kintone domain address" lazy-rules
:rules="[val => val && val.length > 0, isDomain || 'Please type something']" />
<q-input filled type="url" v-model="url" label="Kintone url" hint="KintoneのURLを入力してください" lazy-rules
:rules="[val => val && val.length > 0, isDomain || 'KintoneのURLを入力してください']" />
<q-input filled v-model="kintoneuser" label="Login user " hint="Kintone user name" lazy-rules
:rules="[val => val && val.length > 0 || 'Please type something']" />
<q-input filled v-model="kintoneuser" label="ログイン名 *" hint="Kintoneのログイン名を入力してください" lazy-rules
:rules="[val => val && val.length > 0 || 'Kintoneのログイン名を入力してください']" autocomplete="new-password" />
<q-input v-if="isCreate" v-model="kintonepwd" filled :type="isPwd ? 'password' : 'text'"
hint="Password with toggle" label="User password" :disable="!isCreate" lazy-rules
:rules="[val => val && val.length > 0 || 'Please type something']">
hint="パスワード" label="パスワード" :disable="!isCreate" lazy-rules
:rules="[val => val && val.length > 0 || 'Please type something']" autocomplete="new-password">
<template v-slot:append>
<q-icon :name="isPwd ? 'visibility_off' : 'visibility'" class="cursor-pointer"
@click="isPwd = !isPwd" />
@@ -60,16 +60,16 @@
<q-item tag="label" class="q-pl-sm q-pr-none q-py-xs">
<q-item-section>
<q-item-label>Reset Password</q-item-label>
<q-item-label>パスワードリセット</q-item-label>
</q-item-section>
<q-item-section avatar>
<q-toggle v-model="resetPsw" @update:model-value="updateResetPsw" />
</q-item-section>
</q-item>
<q-input v-model="kintonepwd" filled :type="isPwd ? 'password' : 'text'" hint="Password with toggle"
label="User password" :disable="!resetPsw" lazy-rules
:rules="[val => val && val.length > 0 || 'Please type something']">
<q-input v-model="kintonepwd" filled :type="isPwd ? 'password' : 'text'" hint="パスワードを入力してください"
label="パスワード" :disable="!resetPsw" lazy-rules
:rules="[val => val && val.length > 0 || 'Please type something']" autocomplete="new-password">
<template v-slot:append>
<q-icon :name="isPwd ? 'visibility_off' : 'visibility'" class="cursor-pointer"
@click="isPwd = !isPwd" />
@@ -81,8 +81,8 @@
</q-card-section>
<q-card-actions align="right" class="text-primary q-mb-md q-mx-sm">
<q-btn label="Save" type="submit" color="primary" />
<q-btn label="Cancel" type="cancel" color="primary" flat class="q-ml-sm" @click="closeDg()" />
<q-btn label="保存" type="submit" color="primary" />
<q-btn label="キャンセル" type="cancel" color="primary" flat class="q-ml-sm" @click="closeDg()" />
</q-card-actions>
</q-form>
</q-card>
@@ -118,16 +118,16 @@ const columns = [
{
name: 'tenantid',
required: true,
label: 'Tenant',
label: 'テナントID',
field: row => row.tenantid,
format: val => `${val}`,
align: 'left',
sortable: true
},
{ name: 'name', label: 'Name', field: 'name', align: 'left', sortable: true },
{ name: 'name', label: '環境名', field: 'name', align: 'left', sortable: true },
{ name: 'url', label: 'URL', field: 'url', align: 'left', sortable: true },
{ name: 'user', label: 'Account', field: 'user', align: 'left', },
{ name: 'actions', label: 'Actions', field: 'actions' }
{ name: 'user', label: 'ログイン名', field: 'user', align: 'left', },
{ name: 'actions', label: '操作', field: 'actions' }
];
@@ -164,6 +164,7 @@ onMounted(async () => {
// emulate fetching data from server
const addRow = () => {
// editId.value
onReset();
show.value = true;
}

8
frontend/src/stores/index.ts
View File

@@ -24,11 +24,11 @@ declare module 'pinia' {
*/
export default store((/* { ssrContext } */) => {
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);
// You can add Pinia plugins here
// pinia.use(SomePiniaPlugin)
return pinia
})
return pinia;
});

1
frontend/src/stores/useAuthStore.ts
View File

@@ -3,7 +3,6 @@ import { api } from 'boot/axios';
import { router } from 'src/router';
import { IDomainInfo } from '../types/ActionTypes';
import { jwtDecode } from 'jwt-decode';
export interface IUserState {
token?: string;
returnUrl: string;

10
frontend/src/types/KintoneEvents.ts
View File

@@ -194,7 +194,7 @@ export class KintoneEventManager {
),
new kintoneEventGroup(
'app.record.create.show.customButtonClick',
'ボタンをクリックした時',
'ボタンをクリックしたとき',
[],
'app.record.create'
),
@@ -222,7 +222,7 @@ export class KintoneEventManager {
),
new kintoneEventGroup(
'app.record.detail.show.customButtonClick',
'ボタンをクリックした時',
'ボタンをクリックしたとき',
[],
'app.record.detail'
),
@@ -256,7 +256,7 @@ export class KintoneEventManager {
),
new kintoneEventGroup(
'app.record.edit.show.customButtonClick',
'ボタンをクリックした時',
'ボタンをクリックしたとき',
[],
'app.record.edit'
),
@@ -278,7 +278,7 @@ export class KintoneEventManager {
'app.record.index'
),
new kintoneEvent(
'インライン編集の【保存】をクリックしたとき',
'インライン編集の保存をクリックしたとき',
'app.record.index.edit.submit',
'app.record.index'
),
@@ -295,7 +295,7 @@ export class KintoneEventManager {
// ),
new kintoneEventGroup(
'app.record.index.show.customButtonClick',
'ボタンをクリックした時',
'ボタンをクリックしたとき',
[],
'app.record.index'
),