@ -4,6 +4,9 @@
< head >
< meta http-equiv = "Content-Type" content = "text/html;charset=UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta http-equiv = "Cache-Control" content = "no-cache, no-store, must-revalidate" / >
< meta http-equiv = "Pragma" content = "no-cache" / >
< meta http-equiv = "Expires" content = "0" / >
< title > One Minute Feedback - Help Us Serve You Better! < / title >
< style > body { font-family : Arial , sans-serif ; color : #333 } . text-primary { color : #b43c1a } h3 , h5 , p { margin : .5 em 0 } . header-m { background : #ad1818 ; color : #fff ; padding : .5 em } . header-pc { height : 90 px !important ; display : flex ; align-items : center ; justify-content : flex-start ; background : #ad1818 ; color : #fff ; padding : 0 20 px } . header-pc img { position : absolute ; top : 0 ; margin-right : 20 px ; height : 104 px ; width : auto ; border-radius : 0 0 3 px 3 px ; background-color : #fff ; box-shadow : 1 px 1 px 10 px 1 px rgba ( 77 , 77 , 77 , .7 ) ; -webkit- box-shadow : 1 px 1 px 10 px 1 px rgba ( 77 , 77 , 77 , .7 ) ; -moz- box-shadow : 1 px 1 px 10 px 1 px rgba ( 77 , 77 , 77 , .7 ) } . header-pc h1 { margin : 0 ; margin-left : 240 px } . form-container { width : 100 % ; max-width : 768 px ; margin : 0 auto ; margin-top : 1.5 em } . question { display : flex ; flex-direction : column ; align-items : start ; margin-bottom : 10 px } . question h4 { position : sticky ; top : 0 ; background-color : #fff ; margin-top : 0 ; padding-top : 1.33 em } . question-items { display : flex ; flex-direction : column ; align-items : start ; margin-bottom : 10 px ; } . options { display : flex ; flex-direction : column ; align-items : start ; } . options-row { flex-direction : row ; justify-content : flex-end ; align-items : baseline } . options-row-reverse { flex-direction : row-reverse ; justify-content : flex-end ; align-items : baseline } . radio-container { display : flex ; align-items : center ; margin-bottom : 5 px ; margin-top : 5 px ; } . radio-container input [ type = radio ] { display : none } . radio-container label { margin-left : 8 px } . radio-container input [ type = radio ] : checked + . radio-label { background-color : #d54e21 ; color : #fff } . radio-label { display : inline-block ; padding : 5 px 10 px ; border : 1 px solid #d54e21 ; border-radius : 20 px ; transition : all .3 s ease ; font-size : 14 px } label . radio-label svg { vertical-align : text - bottom } . feedback { margin-top : 10 px } . feedback textarea { width : 90 % ; padding : 10 px ; resize : vertical ; border : 1 px solid #d54e21 ; border-radius : 5 px } . form-btn { display : block ; width : 100 % ; padding : 10 px ; margin-top : 20 px ; border : none ; border-radius : 20 px ; cursor : pointer ; transition : all .3 s ease ; background : 0 0 ; border : 1 px solid #d54e21 ; color : #d54e21 } . submit-btn { background-color : #d54e21 ; color : #fff } . submit-btn : hover { background-color : #b43c1a } . cancel-btn : hover { background-color : #000000 11 } . info-container { display : flex ; flex-direction : column ; justify-content : space-between ; margin-bottom : 10 px } . info-item { margin-bottom : 10 px } . info-item p { color : #b43c1a } . signature-pad { border : 1 px solid #d54e21 ; border-radius : 5 px ; z-index : 10 } . signature-container { display : flex ; flex-direction : column ; justify-content : flex-start ; align-items : flex-start ; flex-wrap : wrap } . button-container { margin-left : .5 em ; display : flex ; flex-direction : column ; justify-content : flex-start } . button { margin-top : 1 em ; padding : 10 px ; background-color : #d54e21 ; color : #fff ; border : none ; border-radius : 5 px ; cursor : pointer } @ media ( min-width : 768px ) { body { margin-left : 0 ; margin-right : 0 ; margin-top : 0 ; padding-left : 0 ; padding-right : 0 ; padding-top : 0 } . question-items { width : 100 % ; flex-direction : row ; justify-content : space-between ; align-items : baseline } . question-items h5 { max-width : 230 px ; } . question-items . options { flex : 1 1 auto } . options { flex-direction : row ; justify-content : flex-end ; align-items : center ; } . info-container { flex-direction : row } . info-item { flex : 1 ; margin-right : 10 px ; margin-bottom : 0 } . info-item : last-child { margin-right : 0 } . header-m { display : none } . signature-container { flex-direction : row } } @ media ( max-width : 767px ) { . header-pc { display : none } } < / style >
< style >
@ -108,8 +111,8 @@
< options-item-star v-else question = "Experience" v-bind:qitem = "q" v-bind:si = "3" v-bind:qi = "qi" v-bind:key = "q.id" v-bind:disabled = "resultPage" > < / options-item >
< / div >
< / div >
< div class = "question " v-if = "showPhotos" >
< h4 > 4. Would you give Asia Highlights permission to use photos taken by your tour guide(s) that contain your picture?< / h4 >
< div class = "question " >
< h4 > 4. Would you give < span > {{webcode=='ah' ? ' Asia' : 'Global'}}< / span > Highlights permission to use photos taken by your tour guide(s) that contain your picture?< / h4 >
< judgment-item question = "photo" v-bind:qitem = "{id: 'photo_permission', rate: feedbackEvaluation.usePhotos}" si = "photo" qi = "photo" key = "photo" v-bind:disabled = "resultPage" > < / judgment-item >
< / div >
< div class = "feedback question" >
@ -117,6 +120,11 @@
< p v-if = "resultPage" > {{feedbackEvaluation.otherComments ? feedbackEvaluation.otherComments : '--'}}< / p >
< textarea v-else name = "comments" rows = "4" v-bind:value = "feedbackEvaluation.otherComments" v-bind:disabled = "resultPage" > < / textarea >
< / div >
< div class = "feedback question" >
< h4 > Where is your desired destination for your next trip?< / h4 >
< p v-if = "resultPage" > {{feedbackEvaluation.desired_next ? feedbackEvaluation.desired_next : '--'}}< / p >
< textarea v-else name = "desired_next" rows = "4" v-bind:value = "feedbackEvaluation.desired_next" v-bind:disabled = "resultPage" > < / textarea >
< / div >
< div class = "signature" >
< h4 > Signature:< / h4 >
< div class = "signature-container" v-if = "!resultPage" >
@ -534,6 +542,7 @@
city_sn: iterator,
use_the_photos: formValues.photo_permission || -1,
other_comments: formValues.comments,
desired_next: formValues.desired_next,
feedback_id: that.feedbackCity[`city_${iterator}`].feedbackEvaluation[0] ? that.feedbackCity[`city_${iterator}`].feedbackEvaluation[0].feedbackId : undefined,
service_item_answer: JSON.stringify(rateArr),
signature_data_url: formValues.signature,