showing created, collected and sold

src/components/landing/Spotlight.vue

@@ -48,6 +48,8 @@ export default class Leaderboard extends Vue {
     'HRL2QctmfjgFPLCSaiDJThYShQy7V4KvJqLWCY6pga6AEnE',
     'Gskn3eRyr3tDiKxhzU1MPG4ha8RFTBG9ft3C6Rrn3kGJMXn',
     'EB1oqZ5MEnEwxhJ5DySCH3pyY55a2CUDfAbYKmLz2QcqWgx',
+    'Eki6rrJtqfF5RA7gshbe9twhL3umQRebqdWxRkUoLRtofHv',
+    'DFxLeonhy3wNSDPVh5uqyai31vsMp2rY7SSJiM7dK6WQSgn',
     // 'HtRTwHSP6fYC5PtCsJ7pG4H1hwyPhzXbtVTTVRJ6kvfPFe1', did not set identity
     // 'Cu7QaEnRGPE91WvLduzUii2ZNa3jhMWtmB8SYwumycNRmoN' did not set identity
   ]

src/components/rmrk/Create/SimpleMint.vue

@@ -147,6 +147,12 @@
             />
           </b-field>
           <ArweaveUploadSwitch  v-model="arweaveUpload" />
+          <b-field>
+            <b-switch v-model="hasToS"
+              :rounded="false">
+              {{ $t("termOfService.accept") }}
+            </b-switch>
+          </b-field>
         </div>
       </section>
     </div>
@@ -251,6 +257,7 @@ export default class SimpleMint extends Mixins(
   private secondFile: Blob | null = null;
   private isLoading: boolean = false;
   private password: string = '';
+  private hasToS: boolean = false;
   private hasSupport: boolean = true;
   private nsfw: boolean = false;
   private price: number = 0;
@@ -289,7 +296,7 @@ export default class SimpleMint extends Mixins(
 
   get disabled(): boolean {
     const { name, symbol, max } = this.rmrkMint;
-    return !(name && symbol && max && this.accountId && this.file);
+    return !(name && symbol && max && this.hasToS && this.accountId && this.file);
   }
 
   protected async estimateTx() {

src/components/rmrk/Gallery/PaginatedCardList.vue

@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <Pagination :total="total" v-model="currentValue" />
+    <GalleryCardList :items="items" />
+    <Pagination
+      class="pt-5 pb-5"
+      :total="total"
+      v-model="currentValue"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator';
+import { DocumentNode } from 'graphql';
+import { NFTWithMeta } from '../service/scheme';
+
+const components = {
+  GalleryCardList: () => import('./GalleryCardList.vue'),
+  Pagination: () => import('@/components/rmrk/Gallery/Pagination.vue')
+};
+
+@Component({ components })
+export default class PaginatedCardList extends Vue {
+  @Prop({ default: 'nftDetail' }) public type!: string;
+  @Prop({ default: 'rmrk/detail' }) public link!: string;
+  @Prop() public query!: DocumentNode;
+  @Prop(String) public account!: string;
+
+
+
+  private currentValue = 1;
+  private first = 20;
+  private total = 0;
+  protected items: NFTWithMeta[] = [];
+
+  get offset() {
+    return this.currentValue * this.first - this.first;
+  }
+
+  created() {
+    this.$apollo.addSmartQuery('items', {
+        query: this.query,
+        manual: true,
+        // update: ({ nFTEntities }) => nFTEntities.nodes,
+        loadingKey: 'isLoading',
+        result: this.handleResult,
+        variables: () => {
+          return {
+            account: this.account,
+            first: this.first,
+            offset: this.offset
+          };
+        },
+        fetchPolicy: 'cache-and-network'
+      });
+  }
+
+  protected async handleResult({ data }: any) {
+    if (data) {
+      this.total = data.nFTEntities.totalCount;
+      this.items = data.nFTEntities.nodes;
+      this.$emit('change', this.total);
+    }
+  }
+
+
+}
+</script>

src/locales/en.json

@@ -169,5 +169,13 @@
   "arweave": {
     "uploadYes": "Upload NFT image to Arweave",
     "uploadNo": "Do not use Arweave"
+  },
+  "termOfService" : {
+    "accept": "I confirm that I hold full copyright ownership of the submitted digital asset (or have sufficient permission by the owner to use the asset)"
+  },
+  "profile": {
+    "created": "Created",
+    "collected": "Collected",
+    "sold": "Sold"
   }
 }

src/locales/fr.json

@@ -130,5 +130,8 @@
   },
   "nft": {
     "carbonless": "Ce NFT est sans carbone"
+  },
+  "termOfService" : {
+    "accept": "Je confirme que je détiens tous les droits d'auteur sur le bien numérique soumis (ou que j'ai l'autorisation suffisante du propriétaire pour utiliser le bien)"
   }
 }

src/queries/firstNftByIssuer.graphql

@@ -0,0 +1,16 @@
+
+
+query firstNftByIssuer($account: String!) {
+  nFTEntities(
+    filter: {
+      issuer: { equalTo: $account }
+      name: { notLike: "%Kanaria%" }
+    }
+    orderBy: BLOCK_NUMBER_DESC
+    first: 1
+  ) {
+    nodes {
+      metadata
+    }
+  }
+}

src/queries/nftListByIssuer.graphql

@@ -0,0 +1,18 @@
+#import "./nft.graphql"
+
+query nftListByIssuer($account: String!, $first: Int!, $offset: Int) {
+  nFTEntities(
+    filter: {
+      issuer: { equalTo: $account }
+      name: { notLike: "%Kanaria%" }
+    }
+    orderBy: BLOCK_NUMBER_DESC
+    first: $first
+    offset: $offset
+  ) {
+    totalCount
+    nodes {
+      ...nft
+    }
+  }
+}

src/queries/nftListCollected.graphql

@@ -0,0 +1,19 @@
+#import "./nft.graphql"
+
+query nftListCollected($account: String!, $first: Int!, $offset: Int) {
+  nFTEntities(
+    filter: {
+      issuer: { notEqualTo: $account }
+      currentOwner: { equalTo: $account }
+      name: { notLike: "%Kanaria%" }
+    }
+    orderBy: BLOCK_NUMBER_DESC
+    first: $first
+    offset: $offset
+  ) {
+    totalCount
+    nodes {
+      ...nft
+    }
+  }
+}

src/queries/nftListSold.graphql

@@ -0,0 +1,19 @@
+#import "./nft.graphql"
+
+query nftListSold($account: String!, $first: Int!, $offset: Int) {
+  nFTEntities(
+    filter: {
+      issuer: { equalTo: $account }
+      currentOwner: { notEqualTo: $account }
+      name: { notLike: "%Kanaria%" }
+    }
+    orderBy: BLOCK_NUMBER_DESC
+    first: $first
+    offset: $offset
+  ) {
+    totalCount
+    nodes {
+      ...nft
+    }
+  }
+}