Admin panel to edit weight

The admin panels can be added from the Control Panel > System Settings > Modules, and select the module and click the Module Panels menu option.

Then click the new panel, and two ascx user controls can be specified for each panel.

For this example, we create the two ascx controls as shown in the below image.

The content panel is shown in the ECommerce module:

The admin panel is accessible from control panel, after selecting the module panel.

SampleDeliveryCostAdmin user control

This control is created in wwwroot\Site\ECommerce\Panels\ folder, and named SampleDeliveryCostAdmin.ascx

The ascx file is a simple grid of delivery method name and weight with a save button.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="SampleDeliveryCostAdmin.ascx.cs" Inherits="Site.ECommerce.Panels.SampleDeliveryCostAdmin" %>
<style type="text/css">
    table.common { border-spacing: 0; border-collapse: collapse; empty-cells: show; line-height: 1.2;}
    table.common th, table.common td { padding: .5em .5em .4em .5em; border-color: #fff; border-style: solid; border-width: 1px 0; }
    table.common th + th, table.common td + td, table.common tbody th + td { border-left-width: 1px; }
    table.common thead th { background-color: #d0d0d0; }
    table.common tbody th, table.common tbody td { background-color: #eee; }
    table.common th[scope=row] { border-right-width: 1px; white-space: nowrap; }
</style>
<div>
<div style="float:left">
<asp:Repeater ID="RepeaterDeliveryMethods" runat="server">
    <HeaderTemplate>
    <table class="common">
        <thead>
            <tr>
                    <th scope="col">
                        Delivery method
                    </th>
                    <th scope="col">
                        Weight upto (grms)
                    </th>
            </tr>
        </thead>
        <tbody>
    </HeaderTemplate>

    <ItemTemplate>
        <tr>
        <td><asp:Label ID="DeliveryMethodName" Text='<%# Eval("DeliveryMethodName") %>' runat="server" /> </td>
        <td><asp:TextBox ID="WeightUpto" Text='<%# Eval("WeightUpto") %>'  runat="server" /></td>
        </tr>
    </ItemTemplate>

    <FooterTemplate>
        </tbody>
    </table>
    </FooterTemplate>
</asp:Repeater>
</div>
<div>
    <asp:Button ID="Save" Text="Save" runat="server" OnClick="OnSave" />
</div>
</div>

In the code behind file, we load the grid from the DeliveryMethodWeightLimits class, and when save button is clicked use the save method we have defined in it.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web.UI.WebControls;
using Litium.Studio.KC.Samples.DeliveryCost;

namespace Site.ECommerce.Panels
{
    /// <summary>
    /// Admin panel of delivery cost selection.
    /// </summary>
    public partial class SampleDeliveryCostAdmin : System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                //there can be new delivery methods added since last updated., therfore refresh.
                DeliveryMethodWeightLimits.Instance.Refresh();
                var deliveryMethodWieghts = from d in DeliveryMethodWeightLimits.Instance
                                            select new DeliveryMethodWeight(){ DeliveryMethodName = d.Key,
                                                                               WeightUpto = d.Value };                
                RepeaterDeliveryMethods.DataSource = deliveryMethodWieghts;
                RepeaterDeliveryMethods.DataBind();
            }
        }   
 
        protected void OnSave(object sender, EventArgs e)
        {
            var deliveryMethodWeights = new Dictionary<string, int>();
            foreach (RepeaterItem item in RepeaterDeliveryMethods.Items)
            {
                var deliveryMethodNameLabel = item.FindControl("DeliveryMethodName") as Label;
                var weightUptoTextBox = item.FindControl("WeightUpto") as TextBox;

                int deliveryMethodWeight = DeliveryMethodWeightLimits.DefaultMaxWeight;

                int.TryParse(weightUptoTextBox.Text, out deliveryMethodWeight);

                if (deliveryMethodNameLabel != null && weightUptoTextBox != null)
                {
                    DeliveryMethodWeightLimits.Instance.SetMaxWeight(deliveryMethodNameLabel.Text, deliveryMethodWeight);
                }
            }
            DeliveryMethodWeightLimits.Instance.Save();
        }

        /// <summary>
        /// Class to databind the delivery method weight grid in the UI control.
        /// </summary>
        public class DeliveryMethodWeight
        {
            /// <summary>
            /// The name of the delivery method.
            /// </summary>
            public string DeliveryMethodName { get; set; }
            /// <summary>
            /// Max weight.
            /// </summary>
            public int WeightUpto { get; set; }
        }
    }
}