additional edits and screenshots added

Author: tanuj-aelf

docs/quick-start/advance-tutorials/nft-indexer/index.md

@@ -3,7 +3,7 @@ sidebar_position: 1
 title: NFT AeIndexer
 description: Advance featured AeIndexer application 
 ---
-# NFT dApp with AeIndexer
+# NFT AeIndexer
 
 **Description**: This application demonstrates how to maintain account balances and transfer records by indexing aelf's NFT issued data.
 
@@ -25,16 +25,21 @@ description: Advance featured AeIndexer application
 
 - Enter the AeIndexer Name and other information to create a NFT AeIndexer.
 <!-- Commenting out missing image references -->
-<!-- ![dashboard](./-nftindexer/img/dashboard.png) -->
-<!-- ![create-app](./nft-aeindexer/img/create-app.png) -->
+![run-app-success](/img/create-nft-indexer.png)
+![create-app](/img/name-nft-indexer.png)
 
 ## Step 3 - Develop NFT AeIndexer
 
+### Download development template
+- In the created AeIndexer details page, download the development template by entering the project name.
+![download-template](/img/download-nft-indexer-template.png)
+- After unzipping, you can start developing.
+
 ### Project Structure
 The NFT AeIndexer project consists of the following key components:
 
 ```
-nftIndexer/
+NFTAeIndexer/
 ├── Contracts/           # Contract interfaces
 ├── Entities/           # Data models
 │   ├── Account.cs      # NFT account information
@@ -46,6 +51,17 @@ nftIndexer/
 
 ### Core Components
 
+- Obtain the Token contract files through the [AeFinder GitHub NFT AeIndexer sample](https://github.com/AeFinderProject/aefinder/tree/master/samples/TokenAeIndexer), and copy these two files to the directory src/NFTAeIndexer/Contracts.
+
+:::tip
+ℹ️ Note: If other contract files are needed, they need to be generated by compiling the corresponding contract project!
+:::
+
+```
+TokenContract.c.cs
+TokenContract.g.cs
+```
+
 #### 1. Entity Models
 
 **Account.cs**
@@ -92,10 +108,10 @@ using AElf.Contracts.MultiToken;
 using AeFinder.Sdk.Logging;
 using AeFinder.Sdk.Processor;
 using AeFinder.Sdk;
-using nftIndexer.Entities;
+using NFTAeIndexer.Entities;
 using Volo.Abp.DependencyInjection;
 
-namespace nftIndexer.Processors;
+namespace NFTAeIndexer.Processors;
 
 public class NFTTransferredProcessor : LogEventProcessorBase<Issued>, ITransientDependency
 {
@@ -185,12 +201,12 @@ public class NFTTransferredProcessor : LogEventProcessorBase<Issued>, ITransient
 }
 ```
 
-- Add files `AccountDto.cs`, `TransferRecordDto.cs`, `GetAccountInput.cs`, `GetTransferRecordInput.cs` to the directory `src/nftIndexer/GraphQL`.
+- Add files `AccountDto.cs`, `TransferRecordDto.cs`, `GetAccountInput.cs`, `GetTransferRecordInput.cs` to the directory `src/NFTAeIndexer/GraphQL`.
 
 ```csharp title="AccountDto.cs"
 using AeFinder.Sdk.Dtos;
 
-namespace nftIndexer.GraphQL;
+namespace NFTAeIndexer.GraphQL;
 
 public class AccountDto : AeFinderEntityDto
 {
@@ -206,7 +222,7 @@ public class AccountDto : AeFinderEntityDto
 ```csharp title="TransferRecordDto.cs"
 using AeFinder.Sdk.Dtos;
 
-namespace nftIndexer.GraphQL;
+namespace NFTAeIndexer.GraphQL;
 
 public class TransferRecordDto : AeFinderEntityDto
 {
@@ -218,7 +234,7 @@ public class TransferRecordDto : AeFinderEntityDto
 ```
 
 ```csharp title="GetAccountInput.cs"
-namespace nftIndexer.GraphQL;
+namespace NFTAeIndexer.GraphQL;
 
 public class GetAccountInput
 {
@@ -229,7 +245,7 @@ public class GetAccountInput
 ```
 
 ```csharp title="GetTransferRecordInput.cs"
-namespace nftIndexer.GraphQL;
+namespace NFTAeIndexer.GraphQL;
 
 public class GetTransferRecordInput
 {
@@ -239,15 +255,15 @@ public class GetTransferRecordInput
 }
 ```
 
-  - Modify `src/nftIndexer/GraphQL/Query.cs` to add query logic.
+  - Modify `src/NFTAeIndexer/GraphQL/Query.cs` to add query logic.
 
 ```csharp title="Query.cs"
 using AeFinder.Sdk;
 using GraphQL;
-using nftIndexer.Entities;
+using NFTAeIndexer.Entities;
 using Volo.Abp.ObjectMapping;
 
-namespace nftIndexer.GraphQL;
+namespace NFTAeIndexer.GraphQL;
 
 public class Query
 {
@@ -257,70 +273,74 @@ public class Query
         GetAccountInput input)
     {
         var queryable = await repository.GetQueryableAsync();
-        
+
         queryable = queryable.Where(a => a.Metadata.ChainId == input.ChainId);
-        
+
         if (!input.Address.IsNullOrWhiteSpace())
         {
             queryable = queryable.Where(a => a.Address == input.Address);
-}
-        
-        if(!input.Symbol.IsNullOrWhiteSpace())
+        }
+
+        if (!input.Symbol.IsNullOrWhiteSpace())
         {
-            queryable = queryable.Where(a => a.Symbol == input.Symbol);
+            queryable = queryable.Where(a => a.Symbol == input.Symbol && a.Symbol.Contains("-"));
         }
-        
-        var accounts= queryable.OrderBy(o=>o.Metadata.Block.BlockHeight).ToList();
+
+        var accounts = queryable.OrderBy(o => o.Metadata.Block.BlockHeight).ToList();
 
         return objectMapper.Map<List<Account>, List<AccountDto>>(accounts);
     }
-    
+
     public static async Task<List<TransferRecordDto>> TransferRecord(
         [FromServices] IReadOnlyRepository<TransferRecord> repository,
         [FromServices] IObjectMapper objectMapper,
         GetTransferRecordInput input)
     {
         var queryable = await repository.GetQueryableAsync();
-        
+
         queryable = queryable.Where(a => a.Metadata.ChainId == input.ChainId);
-        
+
         if (!input.Address.IsNullOrWhiteSpace())
         {
             queryable = queryable.Where(a => a.ToAddress == input.Address);
         }
-        
-        if(!input.Symbol.IsNullOrWhiteSpace())
+
+        // Filter by Symbol, ensuring it matches the NFT pattern
+        if (!input.Symbol.IsNullOrWhiteSpace())
         {
-            queryable = queryable.Where(a => a.Symbol == input.Symbol);
+            queryable = queryable.Where(a => a.Symbol == input.Symbol && a.Symbol.Contains("-"));
         }
-        
-        var accounts= queryable.OrderBy(o=>o.Metadata.Block.BlockHeight).ToList();
 
-        return objectMapper.Map<List<TransferRecord>, List<TransferRecordDto>>(accounts);
+        // Ensure NFT-specific conditions
+        queryable = queryable.Where(a => a.Symbol.Contains("-") && a.Amount > 0);
+
+        var transferRecords = queryable.OrderBy(o => o.Metadata.Block.BlockHeight).ToList();
+
+        return objectMapper.Map<List<TransferRecord>, List<TransferRecordDto>>(transferRecords);
     }
 }
 ```
 
 - Register log event processor
 
-  Modify `src/nftIndexer/nftIndexerModule.cs` to register NFTTransferredProcessor.
+  Modify `src/NFTAeIndexer/NFTAeIndexerModule.cs` to register NFTTransferredProcessor.
 
-```csharp title="nftIndexerModule.cs"
+```csharp title="NFTAeIndexerModule.cs"
 using AeFinder.Sdk.Processor;
-using nftIndexer.GraphQL;
-using nftIndexer.Processors;
+using NFTAeIndexer.GraphQL;
+using NFTAeIndexer.Processors;
 using GraphQL.Types;
 using Microsoft.Extensions.DependencyInjection;
 using Volo.Abp.AutoMapper;
 using Volo.Abp.Modularity;
 
-namespace nftIndexer;
+namespace NFTAeIndexer;
 
-public class nftIndexerModule: AbpModule
+public class NFTAeIndexerModule: AbpModule
 {
     public override void ConfigureServices(ServiceConfigurationContext context)
     {
-        Configure<AbpAutoMapperOptions>(options => { options.AddMaps<nftIndexerModule>(); });
+        Configure<AbpAutoMapperOptions>(options => { options.AddMaps<NFTAeIndexerModule>(); });
         context.Services.AddSingleton<ISchema, AeIndexerSchema>();
 
         // Add your LogEventProcessor implementation.
@@ -331,18 +351,18 @@ public class nftIndexerModule: AbpModule
 
 - Add entity mapping
 
-  Modify src/nftIndexer/nftIndexerAutoMapperProfile.cs and add entity mapping code.
+  Modify src/NFTAeIndexer/NFTAeIndexerAutoMapperProfile.cs and add entity mapping code.
 
-```csharp title="nftIndexerAutoMapperProfile.cs"
-using nftIndexer.Entities;
-using nftIndexer.GraphQL;
+```csharp title="NFTAeIndexerAutoMapperProfile.cs"
+using NFTAeIndexer.Entities;
+using NFTAeIndexer.GraphQL;
 using AutoMapper;
 
-namespace nftIndexer;
+namespace NFTAeIndexer;
 
-public class nftIndexerAutoMapperProfile : Profile
+public class NFTAeIndexerAutoMapperProfile : Profile
 {
-    public nftIndexerAutoMapperProfile()
+    public NFTAeIndexerAutoMapperProfile()
     {
         CreateMap<Account, AccountDto>();
         CreateMap<TransferRecord, TransferRecordDto>();
@@ -358,7 +378,7 @@ dotnet build -c Release
 
 ## Step 4 - Deploy AeIndexer
 - Open the AeIndexer details page and click Deploy.
-<!-- ![deploy](./token-aeindexer/img/deploy.png) -->
+![deploy](/img/deploy-nft-indexer-template.png)
 - Fill out the subscription manifest and upload the DLL file.
 1. Subscription manifest：
 ```json
@@ -382,15 +402,15 @@ dotnet build -c Release
   ]
 }
 ```
-  2. DLL file location: src/nftIndexer/bin/Release/net8.0/nftIndexer.dll
-<!-- ![deploy-2](./token-aeindexer/img/deploy-2.png) -->
+  2. DLL file location: src/NFTAeIndexer/bin/Release/net8.0/NFTAeIndexer.dll
+![deploy-2](/img/subscription-nft-indexer.png)
 - Click the deploy button to submit deployment information. When the normal processing block information appears on the Logs page at the bottom of the details page, it means that the deployment has been successful and data indexing has started.
-<!-- ![log](./token-aeindexer/img/log.png) -->
+![log](/img/logs-nft-indexer.png)
 
 ## Step 5 - Query indexed data
 Through the Playground page below the details page, you can use GraphQL syntax to query the indexed data information. Enter the query statement on the left, and the query results will be displayed on the right.
 
-```GraphQL
+```
 query{
     account(input: { chainId: "tDVW", address: "2AaBGTi2cJLWtEXR7w96hzun4qVz2KnsGZ1XfqErhKTgDj9Q8x"}) {
         symbol,
@@ -407,3 +427,9 @@ query{
         }
       }
 }
+```
+![query-graphQL](/img/query-nft-indexer.png)
+
+:::tip
+ℹ️ Note: For the complete demo code, please visit AeFinder github to download. https://github.com/AeFinderProject/aefinder/tree/master/samples/TokenAeIndexer
+:::