@wg-npm/survey-creator 0.5.135 → 0.5.136

package/dist/survey-creator.esm.js

@@ -915,11 +915,6 @@ var script$K = Vue.extend({
             required: false,
             default: true,
         },
-        translate: {
-            type: Boolean,
-            required: false,
-            default: true,
-        },
         preview: {
             type: Boolean,
             required: false,
@@ -1334,6 +1329,24 @@ var script$G = Vue.extend({
         },
     },
     computed: {
+        customQuestion() {
+            let input_titles = [];
+            _.each(this.formatTitle(this.question), (t, index) => {
+                if (t === "" ||
+                    this.showInput(index, this.formatTitle(this.question))) {
+                    let title = {
+                        title: "",
+                        index: index,
+                    };
+                    input_titles.push(title);
+                }
+            });
+            return {
+                id: this.question.id,
+                surveyId: this.survey.id,
+                filledTitle: input_titles,
+            };
+        },
         enabledJump() {
             return (_.get(this.question, "type") === "SINGLE_SELECTION" &&
                 _.get(this.$rootComponent, "surveyExtendOptions.enabledJump"));
@@ -1352,6 +1365,20 @@ var script$G = Vue.extend({
         onJump() {
             this.$rootComponent.onQuestionJump(this.question.id);
         },
+        formatTitle(question) {
+            let title = this.translate(question.header.text, true);
+            if (!_.get(question, "options.richTextEnabled", false)) {
+                return [title];
+            }
+            return title.split(/_{5,}/g);
+        },
+        showInput(index, formatTitle) {
+            if (index === formatTitle.length - 2 &&
+                formatTitle[formatTitle.length - 1] === "") {
+                return false;
+            }
+            return index < formatTitle.length - 1;
+        },
     },
 });
 
@@ -1359,7 +1386,7 @@ var script$G = Vue.extend({
 const __vue_script__$G = script$G;
 
 /* template */
-var __vue_render__$G = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"question"},[_c('Row',{attrs:{"type":"flex","justify":"space-between","align":"middle"}},[_c('Col',[_c('question-title',{attrs:{"question":_vm.question,"max-score":true}})],1),_vm._v(" "),_c('Col',[_c('edit-question-toolbar',{attrs:{"enabled-jump":_vm.enabledJump,"question":_vm.question,"survey":_vm.survey},on:{"on-edit":_vm.onEdit,"on-copy":_vm.onCopy,"on-delete":_vm.onDelete,"on-jump":_vm.onJump}})],1)],1),_vm._v(" "),_vm._t("default")],2)};
+var __vue_render__$G = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"question"},[_c('Row',{attrs:{"type":"flex","justify":"space-between","align":"middle"}},[_c('Col',[_c('question-title',{attrs:{"question":_vm.question,"custom-question":_vm.customQuestion,"max-score":true}})],1),_vm._v(" "),_c('Col',[_c('edit-question-toolbar',{attrs:{"enabled-jump":_vm.enabledJump,"question":_vm.question,"survey":_vm.survey},on:{"on-edit":_vm.onEdit,"on-copy":_vm.onCopy,"on-delete":_vm.onDelete,"on-jump":_vm.onJump}})],1)],1),_vm._v(" "),_vm._t("default")],2)};
 var __vue_staticRenderFns__$G = [];
 
   /* style */
@@ -5979,7 +6006,7 @@ var script = Vue.extend({
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.currentSurvey)?_c('div',{staticClass:"survey-preview-wrapper"},[_c('Row',{attrs:{"type":"flex","justify":"space-between","align":"middle"}},[_c('Col',[(_vm.options.back)?_c('Button',{attrs:{"icon":"ios-arrow-back"},on:{"click":_vm.onBack}},[_vm._v("\n        "+_vm._s(_vm.t("survey_creator.common.back"))+"\n      ")]):_vm._e()],1),_vm._v(" "),_c('Col',[_c('toolbar',{attrs:{"survey":_vm.currentSurvey,"create-question":false,"translate":true,"preview":false,"change-language":_vm.options.changeLanguage}})],1)],1),_vm._v(" "),_c('div',{staticClass:"survey-editor-wrapper"},[_c('survey-internal-previewer',{attrs:{"survey":_vm.currentSurvey,"init-question-ids":_vm.initQuestionIds,"survey-custom-questions":_vm.currentSurveyCustom.questions},on:{"selected-question-ids":_vm.selectedQuestionIds}})],1)],1):_vm._e()};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.currentSurvey)?_c('div',{staticClass:"survey-preview-wrapper"},[_c('Row',{attrs:{"type":"flex","justify":"space-between","align":"middle"}},[_c('Col',[(_vm.options.back)?_c('Button',{attrs:{"icon":"ios-arrow-back"},on:{"click":_vm.onBack}},[_vm._v("\n        "+_vm._s(_vm.t("survey_creator.common.back"))+"\n      ")]):_vm._e()],1),_vm._v(" "),_c('Col',[_c('toolbar',{attrs:{"survey":_vm.currentSurvey,"create-question":false,"preview":false,"change-language":_vm.options.changeLanguage}})],1)],1),_vm._v(" "),_c('div',{staticClass:"survey-editor-wrapper"},[_c('survey-internal-previewer',{attrs:{"survey":_vm.currentSurvey,"init-question-ids":_vm.initQuestionIds,"survey-custom-questions":_vm.currentSurveyCustom.questions},on:{"selected-question-ids":_vm.selectedQuestionIds}})],1)],1):_vm._e()};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wg-npm/survey-creator",
-  "version": "0.5.135",
+  "version": "0.5.136",
   "description": "",
   "license": "MIT",
   "scripts": {
@@ -12,8 +12,8 @@
     "lint-fix": "eslint \"**/*.ts\"  \"**/*.vue\" --fix --no-error-on-unmatched-pattern"
   },
   "peerDependencies": {
-    "@wg-npm/survey-core": "0.5.135",
-    "@wg-npm/survey-service-api": "0.5.135",
+    "@wg-npm/survey-core": "0.5.136",
+    "@wg-npm/survey-service-api": "0.5.136",
     "axios": "^0.19.2",
     "camelcase": "^6.0.0",
     "deepmerge": "^4.2.2",
@@ -38,8 +38,8 @@
     "@typescript-eslint/eslint-plugin": "^3.6.0",
     "@typescript-eslint/parser": "^3.6.0",
     "@vue/eslint-config-prettier": "^6.0.0",
-    "@wg-npm/survey-core": "0.5.135",
-    "@wg-npm/survey-service-api": "0.5.135",
+    "@wg-npm/survey-core": "0.5.136",
+    "@wg-npm/survey-service-api": "0.5.136",
     "acorn": "^7.3.1",
     "axios": "^0.19.2",
     "babelrc-rollup": "^3.0.0",

package/src/components/editor/question-default-layout.vue

@@ -2,7 +2,11 @@
   <div class="question">
     <Row type="flex" justify="space-between" align="middle">
       <Col>
-        <question-title :question="question" :max-score="true" />
+        <question-title
+          :question="question"
+          :custom-question="customQuestion"
+          :max-score="true"
+        />
       </Col>
       <Col>
         <edit-question-toolbar
@@ -49,6 +53,27 @@ export default Vue.extend({
     },
   },
   computed: {
+    customQuestion() {
+      let input_titles: any = [];
+      _.each(this.formatTitle(this.question), (t, index) => {
+        if (
+          t === "" ||
+          this.showInput(index, this.formatTitle(this.question))
+        ) {
+          let title = {
+            title: "",
+            index: index,
+          };
+          input_titles.push(title);
+        }
+      });
+
+      return {
+        id: this.question.id,
+        surveyId: this.survey.id,
+        filledTitle: input_titles,
+      };
+    },
     enabledJump() {
       return (
         // @ts-ignore
@@ -71,6 +96,22 @@ export default Vue.extend({
     onJump() {
       this.$rootComponent.onQuestionJump(this.question.id);
     },
+    formatTitle(question) {
+      let title = this.translate(question.header.text, true);
+      if (!_.get(question, "options.richTextEnabled", false)) {
+        return [title];
+      }
+      return title.split(/_{5,}/g);
+    },
+    showInput(index, formatTitle) {
+      if (
+        index === formatTitle.length - 2 &&
+        formatTitle[formatTitle.length - 1] === ""
+      ) {
+        return false;
+      }
+      return index < formatTitle.length - 1;
+    },
   },
 });
 </script>

package/src/components/survey-previewer.vue

@@ -10,7 +10,6 @@
         <toolbar
           :survey="currentSurvey"
           :create-question="false"
-          :translate="true"
           :preview="false"
           :change-language="options.changeLanguage"
         ></toolbar>

package/src/components/toolbar/toolbar.vue

@@ -42,11 +42,6 @@ export default Vue.extend({
       required: false,
       default: true,
     },
-    translate: {
-      type: Boolean,
-      required: false,
-      default: true,
-    },
     preview: {
       type: Boolean,
       required: false,

package/src/styles/components/survey-creator.less

@@ -82,6 +82,8 @@
 
         .question-title {
           padding: 16px 0;
+          display: flex;
+          align-items: center;
 
           .star {
             color: red;