Add a created at field (#77)

templates/lnurlp/index.html

@@ -26,16 +26,16 @@
           dense
           flat
           :rows="payLinks"
+          :columns="payLinksTable.columns"
           row-key="id"
           v-model:pagination="payLinksTable.pagination"
         >
           <template v-slot:header="props">
             <q-tr class="text-left" :props="props">
               <q-th auto-width></q-th>
-              <q-th auto-width>Description</q-th>
-              <q-th auto-width>Amount</q-th>
-              <q-th auto-width>Currency</q-th>
-              <q-th auto-width>Username</q-th>
+              <q-th v-for="col in props.cols" :key="col.name" :props="props">
+                <span v-text="col.label"></span>
+              </q-th>
               <q-th auto-width></q-th>
               <q-th auto-width></q-th>
             </q-tr>
@@ -66,22 +66,11 @@
                   ><q-tooltip>View Link</q-tooltip></q-btn
                 >
               </q-td>
-              <q-td auto-width v-text="props.row.description"></q-td>
-              <q-td auto-width>
-                <span
-                  v-if="props.row.min == props.row.max"
-                  v-text="props.row.min"
-                ></span>
-                <span
-                  v-else
-                  v-text="props.row.min + ' - ' + props.row.max"
-                ></span>
-              </q-td>
-              <q-td v-text="props.row.currency || 'sat'"></q-td>
               <q-td
-                auto-width
-                :class="(props.row.username) ? 'text-normal' : 'text-grey'"
-                v-text="props.row.username || 'None'"
+                v-for="col in props.cols"
+                :key="col.name"
+                :props="props"
+                v-text="col.value"
               ></q-td>
               <q-td>
                 <q-icon v-if="props.row.webhook_url" size="14px" name="http">