feat: navigate from chat to orders

static/components/direct-messages/direct-messages.html

@@ -1,7 +1,21 @@
 <div>
   <q-card>
     <q-card-section>
+      <div class="row">
+        <div class="col-6">
           <h6 class="text-subtitle1 q-my-none">Messages</h6>
+        </div>
+        <div class="col-6">
+          <q-btn
+            v-if="activePublicKey"
+            @click="showClientOrders"
+            unelevated
+            outline
+            class="float-right"
+            >Client Orders</q-btn
+          >
+        </div>
+      </div>
     </q-card-section>
     <q-card-section class="q-pa-none">
       <q-separator></q-separator>

static/components/direct-messages/direct-messages.js

@@ -81,6 +81,9 @@ async function directMessages(path) {
           LNbits.utils.notifyApiError(error)
         }
       },
+      showClientOrders: function () {
+        this.$emit('customer-selected', this.activePublicKey)
+      },
       selectActiveCustomer: async function () {
         await this.getDirectMessages(this.activePublicKey)
       },

static/components/order-list/order-list.js

@@ -2,9 +2,18 @@ async function orderList(path) {
   const template = await loadTemplateAsync(path)
   Vue.component('order-list', {
     name: 'order-list',
-    props: ['stall-id', 'adminkey', 'inkey'],
+    props: ['stall-id', 'customer-pubkey-filter', 'adminkey', 'inkey'],
     template,
 
+    watch: {
+      customerPubkeyFilter: async function (n) {
+        this.search.publicKey = n
+        this.search.isPaid = {label: 'All', id: null}
+        this.search.isShipped = {label: 'All', id: null}
+        await this.getOrders()
+      }
+    },
+
     data: function () {
       return {
         orders: [],

static/js/index.js

@@ -21,6 +21,7 @@ const merchant = async () => {
         merchant: {},
         shippingZones: [],
         activeChatCustomer: '',
+        orderPubkey: null,
         showKeys: false,
         importKeyDialog: {
           show: false,
@@ -103,6 +104,9 @@ const merchant = async () => {
       customerSelectedForOrder: function (customerPubkey) {
         this.activeChatCustomer = customerPubkey
       },
+      filterOrdersForCustomer: function (customerPubkey) {
+        this.orderPubkey = customerPubkey
+      },
       waitForNotifications: function () {
         try {
           const scheme = location.protocol === 'http:' ? 'ws' : 'wss'

templates/nostrmarket/index.html

@@ -66,6 +66,7 @@
               <order-list
                 :adminkey="g.user.wallets[0].adminkey"
                 :inkey="g.user.wallets[0].inkey"
+                :customer-pubkey-filter="orderPubkey"
                 @customer-selected="customerSelectedForOrder"
               ></order-list>
             </div>
@@ -149,8 +150,8 @@
         :inkey="g.user.wallets[0].inkey"
         :adminkey="g.user.wallets[0].adminkey"
         :active-chat-customer="activeChatCustomer"
+        @customer-selected="filterOrdersForCustomer"
       >
-        
       </direct-messages>
     </div>
   </div>