Integrate Category Listing With Ads

@await Html.PartialAsync("~/Views/ads/partials/_CategoryList.cshtml", new CategoryListViewModel_v2()
{
        QueryOptions = new CategoryEntity()
        {
              type = (int)CategoryBLL.Types.Classified,
              ispublic = true,
              iscache = true,
              pagesize = 6,
              order = "priority desc",
        },
        ListObject = new ListItems()
        {
              ListType = ListType.Grid,
              ColWidth = "col-md-6",
         },
         shortList = true,
         Path = "ads/", // category url path
         NoRecordFoundText = "No Products Found!"
})

Integrate Real-Estate Ad Listing

@await Html.PartialAsync("~/views/ads/partials/_List_SM_01.cshtml", new Jugnoon.Classified.Models.ClassifiedListViewModel()
{
        BrowseText = "Browse All",
        BrowseUrl = "/ads",
        HeadingTitle = "Featured Ads",
        NoRecordFoundText = "No Featured Ads Found!",
        ListObject = new Jugnoon.Scripts.ListItems()
        {
             ListType = ListType.List
        },
        QueryOptions = new Jugnoon.Classified.ClassifiedEntity()
        {
              order = "ad.created_at desc",
              ispublic = true,
              iscache = true, // toggle cache on | off
              isfeatured = FeaturedTypes.Featured,
              pagesize = 15
        }
})

Ad Listing with Pagination Model Initialization

 var ListEntity = new ClassifiedLsitViewModel()
{
       isListStatus = false,
       QueryOptions = new ClassifiedEntity()
       {
             pagenumber = (int)pagenumber,
             term = "",
             iscache = true,
             ispublic = true,
             pagesize = 10,
             isfeatured = FeaturedTypes.All,
             datefilter = DateFilter.AllTime,
             order = "ad.created_at desc",
       },
       ListObject = new ListItems()
       {
              ListType = ListType.List, // 0: grid 1: list
       },
       HeadingTitle = "Recently Ads",
       DefaultUrl = "/ads",
       PaginationUrl = "/ads/page/[p]/",
       NoRecordFoundText = "No Ads Found!",
};
ListEntity.TotalRecords = await ClassifiedBLL.Count(_context, ListEntity.QueryOptions);
if (ListEntity.TotalRecords > 0)
     ListEntity.DataList = await ClassifiedBLL.LoadItems(_context, ListEntity.QueryOptions);

Angular Reactive Form Attributes

// Text Box Control
controls.push(
      new Controls.Textbox({
         key: "firstname",
         label: "First Name",
         placeholder: "Enter first name",
         value: "",
         colsize: "col-md-12",
         required: true,
         helpblock: "",
         order: 0
      })
);

// Dropdown Control
new Controls.Dropdown({
      key: "rating_option",
      label: "Rating Options",
      required: true,
      value: entity.rating_option.toString(),
      options: [
            {
              key: 0,
              value: "Like / Dislike"
            },
            {
              key: 1,
              value: "Five Star"
            },
            {
              key: 2,
              value: "Disabled"
            }
        ],
        helpblock:
           "Setup rating option for contents 0: five star, 1: like / dislike, 2: disable rating",
        order: 19
    })
);

// Rich Text Editor Control
controls.push(
      new Controls.TinyMyceEditor({
      key: "contents",
      label: "Contents",
      value: entity.contents,
      tinymiceOptions: this.coreService.prepareInitAdvacneEditorSettings(),
      required: true,
      order: 6
  })
);

// Image Cropper Control
controls.push(
      new Controls.ImageCropper({
          key: "picturename",
          label: "",
          value: entity.picturename,
          required: false,
          cropperOptions: cropperOptions,
          helpblock: "",
          order: 9
     })
);

Similarly lots of more pre-built reactive form controls with validations with ability to add your own. That can help you build complex applications or features on the fly.