@ozdao/prometheus-framework 0.2.53 → 0.2.55

package/src/modules/orders/components/sections/FormOrderDetails.vue

@@ -1,220 +0,0 @@
-<template>
-<div class="order-form col">
-  <!-- Client info -->
-  <Block
-    title="Personal Data"
-    class="mn-b-thin"
-  >
-    <!-- Name and surname -->
-    <Field 
-      v-model:field="order.user.name"     
-      label="Name*"    
-      placeholder="Enter your name"  
-      class="
-        bg-white
-        pd-medium
-        radius-small
-        mn-b-thin
-      "
-    />
-    <!-- Phone -->
-    <FieldPhone
-      v-model:modelValue="order.user.phone"  
-      @country="(country) => { order.user.number = country }"
-      :inputOptions="{
-        placeholder: 'Enter contact phone number',
-        type: 'tel',
-      }"
-      :defaultCountry="'TH'"
-      :validCharactersOnly="true"
-      :dropdownOptions="{
-        showDialCodeInSelection: true,
-        showFlags: true,
-        showDialCodeInList: true
-      }" 
-      mode="national"
-      class="bg-white pd-small radius-small mn-b-thin" 
-    />
-
-    <p class="mn-b-small">
-     Prefer to chat instead of calling? Just drop your messenger info here:
-    </p>
-
-    <div class="flex-nowrap flex">
-      <Select 
-        :options="[
-          {name: 'Telegram',        value: 'telegram'}, 
-          {name: 'WhatsApp',        value: 'whatsapp'},
-          {name: 'Line',            value: 'line'}, 
-        ]"
-        @update:select="(option) => order.user.messenger.type = option.value"
-        placeholder="Messenger" 
-        size="small"
-        class="
-          bg-white
-          pd-medium
-          radius-small
-          mn-r-small
-        "
-      />
-
-      <Field 
-        v-model:field="order.user.messenger.value"     
-        placeholder="Enter your contact here"  
-        class="
-          bg-white
-          pd-medium
-          radius-small
-          w-100
-        "
-      />
-    </div>
-  </Block>
-
-  <!-- Delivery -->
-  <Block
-    title="Delivery"
-    class="mn-b-thin"
-    :tooltip="'Delivery by mail takes 3-5 days.'"
-  >
-    <!-- Type of delivery -->
-    <div class="mn-b-small flex-nowrap flex">
-      <Radio 
-        v-model:radio="order.delivery.type"
-        label="Courier"
-        value="courier"
-        class="
-          bg-white
-          pd-medium
-          radius-small
-          w-100
-          mn-r-small
-        "
-      />
-      <Radio 
-        v-model:radio="order.delivery.type"
-        label="Post"
-        value="Post"
-        class="
-          bg-white
-          pd-medium
-          radius-small
-          w-100
-          mn-r-small
-        "
-      />
-    </div>
-    <!-- Adress-->
-    <Address
-      label="Address"    
-
-      apiKey="AIzaSyDDR6WgYB7XMt7yTDDzQNEdF_gTdUiq8dI" 
-      
-      :address="order.delivery.address" 
-      :location="order.delivery.location"  
-      
-      placeholder="Enter your address"  
-
-      class="
-        bg-white radius-tl-medium radius-tr-medium  t-black br-grey br-solid br-2px pd-medium
-      "
-
-      @update:location="newLocation => {
-        order.delivery.location = newLocation;
-      }"
-      @update:address="newAddress => {
-        order.delivery.address = newAddress;
-      }"
-    />
-
-    <LocationMarker 
-      apiKey="AIzaSyDDR6WgYB7XMt7yTDDzQNEdF_gTdUiq8dI" 
-
-      :address="order.delivery.address" 
-      :location="order.delivery.location"
-
-      class="mn-b-thin radius-bl-medium radius-br-medium h-15r o-hidden"
-
-      @update:location="newLocation => {
-        order.delivery.location = newLocation;
-      }"
-      @update:address="newAddress => {
-        order.delivery.address = newAddress;
-      }"
-    />
-   <Field 
-      v-model:field="order.comment"     
-      placeholder="Comments regarding the address (apartment unit, floor level, building section)"
-      type="textarea"  
-      class="
-        bg-white
-        pd-medium
-        radius-small
-      "
-    />
-  </Block>
-  <!-- Type of payment -->
-  <Block
-    title="Payment"
-  >
-    <div class="mn-b-small flex-nowrap flex">
-      <Select 
-        v-model:select="order.payment.type"
-        :property="'value'"
-        :options="[
-          {name: 'Cash On Delivery',  value: 'cash'}, 
-          {name: 'Bank Transfer',     value: 'bank'},
-          {name: 'Crypto',            value: 'crypto'}, 
-        ]"
-       
-        placeholder="Select type of payment" 
-        size="small"
-        class="
-          bg-white
-          pd-medium
-          radius-small
-          w-100
-        "
-      />
-    </div>
-  </Block>
-
-  
-</div>
-
-</template>
-
-<script setup="props">
-import { computed, onMounted, watch } from 'vue'
-
-import * as globals from '@pf/src/modules/globals/store/globals';
-import * as orders from '@pf/src/modules/orders/store/orders';
-/////////////////////////////
-// COMPONENT DEPENDENCIES
-/////////////////////////////
-import Block           from '@pf/src/components/Block/Block.vue'
-import Field           from '@pf/src/components/Field/Field.vue'
-import FieldPhone    from '@pf/src/components/FieldPhone/FieldPhone2.vue'
-import Select           from '@pf/src/components/Select/Select.vue'
-import Address           from '@pf/src/components/Address/Address.vue'
-
-import LocationMarker from "@pf/src/components/LocationMarker/LocationMarker.vue";
-import Radio           from '@pf/src/components/Radio/Radio.vue'
-/////////////////////////////
-// CREATED
-/////////////////////////////
-const props = defineProps({
-  order: Object,
-});
-/////////////////////////////
-// MOUNTED
-/////////////////////////////
-onMounted(() => {
-  if (globals.state.position) props.order.delivery.address = globals.state.position.address
-  if (globals.state.position) props.order.delivery.location = globals.state.position.location
-})
-</script>
-
-<style lang="scss">
-
-</style>