How can this be done in Razor?

[smemis]

How can I do the following Liquid logic in Razor?
Specifically:

{{ Content.ContentItemId[item.ContentItemId] | shape_build_display: "Summary" | shape_render }}

I’m unable to write this part in Razor. I’d appreciate your help.

Liquid Template Name : Widget__OurTeam

Template Content:

{% if Model.Classes != null %}
<div class="{{Model.Classes | join: " " }}">
{% endif %}
<section class="bg-white pb-5 pt-5 text-center text-white-50">
    <div class="container pb-5 pt-5">
        <div class="bg-white row">
            <div class="bg-white col-md-8 me-auto ms-auto">
                <h3 class="fw-bold h1 mb-4 text-capitalize text-dark">{{ Model.ContentItem.DisplayText }}</h3>
                <h2 class="h6 mb-5 text-black-50">{{ Model.ContentItem.Content.OurTeam.Description.Text }}</h2>
            </div>
        </div>
        <div class="g-4 justify-content-center row row-cols-lg-3 row-cols-md-2 text-center">
{% assign ourTeam = Queries.Persons | query %}
{% for item in ourTeam %}
    {{ Content.ContentItemId[item.ContentItemId] | shape_build_display: "Summary" | shape_render }}
{% endfor %}
        </div>
    </div>
</section>
{% if Model.Classes != null %}
</div>
{% endif %}

[Piedone]

That would be something like this (didn't test):

@{
    var shape = await ContentItemDisplayManager.BuildDisplayAsync(Content.ContentItemId[item.ContentItemId], "Summary");
    @await DisplayAsync(shape)
}

BTW to help figure out such things, I recommend you use the Orchard Core source, cloned to your device, as well as Lombiq OSOCE (and especially the Training Demo) as a living reference. These contain a huge number of examples of anything in OC.

[smemis]

The BuildDisplayAsync method throws the following error.
Please help me,
Thank you.

There is no argument given that corresponds to the required parameter 'displayType' of 'ContentItemDisplayManager.BuildDisplayAsync(ContentItem, IUpdateModel, string, string)'

namespace OrchardCore.ContentManagement.Display
class ContentItemDisplayManager

public async Task<IShape> BuildDisplayAsync(ContentItem contentItem, IUpdateModel updater, string displayType, string groupId)
{
    ArgumentNullException.ThrowIfNull(contentItem);

    var contentTypeDefinition = await _contentDefinitionManager.GetTypeDefinitionAsync(contentItem.ContentType)
        ?? throw new NullReferenceException($"Content Type {contentItem.ContentType} does not exist.");

    var actualDisplayType = string.IsNullOrEmpty(displayType) ? "Detail" : displayType;
    var hasStereotype = contentTypeDefinition.TryGetStereotype(out var stereotype);

    var actualShapeType = "Content";

    if (hasStereotype)
    {
        actualShapeType = contentTypeDefinition.GetStereotype();
    }

    // [DisplayType] is only added for the ones different than Detail
    if (actualDisplayType != "Detail")
    {
        actualShapeType = actualShapeType + "_" + actualDisplayType;
    }

    var itemShape = await CreateContentShapeAsync(actualShapeType);
    itemShape.Properties["ContentItem"] = contentItem;
    itemShape.Properties["Stereotype"] = stereotype;

    var metadata = itemShape.Metadata;
    metadata.DisplayType = actualDisplayType;

    if (hasStereotype)
    {
        if (actualDisplayType != "Detail")
        {
            // Add fallback/default alternate Stereotype_[DisplayType] e.g. Content.Summary
            metadata.Alternates.Add($"Stereotype_{actualDisplayType}");

            // [Stereotype]_[DisplayType] e.g. Menu.Summary
            metadata.Alternates.Add($"{stereotype}_{actualDisplayType}");
        }
        else
        {
            // Add fallback/default alternate i.e. Content 
            metadata.Alternates.Add("Stereotype");

            // Add alternate to make the type [Stereotype] e.g. Menu
            metadata.Alternates.Add(stereotype);
        }
    }

    // Add alternate for [Stereotype]_[DisplayType]__[ContentType] e.g. Content-BlogPost.Summary
    metadata.Alternates.Add($"{actualShapeType}__{contentItem.ContentType}");

    var context = new BuildDisplayContext(
        itemShape,
        actualDisplayType,
        groupId,
        _shapeFactory,
        await _layoutAccessor.GetLayoutAsync(),
        new ModelStateWrapperUpdater(updater)
    );

    await BindPlacementAsync(context);

    await _handlers.InvokeAsync((handler, contentItem, context) => handler.BuildDisplayAsync(contentItem, context), contentItem, context, _logger);

    return context.Shape;
}

[Piedone]

Indeed, there's a third parameter. However, I just remembered that you can do this easier too (no third parameter here):

@Orchard.DisplayAsync(Content.ContentItemId[item.ContentItemId], "Summary")

[smemis]

Thanks for the reply but it gives this error:

The name 'Content' does not exist in the current context

[Piedone]

You asked for the Razor equivalent of this line. Where that comes from, I don't know, it's in your code.

[smemis]

My code is only Widget__OurTeam liquid template #17400 (comment)

[smemis]

All I want is to be able to render the content Items returned from a query with the template I specified, which I can easily do with Liquid with the code below. But how can I do with Razor?

{% assign ourTeam = Queries.Persons | query %}
{% for item in ourTeam %}
    {{ Content.ContentItemId[item.ContentItemId] | shape_build_display: "Summary" | shape_render }}
{% endfor %}

[smemis]

In the Widget-OurTeam.cshtml file, I want to display the ContentItems with Summary templates returned from the Peoples query.
I read all the documents, studied many examples, watched many videos
I need documents and/or examples about this and similar details.
It shouldn't be that hard.

Thank you.

[Piedone]

I've written you the solution hours ago: #17400 (reply in thread)

[smemis]

This is not the right method but I couldn't find any other solution :(

@using OrchardCore.Queries
@using OrchardCore.Liquid
@inject OrchardCore.Queries.IQueryManager QueryManager
@inject OrchardCore.IOrchardHelper Orchard

<section class="bg-white pb-5 pt-5 text-center text-white-50">
    <div class="container pb-5 pt-5">
        <div class="bg-white row">
            <div class="bg-white col-md-8 me-auto ms-auto">
                <h3 class="fw-bold h1 mb-4 text-capitalize text-dark">@Model.ContentItem.DisplayText</h3>
                <h2 class="h6 mb-5 text-black-50">
                    @Model.ContentItem.Content.OurTeam.Description.Text
                </h2>
            </div>
        </div>
        <div class="g-4 justify-content-center row row-cols-lg-3 row-cols-md-2 text-center">
@{
    var ourTeam = await Orchard.ContentQueryAsync("Persons");
}
@foreach (var contentItem in ourTeam)
{
    @await Orchard.LiquidToHtmlAsync("{{ Content.ContentItemId['" + contentItem.ContentItemId + "'] | shape_build_display: 'Summary' | shape_render }}");
}
        </div>
    </div>
</section>

[hishamco]

What are you trying to do with the above code?

[smemis]

I want to create a Widget and display Persons between the ages of 18 and 50.

• Let there be a Content Type named Person,
• Persons between the ages (calculate via Content Field "BirthDate") of 18 and 50 should be listed in ascending order to Person Content Type "ViewOrder" Content Field through an SQLQuery or maybe a LuceneQuery,
• Use the Summary Template of the Person Content Type to display it.

I want to be able to use this and similar widgets in places such as FlowPart, BagPart, Zone.

I can do a simpler version of this with the Liquid code below, but I couldn't do it with Razor.

Queries.Persons = select * from ContentItemIndex where ContentType='Person' and Published=1 and Latest=1 order by DisplayText ASC

Liquid Template Name : Widget__OurTeam

Template Content:

{% if Model.Classes != null %}
<div class="{{Model.Classes | join: " " }}">
{% endif %}
<section class="bg-white pb-5 pt-5 text-center text-white-50">
    <div class="container pb-5 pt-5">
        <div class="bg-white row">
            <div class="bg-white col-md-8 me-auto ms-auto">
                <h3 class="fw-bold h1 mb-4 text-capitalize text-dark">{{ Model.ContentItem.DisplayText }}</h3>
                <h2 class="h6 mb-5 text-black-50">{{ Model.ContentItem.Content.OurTeam.Description.Text }}</h2>
            </div>
        </div>
        <div class="g-4 justify-content-center row row-cols-lg-3 row-cols-md-2 text-center">
{% assign ourTeam = Queries.Persons | query %}
{% for item in ourTeam %}
    {{ Content.ContentItemId[item.ContentItemId] | shape_build_display: "Summary" | shape_render }}
{% endfor %}
        </div>
    </div>
</section>
{% if Model.Classes != null %}
</div>
{% endif %}