icons case

@using JFA.Common.Configuration
@using JFA.Common.Enumerations
@using JFA.Presentation.Web.API.ViewModels
@using JFA.Presentation.Web.HtmlHelpers
@using JFA.Common.TextContent
@using JFA.Presentation.Web.Models
@using JFA.Presentation.Web.API.ViewModels.Dashboard.Enums;
@using JFA.Presentation.Web.API.ViewModels.System

@Html.Partial("PageHeader", new PageHeaderModel("Dashboard") { TestId = "testid.Dashboard" })

<div class="wrapper-md gridstack-container">
    <script type="text/x-kendo-template" id="dashboardItems">

        <div class="grid-stack-item #: data.ContainerClasses#"
             data-gs-x="#: data.XPosition #" data-gs-y="#: data.YPosition #"
             data-gs-width="#: data.Width #" data-gs-height="#: data.Height #"
             data-mobile-width="#: data.MobileWidth #"
             data-gs-auto-position="#: data.Id #"
             data-gs-no-resize="true" data-gs-no-move="true"
             data-bind="css: { IsWideOnMobile: IsWideOnMobile }">

            <div class="grid-stack-item-content #: data.Classes #" data-id="#: data.Id #">
                <div class="panel panel-default # if (data.Type == WidgetType.EcoTile) { # block-panel # } #" data-bind="visible: HasPanelHeader">
                    <div class="panel-heading no-top-border">
                        <h4 class="panel-title">
                            <span data-bind="text: PanelHeaderText"></span>
                            <a class="pull-right" data-bind="visible: HeaderHasLink, attr : { href : URL }">Learn More</a>
                        </h4>
                        # if (data.Type == WidgetType.EcoTile) { #   <h5 class="panel-subtitle">#: data.PanelSubtitle #</h5> # } # 
                    </div>
                </div>

                <div class="# if (data.Type == WidgetType.EcoTile) { # eco-panel # } # # if (data.Type == WidgetType.FileUploader) { # p-0 # } # panel-body p-0 p-xs-0" # if (data.Type == WidgetType.EcoTile) { # data-test-id="testid.panel.ecopanel" # } #>
                    <div class="view"></div>
                    # if (data.Type ==  WidgetType.EcoTile) {# <div class="dashboard-tile-footer"><a href="~/\\#/ecoFootprint/project">Learn More</a></div> #}#
                    # if (data.Type == WidgetType.QuickLink) { #
                    <div class="dashboard-button-content # if (data.IsIconVisible) { # icon-visible # } # ">
                        # if (data.IsIconVisible) { #
                        <span class="bottom text-left">
                            <i class="#: data.IconClass #"></i>
                        </span>
                        # } #
                        <div class="buttonText"> #: data.Text # </div>
                    </div>
                        # if (data.PanelSubtitle != null){#
                        <div class="course-details"> <span> #: data.PanelSubtitle # </span> </div>
                        # } #
                    # } else if (data.Type == WidgetType.PayrollSettings) {#
                    <div id="DigitalTaxDocumentDashboardTile" class="dashboard-button-content # if (data.IsIconVisible) { # icon-visible # } # ">
                        # if (data.IsIconVisible) { #
                        <span class="bottom text-left">
                            <i class="#: data.IconClass #"></i>
                        </span>
                        # } #
                        <span>
                            <div class="buttonText"> #: data.Text # </div>
                            <div class="panel-subtitle"> #= data.PanelSubtitle #</div>
                        </span>
                    </div>
                    # } else if (data.Type == WidgetType.Courses) {#
                    <div class="dashboard-button-content # if (data.IsIconVisible) { # icon-visible # } # ">
                        # if (data.IsIconVisible) { #
                        <span class="bottom text-left">
                            <i class="#: data.IconClass #"></i>
                        </span>
                        # } #
                        <div class="buttonText"> #: data.Text # </div>
                    </div>

                    <div class="course-details">
                        <span class="badge badge-pill badge-danger badge-required">Required</span>
                        # if (data.DueDate) { #
                        <span class="text-xsm">Due Date: #: data.DueDate #</span>
                        # } #
                    </div>
                    # } else if (data.Type == WidgetType.EcoTile) { #
                    # } else if (data.Type == WidgetType.CommentThread) { #
                        @Html.Partial("CommentThread/View", new ViewDataDictionary() {
                   { "CommentThreadName", "CommentThreadVM" },
                   { "PanelCssClasses", "dashboard-panel" },
                   { "IsMobilePanel", false },
                   { "TextContentIdentifier", "DashboardNotes" }
                })
                    </div>
                    # } else if (data.Type == WidgetType.ProductionInfo) { #
                    <div class="production-info-tile">
                        <div data-bind="text: AccountingProjectInfo.Name" />
                        <div data-bind="text: AccountingProjectInfo.Address" />
                    </div>
                    # } else if (data.Type == WidgetType.Total) { #
                    <div class="total-tile">
                        <span class="widgetText"> #: data.Text # </span>
                    </div>
                    # } else if (data.Type == WidgetType.FileUploader) { #
                @Html.Partial("FileManager/FileManager", new FileUploadModel() {
                    AllowedFileTypeExtensions = FileExtensionMethods.GetAllowedExtensionsForTransactions(),
                    FileManagerVMName = "HomeFileManagerVM",
                    PanelCssClasses = "dashboard-panel",
                    IsPanelOnMobile = false,
                    TextContentIdentifier = "DashboardFiles"
                })
                    # } else if (data.Type == WidgetType.News) { #
                    @Html.Partial("News/View", new ViewDataDictionary() {
                { "PanelCssClasses", "dashboard-panel" },
                { "IsMobilePanel", false }
            })
                    # } #
                    # if (data.URL != null) { #
                    <a class="grid-stack-link" href="#: data.URL #"></a>
                    # } #
            </div>
            # if (data.Type !== WidgetType.FileUploader && data.Type !== WidgetType.News) { #
                <div id="#: data.Text #" class="grid-footer add-item # if (data.NewElementLinkUrl === null) { # add-item-empty # } #">
                    # if(data.NewElementLinkUrl !== null ){ #
                        <a class="new-element" href="#: data.NewElementLinkUrl #"> <i class="las la-plus"> </i></a>
                    # } #
                </div>
            # } #

        </div>
        </div>
    </script>


    @*    @Html.Partial("CommentThread", new ViewDataDictionary() { { "CommentThreadName", "EmployeeCommentThreadVM" } })*@
    <div id="listView" data-role="listview"
         data-template="dashboardItems"
         data-bind="source: Widgets, events: { dataBound: OnListViewDataBound }"
         class="grid-stack grid-stack-4">
    </div>

    @*    <div id="listView" data-role="listview"*@
    @*         data-template="dashboardItems"*@
    @*         data-bind="source: EcoItems, events: { dataBound: OnListViewDataBound }"*@
    @*         class="grid-stack grid-stack-4 col-xs-12 col-sm-8 col-md-7 col-lg-6 right-stack">*@
    @*    </div>*@
</div>