- User Profile

- DashBoard start

src/components/CMyPopupEdit/CMyPopupEdit.ts

@@ -28,6 +28,7 @@ export default class CMyPopupEdit extends Vue {
   @Prop({ required: false, default: '5' }) public minuteinterval
 
   public myvalue = ''
+  public countryname = ''
 
   get tools() {
     return tools
@@ -44,6 +45,10 @@ export default class CMyPopupEdit extends Vue {
     this.$emit('update:row', newval)
   }
 
+  public updatedata() {
+    this.mounted()
+  }
+
   public mounted() {
     if ((this.subfield !== '') && (this.subfield !== '')) {
       if (this.row[this.field] === undefined) {
@@ -165,4 +170,15 @@ export default class CMyPopupEdit extends Vue {
   public changeCol() {
 
   }
+
+  public selectcountry({name, iso2, dialCode}) {
+    // console.log(name, iso2, dialCode)
+    this.myvalue = iso2
+    this.countryname = name
+  }
+
+  public intcode_change(coderec) {
+    this.myvalue = '+' + coderec.dialCode
+  }
+
 }

src/components/CMyPopupEdit/CMyPopupEdit.vue

@@ -12,6 +12,16 @@
 
             </CGallery>
         </div>
+        <div v-else-if="col.fieldtype === tools.FieldType.nationality">
+          <div>
+            {{myvalue}}
+          </div>
+        </div>
+        <div v-else-if="col.fieldtype === tools.FieldType.intcode">
+          <div>
+            {{myvalue}}
+          </div>
+        </div>
         <div v-else>
             <!-- Edit Value -->
             <span v-if="col.fieldtype === tools.FieldType.date">
@@ -124,6 +134,45 @@
                                    :useinput="false">
                         </CMySelect>
                     </div>
+                    <div v-else-if="col.fieldtype === tools.FieldType.nationality">
+                      <div class="justify-center q-gutter-sm clgutter q-mt-sm">
+                        <q-input
+                          v-model="countryname"
+                          :readonly="true"
+                          rounded outlined
+                          debounce="1000"
+                          :label="$t('reg.nationality')">
+
+                          <template v-slot:prepend>
+                            <div style="font-size: 1rem;">
+                              <vue-country-code
+                                :defaultCountry="myvalue"
+                                :disabledFetchingCountry="true"
+                                @onSelect="selectcountry"
+                                :preferredCountries="tools.getprefCountries"
+                                :dropdownOptions="{ disabledDialCode: true }">
+
+                              </vue-country-code>
+                            </div>
+                          </template>
+                        </q-input>
+                        <div style="height: 180px;">
+
+                        </div>
+                      </div>
+                    </div>
+                    <div v-else-if="col.fieldtype === tools.FieldType.intcode">
+
+                      <vue-tel-input
+                        @country-changed="intcode_change"
+                        v-model="myvalue"
+                        :placeholder="$t('reg.cell')"
+                        :enabledCountryCode="true"
+                        inputClasses="clCell"
+                        wrapperClasses="clCellCode">
+                      </vue-tel-input>
+
+                    </div>
                     <div v-else-if="col.fieldtype === tools.FieldType.multiselect">
                         <q-select
                                 v-model="myvalue"