Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add 'loading' field to images in wysiwyg editor #15791

Closed
wants to merge 6 commits into from

Conversation

izoukhai
Copy link

@izoukhai izoukhai commented Sep 28, 2022

Description

Capture d’écran 2022-09-28 à 17 30 57

Add a loading field when uploading images with wysiwyg

Fixes #15790

Type of Change

  • Bugfix
  • Improvement
  • New Feature
  • Refactor / codestyle updates
  • Other, please describe:

Requirements Checklist

  • New / updated tests are included
  • All tests are passing locally
  • Performed a self-review of the submitted code

If adding a new feature:

  • Documentation was added/updated. PR:

@benhaynes
Copy link
Sponsor Member

Thank you! I wonder why URL wasn't capitalized per our Title Formatter. Also, I think one of those first two fields should be full with and we move the loading field up so the form feels more balanced.

@izoukhai
Copy link
Author

izoukhai commented Oct 2, 2022

yep good idea, I pushed the modification :)

Copy link
Member

@br41nslug br41nslug left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for your contribution 😄 lets remove api/directus-sqlite however which im assuming is an accidentally committed SQLite database.

Comment on lines +218 to +221
import VSelect from '@/components/v-select/v-select.vue';
import VItem from '@/components/v-item.vue';
import VSelect1 from '@/components/v-select/v-select.vue';
import SelectDropdown from '../select-dropdown/select-dropdown.vue';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These are not needed as v-select is registered globally.

Suggested change
import VSelect from '@/components/v-select/v-select.vue';
import VItem from '@/components/v-item.vue';
import VSelect1 from '@/components/v-select/v-select.vue';
import SelectDropdown from '../select-dropdown/select-dropdown.vue';

@@ -214,7 +229,7 @@ type CustomFormat = {
};

export default defineComponent({
components: { Editor },
components: { Editor, VSelect },
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
components: { Editor, VSelect },
components: { Editor },

@@ -24,6 +24,7 @@ export type SettingsStorageAssetPreset = {
withoutEnlargement: boolean | null;
format: 'jpeg' | 'png' | 'webp' | 'tiff' | null;
transforms: any[] | null;
loading: string | null;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
loading: string | null;
loading: 'lazy' | 'eager' | null;

@rijkvanzanten
Copy link
Member

Closing this for now, as the review has gone ignored

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Feb 2, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

We should be able to set the 'loading' field in images with WYSIWYG editor
5 participants