1
0
Fork 0
discourse-custom-wizard-unl.../assets/javascripts/discourse/components/wizard-custom-field.js.es6

78 Zeilen
2,2 KiB
Text

2020-04-01 12:58:30 +02:00
import { default as discourseComputed, observes, on } from 'discourse-common/utils/decorators';
2020-03-24 10:35:46 +01:00
import { equal, not, or } from "@ember/object/computed";
2020-04-02 10:21:03 +02:00
import { selectKitContent } from '../lib/wizard';
2017-09-23 04:34:07 +02:00
export default Ember.Component.extend({
classNames: 'wizard-custom-field',
2020-03-23 06:41:04 +01:00
isDropdown: equal('field.type', 'dropdown'),
isUpload: equal('field.type', 'upload'),
isCategory: equal('field.type', 'category'),
isGroup: equal('field.type', 'group'),
isTag: equal('field.type', 'tag'),
disableId: not('field.isNew'),
2020-04-02 10:21:03 +02:00
choicesTypes: selectKitContent(['translation', 'custom']),
2020-03-23 06:41:04 +01:00
choicesTranslation: equal('field.choices_type', 'translation'),
choicesCustom: equal('field.choices_type', 'custom'),
2020-04-02 10:21:03 +02:00
categoryPropertyTypes: selectKitContent(['id', 'slug']),
2020-04-01 07:03:26 +02:00
prefillEnabled: or('isCategory', 'isTag', 'isGroup'),
contentEnabled: or('isCategory', 'isTag', 'isGroup'),
2020-04-02 07:21:57 +02:00
hasAdvanced: or('isCategory', 'isTag', 'isGroup'),
2017-09-23 04:34:07 +02:00
2020-04-01 12:58:30 +02:00
@discourseComputed('field.type')
2020-03-23 19:40:11 +01:00
isInput: (type) => type === 'text' || type === 'textarea' || type === 'url',
2017-10-13 15:02:34 +02:00
2020-04-01 12:58:30 +02:00
@discourseComputed('field.type')
isCategoryOrTag: (type) => type === 'tag' || type === 'category',
2019-07-19 05:47:17 +02:00
@on('didInsertElement')
@observes('isUpload')
setupFileType() {
2020-04-01 07:03:26 +02:00
if (this.isUpload && !this.field.file_types) {
2019-07-19 05:47:17 +02:00
this.set('field.file_types', '.jpg,.png');
}
2020-03-23 06:41:04 +01:00
},
2020-04-01 12:58:30 +02:00
@discourseComputed('field.type')
2020-04-01 07:03:26 +02:00
prefillOptions(fieldType) {
if (!this.prefillEnabled) return {};
2020-03-23 06:41:04 +01:00
let options = {
hasOutput: true,
2020-04-01 07:03:26 +02:00
textSelection: 'key,value',
wizardSelection: true,
2020-04-02 10:21:03 +02:00
userFieldSelection: 'key,value'
2020-03-23 06:41:04 +01:00
}
2020-04-01 07:03:26 +02:00
options[`${fieldType}Selection`] = 'output';
options[`outputDefaultSelection`] = fieldType;
2020-03-23 06:41:04 +01:00
2020-03-24 10:35:46 +01:00
return options;
},
2020-04-01 12:58:30 +02:00
@discourseComputed('field.type')
2020-03-30 08:16:03 +02:00
contentOptions(fieldType) {
if (!this.contentEnabled) return {};
2020-03-23 06:41:04 +01:00
2020-03-24 10:35:46 +01:00
let options = {
hasOutput: true,
2020-04-01 07:03:26 +02:00
wizardSelection: 'key,value',
2020-04-02 10:21:03 +02:00
userFieldSelection: 'key,value',
2020-04-01 07:03:26 +02:00
textSelection: 'key,value'
2020-03-23 06:41:04 +01:00
}
2020-03-24 10:35:46 +01:00
2020-04-01 07:03:26 +02:00
options[`${fieldType}Selection`] = 'output';
2020-03-23 06:41:04 +01:00
return options;
2020-03-24 10:35:46 +01:00
},
2020-03-30 01:53:28 +02:00
actions: {
imageUploadDone(upload) {
this.set("field.image", upload.url);
},
imageUploadDeleted() {
this.set("field.image", null);
}
}
2017-09-23 04:34:07 +02:00
});