@wg-npm/survey-creator 0.3.4143 → 0.3.4156

package/dist/survey-creator.esm.js

@@ -4324,6 +4324,16 @@ var script$1 = Vue.extend({
         options: {
             type: Object,
             required: true
+        },
+        showQuestionWhenPageLoad: {
+            type: Boolean,
+            required: false,
+            default: false
+        },
+        showQuestionType: {
+            type: String,
+            required: false,
+            default: "EVALUATION"
         }
     },
     data: function () {
@@ -4355,6 +4365,15 @@ var script$1 = Vue.extend({
             this.currentSurvey.questions[0].active = true;
         }
         this.primaryLanguage = _.camelCase(this.currentSurvey.options.primaryLanguage);
+        if (this.showQuestionWhenPageLoad) {
+            const question = _.findLast(this.currentSurvey?.questions, questions => { return questions.type === this.showQuestionType; });
+            if (_.isUndefined(question)) {
+                this.createQuestion(this.showQuestionType);
+            }
+            else {
+                this.showQuestionEditDrawer(question);
+            }
+        }
     },
     computed: {
         isEditMode() {
@@ -4456,6 +4475,10 @@ var script$1 = Vue.extend({
             }
             BaseQuestionModel.refreshSurvey(this.currentSurvey);
             BaseQuestionModel.setActiveQuestion(newQuestion, this.currentSurvey.questions);
+            if (this.showQuestionWhenPageLoad) {
+                this.onSave();
+                this.onBack();
+            }
         },
         onQuestionDelete(id) {
             _.remove(this.currentSurvey.questions, function (question) {
@@ -4486,7 +4509,7 @@ var script$1 = Vue.extend({
 const __vue_script__$1 = script$1;
 
 /* template */
-var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"survey-creator-wrapper"},[_c('Card',{attrs:{"shadow":""}},[_c('Row',{attrs:{"align":"middle","justify":"space-between","type":"flex"}},[_c('Col',{attrs:{"span":"20"}},[_c('Icon',{staticClass:"icon-clipboard",attrs:{"custom":"i-icon icon-clipboard","size":"24"}}),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v("\n        "+_vm._s(_vm._f("translate")(_vm.survey.name.text,true))+"\n      ")])],1),_vm._v(" "),_c('Col',[_c('Button',{attrs:{"icon":"ios-arrow-back"},on:{"click":_vm.onBack}},[_vm._v(_vm._s(_vm.t('survey_creator.common.back')))])],1)],1)],1),_vm._v(" "),(_vm.isPreviewMode)?_c('survey-internal-previewer',{staticStyle:{"min-height":"calc(100vh - 128px)"},attrs:{"options":this.options,"survey":this.currentSurvey,"operation-type":_vm.questionOperationType}}):_c('Card',{staticStyle:{"min-height":"calc(100vh - 128px)"},attrs:{"shadow":""}},[_c('Tabs',{attrs:{"type":"card"},model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v;},expression:"activeTab"}},[_c('TabPane',{attrs:{"label":_vm.t('survey_creator.common.tab.question_setting'),"name":"EDIT"}},[(_vm.activeTab == 'EDIT')?_c('div',[_c('Row',{staticClass:"survey-operate",attrs:{"type":"flex","justify":"space-between","align":"middle","gutter":48}},[_c('Col',[_c('create-question-dropdown')],1),_vm._v(" "),_c('Col',[_c('edit-options',{staticClass:"edit-option",attrs:{"survey":this.currentSurvey}})],1)],1),_vm._v(" "),_c('Scroll',{staticClass:"question-content",attrs:{"height":_vm.height}},[_c('survey-editor',{attrs:{"options":this.options,"survey":this.currentSurvey}})],1)],1):_vm._e()]),_vm._v(" "),_c('TabPane',{attrs:{"label":_vm.t('survey_creator.common.tab.language'),"name":"TRANSLATE"}},[(_vm.activeTab == 'TRANSLATE')?_c('survey-translator',{attrs:{"options":this.options,"survey":this.currentSurvey}}):_vm._e()],1)],1)],1),_vm._v(" "),_c('question-edit-drawer',{ref:"editDrawer",attrs:{"question":_vm.editingQuestion,"operation-type":_vm.operationType},model:{value:(_vm.questionEditDrawerVisible),callback:function ($$v) {_vm.questionEditDrawerVisible=$$v;},expression:"questionEditDrawerVisible"}}),_vm._v(" "),_c('Card',{attrs:{"shadow":""}},[_c('Row',{attrs:{"gutter":30,"align":"middle","justify":"center","type":"flex"}},[_c('Col',[_c('Button',{attrs:{"loading":_vm.loading,"type":"primary","disabled":_vm.isSaved},on:{"click":_vm.onSave}},[_vm._v(_vm._s(_vm.t("survey_creator.common.save"))+"\n                ")])],1)],1)],1)],1)};
+var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.showQuestionWhenPageLoad)?_c('div',[_c('question-edit-drawer',{ref:"editDrawer",attrs:{"question":_vm.editingQuestion,"operation-type":_vm.operationType},model:{value:(_vm.questionEditDrawerVisible),callback:function ($$v) {_vm.questionEditDrawerVisible=$$v;},expression:"questionEditDrawerVisible"}})],1):_c('div',{staticClass:"survey-creator-wrapper"},[_c('Card',{attrs:{"shadow":""}},[_c('Row',{attrs:{"align":"middle","justify":"space-between","type":"flex"}},[_c('Col',{attrs:{"span":"20"}},[_c('Icon',{staticClass:"icon-clipboard",attrs:{"custom":"i-icon icon-clipboard","size":"24"}}),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v("\n        "+_vm._s(_vm._f("translate")(_vm.survey.name.text,true))+"\n      ")])],1),_vm._v(" "),_c('Col',[_c('Button',{attrs:{"icon":"ios-arrow-back"},on:{"click":_vm.onBack}},[_vm._v(_vm._s(_vm.t('survey_creator.common.back')))])],1)],1)],1),_vm._v(" "),(_vm.isPreviewMode)?_c('survey-internal-previewer',{staticStyle:{"min-height":"calc(100vh - 128px)"},attrs:{"options":this.options,"survey":this.currentSurvey,"operation-type":_vm.questionOperationType}}):_c('Card',{staticStyle:{"min-height":"calc(100vh - 128px)"},attrs:{"shadow":""}},[_c('Tabs',{attrs:{"type":"card"},model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v;},expression:"activeTab"}},[_c('TabPane',{attrs:{"label":_vm.t('survey_creator.common.tab.question_setting'),"name":"EDIT"}},[(_vm.activeTab == 'EDIT')?_c('div',[_c('Row',{staticClass:"survey-operate",attrs:{"type":"flex","justify":"space-between","align":"middle","gutter":48}},[_c('Col',[_c('create-question-dropdown')],1),_vm._v(" "),_c('Col',[_c('edit-options',{staticClass:"edit-option",attrs:{"survey":this.currentSurvey}})],1)],1),_vm._v(" "),_c('Scroll',{staticClass:"question-content",attrs:{"height":_vm.height}},[_c('survey-editor',{attrs:{"options":this.options,"survey":this.currentSurvey}})],1)],1):_vm._e()]),_vm._v(" "),_c('TabPane',{attrs:{"label":_vm.t('survey_creator.common.tab.language'),"name":"TRANSLATE"}},[(_vm.activeTab == 'TRANSLATE')?_c('survey-translator',{attrs:{"options":this.options,"survey":this.currentSurvey}}):_vm._e()],1)],1)],1),_vm._v(" "),_c('question-edit-drawer',{ref:"editDrawer",attrs:{"question":_vm.editingQuestion,"operation-type":_vm.operationType},model:{value:(_vm.questionEditDrawerVisible),callback:function ($$v) {_vm.questionEditDrawerVisible=$$v;},expression:"questionEditDrawerVisible"}}),_vm._v(" "),_c('Card',{attrs:{"shadow":""}},[_c('Row',{attrs:{"gutter":30,"align":"middle","justify":"center","type":"flex"}},[_c('Col',[_c('Button',{attrs:{"loading":_vm.loading,"type":"primary","disabled":_vm.isSaved},on:{"click":_vm.onSave}},[_vm._v(_vm._s(_vm.t("survey_creator.common.save"))+"\n                ")])],1)],1)],1)],1)])};
 var __vue_staticRenderFns__$1 = [];
 
   /* style */
@@ -4526,7 +4549,7 @@ var script = Vue.extend({
     components: { Card, Row, Col, Button, Toolbar, SurveyInternalPreviewer },
     provide() {
         return {
-            $rootComponent: this.$rootComponent
+            $rootComponent: this
         };
     },
     props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wg-npm/survey-creator",
-  "version": "0.3.4143",
+  "version": "0.3.4156",
   "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.3.4143",
-    "@wg-npm/survey-service-api": "0.3.4143",
+    "@wg-npm/survey-core": "0.3.4156",
+    "@wg-npm/survey-service-api": "0.3.4156",
     "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.3.4143",
-    "@wg-npm/survey-service-api": "0.3.4143",
+    "@wg-npm/survey-core": "0.3.4156",
+    "@wg-npm/survey-service-api": "0.3.4156",
     "acorn": "^7.3.1",
     "axios": "^0.19.2",
     "babelrc-rollup": "^3.0.0",

package/src/components/survey-creator.vue

@@ -1,5 +1,14 @@
 <template>
-    <div class="survey-creator-wrapper">
+    <div>
+      <div v-if="showQuestionWhenPageLoad">
+        <question-edit-drawer
+            :question="editingQuestion"
+            ref="editDrawer"
+            v-model="questionEditDrawerVisible"
+            :operation-type="operationType"
+        />
+      </div>
+      <div class="survey-creator-wrapper" v-else>
         <Card shadow>
             <Row align="middle" justify="space-between" type="flex">
                 <Col span="20">
@@ -69,6 +78,7 @@
                 </Col>
             </Row>
         </Card>
+      </div>
     </div>
 </template>
 <script lang="ts">
@@ -136,6 +146,16 @@
             options: {
                 type: Object as () => SurveyCreatorOptions,
                 required: true
+            },
+            showQuestionWhenPageLoad: {
+               type: Boolean,
+               required: false,
+               default: false
+            },
+            showQuestionType: {
+              type: String,
+              required: false,
+              default: QuestionType.EVALUATION
             }
         },
         data: function () {
@@ -170,6 +190,15 @@
                 this.currentSurvey.questions[0].active = true;
             }
             this.primaryLanguage = _.camelCase(this.currentSurvey.options.primaryLanguage);
+
+            if (this.showQuestionWhenPageLoad) {
+              const question = _.findLast(this.currentSurvey?.questions, questions=> { return questions.type === this.showQuestionType})
+              if (_.isUndefined(question)) {
+                this.createQuestion(this.showQuestionType)
+              } else {
+                this.showQuestionEditDrawer(<BaseQuestionModel>question)
+              }
+            }
         },
         computed: {
             isEditMode() {
@@ -292,6 +321,11 @@
                     newQuestion,
                     this.currentSurvey.questions
                 );
+
+                if (this.showQuestionWhenPageLoad) {
+                  this.onSave()
+                  this.onBack()
+                }
             },
             onQuestionDelete(id) {
                 _.remove(this.currentSurvey.questions, function (

package/src/components/survey-previewer.vue

@@ -36,7 +36,7 @@
         components: {Card, Row, Col, Button, Toolbar, SurveyInternalPreviewer},
         provide() {
             return {
-                $rootComponent: this.$rootComponent
+                $rootComponent: this
             };
         },
         props: {