accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-11-09 23:30:56 +00:00
Code Issues Releases Activity

incr: update ui for link field nav

Browse Source
This commit is contained in:
18alantom 2023-03-03 17:34:12 +05:30
parent 144e37d3a8
commit 7ed392654a
5 changed files with 60 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Controls/AttachImage.vue
View File

@ -50,7 +50,7 @@
:class="[!isReadOnly ? 'group-hover:flex' : '']"
style="background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(2px)"
>
<button class="bg-gray-300 p-0.5 rounded mb-1" @click="handleClick">
<button class="bg-gray-100 p-0.5 rounded mb-1" @click="handleClick">
<FeatherIcon
:name="shouldClear ? 'x' : 'upload'"
class="w-4 h-4 text-gray-600"

12
src/components/Controls/Attachment.vue
View File

@ -21,25 +21,21 @@
/>
<!-- Buttons -->
<div class="me-2 flex gap-2">
<div class="me-2 flex gap-1">
<!-- Upload Button -->
<button v-if="!value" class="bg-gray-300 p-0.5 rounded" @click="upload">
<button v-if="!value" class="p-0.5 rounded" @click="upload">
<FeatherIcon name="upload" class="h-4 w-4 text-gray-600" />
</button>
<!-- Download Button -->
<button
v-if="value"
class="bg-gray-300 p-0.5 rounded"
@click="download"
>
<button v-if="value" class="p-0.5 rounded" @click="download">
<FeatherIcon name="download" class="h-4 w-4 text-gray-600" />
</button>
<!-- Clear Button -->
<button
v-if="value && !isReadOnly"
class="bg-gray-300 p-0.5 rounded"
class="p-0.5 rounded"
@click="clear"
>
<FeatherIcon name="x" class="h-4 w-4 text-gray-600" />

55
src/components/Controls/AutoComplete.vue
View File

@ -35,7 +35,7 @@
@keydown.esc="toggleDropdown(false)"
/>
<svg
v-if="!isReadOnly"
v-if="!isReadOnly && !canLink"
class="w-3 h-3"
style="background: inherit; margin-right: -3px"
viewBox="0 0 5 10"
@ -45,19 +45,27 @@
<path
d="M1 2.636L2.636 1l1.637 1.636M1 7.364L2.636 9l1.637-1.636"
class="stroke-current"
:class="showMandatory ? 'text-red-500' : 'text-gray-500'"
:class="showMandatory ? 'text-red-400' : 'text-gray-400'"
fill="none"
fill-rule="evenodd"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<button
v-if="canLink"
class="p-0.5 rounded -me1 bg-transparent"
@click="routeToLinkedDoc"
>
<FeatherIcon name="chevron-right" class="w-4 h-4 text-gray-600" />
</button>
</div>
</template>
</Dropdown>
</template>
<script>
import { getOptionList } from 'fyo/utils';
import { FieldTypeEnum } from 'schemas/types';
import Dropdown from 'src/components/Dropdown.vue';
import { fuzzyMatch } from 'src/utils';
import Base from './Base.vue';
@ -100,8 +108,51 @@ export default {
return getOptionList(this.df, this.doc);
},
canLink() {
if (!this.value || !this.df) {
return false;
}
const fieldtype = this.df?.fieldtype;
const isLink = fieldtype === FieldTypeEnum.Link;
const isDynamicLink = fieldtype === FieldTypeEnum.DynamicLink;
if (!isLink && !isDynamicLink) {
return false;
}
if (isLink && this.df.target) {
return true;
}
const references = this.df.references;
if (!references) {
return false;
}
if (!this.doc?.[references]) {
return false;
}
return true;
},
},
methods: {
routeToLinkedDoc() {
let schemaName = this.df?.target;
const name = this.value;
if (!schemaName) {
const references = this.df?.references ?? '';
schemaName = this.doc?.[references];
}
if (!schemaName || !name) {
return;
}
console.log(`routing to: ${schemaName}.${name}`);
},
setLinkValue(value) {
this.linkValue = value;
},

7
src/components/Controls/Datetime.vue
View File

@ -21,12 +21,7 @@
{{ inputPlaceholder }}
</p>
<button
v-if="!isReadOnly"
class="p-0.5 rounded -me-1 ms-1"
:class="showMandatory ? 'bg-red-300' : 'bg-gray-300'"
@click="togglePopover"
>
<button v-if="!isReadOnly" class="p-0.5 rounded -me-1 ms-1">
<FeatherIcon
name="calendar"
class="w-4 h-4"

2
src/components/Controls/Select.vue
View File

@ -50,7 +50,7 @@
<path
d="M1 2.636L2.636 1l1.637 1.636M1 7.364L2.636 9l1.637-1.636"
class="stroke-current"
:class="showMandatory ? 'text-red-500' : 'text-gray-500'"
:class="showMandatory ? 'text-red-400' : 'text-gray-400'"
fill="none"
fill-rule="evenodd"
stroke-linecap="round"