Discourse toolkit to render forms

Documentation Developer Guides
25

네, 그게 작동할 수도 있겠네요. 한 번 시도해 보겠습니다.

아마도 “프레임워크 네이티브” 옵션을 찾고 있었던 것 같은데, 이건 분명히 아주 합리적인 대안이네요. 감사합니다.

2개의 좋아요
26

이 예제는 다음과 같은 오류를 보고합니다:

validateConfig - uppy-upload.js:80:12

Error: Missing required UppyUpload config: type

Uncaught (in promise) Error: Missing required UppyUpload config: type
    validateConfig uppy-upload.js:80
    UppyUpload uppy-upload.js:113
    js uppy-image-uploader.gjs:32
    UppyImageUploader uppy-image-uploader.gjs:23
    createComponent base-component-manager.js:26
    Ember 2
    source chunk.e6b222d1aa255cdf70e5.d41d8cd9.js:98442
    Ember 12
    source chunk.e6b222d1aa255cdf70e5.d41d8cd9.js:100412
    source chunk.e6b222d1aa255cdf70e5.d41d8cd9.js:102123
    Ember 34
    show modal.js:73

<field.Image />가 @type 인수를 필수로 요구하는 것 같습니다 :slight_smile:

1개의 좋아요
27

그래서 이미지 업로드 관련 상황이 더 이상해졌습니다.

폼 컨트롤을 사용하여 이미지를 업로드하기 위해 파일 선택 대화상자를 열 때 가끔 다음과 같은 오류가 발생합니다:

selectedText - utilities.js:137:25
TypeError: ancestor is null

 const postMenuArea = ancestor.querySelector(".post-menu-area");

    <form.Field
      @name="upload_url_1"
      @title="Upload"
      @onSet={{this.handleUpload}}
      as |field|
    >
      <field.Image @type="branding"/>
    </form.Field>

제 Form은 Post와 아무런 관련이 없는 Modal 위에 있으므로 특히 이상합니다.

결국 모든 것은 정상적으로 작동하지만, 브라우저 콘솔에 약간 지저분한 메시지가 출력됩니다.

감사합니다!

2개의 좋아요
28

하지만 OP를 업데이트하지 않았거나, 변경사항이 되돌려진 것 같습니다. 그리고 그걸 알아내는 데 또 인정하고 싶지 않을 정도로 시간이 걸렸죠.

이 가이드들이 GitHub에 있는 거죠? 맞다면, GitHub 링크를 걸어줄 수 있을까요?

3개의 좋아요
29

아, 맞다. 이 주제가 문서 저장소에서 생성된 것이라 되돌려졌다는 걸 몰랐고, 이후 후속 조치를 취하지도 않았네요… 이제 적절한 수정이 곧 적용될 예정입니다.

3개의 좋아요
30

감사합니다!

그리고 또 다른 수정 방법은 소스에 테마 컴포넌트를 만들어서 잘못된 위치에 변경을 적용하는 실수를 하지 않도록 하는 것입니다. 그러면 PR을 제출할 수 있을 것 같아요.

1개의 좋아요
31

Documentation > Developer Guides 토픽에서는 편집 버튼을 숨기고 있지만, 사람들은 키보드 단축키나 빠른 편집을 통해 이를 우회하는 것 같습니다. 숨기거나 비활성화해야 할 것들이 더 많습니다! :sweat_smile:

모든 문서 하단에 소스 파일로 연결되는 링크와 함께 이 문구가 있습니다. 따라서 PR을 작성하려면 이 방법을 사용하는 것이 가장 좋습니다:

1개의 좋아요
32

아, 그렇군요. 이해가 됩니다. 또한, 규칙은 관리자에는 적용되지 않는 경우가 많습니다.

잠깐. 뭐라고요?

아, 실수했습니다. 글씨가 아주 작긴 하지만, 이제 보니 이전에 본 기억이 납니다. :person_shrugging:

이번에는 좀 더 진전을 보았습니다. 꽤나 맞춤형 작업(필드를 입력할 때 표시되는 텍스트를 트리거해야 하는 것 등)을 하고 있는데, 이로 인해 해당 기능을 사용할 수 없을 수도 있습니다.

필드를 입력할 때 함수를 트리거하는 방법이 있을까요? (예를 들어, Digital Ocean API 키 필드에 값을 입력하면 API 키를 얻는 방법을 설명하는 텍스트가 표시되도록 하는 경우)

수정: 아, 맞다요. https://ask.discourse.com/ 의 도움 덕분에 해결했습니다! 알면 너무 당연한 거였네요. :person_shrugging:

import { on } from "@ember/modifier";
...
  @action
  hostnameClicked(event) {
    this.setHelpText(i18n("pfaffmanager.help.hostname"));
  }
...
            <field.Input @type="text" {{on "click" this.hostnameClicked}} />
2개의 좋아요
Form toolkit -- can't get tooltip to work with component as described in doc topic or in tests
33

이것은 올바르지 않습니다. validateUsername(name, value, { data, addError }) {여야 하며, 그렇지 않으면 구조 분해 오류(destructuring error)가 발생합니다.

5개의 좋아요