調整匯款沖帳

# Conflicts:
#	web/App_Code/Model/Model.Designer.cs
#	web/App_Code/Model/Model.cs
#	web/App_Code/Model/Model.edmx
#	web/web.config

web/App_Code/DataAccess/StyleDataAccess.cs

@@ -0,0 +1,351 @@
+using DocumentFormat.OpenXml.Office2010.Excel;
+using DocumentFormat.OpenXml.Wordprocessing;
+using MINOM.COM.Utility;
+using Model;
+using System;
+using System.Collections.Generic;
+using System.Data.SqlClient;
+using System.Linq;
+using System.Text;
+using System.Web;
+using System.Web.Http.ModelBinding;
+
+/// <summary>
+/// StyleDataAccess 的摘要描述
+/// </summary>
+public class StyleDataAccess
+{
+    LogUtility log=new LogUtility();
+    object[] obj = new object[] { "Y", "" ,null};
+    public StyleDataAccess()
+    {
+        //
+        // TODO: 在這裡新增建構函式邏輯
+        //
+    }
+
+    public object[] AddTabletPaper(TabletPaperSize tps)
+    {
+        try
+        {
+            using (var context = new ezEntities())
+            {
+                StringBuilder sb = new StringBuilder();
+                var sp = new List<SqlParameter>();
+                sb.Append("insert into TabletPaperSize (PaperID,PaperName,Width,Height,CUser,CDate,CTime,UUser,UDate,UTime ) ");
+                sb.Append("values (@PaperID,@PaperName,@Width,@Height,@CUser,@CDate,@CTime,@UUser,@UDate,@UTime )");
+                sp.Add(new SqlParameter("@PaperID",tps.PaperID));
+                sp.Add(new SqlParameter("@PaperName", tps.PaperName));
+                sp.Add(new SqlParameter("@Width", tps.Width));
+                sp.Add(new SqlParameter("@Height", tps.Height));
+                sp.Add(new SqlParameter("@CUser", tps.CUser));
+                sp.Add(new SqlParameter("@CDate", tps.CDate));
+                sp.Add(new SqlParameter("@CTime", tps.CTime));
+                sp.Add(new SqlParameter("@UUser", tps.UUser));
+                sp.Add(new SqlParameter("@UDate", tps.UDate));
+                sp.Add(new SqlParameter("@UTime", tps.UTime));
+                context.Database.ExecuteSqlCommand(sb.ToString(),sp.ToArray());
+            }
+        }
+        catch (Exception ex)
+        {
+            log.writeErrorPath("AddTabletPaper:" + ex.Message + ex.StackTrace);
+            obj[0] = "N";
+            obj[1] = ex.Message;
+        }
+        return obj;
+    }
+    public object[] GetTabletPaper(string paperID, string name)
+    {
+        try
+        {
+            using (var context = new ezEntities())
+            {
+                StringBuilder sb = new StringBuilder();
+                var sp = new List<SqlParameter>();
+
+                sb.Append("select * from TabletPaperSize where 1=1 ");
+                if (!string.IsNullOrEmpty(paperID))
+                {
+                    sb.Append("and PaperID=@PaperID ");
+                    sp.Add(new SqlParameter("@PaperID", paperID));
+                }
+                if (!string.IsNullOrEmpty(name))
+                {
+                    sb.Append("and Name=@Name ");
+                    sp.Add(new SqlParameter("@Name", name));
+                }
+                var data = context.Database.SqlQuery<TabletPaperSize>(sb.ToString(), sp.ToArray()).ToList();
+                obj[2] = data;
+            }
+        }
+        catch (Exception ex)
+        {
+            log.writeErrorPath("GetTabletElement:" + ex.Message + ex.StackTrace);
+            obj[0] = "N";
+            obj[1] = ex.Message;
+        }
+
+        return obj;
+    }
+
+
+    public object[] GetTabletElement(string elementID ,string name)
+    {
+        try
+        {
+            using (var context = new ezEntities())
+            {
+                StringBuilder sb = new StringBuilder();
+                var sp = new List<SqlParameter>();
+
+                sb.Append("select * from TabletElement where 1=1 ");
+                if (!string.IsNullOrEmpty(elementID))
+                {
+                    sb.Append("and ElementID=@ElementID ");
+                    sp.Add(new SqlParameter("@ElementID", elementID));
+                }
+                if (!string.IsNullOrEmpty(name))
+                {
+                    sb.Append("and Name=@Name ");
+                    sp.Add(new SqlParameter("@Name", name));
+                }
+                var data = context.Database.SqlQuery<TabletElement>(sb.ToString(), sp.ToArray()).ToList();
+                obj[2] = data;
+            }
+        }
+        catch (Exception ex)
+        {
+            log.writeErrorPath("GetTabletElement:" + ex.Message + ex.StackTrace);
+            obj[0] = "N";
+            obj[1] = ex.Message;
+        }
+
+        return obj;
+    }
+
+    public object[] GetStyleDetail(string styleID,string elementID)
+    {
+        try
+        {
+            using (var context = new ezEntities())
+            {
+                StringBuilder sb = new StringBuilder();
+                var sp = new List<SqlParameter>();
+
+                sb.Append("select * from TabletStyleDetail where 1=1 ");
+                if (!string.IsNullOrEmpty(styleID))
+                {
+                    sb.Append("and StyleID=@StyleID ");
+                    sp.Add(new SqlParameter("@StyleID", styleID));
+                }
+                if (!string.IsNullOrEmpty(elementID))
+                {
+                    sb.Append("and ElementID=@ElementID ");
+                    sp.Add(new SqlParameter("@ElementID", elementID));
+                }
+                var data = context.Database.SqlQuery<TabletStyleDetail>(sb.ToString(), sp.ToArray()).ToList();
+                obj[2] = data;
+            }
+        }
+        catch (Exception ex)
+        {
+            log.writeErrorPath("GetStyleDetail:" + ex.Message + ex.StackTrace);
+            obj[0] = "N";
+            obj[1] = ex.Message;
+        }
+
+        return obj;
+    }
+    public object[] GetStyle(string id,string name)
+    {
+        try
+        {
+            using (var context = new ezEntities())
+            {
+                StringBuilder sb = new StringBuilder();
+                var sp = new List<SqlParameter>();
+
+                sb.Append("select * from TabletStyle where 1=1 ");
+                if (!string.IsNullOrEmpty(id))
+                {
+                    sb.Append("and StyleID=@StyleID ");
+                    sp.Add(new SqlParameter( "@StyleID",id));
+                }
+                if (!string.IsNullOrEmpty(name))
+                {
+                    sb.Append("and Name=@Name ");
+                    sp.Add(new SqlParameter("@Name", name));
+                }
+               var data= context.Database.SqlQuery<TabletStyle>(sb.ToString(), sp.ToArray()).ToList();
+                obj[2]= data;
+            }
+        }
+        catch (Exception ex)
+        {
+            log.writeErrorPath("GetStyle:" + ex.Message + ex.StackTrace);
+            obj[0] = "N";
+            obj[1] = ex.Message;
+        }
+        return obj;
+    }
+
+    public object[] AddStyle(TabletStyle ts, List<TabletStyleDetail> list)
+    {
+        try
+        {
+            using (var context = new ezEntities())
+            {
+                StringBuilder sb = new StringBuilder();
+                SqlParameter[] sp = new SqlParameter[] {
+                new SqlParameter("@StyleID",ts.StyleID),
+                new SqlParameter("@Name",ts.Name),
+                new SqlParameter("@Descr",ts.Descr),
+                new SqlParameter("@PaperSize",ts.PaperSize),
+                new SqlParameter("@BackendImg",ts.BackendImg),
+                new SqlParameter("@PrintSize",ts.PrintSize),
+                new SqlParameter("@PrintMode",ts.PrintMode),
+                new SqlParameter("@Orientation",ts.Orientation),
+                new SqlParameter("@PrintPageCount",ts.PrintPageCount),
+                new SqlParameter("@RosterLimit",ts.RosterLimit),
+                new SqlParameter("@CUser",""),
+                new SqlParameter("@CDate",""),
+                new SqlParameter("@CTime",""),
+                new SqlParameter("@UUser",""),
+                new SqlParameter("@UDate",""),
+                new SqlParameter("@UTime",""),
+            };
+
+                sb.Append("insert into TabletStyle (StyleID,Name,Descr,PaperSize,BackendImg,PrintSize,PrintMode,Orientation,PrintPageCount,RosterLimit");
+                sb.Append(",CUser,CDate,CTime,UUser,UDate,UTime ) ");
+                sb.Append("values(@StyleID,@Name,@Descr,@PaperSize,@BackendImg,@PrintSize,@PrintMode,@Orientation,@PrintPageCount,@RosterLimit");
+                sb.Append(",@CUser,@CDate,@CTime,@UUser,@UDate,@UTime ) ");
+                context.Database.ExecuteSqlCommand(sb.ToString(), sp);
+
+                sb.Clear();
+                sb.Append("insert into TabletStyleDetail(StyleID,Name,Descr,ElementID,StartX,StartY,FontSize,BreakLen,FontFamily,TwoOffset,");
+                sb.Append("ThreeOffset,FourOffSet,IsActive,Width,Height,TextWidth,TextHeight,CUser,CDate,CTime,UUser,UDate,UTime) ");
+                sb.Append("values (@StyleID,@Name,@Descr,@ElementID,@StartX,@StartY,@FontSize,@BreakLen,@FontFamily,@TwoOffset,");
+                sb.Append("@ThreeOffset,@FourOffSet,@IsActive,@Width,@Height,@TextWidth,@TextHeight,@CUser,@CDate,@CTime,@UUser,@UDate,@UTime) ");
+                foreach (var item in list)
+                {
+                    SqlParameter[] sp1 = new SqlParameter[] {
+                new SqlParameter("@StyleID",item.StyleID),
+                new SqlParameter("@Name",item.Name),
+                new SqlParameter("@Descr",item.Descr),
+                new SqlParameter("@ElementID",item.ElementID),
+                new SqlParameter("@StartX",item.StartX),
+                new SqlParameter("@StartY",item.StartY),
+                new SqlParameter("@FontSize",item.FontSize),
+                new SqlParameter("@BreakLen",item.BreakLen),
+                new SqlParameter("@FontFamily",item.FontFamily),
+                new SqlParameter("@TwoOffset",item.TwoOffset),
+                new SqlParameter("@ThreeOffset",item.ThreeOffset),
+                new SqlParameter("@FourOffset",item.FourOffset),
+                new SqlParameter("@IsActive",item.IsActive),
+                new SqlParameter("@Width",item.Width),
+                new SqlParameter("@Height",item.Height),
+                new SqlParameter("@TextWidth",item.TextWidth),
+                new SqlParameter("@TextHeight",item.TextHeight),
+                new SqlParameter("@CUser",""),
+                new SqlParameter("@CDate",""),
+                new SqlParameter("@CTime",""),
+                new SqlParameter("@UUser",""),
+                new SqlParameter("@UDate",""),
+                new SqlParameter("@UTime",""),
+            };
+                    context.Database.ExecuteSqlCommand(sb.ToString(), sp1.ToArray());
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            log.writeErrorPath("AddStyle:" + ex.Message+ex.StackTrace);
+            obj[0] = "N";
+            obj[1] = ex.Message;
+        }
+        return obj;
+    }
+
+    public object[] UpdateStyle(TabletStyle ts, List<TabletStyleDetail> list)
+    {
+        try
+        {
+            using (var context = new ezEntities())
+            {
+                StringBuilder sb = new StringBuilder();
+                SqlParameter[] sp = new SqlParameter[] {
+                new SqlParameter("@StyleID",ts.StyleID),
+                new SqlParameter("@Name",ts.Name),
+                new SqlParameter("@Descr",ts.Descr),
+                new SqlParameter("@PaperSize",ts.PaperSize),
+                new SqlParameter("@BackendImg",ts.BackendImg),
+                new SqlParameter("@PrintSize",ts.PrintSize),
+                new SqlParameter("@PrintMode",ts.PrintMode),
+                new SqlParameter("@Orientation",ts.Orientation),
+                new SqlParameter("@PrintPageCount",ts.PrintPageCount),
+                new SqlParameter("@RosterLimit",ts.RosterLimit),
+                new SqlParameter("@CUser",""),
+                new SqlParameter("@CDate",""),
+                new SqlParameter("@CTime",""),
+                new SqlParameter("@UUser",""),
+                new SqlParameter("@UDate",""),
+                new SqlParameter("@UTime",""),
+            };
+
+                sb.Append("update TabletStyle set Descr=@Descr,PaperSize=@PaperSize,BackendImg=@BackendImg,PrintSize=@PrintSize,");
+                sb.Append("PrintMode=@PrintMode,Orientation=@Orientation,PrintPageCount=@PrintPageCount,RosterLimit=@RosterLimit,");
+                sb.Append("CUser=@CUser,CDate=@CDate,CTime=@CTime,UUser=@UUSer,UDate=@UDate,UTime=@UTime ");
+                sb.Append("where StyleID=@StyleID ");
+
+                context.Database.ExecuteSqlCommand(sb.ToString(), sp.ToArray());
+
+                sb.Clear();
+                sb.Append("update TabletStyleDetail set Descr=@Descr,StartX=@StartX,StartY=@StartY,FontSize=@FontSize,BreakLen=@BreakLen,");
+                sb.Append("FontFamily=@FontFamily,TwoOffset=@TwoOffset,ThreeOffset=@ThreeOffset,FourOffset=@FourOffset,IsActive=@IsActive,");
+                sb.Append("Width=@Width,Height=@Height,TextWidth=@TextWidth,TextHeight=@TextHeight,UUser=@UUser,UDate=@UDate,UTime=@UTime ");
+                sb.Append("where StyleID=@StyleID and ElementID=@ElementID ");
+                //sb.Append("insert into TabletStyleDetail(StyleID,Name,Descr,ElementID,StartX,StartY,FontSize,BreakLen,FontFamily,TwoOffset,");
+                //sb.Append("ThreeOffset,FourOffSet,IsActive,Width,Height,TextWidth,TextHeight,CUser,CDate,CTime,UUser,UDate,UTime) ");
+                //sb.Append("values (@StyleID,@Name,@Descr,@ElementID,@StartX,@StartY,@FontSize,@BreakLen,@FontFamily,@TwoOffset,");
+                //sb.Append("@ThreeOffset,@FourOffSet,@IsActive,@Width,@Height,@TextWidth,@TextHeight,@CUser,@CDate,@CTime,@UUser,@UDate,@UTime) ");
+                foreach (var item in list)
+                {
+                    SqlParameter[] sp1 = new SqlParameter[] {
+                new SqlParameter("@StyleID",item.StyleID),
+                new SqlParameter("@Name",item.Name),
+                new SqlParameter("@Descr",item.Descr),
+                new SqlParameter("@ElementID",item.ElementID),
+                new SqlParameter("@StartX",item.StartX),
+                new SqlParameter("@StartY",item.StartY),
+                new SqlParameter("@FontSize",item.FontSize),
+                new SqlParameter("@BreakLen",item.BreakLen),
+                new SqlParameter("@FontFamily",item.FontFamily),
+                new SqlParameter("@TwoOffset",item.TwoOffset),
+                new SqlParameter("@ThreeOffset",item.ThreeOffset),
+                new SqlParameter("@FourOffset",item.FourOffset),
+                new SqlParameter("@IsActive",item.IsActive),
+                new SqlParameter("@Width",item.Width),
+                new SqlParameter("@Height",item.Height),
+                new SqlParameter("@TextWidth",item.TextWidth),
+                new SqlParameter("@TextHeight",item.TextHeight),
+                new SqlParameter("@CUser",""),
+                new SqlParameter("@CDate",""),
+                new SqlParameter("@CTime",""),
+                new SqlParameter("@UUser",""),
+                new SqlParameter("@UDate",""),
+                new SqlParameter("@UTime",""),
+            };
+                    context.Database.ExecuteSqlCommand(sb.ToString(), sp1.ToArray());
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            log.writeErrorPath("UpdateStyle:" + ex.Message + ex.StackTrace);
+            obj[0] = "N";
+            obj[1] = ex.Message;
+        }
+        return obj;
+    }
+}

web/App_Code/Entity/Style.cs

@@ -0,0 +1,92 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+
+/// <summary>
+/// Style 的摘要描述
+/// </summary>
+public class TabletStyle
+{
+    public TabletStyle()
+    {
+        //
+        // TODO: 在這裡新增建構函式邏輯
+        //
+    }
+
+    public string StyleID { get; set; }
+    public string Name { get; set; }
+    public string Descr { get; set; }
+    public string PaperSize {  get; set; }
+    public string BackendImg    { get; set; }
+    public string PrintSize { get; set; }
+    public string PrintMode { get; set; }
+    public string Orientation { get; set; }
+    public string PrintPageCount { get; set; }
+    public string RosterLimit { get; set; }
+    public string CUser { get; set; }
+    public string CDate { get; set; }
+    public string CTime { get; set; }
+    public string UUser {  get; set; }
+    public string UDate { get; set; }
+    public string UTime { get; set; }
+}
+
+public class TabletStyleDetail
+{
+    public TabletStyleDetail() { }
+    public string StyleID { get; set; }
+    public string Name { get; set; }
+    public string Descr { get; set; }
+    public string ElementID { get; set; }
+    public string StartX { get; set; }
+    public string StartY { get; set; }
+    public string FontSize { get; set; }
+    public string FontFamily { get; set; }
+    public string TwoOffset { get; set; }
+    public string ThreeOffset { get; set; }
+    public string FourOffset { get; set; }
+    public string IsActive { get; set; }
+    public string Width { get; set; }
+    public string Height { get; set; }
+    public string TextWidth { get; set; }
+    public string TextHeight { get; set; }
+    public string BreakLen { get; set; }
+    public string CUser { get; set; }
+    public string CDate { get; set; }
+    public string CTime { get; set; }
+    public string UUser { get; set; }
+    public string UDate { get; set; }
+    public string UTime { get; set; }
+}
+
+public class TabletElement
+{
+    public TabletElement() { }
+    public string ElementID { get; set; }
+    public string Name { get; set; }
+    public string ElementType { get; set; }
+    public string SampleContent { get; set; }
+    public string CUser { get; set; }
+    public string CDate { get; set; }
+    public string CTime { get; set; }
+    public string UUser { get; set; }
+    public string UDate { get; set; }
+    public string UTime { get; set; }
+}
+
+public class TabletPaperSize
+{
+    public TabletPaperSize() { }
+    public string PaperID { get; set; }
+    public string PaperName { get; set; }
+    public string Width { get; set; }
+    public string Height { get; set; }
+    public string CUser { get; set; }
+    public string CDate { get; set; }
+    public string CTime { get; set; }
+    public string UUser { get; set; }
+    public string UDate { get; set; }
+    public string UTime { get; set; }
+}

web/App_Code/Model/Model.Designer.cs

@@ -1,4 +1,4 @@
-// 已啟用模型 'E:\17168ERP\web\App_Code\Model\Model.edmx' 的 T4 程式碼產生。
+// 已啟用模型 'D:\project\17168ERP\web\App_Code\Model\Model.edmx' 的 T4 程式碼產生。
 // 若要啟用舊版程式碼產生，請將 [程式碼產生策略] 設計工具屬性的值
 //變更為 [舊版 ObjectContext]。當模型在設計工具中開啟時，這個屬性便可
 //以在 [屬性] 視窗中使用。

web/App_Code/Model/Model.cs

@@ -184,6 +184,9 @@ namespace Model
         public string partno { get; set; }
         public string print_init { get; set; }
         public string is_reconcile { get; set; }
+        public string pageSize { get; set; }
+        public string printSize { get; set; }
+        public string defaultStyle { get; set; }
         public Nullable<int> sort_order { get; set; }
     
         public virtual actItem_kind actItem_kind { get; set; }
@@ -1390,6 +1393,7 @@ namespace Model
         public Nullable<int> parent_num { get; set; }
         public string print_id { get; set; }
         public Nullable<System.DateTime> UpdateTime { get; set; }
+        public string style { get; set; }
     
         public virtual actItem actItem { get; set; }
         [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2227:CollectionPropertiesShouldBeReadOnly")]

web/App_Code/Model/Model.edmx

@@ -91,6 +91,9 @@
           <Property Name="customize_data" Type="nvarchar(max)" />
           <Property Name="reg_time" Type="datetime" />
           <Property Name="is_reconcile" Type="nvarchar" MaxLength="1" />
+          <Property Name="pageSize" Type="varchar" MaxLength="50" />
+          <Property Name="printSize" Type="varchar" MaxLength="50" />
+          <Property Name="defaultStyle" Type="varchar" MaxLength="50" />
           <Property Name="sort_order" Type="int" />
         </EntityType>
         <EntityType Name="actItem_files">
@@ -725,6 +728,7 @@
           <Property Name="customize_data" Type="nvarchar(max)" />
           <Property Name="printed_files" Type="nvarchar(max)" />
           <Property Name="UpdateTime" Type="datetime2" Precision="7" />
+          <Property Name="style" Type="varchar" MaxLength="50" />
         </EntityType>
         <EntityType Name="pro_order_record">
           <Key>
@@ -2608,7 +2612,10 @@
           <Property Name="print_init" Type="String" MaxLength="100" FixedLength="false" Unicode="true" />
           <NavigationProperty Name="transfer_register" Relationship="Model.FK_transfer_register_actItem" FromRole="actItem" ToRole="transfer_register" />
           <Property Name="is_reconcile" Type="String" MaxLength="1" FixedLength="false" Unicode="true" />
-          <Property Name="sort_order" Type="Int32" />
+          <Property Name="pageSize" Type="String" MaxLength="50" FixedLength="false" Unicode="false" />
+          <Property Name="printSize" Type="String" MaxLength="50" FixedLength="false" Unicode="false" />
+          <Property Name="defaultStyle" Type="String" MaxLength="50" FixedLength="false" Unicode="false" />
+          <Property Name="sort_order" Type="Int32" ConcurrencyMode="None" />
           </EntityType>
         <EntityType Name="actItem_files">
           <Key>
@@ -3184,6 +3191,7 @@
           <Property Name="UpdateTime" Type="DateTime" Precision="7" />
           <NavigationProperty Name="accountings" Relationship="Model.FK_accounting_pro_order_detail" FromRole="pro_order_detail" ToRole="accounting" />
           <NavigationProperty Name="transfer_register" Relationship="Model.FK_transfer_register_pro_order_detail" FromRole="pro_order_detail" ToRole="transfer_register" />
+          <Property Name="style" Type="String" Unicode="false" FixedLength="false" MaxLength="50" Nullable="true" />
         </EntityType>
         <EntityType Name="pro_order_record">
           <Key>
@@ -5331,6 +5339,9 @@
             <EntityTypeMapping TypeName="Model.actItem">
               <MappingFragment StoreEntitySet="actItem">
                 <ScalarProperty Name="sort_order" ColumnName="sort_order" />
+                <ScalarProperty Name="defaultStyle" ColumnName="defaultStyle" />
+                <ScalarProperty Name="printSize" ColumnName="printSize" />
+                <ScalarProperty Name="pageSize" ColumnName="pageSize" />
                 <ScalarProperty Name="is_reconcile" ColumnName="is_reconcile" />
                 <ScalarProperty Name="print_init" ColumnName="print_init" />
                 <ScalarProperty Name="partno" ColumnName="partno" />
@@ -5860,6 +5871,7 @@
                 <ScalarProperty Name="demo" ColumnName="demo" />
                 <ScalarProperty Name="customize_data" ColumnName="customize_data" />
                 <ScalarProperty Name="printed_files" ColumnName="printed_files" />
+				  <ScalarProperty Name="style" ColumnName="style" />
               </MappingFragment>
             </EntityTypeMapping>
           </EntitySetMapping>

web/App_Code/Model/Model.edmx.diagram

@@ -4,7 +4,7 @@
   <edmx:Designer xmlns="http://schemas.microsoft.com/ado/2009/11/edmx">
     <!-- Diagram content (shape and connector positions) -->
     <edmx:Diagrams>
-      <Diagram DiagramId="b267a343dc0c4bf0ae194b775754b108" Name="Diagram1" ZoomLevel="78">
+      <Diagram DiagramId="b267a343dc0c4bf0ae194b775754b108" Name="Diagram1" ZoomLevel="116">
         <EntityTypeShape EntityType="Model.accounting" Width="1.5" PointX="22.5" PointY="22.125" IsExpanded="true" />
         <EntityTypeShape EntityType="Model.accounting_files" Width="1.5" PointX="15.75" PointY="27.75" IsExpanded="true" />
         <EntityTypeShape EntityType="Model.accounting_kind" Width="1.5" PointX="11.25" PointY="27.625" IsExpanded="true" />
@@ -17,7 +17,7 @@
         <EntityTypeShape EntityType="Model.activity_check" Width="1.5" PointX="5.25" PointY="18.5" IsExpanded="true" />
         <EntityTypeShape EntityType="Model.activity_kind" Width="1.5" PointX="0.75" PointY="11.625" IsExpanded="true" />
         <EntityTypeShape EntityType="Model.activity_kind_detail" Width="1.5" PointX="13.5" PointY="3.875" IsExpanded="true" />
-        <EntityTypeShape EntityType="Model.activity_relating" Width="1.5" PointX="10.5" PointY="9.875" IsExpanded="true" />
+        <EntityTypeShape EntityType="Model.activity_relating" Width="1.5" PointX="11.25" PointY="9.875" IsExpanded="true" />
         <EntityTypeShape EntityType="Model.activity_spares" Width="1.5" PointX="13.5" PointY="7.75" IsExpanded="true" />
         <EntityTypeShape EntityType="Model.admin" Width="1.5" PointX="6" PointY="1.375" IsExpanded="true" />
         <EntityTypeShape EntityType="Model.admin_group" Width="1.5" PointX="3.75" PointY="3.625" IsExpanded="true" />

web/App_Code/api/activityController.cs

@@ -298,6 +298,7 @@ public class activityController : ApiController
 
         var count = qry.Count(); //pageSize = count;//一次取回??
         var qryList = (pageSize > 0) ? qry.ToPagedList(page, pageSize).ToList() : qry.ToList();
+        
         var ret = new
         {
             list = qryList.Select(x => new
@@ -317,11 +318,12 @@ public class activityController : ApiController
                 startDate_lunar = x.startDate_lunar,
                 endDate_lunar = x.endDate_lunar,
                 dueDate = x.dueDate,
+               orderCounts= _db.pro_order.Where(y => y.activity_num == x.num).Count(),
+    }),
+            count = count,
             
-            }),
-            count = count
 
-        };
+    };
 
 
         if (ret.list == null) throw new HttpResponseException(HttpStatusCode.NotFound);

web/App_Code/api/designerController.cs

@@ -0,0 +1,302 @@
+using Microsoft.Ajax.Utilities;
+using MINOM.COM.Utility;
+using Model;
+using Newtonsoft.Json;
+using Newtonsoft.Json.Linq;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Net;
+using System.Web;
+using System.Web.Http;
+
+/// <summary>
+/// designerController 的摘要描述
+/// </summary>
+public class designerController : ApiController
+{
+    private Model.ezEntities _db = new Model.ezEntities();
+    public designerController()
+    {
+        //
+        // TODO: 在這裡新增建構函式邏輯
+        //
+    }
+
+
+    [HttpPost]
+    [Route("api/tablet/GetActItem")]
+    public IHttpActionResult GetActItem([FromBody] dynamic data)
+    {
+        LogUtility log = new LogUtility();
+        var json = data;
+        string itemNum = (json == null || json.itemNum == null) ? "" : (string)json.itemNum;
+        int num = int.Parse(itemNum);
+        var item=_db.actItems.AsQueryable().Where(x => x.num == num).FirstOrDefault();
+        return Ok(new { result = "Y", data =item});
+    }
+
+    [HttpPost]
+    [Route("api/tablet/GetTabletElement")]
+    public IHttpActionResult GetTabletElement([FromBody] dynamic data)
+    {
+        LogUtility log = new LogUtility();
+        var json = data;
+        string elementID = (json == null || json.elementID == null) ? "" : (string)json.elementID;
+        object[] obj = new StyleDataAccess().GetTabletElement(elementID, "");
+        if (obj[0].ToString() == "Y")
+        {
+            return Ok(new { result = "Y", data = obj[2] });
+        }
+        else
+        {
+            return Ok(new { result = "N", message = obj[1] });
+            //throw new HttpResponseException(HttpStatusCode.NotFound);
+        }
+        //return Ok(data);
+    }
+
+    [HttpPost]
+    [Route("api/tablet/GetStyleDetailData")]
+    public IHttpActionResult GetStyleDetailData([FromBody] dynamic data)
+    {
+        LogUtility log = new LogUtility();
+        var json = data;
+        string styleID = (json == null || json.styleID == null) ? "" : (string)json.styleID;
+        object[] obj = new StyleDataAccess().GetStyleDetail(styleID, "");
+        if (obj[0].ToString() == "Y")
+        {
+            return Ok(new { result = "Y", data = obj[2] });
+        }
+        else
+        {
+            return Ok(new { result = "N", message = obj[1] });
+            //throw new HttpResponseException(HttpStatusCode.NotFound);
+        }
+        //return Ok(data);
+    }
+
+    [HttpPost]
+    [Route("api/tablet/saveFamily")]
+    public IHttpActionResult saveFamily([FromBody] family_members familyMember)
+    {
+        LogUtility log = new LogUtility();
+        _db.family_members.Add(familyMember);
+        _db.SaveChanges();
+        return Ok(new { result = "Y", data= familyMember });
+
+        //object[] obj = new StyleDataAccess().GetStyle("", "");
+        //if (obj[0].ToString() == "Y")
+        //{
+        //    return Ok(new { result = "Y", data = obj[2] });
+        //}
+        //else
+        //{
+        //    return Ok(new { result = "N", message = obj[1] });
+        //    //throw new HttpResponseException(HttpStatusCode.NotFound);
+        //}
+        //return Ok(data);
+    }
+
+    [HttpPost]
+    [Route("api/tablet/GetStyleData")]
+    public IHttpActionResult GetStyleData([FromBody] dynamic data)
+    {
+        LogUtility log = new LogUtility();
+
+        object[] obj = new StyleDataAccess().GetStyle("", "");
+        if (obj[0].ToString() == "Y")
+        {
+            return Ok(new { result = "Y", data = obj[2] });
+        }
+        else
+        {
+            return Ok(new { result = "N", message = obj[1] });
+            //throw new HttpResponseException(HttpStatusCode.NotFound);
+        }
+        //return Ok(data);
+    }
+
+    [HttpPost]
+    [Route("api/tablet/SavDegignerData")]
+    public IHttpActionResult SavDegignerData([FromBody] dynamic data)
+    {
+        LogUtility log = new LogUtility();
+        var json = data;
+        //json.detail.Children<JObject>()
+        log.writeLogPath((string)json.styleName);
+        TabletStyle ts = new TabletStyle();
+        List<TabletStyleDetail> list = new List<TabletStyleDetail>();
+        ts.StyleID = (json == null || json.styleID == null) ? "" : (string)json.styleID;
+        string mode = "edit";
+        if (string.IsNullOrEmpty(ts.StyleID))
+        {
+            ts.StyleID = DateTime.Now.ToString("yyyyMMddHHmmss");
+            mode = "add";
+        }
+        ts.Name = (json == null || json.styleName == null) ? "" : (string)json.styleName;
+        ts.Descr = (json == null || json.descr == null) ? "" : (string)json.descr;
+        ts.PaperSize = (json == null || json.paperSize == null) ? "" : (string)json.paperSize;
+        ts.BackendImg = (json == null || json.backendImg == null) ? "" : (string)json.backendImg;
+        ts.PrintSize = (json == null || json.printSize == null) ? "" : (string)json.printSize;
+        ts.Orientation = (json == null || json.orientation == null) ? "" : (string)json.orientation;
+        ts.PrintPageCount = (json == null || json.printPageCount == null) ? "" : (string)json.printPageCount;
+        ts.PrintMode = (json == null || json.printMode == null) ? "" : (string)json.printMode;
+        ts.RosterLimit=(json == null || json.rosterLimit == null) ? "" : (string)json.rosterLimit;
+        foreach (var item in json.detail.Children<JObject>())
+        {
+            TabletStyleDetail tsd = new TabletStyleDetail();
+            tsd.StyleID = ts.StyleID;
+            tsd.Name = item.name == null ? "" : (string)item.name;
+            tsd.Descr = item.descr == null ? "" : (string)item.descr;
+            tsd.ElementID = item.elementID == null ? "" : (string)item.elementID;
+            tsd.StartX = item.startX == null ? "" : (string)item.startX;
+            tsd.StartY = item.startY == null ? "" : (string)item.startY;
+            tsd.FontSize = item.fontSize == null ? "" : (string)item.fontSize;
+            tsd.FontFamily = item.fontFamily == null ? "" : (string)item.fontFamily;
+            tsd.BreakLen = item.breakLen == null ? "" : (string)item.breakLen;
+            tsd.Width = item.width == null ? "" : (string)item.width;
+            tsd.Height = item.height == null ? "" : (string)item.height;
+            tsd.TextWidth = item.textWidth == null ? "" : (string)item.textWidth;
+            tsd.TextHeight = item.textHeight == null ? "" : (string)item.textHeight;
+            tsd.TwoOffset = item.twoOffset == null ? "" : (string)item.twoOffset;
+            tsd.ThreeOffset = item.threeOffset == null ? "" : (string)item.threeOffset;
+            tsd.FourOffset = item.fourOffset == null ? "" : (string)item.fourOffset;
+            tsd.IsActive = item.isActive == null ? "" : (string)item.isActive;
+            list.Add(tsd);
+        }
+        if (mode == "add")
+        {
+            object[] obj = new StyleDataAccess().AddStyle(ts, list);
+            if (obj[0].ToString() == "Y")
+            {
+                return Ok(new { result = "Y" });
+            }
+            else
+            {
+                return Ok(new { result = "N" });
+            }
+        }
+        return Ok();
+    }
+
+
+
+    [HttpPost]
+    [Route("api/tablet/UpdateDegignerData")]
+    public IHttpActionResult UpdateDegignerData([FromBody] dynamic data)
+    {
+        LogUtility log = new LogUtility();
+        var json = data;
+        //json.detail.Children<JObject>()
+        log.writeLogPath((string)json.styleName);
+        TabletStyle ts = new TabletStyle();
+        List<TabletStyleDetail> list = new List<TabletStyleDetail>();
+        ts.StyleID = (json == null || json.styleID == null) ? "" : (string)json.styleID;
+        string mode = "edit";
+        if (string.IsNullOrEmpty(ts.StyleID))
+        {
+            ts.StyleID = DateTime.Now.ToString("yyyyMMddHHmmss");
+            mode = "add";
+        }
+        ts.Name = (json == null || json.styleName == null) ? "" : (string)json.styleName;
+        ts.Descr = (json == null || json.descr == null) ? "" : (string)json.descr;
+        ts.PaperSize = (json == null || json.paperSize == null) ? "" : (string)json.paperSize;
+        ts.BackendImg = (json == null || json.backendImg == null) ? "" : (string)json.backendImg;
+        ts.PrintSize = (json == null || json.printSize == null) ? "" : (string)json.printSize;
+        ts.Orientation = (json == null || json.orientation == null) ? "" : (string)json.orientation;
+        ts.PrintPageCount = (json == null || json.printPageCount == null) ? "" : (string)json.printPageCount;
+        ts.PrintMode = (json == null || json.printMode == null) ? "" : (string)json.printMode;
+        ts.RosterLimit = (json == null || json.rosterLimit == null) ? "" : (string)json.rosterLimit;
+        foreach (var item in json.detail.Children<JObject>())
+        {
+            TabletStyleDetail tsd = new TabletStyleDetail();
+            tsd.StyleID = ts.StyleID;
+            tsd.Name = item.name == null ? "" : (string)item.name;
+            tsd.Descr = item.descr == null ? "" : (string)item.descr;
+            tsd.ElementID = item.elementID == null ? "" : (string)item.elementID;
+            tsd.StartX = item.startX == null ? "" : (string)item.startX;
+            tsd.StartY = item.startY == null ? "" : (string)item.startY;
+            tsd.FontSize = item.fontSize == null ? "" : (string)item.fontSize;
+            tsd.FontFamily = item.fontFamily == null ? "" : (string)item.fontFamily;
+            tsd.BreakLen = item.breakLen == null ? "" : (string)item.breakLen;
+            tsd.Width = item.width == null ? "" : (string)item.width;
+            tsd.TwoOffset = item.twoOffset == null ? "" : (string)item.twoOffset;
+            tsd.ThreeOffset = item.threeOffset == null ? "" : (string)item.threeOffset;
+            tsd.FourOffset = item.fourOffset == null ? "" : (string)item.fourOffset;
+            tsd.IsActive = item.isActive == null ? "" : (string)item.isActive;
+            tsd.Width = item.width == null ? "" : (string)item.width;
+            tsd.Height = item.height == null ? "" : (string)item.height;
+            tsd.TextWidth = item.textWidth == null ? "" : (string)item.textWidth;
+            tsd.TextHeight = item.textHeight == null ? "" : (string)item.textHeight;
+            list.Add(tsd);
+        }
+
+        object[] obj = new StyleDataAccess().UpdateStyle(ts, list);
+        if (obj[0].ToString() == "Y")
+        {
+            return Ok(new { result = "Y" });
+        }
+        else
+        {
+            return Ok(new { result = "N" });
+        }
+    }
+
+
+    [HttpPost]
+    [Route("api/tablet/GetPaperSize")]
+    public IHttpActionResult GetPaperSize([FromBody] dynamic data)
+    {
+        LogUtility log = new LogUtility();
+
+        object[] obj = new StyleDataAccess().GetTabletPaper("", "");
+        if (obj[0].ToString() == "Y")
+        {
+            return Ok(new { result = "Y", data = obj[2] });
+        }
+        else
+        {
+            return Ok(new { result = "N", message = obj[1] });
+            //throw new HttpResponseException(HttpStatusCode.NotFound);
+        }
+        //return Ok(data);
+    }
+
+
+    [HttpPost]
+    [Route("api/tablet/SavePaperSize")]
+    public IHttpActionResult SavePaperSize([FromBody] dynamic data)
+    {
+        LogUtility log = new LogUtility();
+        var json = data;
+        //json.detail.Children<JObject>()
+        log.writeLogPath((string)json.styleName);
+        TabletPaperSize tps = new TabletPaperSize();
+        tps.PaperID = (json == null || json.paperID == null) ? "" : (string)json.paperID;
+        if (string.IsNullOrEmpty(tps.PaperID))
+        {
+            tps.PaperID = DateTime.Now.ToString("yyyyMMddHHmmss");
+        }
+        tps.PaperName = (json == null || json.paperName == null) ? "" : (string)json.paperName;
+        tps.Width = (json == null || json.width == null) ? "" : (string)json.width;
+        tps.Height = (json == null || json.height == null) ? "" : (string)json.height;
+        tps.CUser = "";
+        tps.CDate = DateTime.Now.ToString("yyyyMMdd");
+        tps.CTime = DateTime.Now.ToString("HHmmss");
+        tps.UUser = "";
+        tps.UDate = DateTime.Now.ToString("yyyyMMdd");
+        tps.UTime = DateTime.Now.ToString("HHmmss");
+
+        object[] obj = new StyleDataAccess().AddTabletPaper(tps);
+        if (obj[0].ToString()=="Y")
+        {
+            return Ok(new { result = "Y" });
+        }
+        else
+        {
+            return Ok(new { result = "N"});
+        }
+    }
+
+}

web/App_Code/api/orderController.cs

@@ -460,6 +460,7 @@ public class orderController : ApiController
                                     ? x.num.ToString()
                                     : (x.parent_num.ToString() + x.num.ToString())
                                     ),
+                                    style=x.style??""
                             //cash_record = x.pro_order_record.Select( c => new { 
                             //    c,
                             //    //pay_kind = tdesc2[c.payment.HasValue && x.keyin1.Value > 0 ? x.keyin1.Value : 1],
@@ -725,6 +726,7 @@ public class orderController : ApiController
                     order.demo = item.demo;
                     order.customize_data = item.customize_data;
                     order.UpdateTime = DateTime.Now;
+                    order.style = item.style;
                     _db.SaveChanges();
                     var ret = new
                     {
@@ -778,6 +780,7 @@ public class orderController : ApiController
                     demo = item.demo,
                     customize_data = item.customize_data,
                     UpdateTime = DateTime.Now,
+                    style=item.style
                 };
                 _db.pro_order_detail.Add(orderDetail);
                 _db.SaveChanges();

web/App_Code/api/orderdetailController.cs

@@ -1,14 +1,18 @@
-using System;
+using com.itextpdf.text.pdf;
+using Model;
+using Newtonsoft.Json;
+using Newtonsoft.Json.Linq;
+using PagedList;
+using System;
+using System.Collections;
 using System.Collections.Generic;
+using System.Data.Entity;
+using System.Data.SqlClient;
 using System.Linq;
 using System.Net;
 using System.Net.Http;
 using System.Web.Http;
-using PagedList;
-using Newtonsoft.Json;
-using System.Collections;
 using static TreeView;
-using System.Data.Entity;
 
 /// <summary>
 /// orderdetail 的摘要说明
@@ -59,4 +63,39 @@ public class orderdetailController:ApiController
         if (ret.list == null) throw new HttpResponseException(HttpStatusCode.NotFound);
         return Ok(ret);
     }
+
+    [HttpPost]
+    [Route("api/orderdetail/GetDetailToPrint")]
+    public IHttpActionResult GetDetailToPrint([FromBody] dynamic data)
+    {
+        if (data.param is Newtonsoft.Json.Linq.JArray items)
+        {
+            string[] details = new string[items.Count];
+            int i = 0;
+            foreach (var item in items)
+            {
+                details[i] = item["order_no"] + item["num"].ToString();
+                i++;
+            }
+
+            var parameters = details.Select((s,j)=>"@p"+j).ToArray();
+            string sql = $"select *  from pro_order_detail where order_no+convert(varchar,num) in ({string.Join(",",parameters)}) ";
+   
+            int l =0;
+            List<SqlParameter> sqlList = new List<SqlParameter>();
+            foreach (var item in details)
+            {
+                sqlList.Add( new SqlParameter("@p" + l, item));
+                l++;
+            }
+            SqlParameter[] p = sqlList.ToArray();
+            var ret = _db.Database.SqlQuery<pro_order_detail>(sql, p).ToList();
+            if (ret == null) throw new HttpResponseException(HttpStatusCode.NotFound);
+            return Ok(ret);
+        }
+        else
+        {
+            throw new HttpResponseException(HttpStatusCode.NotFound);
+        }
+    }
 }

web/App_Code/api/transfer_registerController.cs

@@ -10,6 +10,7 @@ using System.Collections;
 using MyWeb;
 using System.Web.WebPages;
 using System.Data.Entity;
+using Model;
 
 [ezAuthorize]
 public class transfer_registerController : ApiController
@@ -269,6 +270,7 @@ public class transfer_registerController : ApiController
         public string check_memo { get; set; }
         public string draft { get; set; }
         public int? acc_kind { get; set; } // 新增關聯欄位
+        public int? kind { get; set; }
     }
 
     [HttpPost]
@@ -315,7 +317,7 @@ public class transfer_registerController : ApiController
                         {
                             uptime = dto.check_date,
                             category = 1, // 收入
-                            kind = 27, // 固定值：法會收入/功德項目
+                            kind = dto.kind,//27, // 固定值：法會收入/功德項目
                             kind2 = dto.acc_num,
                             price = (float)(dto.check_amount ?? 0),
                             tax = 0,
@@ -346,6 +348,7 @@ public class transfer_registerController : ApiController
                     item.check_memo = dto.check_memo;
                     item.draft = dto.draft;
                     item.acc_kind = dto.acc_kind;
+                    
                 }
             }
             _db.SaveChanges();
@@ -958,7 +961,10 @@ public class transfer_registerController : ApiController
                 activity_name = x.activity != null ? x.activity.subject : "",
                 activity_num = x.activity_num,
                 acc_name = x.acc_num != null ? _db.accounting_kind2.Where(a => a.num == x.acc_num).Select(a => a.kind).FirstOrDefault() : "",
-                
+                price_totals=_db.pro_order_detail.
+                Where(a => _db.pro_order.Where (po=>po.f_num==x.f_num&&po.activity_num==x.activity_num).
+                Select(po => po.order_no).Any(p=>p.Equals(a.order_no))).Sum(a => a.price*a.qty),
+                pay_totals=_db.transfer_register.Where(a=>a.activity_num==x.activity_num&&a.f_num==x.f_num).Sum(a=>a.check_amount),
                 // pro_order_record 資訊 (透過 transfer_id 關聯)
                 pro_order_records = x.pro_order_record.Select(pr => new {
                     pr.num,

web/App_Data/PublishProfiles/FolderProfile.pubxml

@@ -8,7 +8,7 @@
     <LastUsedPlatform>Any CPU</LastUsedPlatform>
     <LaunchSiteAfterPublish>true</LaunchSiteAfterPublish>
     <PublishProvider>FileSystem</PublishProvider>
-    <PublishUrl>D:\17168web</PublishUrl>
+    <PublishUrl>C:\17168web</PublishUrl>
     <WebPublishMethod>FileSystem</WebPublishMethod>
     <_TargetId>Folder</_TargetId>
     <SiteUrlToLaunchAfterPublish />

web/admin/Templates/TBS5ADM001/MasterPage.master

@@ -23,6 +23,8 @@
     <link href="~/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" />        
 
     <link href="~/admin/Templates/TBS5ADM001/css/Style.css" rel="stylesheet" />
+    <link href="~/admin/item/css/floating.css" rel="stylesheet" />
+    <link href="~/admin/item/css/tablet-design.css" rel="stylesheet" />
     <asp:ContentPlaceHolder id="page_header" runat="server">
     </asp:ContentPlaceHolder>
 </head>
@@ -67,14 +69,14 @@
             let HTTP_HOST = "<%=UrlHost()%>";
         </script>
         <script src="<%=ResolveUrl("~/js/bootstrap5/js/bootstrap.bundle.min.js")%>"></script>
-        <script src="<%=ResolveUrl("~/js/jquery-3.6.0.min.js")%>"></script>
+        <script src="<%=ResolveUrl("~/js/jquery-4.0.0.min.js")%>"></script>
         <script src="<%=ResolveUrl("~/js/vue.min.js")%>"></script>
         <script src="<%=ResolveUrl("~/js/vuetify.min.js")%>"></script>
         <script src="<%=ResolveUrl("~/js/axios.min.js")%>"></script>
         <script src="<%=ResolveUrl("~/js/moment.min.js")%>"></script>
         <script src="<%=ResolveUrl("~/js/sweetalert2/sweetalert2.all.min.js") %>"></script>
         <script src="<%=ResolveUrl("~/admin/Templates/TBS5ADM001/js/Script.js")%>"></script>
-        
+        <script src="<%=ResolveUrl("~/admin/item/jquery-ui/jquery-ui.min.js")%>"></script>
         <script>
             //全局的VUE組件，操作提示組件
             Vue.component('message-modal', {

web/admin/activity/item_reg.aspx

@@ -23,6 +23,8 @@
             data() {
                 return {
                     this_id: '<%= Request["num"] %>',
+                    paperlist: [],
+                    stylelist: [],
                     options: {},
                     optionsDetail: {
                         multiSort: false,
@@ -43,7 +45,7 @@
                                     { id: 'kind', title: '分類名稱' },
                                 ],
                                 selected: {},
-                                select(item,t) {
+                                select(item, t) {
                                     console.log("select search1", t);
                                 }
                             },
@@ -60,7 +62,7 @@
                                     { id: 'subject', title: '文件名稱' },
                                 ],
                                 selected: {},
-                                select(item,t) {
+                                select(item, t) {
                                     console.log("select search2", t);
 
                                     item.files_num_selected.text = t.subject //=====?
@@ -71,26 +73,26 @@
                                 id: 'search3',
                                 title: '子項目',
                                 text_prop: 'subject',
-                                  value_prop: 'num',
-                                  keys: [
-                                      { id: 'subject', title: '項目名稱', value: '' },
-                                      { id: 'kindTxt', title: '項目分類' },
-                                  ],
-                                  api_url: HTTP_HOST + 'api/activity/GetItemList',
-                                  columns: [
-                                      { id: 'subject', title: '項目名稱', value: '' },
-                                      { id: 'kindTxt', title: '項目分類' },
-                                  ],
-                                  selected: {},
-                                  select(item,t) {
-                                      console.log("select search3", item, t);
-                                      //debugger;
-                                      item.actItem.subject = t.subject
-                                      item.actItem.num = t.num 
-                                      item.item_num_selected={
-                                          text: t.subject,
-                                          val : t.num
-                                      }
+                                value_prop: 'num',
+                                keys: [
+                                    { id: 'subject', title: '項目名稱', value: '' },
+                                    { id: 'kindTxt', title: '項目分類' },
+                                ],
+                                api_url: HTTP_HOST + 'api/activity/GetItemList',
+                                columns: [
+                                    { id: 'subject', title: '項目名稱', value: '' },
+                                    { id: 'kindTxt', title: '項目分類' },
+                                ],
+                                selected: {},
+                                select(item, t) {
+                                    console.log("select search3", item, t);
+                                    //debugger;
+                                    item.actItem.subject = t.subject
+                                    item.actItem.num = t.num
+                                    item.item_num_selected = {
+                                        text: t.subject,
+                                        val: t.num
+                                    }
                                     //   item.bom_editedItem.actItem.subject = t.subject
                                     //   item.bom_editedItem.actItem.num = t.num 
 
@@ -98,8 +100,8 @@
                                     //       text : t.subject,
                                     //       val = t.num 
                                     //   }
-                                  }
-                                  ////新增/修改+關閉時, 會清空/還原
+                                }
+                                ////新增/修改+關閉時, 會清空/還原
                             },
 
                         },
@@ -243,8 +245,8 @@
                     });
                     //necessary parameter===
                     if (this.search_dialog.current.id == 'search1') {
-                        if (this.this_id=="")
-                        search['status'] = "Y";//啟用              
+                        if (this.this_id == "")
+                            search['status'] = "Y";//啟用              
                     }
                     console.log("search_get", api_url, search, params, this.options);
                     this.search_dialog.loading = true
@@ -292,7 +294,7 @@
                     target.children("input.search-text").val(curr.selected[curr.text_prop])//text
                     target.children("input:hidden").val(curr.selected[curr.value_prop])//value
                     if (curr.select instanceof Function) {
-                        curr.select(editem,row);
+                        curr.select(editem, row);
                     }
                     this.search_dialog.show = false;
                     //console.log(row, row["u_name"], row["f_number"], curr.id, target);
@@ -334,6 +336,50 @@
                             )
                     }
 
+                    axios
+                        .post(HTTP_HOST + 'api/tablet/GetPaperSize', {})
+                        .then(response => {
+                            console.log(response);
+                            if (response.status == "200") {
+                                let data = response.data;
+                                if (data.result == "Y") {
+                                    data.data.forEach(x => {
+                                        this.paperlist.push({ name: x.paperName, id: x.paperID, width: x.width, height: x.height })
+                                        $('#<%= ddlPageSize.ClientID %>').append(`<option value="${x.paperID}">${x.paperName}</option>`);
+                                            $('#<%= ddlPrintSize.ClientID %>').append(`<option value="${x.paperID}">${x.paperName}</option>`);
+                                        });
+                                                          
+                                        $('#<%= ddlPageSize.ClientID %>').val($("#<%= hidPageSize.ClientID %>").val())
+                                        $('#<%= ddlPrintSize.ClientID %>').val($("#<%= hidPrintSize.ClientID %>").val())
+                                    }
+                                }
+                            })
+                        .catch(
+                            error => console.log(error)
+                        )
+
+                    axios
+                        .post(HTTP_HOST + 'api/tablet/GetStyleData', {})
+                        .then(response => {
+                            console.log(response);
+                            if (response.status == "200") {
+                                let data = response.data;
+                                if (data.result == "Y") {
+                                    data.data.forEach(x => {
+                                        if (x.styleID != "000001") {
+                                            this.stylelist.push({ styleID: x.styleID, name: x.name })
+                                            $('#<%= ddlDefaultStyle.ClientID %>').append(`<option value="${x.styleID}">${x.name}</option>`);
+                                                 //$("#defaultStyle").append(`<option value="${x.styleID}">${x.name}</option>`);
+                                             }
+                                         });
+                                         $('#<%= ddlDefaultStyle.ClientID %>').val($("#<%= hidDefaultStyle.ClientID %>").val())
+                                     }
+                                 }
+                             })
+                        .catch(
+                            error => console.log(error)
+                        )
+
                 },
                 editItem(item) {
                     this.editedIndex = this.desserts.indexOf(item);
@@ -404,7 +450,7 @@
                     if (this.editedIndex > -1) {
                         if (this.this_id != '') {
                             //chcck necessary params
-                            if (this.editedItem.files_num_selected.val != 0 ) {
+                            if (this.editedItem.files_num_selected.val != 0) {
                                 //insert or update data
                                 var pro_order_detail =
                                 {
@@ -443,16 +489,16 @@
                     const _subject = $('#<%= subject.ClientID%>').val();
                     return "（" + strUser + "）" + " " + _kind_txt + " " + _subject;
                 },
-                bom_editItem(item){
+                bom_editItem(item) {
                     this.bom_editedIndex = this.bom_list.indexOf(item);
                     this.bom_editedItem = $.extend(true, {}, item);
                     console.log("bom_editItem:", this.bom_editedIndex, this.bom_editedItem);
                     //debugger;
                 },
-                bom_deleteItem(item){
+                bom_deleteItem(item) {
                     confirm('確定要刪除此筆資料嗎?') && this.bom_list.splice(index, 1);
                 },
-                bom_cancel(){
+                bom_cancel() {
                     this.bom_spliceNullData();
                     this.bom_close();
                 },
@@ -472,7 +518,7 @@
                         this.bom_editedItem = -1;
                     }, 300)
                 },
-                bom_addNew(){
+                bom_addNew() {
                     this.spliceNullData();
 
                     //addObj.id = this.desserts.length + 1;
@@ -491,11 +537,11 @@
                     if (!!this.bom_list) this.bom_list?.unshift(addObj);
                     this.bom_editItem(addObj);
                 },
-                bom_save(){
+                bom_save() {
                     if (this.bom_editedIndex > -1) {
                         if (this.this_id != '') {
                             //chcck necessary params
-                            if (this.bom_editedItem.item_num_selected.val != 0 ) {
+                            if (this.bom_editedItem.item_num_selected.val != 0) {
                                 //insert or update data
                                 var package_num = $(".packageNum input[type=hidden]").val();
                                 var bom_detail =
@@ -525,6 +571,15 @@
                         }
                     }
                 },
+                changeSel(selType) {
+                    if (selType=="ddlPageSize") {
+                        $("#<%= hidPageSize.ClientID %>").val($("#<%= ddlPageSize.ClientID %>").val())
+                    } else if (selType == "ddlPrintSize") {
+                        $("#<%= hidPrintSize.ClientID %>").val($("#<%=ddlPrintSize.ClientID %>").val())
+                    } else if (selType == "ddlDefaultStyle") {
+                        $("#<%= hidDefaultStyle.ClientID %>").val($("#<%= ddlDefaultStyle.ClientID %>").val())
+                    }
+                }
             },
             computed: {
             },
@@ -625,6 +680,27 @@
                                 <asp:RegularExpressionValidator ControlToValidate="price" Display="Dynamic" SetFocusOnError="true" ErrorMessage="只能輸入數字"  ID="RegularExpressionValidator3" runat="server" ValidationExpression="^(-?\d+)(\.\d+)?$" />
                             </div>
                         </div>
+                         <div class="row mb-1 label-sm-right">
+                              <label class="col-sm-2 col-form-label">預設頁面尺寸</label>
+                             <div class="col-sm-4">
+                                 <select ID="ddlPageSize" runat="server" onchange="VueApp.changeSel('ddlPageSize')"></select>
+                                 <asp:HiddenField ID="hidPageSize" runat="server" />
+                             </div>    
+                              <label class="col-sm-2 col-form-label">預設列印尺寸</label>
+                            <div class="col-sm-4">
+                                <select ID="ddlPrintSize" runat="server"  onchange="VueApp.changeSel('ddlPrintSize')"></select>
+                                 <asp:HiddenField ID="hidPrintSize" runat="server" />
+                            </div>    
+                        </div>
+                          <div class="row mb-1 label-sm-right">
+                           <label class="col-sm-2 col-form-label">預設版型</label>
+                          <div class="col-sm-4">
+                              <select ID="ddlDefaultStyle" runat="server"  onchange="VueApp.changeSel('ddlDefaultStyle')"></select>
+                               <asp:HiddenField ID="hidDefaultStyle" runat="server" />
+                          </div>    
+                 
+                         </div>    
+                  
                         <asp:UpdatePanel ID="UpdatePanel1" runat="server" class="row mb-1 label-sm-right">
                             <ContentTemplate>
                                 <label class="col-sm-2 col-form-label"></label>

web/admin/activity/item_reg.aspx.cs

@@ -44,6 +44,21 @@ public partial class admin_activity_item_reg : MyWeb.config
                     print_init.Text = prod.print_init;
                     PARTNO.Text = prod.partno;
                     //kind.SelectedValue = prod.kind.ToString();
+                    if (!isStrNull(prod.pageSize))
+                    {
+                        ddlPageSize.Value = prod.pageSize.ToString();
+                        hidPageSize.Value = prod.pageSize.ToString();
+                    }
+                    if (!isStrNull(prod.printSize))
+                    {
+                        ddlPrintSize.Value = prod.printSize.ToString();
+                        hidPrintSize.Value = prod.printSize.ToString();
+                    }
+                    if (!isStrNull(prod.defaultStyle))
+                    {
+                        ddlDefaultStyle.Value = prod.defaultStyle.ToString();
+                        hidDefaultStyle.Value = prod.defaultStyle.ToString();
+                    }
                     if (prod.kind.HasValue)
                     {
                         kind_txt.Value = prod.actItem_kind.kind;
@@ -122,6 +137,18 @@ public partial class admin_activity_item_reg : MyWeb.config
             actItem.subject = subject.Text;            
             actItem.print_init = print_init.Text;            
             actItem.partno = PARTNO.Text;
+            if (!isStrNull(ddlPageSize.Value))
+            {
+                actItem.pageSize = ddlPageSize.Value;
+            }
+            if (!isStrNull(ddlPrintSize.Value))
+            {
+                actItem.printSize = ddlPrintSize.Value;
+            }
+            if (!isStrNull(ddlDefaultStyle.Value))
+            {
+                actItem.defaultStyle = (ddlDefaultStyle.Value);
+            }
             //if (!isStrNull(kind.SelectedValue)) { actItem.kind = Val(kind.SelectedValue); } else { actItem.kind = null; }
             if (!isStrNull(category.SelectedValue)) { actItem.category = Val(category.SelectedValue); } else { actItem.category = null; }
             if (!isStrNull(kind.Value)) { actItem.kind = Val(kind.Value); } else { actItem.kind = null; }
@@ -170,6 +197,18 @@ public partial class admin_activity_item_reg : MyWeb.config
                 actItem.subject = subject.Text;
                 actItem.print_init = print_init.Text;
                 actItem.partno = PARTNO.Text;
+                if (!isStrNull(hidPageSize.Value))
+                {
+                    actItem.pageSize = hidPageSize.Value;
+                }
+                if (!isStrNull(hidPrintSize.Value))
+                {
+                    actItem.printSize = hidPrintSize.Value;
+                }
+                if (!isStrNull(hidDefaultStyle.Value))
+                {
+                    actItem.defaultStyle = (hidDefaultStyle.Value);
+                }
                 //if (!isStrNull(kind.SelectedValue)) { actItem.kind = Val(kind.SelectedValue); } else { actItem.kind = null; }
                 if (!isStrNull(category.SelectedValue)) { actItem.category = Val(category.SelectedValue); } else { actItem.category = null; }
                 if (!isStrNull(kind.Value)) { actItem.kind = Val(kind.Value); } else { actItem.kind = null; }
@@ -248,4 +287,16 @@ public partial class admin_activity_item_reg : MyWeb.config
             }
         }
     }
+
+    //protected override void Render(HtmlTextWriter writer)
+    //{
+    //    ClientScript.RegisterForEventValidation(
+    //        ddlDefaultStyle.UniqueID, "ddlDefaultStyle");
+    //    ClientScript.RegisterForEventValidation(
+    //      ddlPageSize.UniqueID, "ddlPageSize");
+    //    ClientScript.RegisterForEventValidation(
+    //      ddlPrintSize.UniqueID, "ddlPrintSize");
+
+    //    base.Render(writer);
+    //}
 }

web/admin/activity/reg.aspx

@@ -590,7 +590,8 @@
                                   this.data_table.selected.push(this.data_table.editFilesItem[i])
                           }
                       }
-                  }, multiPrint() {
+                  },
+                  multiPrintNew() {
                       var params = {
                           item: this.thisItemSelected.val,
                           file: this.thisFilesSelected.val,
@@ -601,8 +602,81 @@
                       //list = this.data_table.selected.map(x => x.num);
 
                       list = this.data_table.selected
-                        .sort((a, b) => a.print_id.localeCompare(b.print_id))
-                        .map(x => x.num);
+                          .sort((a, b) => (a.print_id == null ? "" : a.print_id).localeCompare(b.print_id == null ? "" : b.print_id))
+                          .map(x => x.num);
+
+                      //console.log("what:",list);
+
+                      if (list.length > 0) {
+                          // 記錄已列印
+                          let _url = HTTP_HOST + 'api/order/printMultiFileLog';
+                          axios.post(_url, list, { params: params })
+                              .then(response => {
+                                  for (let i = 0; i < this.data_table.selected.length; i++) {
+                                      for (let j = 0; i < this.data_table.editFilesItem.length; j++) {
+                                          if (this.data_table.selected[i].num == this.data_table.editFilesItem[j].num) {
+                                              this.data_table.editFilesItem[j].isPrinted = true;
+                                              break;
+                                          }
+                                      }
+                                  }
+                              })
+                              .catch(error => {
+                                  console.log(error)
+
+                              })
+                          // 送出列印
+                          _url = HTTP_HOST + 'admin/print/print_multi_new.aspx';
+                          var form = document.createElement("form");
+                          form.method = "POST";
+                          form.action = _url;
+                          form.target = "_blank"; // Open the result in a new tab
+
+                          // Helper function to add hidden fields
+                          const addHiddenField = (name, value) => {
+                              const hiddenField = document.createElement("input");
+                              hiddenField.type = "hidden";
+                              hiddenField.name = name;
+                              hiddenField.value = value;
+                              form.appendChild(hiddenField);
+                          };
+
+                          // Add form fields
+                          console.log(this.thisItemSelected.val, this.thisFilesSelected.val, JSON.stringify(list));
+                          addHiddenField("item", this.thisItemSelected.val);
+                          addHiddenField("file", this.thisFilesSelected.val);
+                          addHiddenField("list", JSON.stringify(list));
+                          addHiddenField("title", `${this.thisItemSelected.text} / ${this.thisFilesSelected.text}`);
+                          //console.log("底家:",this.data_table.selected);
+                          localStorage.setItem("item", this.thisItemSelected.val);
+                          localStorage.setItem("list", JSON.stringify(this.data_table.selected));
+
+                         
+
+                          document.body.appendChild(form); // Not entirely sure if this is necessary
+                          form.submit();
+                          document.body.removeChild(form);
+                      }
+                      else {
+                          this.snackbar.text = "未選擇列印項目";
+                          this.snackbar.show = true
+                      }
+                  },
+                  multiPrint() {
+                      var params = {
+                          item: this.thisItemSelected.val,
+                          file: this.thisFilesSelected.val,
+                          //list: this.data_table.selected.map(x => x.num)
+                      };
+
+                      var list = [];
+                      //list = this.data_table.selected.map(x => x.num);
+
+                      list = this.data_table.selected
+                        .sort((a, b) => (a.print_id==null?"":a.print_id).localeCompare(b.print_id==null?"":b.print_id))
+                          .map(x => x.num);
+
+                      //console.log("what:",list);
 
                       if (list.length > 0) {                           
                             // 記錄已列印
@@ -638,11 +712,15 @@
                                 form.appendChild(hiddenField);
                             };
 
-                            // Add form fields
+                          // Add form fields
+                          console.log(this.thisItemSelected.val, this.thisFilesSelected.val,JSON.stringify(list));
                             addHiddenField("item", this.thisItemSelected.val);
                             addHiddenField("file", this.thisFilesSelected.val);
                             addHiddenField("list", JSON.stringify(list));
-                            addHiddenField("title", `${this.thisItemSelected.text} / ${this.thisFilesSelected.text}`);
+                          addHiddenField("title", `${this.thisItemSelected.text} / ${this.thisFilesSelected.text}`);
+                          //console.log("底家:",this.data_table.selected);
+                          localStorage.setItem("item", this.thisItemSelected.val);
+                          localStorage.setItem("list", JSON.stringify(this.data_table.selected));
                          
                             /*
                             var hiddenField = document.createElement("input");
@@ -1199,6 +1277,12 @@
                                   @click="multiPrint">
                                   列印<v-icon dark>mdi-turn-right</v-icon>
                               </v-btn>
+                              <v-btn
+                                color="primary"
+                                class="ml-2 white--text"                             
+                                @click="multiPrintNew">
+                                列印(New)<v-icon dark>mdi-turn-right</v-icon>
+                            </v-btn>
                           </div>
                        </v-toolbar>
                        </template>    

web/admin/bill/index.aspx

@@ -0,0 +1,822 @@
+<%@ Page Title="匯款/沖帳管" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="admin_bill_index" %>
+
+<asp:Content ID="Content1" ContentPlaceHolderID="page_header" Runat="Server">
+        <link rel="stylesheet" href="../../js/_bootstrap-icons-1.8.1/bootstrap-icons.css">
+    <style>
+        .function-icon {
+            font-size: 2em;
+            line-height: 1;
+            align-content: center;
+        }
+        .external-link-icon {
+            font-size: 0.8em;
+        }
+    </style>
+</asp:Content>
+<asp:Content ID="Content2" ContentPlaceHolderID="page_nav" Runat="Server">
+      <h2 class="mb-3">匯款/沖帳管理</h2>
+</asp:Content>
+<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
+          <div id="content" class="container py-4">
+    <div class="row">
+        <!-- 第一欄：匯款登錄與核對 -->
+        <div class="col-lg-4 mb-4">
+            <h5 class="text-primary mb-3">
+                <i class="bi bi-upload"></i> 匯款登錄與核對
+            </h5>
+            <div class="list-group">
+                 <a href="register.aspx" class="list-group-item list-group-item-action" target="_blank">
+                     <div class="d-flex justify-content-between align-items-start">
+                         <div class="d-flex">
+                             <i class="bi bi-plus-circle text-success me-3 function-icon"></i>
+                             <div>
+                                 <div>
+                                     登錄匯款資料
+                                     <i class="bi bi-box-arrow-up-right text-muted ms-1 external-link-icon"></i>
+                                 </div>
+                                 <small class="text-muted">報名者自行填寫匯款相關資訊</small>
+                             </div>
+                         </div>
+                         <span class="badge bg-primary">報名者</span>
+                     </div>
+                 </a>
+                 <a href="verify.aspx" class="list-group-item list-group-item-action d-none">
+                     <div class="d-flex justify-content-between align-items-start">
+                         <div class="d-flex">
+                             <i class="bi bi-person-check text-info me-3 function-icon"></i>
+                             <div>
+                                 <div>出納核對匯款人</div>
+                                 <small class="text-muted">核對匯款人身份與報名資料</small>
+                             </div>
+                         </div>
+                         <span class="badge bg-info">出納</span>
+                     </div>
+                 </a>
+                                      <a href="verify1.aspx" class="list-group-item list-group-item-action">
+                     <div class="d-flex justify-content-between align-items-start">
+                         <div class="d-flex">
+                             <i class="bi bi-person-check text-info me-3 function-icon"></i>
+                             <div>
+                                 <div>出納核對匯款人（階段1）</div>
+                                 <small class="text-muted">初步核對匯款人身份資料</small>
+                             </div>
+                         </div>
+                         <span class="badge bg-info">出納</span>
+                     </div>
+                 </a>
+                 <a href="verify2.aspx" class="list-group-item list-group-item-action">
+                     <div class="d-flex justify-content-between align-items-start">
+                         <div class="d-flex">
+                             <i class="bi bi-currency-dollar text-warning me-3 function-icon"></i>
+                             <div>
+                                 <div>出納核對金額（階段2）</div>
+                                 <small class="text-muted">核對匯款金額與入帳資料</small>
+                             </div>
+                         </div>
+                         <span class="badge bg-warning text-dark">出納</span>
+                     </div>
+                 </a>
+            </div>
+        </div>
+
+        <!-- 第二欄：沖帳流程 -->
+        <div class="col-lg-4 mb-4">
+            <h5 class="text-primary mb-3">
+                <i class="bi bi-receipt"></i> 沖帳流程
+            </h5>
+            <div class="list-group">
+                <a href="personal_reconcile.aspx" class="list-group-item list-group-item-action">
+                    <div class="d-flex justify-content-between align-items-start">
+                        <div class="d-flex">
+                                                             <i class="bi bi-person text-primary me-3 function-icon"></i>
+                            <div>
+                                <div>個人-沖帳流程</div>
+                                <small class="text-muted">處理個人匯款的沖帳作業</small>
+                            </div>
+                        </div>
+                        <span class="badge bg-success">會計</span>
+                    </div>
+                </a>
+                <a href="group_reconcile.aspx" class="list-group-item list-group-item-action">
+                    <div class="d-flex justify-content-between align-items-start">
+                        <div class="d-flex">
+                                                             <i class="bi bi-people text-success me-3 function-icon"></i>
+                            <div>
+                                <div>共同-沖帳流程</div>
+                                <small class="text-muted">處理多人共同支付的沖帳作業</small>
+                            </div>
+                        </div>
+                        <span class="badge bg-success">會計</span>
+                    </div>
+                </a>
+                <a href="balance_reconcile.aspx" class="list-group-item list-group-item-action">
+                    <div class="d-flex justify-content-between align-items-start">
+                        <div class="d-flex">
+                            <i class="bi bi-calculator text-danger me-3 function-icon"></i>
+                            <div>
+                                <div>餘額核銷</div>
+                                <small class="text-muted">處理沖帳後剩餘金額的核銷</small>
+                            </div>
+                        </div>
+                        <span class="badge bg-danger">會計</span>
+                    </div>
+                </a>
+            </div>
+        </div>
+
+        <!-- 第三欄：查詢功能 -->
+        <div class="col-lg-4 mb-4">
+            <h5 class="text-primary mb-3">
+                <i class="bi bi-search"></i> 查詢功能
+            </h5>
+            <div class="list-group">
+                <a href="verify_order_record_query.aspx" class="list-group-item list-group-item-action">
+                    <div class="d-flex justify-content-between align-items-start">
+                        <div class="d-flex">
+                                                             <i class="bi bi-journal-check text-info me-3 function-icon"></i>
+                            <div>
+                                <div>沖帳查詢</div>
+                                <small class="text-muted">查詢所有沖帳記錄與明細</small>
+                            </div>
+                        </div>
+                        <span class="badge bg-info">會計</span>
+                    </div>
+                </a>                
+                <a href="balance_reconcile_query.aspx" class="list-group-item list-group-item-action">
+                    <div class="d-flex justify-content-between align-items-start">
+                        <div class="d-flex">
+                                                             <i class="bi bi-file-text text-secondary me-3 function-icon"></i>
+                            <div>
+                                <div>餘額核銷查詢</div>
+                                <small class="text-muted">查詢已完成的餘額核銷記錄</small>
+                            </div>
+                        </div>
+                        <span class="badge bg-secondary">會計</span>
+                    </div>
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <!-- 統計資訊 -->
+    <div class="row mt-4">
+        <div class="col-12">
+            <div class="alert alert-info">
+                <h6 class="alert-heading">
+                    <i class="bi bi-info-circle"></i> 系統說明
+                </h6>
+                <ul class="mb-0">
+                    <li><strong>匯款登錄與核對</strong>：處理報名者匯款資料的登錄與出納核對作業</li>
+                    <li><strong>沖帳流程</strong>：處理個人與共同支付的沖帳作業，以及剩餘金額的核銷</li>
+                    <li><strong>查詢功能</strong>：提供各類沖帳記錄的查詢與統計功能</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+
+    <keep-alive>
+    <component
+        :is="currentView" :form-data="$data">
+
+    </component>
+</keep-alive>  
+</asp:Content>
+<asp:Content ID="Content4" ContentPlaceHolderID="offCanvasRight" Runat="Server">
+</asp:Content>
+<asp:Content ID="Content5" ContentPlaceHolderID="footer_script" Runat="Server">
+    <script>
+        Vue.component('step-one', {
+
+            template: document.getElementById("content"),
+            props: ['formData'],
+            data() {
+                return {
+                    this_act: '<%= Request["act_id"]%>',
+             options: { multiSort: false },
+             search_options: { multiSort: false },
+
+             data_table: {
+                 loading: true,
+                 list: [],
+                 selected: [],
+                 singleSelect: false,
+                 count: 0,
+                 page: 1,
+                 pageSize: 10,
+                 header: [
+                     { text: '活動分類', value: 'kindsTxt' },
+                     { text: '活動名稱', value: 'subject' },
+                     { text: '開始日期', value: 'startDate_solar' },
+                     { text: '結束日期', value: 'endDate_solar', align: 'start' },
+                     { text: '報名人數', value: 'orderCounts' },
+                     { text: '', value: 'slot_btn', sortable: false, align: 'end' }
+                 ],
+                 footer: {
+                     showFirstLastPage: true,
+                     itemsPerPageOptions: [5, 10, 20, 30],
+                 },
+             },
+             //列印管理報表
+             print_conditions: 'yy',
+             print_search: {
+                 year: '',
+                 month: '',
+                 season: '',
+                 chk_hasact: false,
+                 chk_noact: false,
+                 select_act: '',
+                 select_actitem: '',
+
+             },
+             select_act_list: [],
+             select_items: {
+                 month: [{
+                     text: "請選擇",
+                     val: 0
+                 },],
+                 season: [{
+                     text: "請選擇",
+                     val: 0
+                 },],
+             },
+             print_dialog: {
+                 show: false,
+             },
+             search_dialog: {
+                 controls: {
+                     search1: {
+                         id: 'search1',
+                         title: '國籍',
+                         text_prop: 'name_zh',
+                         value_prop: 'id',
+                         keys: [
+                             { id: 'keyword', title: '關鍵字' },
+                         ],
+                         api_url: HTTP_HOST + 'api/country/GetList',
+                         columns: [
+                             { id: 'id', title: '代碼' },
+                             { id: 'name_en', title: '英文短名稱' },
+                             { id: 'name_zh', title: '中文名稱' },
+                         ],
+                         selected: {},
+                         select(item, t) {
+                             //console.log("select search1", t);
+                             t.search.country = item.id;
+                             t.search.country2 = '';
+                         }
+                     },
+                     search2: {
+                         id: 'search2',
+                         title: '報名活動',
+                         text_prop: 'subject',
+                         value_prop: 'num',
+                         keys: [
+                             { id: 'subject', title: '活動名稱', value: '' },
+                             { id: 'kindTxt', title: '活動分類' },
+                         ],
+                         api_url: HTTP_HOST + 'api/activity/GetList',
+                         columns: [
+                             { id: 'subject', title: '活動名稱' },
+                             { id: 'kindTxt', title: '活動分類' },
+                         ],
+                         selected: {},
+                         select(item, t) {
+                             t.print_search.select_act = item.num;
+                         }
+                     },
+                     search3: {
+                         id: 'search3',
+                         title: '活動品項',
+                         text_prop: 'subject',
+                         value_prop: 'num',
+                         keys: [
+                             { id: 'subject', title: '項目名稱', value: '' },
+                             { id: 'kindTxt', title: '項目分類' },
+                             { id: 'num', visible: false },
+                         ],
+                         api_url: HTTP_HOST + 'api/activity/GetOrderList',
+                         columns: [
+                             { id: 'subject', title: '項目名稱' },
+                             { id: 'kindTxt', title: '項目分類' },
+                         ],
+                         selected: {},
+                         select(item, t) {
+                             t.print_search.select_actitem = item.num;
+                         }
+                     }
+
+                 }, show: false,
+                 current: {},
+                 list: [],
+                 count: 0,
+                 page: 1,
+                 loading: false,
+                 footer: {
+                     showFirstLastPage: true,
+                     disableItemsPerPage: true,
+                     itemsPerPageAllText: '',
+                     itemsPerPageText: '',
+                 },
+             },
+             search: {
+                 keyin1: '',
+                 order_no: '',
+                 subject: '',
+                 u_name: '',
+                 up_time1: '',
+                 up_time2: '',
+                 actItemTxt: '',
+                 introducerTxt: '',
+                 activity_num: '',
+                 country: '',
+                 country2: '',
+                 hasPrice: '',
+             }
+             //報到
+             , check_dialog: {
+                 show: false,
+             },
+             check_data: {
+                 f_num: 0,
+                 u_name: '',
+                 activity_num: 0,
+                 activity_name: '',
+                 qty: 1,
+                 status: {
+                     text: '',
+                     val: 1
+                 },
+             },
+             keyin1_items: [//狀態
+                 //{ 
+                 //text: "請選擇",
+                 //val: 0
+                 //},
+             ],
+         };
+     },
+     mounted() {
+         this.detalKeyinArray();
+         this.search_dialog.current = this.search_dialog.controls.search1 ///default
+         if (this.this_act != '')
+             this.search.activity_num = this.this_act;
+         //this.initPrintSearch();
+         //this.initActivity();
+         const navEntries = performance.getEntriesByType("navigation");
+         const isReload = navEntries.length > 0 && navEntries[0].type === "reload";
+         if (isReload) {
+             sessionStorage.removeItem("orderpage");
+         }
+         else {
+             const savedPage = parseInt(sessionStorage.getItem('orderpage'));
+             if (savedPage) {
+                 this.options.page = savedPage;
+             }
+         }
+     },
+     watch: {
+         options: {
+             handler() {
+                 this.getDefault()
+             },
+             deep: true,
+         },
+         search_options: {
+             handler() {
+                 this.search_get()
+             },
+             deep: true,
+         },
+     },
+     methods: {
+         search_show(curr) {
+             //console.log("btn_click:", curr, curr.api_url);
+             this.search_dialog.current = curr;
+             this.search_clear()
+             //this.search_get()//清除完自動會重抓, 故取消
+             this.search_dialog.show = true;
+         },
+         search_clear() {
+             if (!this.search_dialog.current.keys) return;
+             this.search_dialog.current.keys.forEach((t, i) => { t.value = '' })
+             this.search_get()
+         },
+         search_get() {
+             if (!this.search_dialog.current.keys) return;
+             let api_url = this.search_dialog.current.api_url;
+             let keys = this.search_dialog.current.keys;
+             //const { page, itemsPerPage } = this.options
+             //const { sortBy, sortDesc, page, itemsPerPage } = this.options
+             this.search_dialog.page = this.search_options.page ?? 1
+             let params = { page: this.search_dialog.page, pageSize: 10 };//url params
+             var search = {};//post body
+             keys.forEach((t, i) => {
+                 search[t.id] = t.value;
+             });
+             //necessary parameter===
+             if (this.search_dialog.current.id == 'search2') {
+                 params = { sortBy: 'startDate_solar', sortDesc: true, page: this.search_dialog.page, pageSize: 10 };//url params
+             }
+
+             console.log("search_get", api_url, search, params, this.search_options);
+             this.search_dialog.loading = true
+             axios.post(api_url, search, { params: params })
+                 .then(response => {
+                     this.search_dialog.list = response.data.list
+                     this.search_dialog.count = response.data.count
+                     this.search_dialog.loading = false
+                 })
+                 .catch(error => {
+                     console.log(error)
+                     this.search_dialog.list = []
+                     this.search_dialog.count = 0
+                     this.search_dialog.loading = false
+                     this.snackbar.text = "錯誤:" + error
+                     this.snackbar.show = true
+                 })
+         },
+         search_headers() {
+             if (!this.search_dialog.current.columns) return;
+             r = [];
+             this.search_dialog.current.columns.forEach((t, i) => {
+                 r.push({
+                     text: t.title,
+                     align: 'start',
+                     sortable: false,
+                     value: t.id,
+                 })
+             })
+             return r
+         },
+         search_select(row) {
+             let curr = this.search_dialog.current;
+             let target = $(`[data-search-control=${curr.id}]`);
+             curr.selected = row;
+             target.children("input.search-text").val(curr.selected[curr.text_prop])//text
+             target.children("input:hidden").val(curr.selected[curr.value_prop])//value
+             if (curr.select instanceof Function) {
+                 curr.select(row, this);
+             }
+             this.search_dialog.show = false;
+             //console.log(row, row["u_name"], row["f_number"], curr.id, target);
+         },
+         getDetail(clearpage = false) {
+             console.log("test");
+             const { sortBy, sortDesc, page, itemsPerPage } = this.options
+             const params = {
+                 sortBy: sortBy[0], sortDesc: sortDesc[0],
+                 page: clearpage ? '1' : page, pageSize: itemsPerPage
+             };
+             this.detail_table.loading = true
+             sessionStorage.setItem('orderpage', clearpage ? '1' : page);
+             axios
+                 //.post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                 .post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                 .then(response => {
+                     this.detail_table.list = response.data.list
+                     this.detail_table.count = response.data.count;
+                     this.detail_table.loading = false
+                 })
+                 .catch(error => console.log(error))
+         },
+         getDefault(clearpage = false) {
+             const { sortBy, sortDesc, page, itemsPerPage } = this.options
+             const params = {
+                 sortBy: sortBy[0], sortDesc: sortDesc[0],
+                 page: clearpage ? '1' : page, pageSize: itemsPerPage
+             };
+             this.data_table.loading = true
+             sessionStorage.setItem('orderpage', clearpage ? '1' : page);
+             axios
+                 //.post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                 .post(HTTP_HOST + 'api/activity/GetList', this.search, { params: params })
+                 .then(response => {
+                     this.data_table.list = response.data.list
+                     this.data_table.count = response.data.count;
+                     this.data_table.loading = false
+                 })
+                 .catch(error => console.log(error))
+         },
+         detalKeyinArray() {
+              var getArray = <%=Newtonsoft.Json.JsonConvert.SerializeObject(_keyin1Item, Newtonsoft.Json.Formatting.Indented) %>;
+              var keys = Object.keys(getArray);
+              for (let i = 0; i < keys.length; i++) {
+                  //console.log(`${keys[i]}:${getArray[keys[i]]}`); //value : text
+                  var _tmp = {
+                      text: getArray[keys[i]],
+                      val: parseInt(keys[i]),
+                  }
+                  this.keyin1_items.push(_tmp);
+              }
+
+          },
+          editItem(item) {
+              console.log("edit", item);
+          },
+          deleteItem(item) {
+              if (confirm('是否確定刪除此筆資料?')) {
+                  const index = this.data_table.list.indexOf(item)
+                  if (index != -1) {
+                      axios
+                          .delete(HTTP_HOST + 'api/order/' + item.order_no)
+                          .then(response => {
+                              console.log("del", item);
+                              this.data_table.list.splice(index, 1);
+                              this.data_table.count = this.data_table.list.length
+                          })
+                          .catch(error => console.log(error))
+                  }
+              }
+          },
+          deleteAll() {
+              if (confirm('是否確定刪除已勾選的資料?')) {
+                  axios
+                      .delete(HTTP_HOST + 'api/order/DeleteAll/' + this.data_table.selected.map(x => x.order_no))
+                      .then(response => {
+                          //console.log("delAll");
+
+                          //for (var i = 0; i < this.data_table.selected.length; i++) {
+                          //    const index = this.data_table.list.indexOf(this.data_table.selected[i]);
+                          //    this.data_table.list.splice(index, 1);
+                          //}
+                          //this.data_table.selected = [];
+                          //this.data_table.count = this.data_table.list.length
+                          location.reload();
+                      })
+                      .catch(error => console.log(error))
+              }
+          },
+          btn_search() {
+              this.this_act = '';
+              this.search.activity_num = '';
+
+              this.getDefault(true)
+          },
+          btn_all() {
+              this.this_act = '';
+              this.search.activity_num = '';
+              clearObjProps(this.search);
+              this.btn_search()
+          },
+          checkInMsg(item) {
+              this.check_data.f_num = item.f_num;
+              this.check_data.u_name = item.u_name;
+              this.check_data.activity_num = item.activity_num;
+              this.check_data.activity_name = item.subject;
+              this.check_dialog.show = true;
+          },
+          checkIn() {
+              if (this.check_data.qty > 0 && this.check_data.status.val > 0) {
+                  var chechdata =
+                  {
+                      f_num: this.check_data.f_num,
+                      activity_num: this.check_data.activity_num,
+                      status: this.check_data.status.val,
+                      qty: this.check_data.qty,
+                  }
+                  axios
+                      .post(HTTP_HOST + 'api/activity/OrderCheckIn', chechdata)
+                      .then(response => {
+                          //清空
+                          this.check_data.f_num = 0;
+                          this.check_data.u_name = '';
+                          this.check_data.activity_num = 0;
+                          this.check_data.activity_name = '';
+                          this.check_data.qty = 1;
+                          this.check_data.status.text = '';
+                          this.check_data.status.val = 1;
+
+                          this.check_dialog.show = false;
+                          msgtop('簽到成功')
+                      })
+                      .catch(
+                          error => {
+                              console.log(error)
+                              msgtop('簽到失敗', 'error')
+                          }
+                      )
+              } else {
+                  msgbox('報到資訊請填寫完整');
+              }
+          }, goPrint() {
+              let _qry = "";
+              Object.keys(this.search).forEach(key => {
+                  //console.log(`${key}: ${this.search[key]}`);
+                  if (this.search[key] != undefined && this.search[key] != null && this.search[key] != '') {
+                      _qry += (_qry != '' ? '&' : '?') + (key + '=' + this.search[key]);
+                  }
+              });
+              window.open("print.aspx" + _qry, '_blank');
+          },
+          countryChange() {
+              this.search.country = '';
+              $('#country_txt').val('')
+          },
+          //列印管理報表
+          print_close() {
+              this.print_dialog.show = false;
+          }
+          ,
+          initPrintSearch() {
+              //下拉選單
+              for (let i = 1; i <= 12; i++) {
+                  var _tmp = {
+                      text: i,
+                      val: i,
+                  }
+                  this.select_items.month.push(_tmp);
+              }
+              for (let i = 1; i <= 4; i++) {
+                  var _tmp = {
+                      text: i,
+                      val: i,
+                  }
+                  this.select_items.season.push(_tmp);
+              }
+
+              //預設值
+              const Today = new Date();//現在日期時間
+              const first_date = new Date(Today.getFullYear(), Today.getMonth(), 1); //本月第一天
+              const last_month_date = new Date(first_date - 1); //上個月最後一天
+
+              this.print_search.year = last_month_date.getFullYear();
+              this.print_search.month = last_month_date.getMonth() + 1 //預設上個月的年份
+
+              let _season = 1;
+              const _month = first_date.getMonth() + 1; //本月
+              if (_month >= 1 && _month <= 3) {
+                  _season = 4;
+              } else if (_month >= 4 && _month <= 6) {
+                  _season = 1;
+              } else if (_month >= 7 && _month <= 9) {
+                  _season = 2;
+              } else if (_month >= 10 && _month <= 12) {
+                  _season = 3;
+              }
+              this.print_search.season = _season; //預設上一季
+
+          },
+          goPrint2() {
+              if (this.print_search.year != '') {
+                  if (this.print_search.chk_noact || this.print_search.chk_hasact) {
+                      let _qry = "";
+                      Object.keys(this.print_search).forEach(key => {
+                          if (this.print_search[key] != undefined && this.print_search[key] != null && this.print_search[key] != '') {
+                              if (key == 'month') {
+                                  if (this.print_conditions == 'mm') {
+                                      _qry += "&month=" + this.print_search.month;
+                                  }
+                              } else if (key == 'season') {
+                                  if (this.print_conditions == 'ss') {
+                                      _qry += "&season=" + this.print_search.season;
+                                  }
+                              }
+                              else {
+                                  _qry += (_qry != '' ? '&' : '?') + (key + '=' + this.print_search[key]);
+                              }
+                          }
+                      });
+
+                      this.print_dialog.show = false;
+                      window.open("print.aspx" + _qry, '_blank');
+                  } else {
+                      msgbox('活動/非活動至少勾選一項');
+                  }
+
+
+              } else {
+                  msgbox('請輸入年份');
+              }
+
+          }, chk_hasact_change() {
+              if (!this.print_search.chk_hasact) {
+                  //$('#activity_num_txt').val('')
+                  //this.print_search.select_act = '';
+                  this.clear_select_act();
+                  $('#activity_num_txt').attr("placeholder", "可選擇單一活動(需先勾選活動報名)");
+              } else {
+                  $('#activity_num_txt').attr("placeholder", "可選擇單一活動");
+              }
+
+          },
+          clear_select_act() {
+              $('#activity_num_txt').val('')
+              this.print_search.select_act = '';
+          }, clear_select_actitem() {
+              $('#actItem_num_txt').val('')
+              this.print_search.select_actitem = '';
+          },
+          initActivity() {
+              axios.get(HTTP_HOST + 'api/activity')
+                  .then(response => {
+                      this.select_act_list = response.data
+                  })
+                  .catch(error => {
+                      console.log(error)
+                  })
+          }
+      },
+      computed: {
+          pageCount() {
+              return Math.ceil(this.data_table.count / this.data_table.pageSize)
+          },
+      }
+
+  });
+
+
+        let VueApp = new Vue({
+            el: '#app',
+            vuetify: new Vuetify(),
+            data() {
+                return {
+                    currentView: 'step-one',
+                    selected_act: '',
+                    selected_order: '',
+                };
+            }, activated() {
+                console.log("yes ,go go");
+                this.getDetail();
+            },
+            data() {
+                return {
+                    options: { multiSort: false },
+                    search_options: { multiSort: false },
+                    sign_table: {
+                        loading: true,
+                        list: [],
+                        selected: [],
+                        singleSelect: false,
+                        count: 0,
+                        page: 1,
+                        pageSize: 10,
+                        header: [
+                            { text: '單號', value: 'order_no' },
+                            { text: '姓名', value: 'u_name' },
+                            { text: '報名日期', value: 'up_time' },
+                            { text: '單據狀態', value: 'keyin1_txt', align: 'start' },
+                            { text: '', value: 'slot_btn', sortable: false, align: 'end' }
+                        ],
+                        footer: {
+                            showFirstLastPage: true,
+                            itemsPerPageOptions: [5, 10, 20, 30],
+                        },
+                    },
+                    search: {
+                        keyin1: '',
+                        order_no: '',
+                        subject: '',
+                        u_name: '',
+                        up_time1: '',
+                        up_time2: '',
+                        actItemTxt: '',
+                        introducerTxt: '',
+                        activity_num: '',
+                        country: '',
+                        country2: '',
+                        hasPrice: '',
+                    }
+                };
+            },
+            watch: {
+                options: {
+                    handler() {
+                        this.getDetail()
+                    },
+                    deep: true,
+                },
+
+            },
+            methods: {
+                getDetail() {
+                    const { sortBy, sortDesc, page, itemsPerPage } = this.options
+                    const params = {
+                        //sortBy: sortBy == undefined ? "order_no" : sortBy[0],
+                        //sortDesc: sortDesc == undefined ? "" : sortDesc[0],
+                        //page: clearpage ? '1' : page, pageSize: itemsPerPage,
+                        page: '1', pageSize: 10,
+
+                    };
+                    this.search = { activity_num: this.$root.selected_act }
+                    this.detail_table.loading = true
+                    sessionStorage.setItem('orderpage', '1');// clearpage ? '1' : page
+                    axios
+                        .post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                        .then(response => {
+                            this.detail_table.list = response.data.list
+                            this.detail_table.count = response.data.count;
+                            this.detail_table.loading = false
+                        })
+                        .catch(error => console.log(error))
+                },
+            },
+            computed: {
+                pageCount() {
+                    return Math.ceil(this.detail_table.count / this.detail_table.pageSize)
+                },
+            }
+        });
+    </script>
+</asp:Content>
+

web/admin/bill/index.aspx.cs

@@ -0,0 +1,14 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+public partial class admin_bill_index : System.Web.UI.Page
+{
+    protected void Page_Load(object sender, EventArgs e)
+    {
+
+    }
+}

web/admin/item/TabletDesigner.aspx.cs

@@ -0,0 +1,104 @@
+using Newtonsoft.Json;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.Services;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+// 定義與前端一致的元素結構
+public class TabletElement
+{
+    public string id { get; set; }
+    public string type { get; set; }
+    public string text { get; set; }
+    public double x { get; set; }
+    public double y { get; set; }
+    public double? width { get; set; }
+    public double? height { get; set; }
+    public ElementStyle style { get; set; }
+    public string hidden { get; set; }
+    public double? twoOffset { get; set; }
+    public double? threeOffset { get; set; }
+    public double? fourOffset { get; set; }
+    public int? breakLen { get; set; }
+    public string backendInp { get; set; }
+    public double? textWidth { get; set; }
+    public double? textHeight { get; set; }
+ 
+}
+
+public class ElementStyle
+{
+    public double fontSize { get; set; }
+    public string fontFamily { get; set; }
+    public bool isVertical { get; set; }
+    public double letterSpacing { get; set; }
+    public double lineHeight { get; set; }
+    public double? itemSpacing { get; set; }
+    public string visibility { get; set; }
+}
+
+public partial class admin_item_TabletDesigner :MyWeb.config
+{
+
+    protected void Page_Load(object sender, EventArgs e)
+    {
+
+    }
+    [WebMethod]
+    public static string SaveDesigner()
+    {
+
+        return "";
+    }
+    [WebMethod]
+    public static string GetConfig()
+    {
+        // 模擬原本的 GetConfig() 行為
+        var config = new
+        {
+            elements = new List<TabletElement> {
+                new TabletElement {
+                    id = "address", type = "address", text = "台中市潭子區中山路", x = 60, y = 80,
+                    style = new ElementStyle { fontSize = 24, fontFamily = "Kaiti", isVertical = true, letterSpacing = 5, lineHeight = 1.5,visibility="" }
+                },
+                new TabletElement {
+                    id = "title1", type = "ancestor", text = "張一\n李二\n陳三\n吳四\n劉五\n趙六\n林七\n徐八", x = 50, y = 80,
+                     width=136,height=600,textWidth=20,textHeight=90,
+                    style = new ElementStyle { fontSize = 16, fontFamily = "Kaiti", isVertical = true, letterSpacing = 1, lineHeight = 1 ,visibility="" }
+                },
+                new TabletElement {
+                    id = "lefttitle", type = "ancestor", text = "左正名", x = 10, y = 80,
+                    style = new ElementStyle { fontSize = 24, fontFamily = "Kaiti", isVertical = true, letterSpacing = 5, lineHeight = 1.5 ,visibility="" }
+                },
+                new TabletElement {
+                    id = "righttitle", type = "ancestor", text = "右正名", x = 50, y = 80,
+                    style = new ElementStyle { fontSize = 24, fontFamily = "Kaiti", isVertical = true, letterSpacing = 5, lineHeight = 1.5 ,visibility="" }
+                },
+                new TabletElement {
+                    id = "titletriangle", type = "roster", text = "張一\n李二\n陳三\n吳四\n劉五\n趙六\n林七\n徐八", x = 10, y = 80,
+                    style = new ElementStyle { fontSize = 24, fontFamily = "Kaiti", isVertical = true, letterSpacing = 5, lineHeight = 1.5,visibility=""  }
+                },
+                new TabletElement
+                {
+                    id="tricombined",type="combined-center",text="林張吳\n氏歷代祖先", x = 10, y = 80,
+                    style = new ElementStyle { fontSize = 24, fontFamily = "Kaiti", isVertical = true, letterSpacing = 5, lineHeight = 1.5 ,visibility="" }
+                },
+                new TabletElement
+                {
+                    id="combined",type="combined-center",text="李王\n氏歷代祖先", x = 10, y = 80,
+                    style = new ElementStyle { fontSize = 24, fontFamily = "Kaiti", isVertical = true, letterSpacing = 5, lineHeight = 1.5 ,visibility="" }
+                },
+                new TabletElement
+                {
+                    id="alive",type="alive",text="陽上名字", x = 60, y = 200,
+                    style = new ElementStyle { fontSize = 18, fontFamily = "Kaiti", isVertical = true, letterSpacing = 5, lineHeight = 1.5 ,visibility="" }
+                }
+            },
+            paper = new { width = 100, height = 272, name = "Yellow" }
+        };
+        return JsonConvert.SerializeObject(config);
+    }
+}

web/admin/item/bootstrap/css/bootstrap-reboot.css

@@ -0,0 +1,601 @@
+/*!
+ * Bootstrap Reboot v5.3.8 (https://getbootstrap.com/)
+ * Copyright 2011-2025 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  line-height: inherit;
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+[type=search]::-webkit-search-cancel-button {
+  cursor: pointer;
+  filter: grayscale(1);
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */

web/admin/item/bootstrap/css/bootstrap-reboot.rtl.css

@@ -0,0 +1,598 @@
+/*!
+ * Bootstrap Reboot v5.3.8 (https://getbootstrap.com/)
+ * Copyright 2011-2025 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-right: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-right: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: right;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: right;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  line-height: inherit;
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+[type=search]::-webkit-search-cancel-button {
+  cursor: pointer;
+  filter: grayscale(1);
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */

web/admin/item/css/floating.css

@@ -0,0 +1,6 @@
+.floating-box{
+    position:fixed;
+    width:260px;
+    z-index:9999;
+    max-height:calc(100vh-100px);
+}

web/admin/item/css/styles.css

@@ -0,0 +1,61 @@
+/* You can add global styles to this file, and also import other style files */
+
+/*@import "bootstrap/scss/bootstrap";
+@import "bootstrap-icons/font/bootstrap-icons";*/
+
+// 3. 自定義全域樣式 (讓 Sidebar 滿版)
+html, body {
+  height: 100%;
+  // 修正捲軸在 Dark mode 的顏色
+  &[data-bs-theme="dark"] {
+    color-scheme: dark;
+  }
+}
+
+// Sidebar 固定寬度設定 (可依需求調整)
+.sidebar {
+  width: 250px;
+  min-height: 100vh;
+  transition: all 0.3s;
+
+  @include media-breakpoint-down(md) {
+    width: 100%; // 手機版變成全寬或隱藏
+    min-height: auto;
+  }
+}
+
+.main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow-y: auto; // 內容區域獨立捲動
+}
+
+input[type="checkbox"]{
+
+  /* 1. Remove native styles */
+  -webkit-appearance: none;
+  appearance: none;
+
+  width: 25px !important;
+  height: 25px !important;
+
+  border: 2px solid #555; /* Your custom border */
+  border-radius: 4px;      /* Optional: rounded corners */
+  outline: none;
+  cursor: pointer;
+
+  /* Layout for the checkmark */
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 8px;
+  vertical-align: middle;
+  background-color: white;
+  transition: all 0.2s ease;
+}
+
+$toast-max-width: 500px;
+$toast-font-size: 1.5rem;
+

web/admin/item/css/tablet-design.css

@@ -0,0 +1,250 @@
+:host {
+  display: block;
+  width: auto;
+  height: auto;
+  --canvas-bg: #f8f9fa;
+  --canvas-grid: #dee2e6;
+  --paper-bg: #fffbf0;
+  --paper-shadow: rgba(0,0,0,0.1);
+  --selection-color: #0d6efd;
+}
+
+:host-context([data-bs-theme="dark"]) {
+  --canvas-bg: #0f1114;
+  --canvas-grid: #2b3035;
+  --paper-shadow: rgba(0,0,0,0.8);
+  /* 紙張保持米黃，因為它是實物模擬 */
+}
+
+/*.yangshang-wrapper {
+    display: flex !important;
+    flex-direction: row !important;*/ /* 垂直堆疊 */
+    /*justify-content: space-between !important;*/ /* 陽上與拜薦各據頂底 */
+    /*align-items: center !important;*/ /* 水平方向置中 */
+    /*height: 100% !important;
+    width: 100% !important;
+    writing-mode: vertical-rl !important;*/ /* 確保內部文字均為垂直書寫 */
+    /*text-orientation: upright !important;*/ /* 確保文字方向轉正 */
+    /*gap: 1px;
+}*/
+
+.designer-root {
+  /* 防止瀏覽器預設捲動影響畫布 */
+  overflow: hidden;
+}
+
+.canvas-area {
+    background-color: var(--canvas-bg);
+    background-image: linear-gradient(45deg, var(--canvas-grid) 25%, transparent 25%), linear-gradient(-45deg, var(--canvas-grid) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--canvas-grid) 75%), linear-gradient(-45deg, transparent 75%, var(--canvas-grid) 75%);
+    background-size: 20px 20px;
+    transition: background-color 0.3s;
+/*    min-height: 100vw;*/
+   
+}
+
+.tablet-paper {
+  background-color: var(--paper-bg);
+  box-shadow: 0 10px 30px var(--paper-shadow);
+  transition: all 0.3s;
+  overflow: hidden;
+  /* 確保在列印時被視為一個分頁單元 */
+  page-break-inside: avoid;
+}
+
+.tablet-element {
+  cursor: move;
+  padding: 4px;
+  color: black !important; /* 強制墨水為黑色 */
+  border: 1px solid transparent;
+  transition: writing-mode 0.3s, transform 0.2s;
+}
+.tablet-element:hover { border-color: rgba(13, 110, 253, 0.3); }
+
+
+/* 直書模式核心 */
+.vertical-text {
+  writing-mode: vertical-rl;
+  text-orientation: mixed; /* 這是關鍵：中文直立，英文轉90度 */
+  white-space: pre-wrap;
+}
+
+/* 縱中橫 (讓直書中的數字變成橫向) */
+.tate-chu-yoko {
+  text-combine-upright: all; /* 擠在一起 */
+  /* 或者使用 digits 4 (但在某些瀏覽器支援度不一，all 比較保險) */
+  display: inline-block;
+  letter-spacing: 0; /* 數字之間不要有間距 */
+}
+
+/* 名單金字塔佈局容器 */
+.roster-container {
+  width: 100%; height: 600px;
+  writing-mode: vertical-rl; /* 直書 */
+  display: flex;
+  /*flex-direction: column;*/ /* 雖然是直書，但物理上我們是將「上層區」和「下層區」垂直堆疊 */
+  flex-direction: row;     /* 上下分層 (Top / Bottom) */
+  align-items: center;    /* 左右置中對齊 */
+  justify-content: center;
+  gap: 20px;               /* 這是「上層」跟「下層」之間的距離，可以設大一點 */
+}
+
+.roster-row {
+  display: flex;
+  flex-direction: row-reverse; /* 直書由右至左，所以 Row 要反向或依需求調整 */
+  justify-content: center;
+  gap: 8px; /* 名字之間的間距 */
+  margin-left: 10px; /* 上下排之間的間距 (因為是直書，margin-left 是物理上的左邊/下方) */
+}
+
+.name-group {
+  display: flex;
+  flex-direction: column;  /* ★★★ 關鍵：這讓名字左右並排 ★★★ */
+  justify-content: center;
+  align-items: center;
+  /* gap 由 HTML 動態綁定 */
+}
+
+.roster-name {
+  text-orientation: upright;
+  /*font-weight: bold;*/
+  white-space: nowrap;
+  line-height: 1.2;
+  font-family: 'Kaiti', serif;
+  /* 確保名字本身不會佔據過多寬度導致間距看起來很大 */
+  width: fit-content;
+  height:200px;
+}
+
+
+/* 選取框 */
+.selection-border {
+  position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px;
+  border: 2px solid var(--selection-color); pointer-events: none; z-index: 100;
+}
+
+.resize-handle {
+  position: absolute; width: 10px; height: 10px; background: white;
+  border: 2px solid var(--selection-color); border-radius: 50%;
+}
+.top-left { top: -6px; left: -6px; } .top-right { top: -6px; right: -6px; }
+.bottom-left { bottom: -6px; left: -6px; } .bottom-right { bottom: -6px; right: -6px; }
+
+.x-small { font-size: 0.7rem; } .ls-1 { letter-spacing: 1px; }
+.bg-gradient-primary { background: linear-gradient(135deg, #0d6efd 0%, #0043a8 100%); }
+.bg-gradient-dark { background: linear-gradient(135deg, #212529 0%, #000000 100%); }
+
+.page-info-badge {
+  background: rgba(255,255,255,0.9); padding: 5px 15px; border-radius: 20px; font-weight: bold; color: #333;
+}
+
+/* Print Mode */
+@media print {
+  app-floating-widget, .canvas-area, .page-info-badge { display: none !important; }
+  :host { display: block; background: white; }
+
+  .tablet-paper {
+    position: relative !important;
+    margin: 0;
+    page-break-after: always; /* 強制分頁 */
+    box-shadow: none !important; background: transparent !important;
+    width: 100% !important; height: 100% !important;
+    -webkit-print-color-adjust: exact; print-color-adjust: exact;
+  }
+  .tablet-paper:last-child { page-break-after: auto; }
+
+  .paper-size-label, .selection-border { display: none; }
+
+  /* 確保背景圖列印 */
+  img.bg-image-layer {
+    -webkit-print-color-adjust: exact; print-color-adjust: exact;
+    display: block !important;
+  }
+}
+
+.resizable-box {
+  width: 300px;
+  height: 200px;
+  border: 1px solid #ccc;
+
+  /* 關鍵屬性 */
+  resize: both; /* 允許水平和垂直調整 (或是 horizontal, vertical) */
+  overflow: auto; /* 必須設定 overflow (非 visible) resize 才會生效 */
+
+  /* 選用：限制最小最大尺寸 */
+  min-width: 100px;
+  min-height: 100px;
+}
+
+
+.combined-vertical-mode {
+  writing-mode: vertical-rl; /* 設定為直排 */
+  font-family: "KaiTi", "BiauKai", serif;
+  font-size: 48px;
+  font-weight: bold;
+  letter-spacing: 0.1em;
+  /* 為了讓排版置中好看，可以加這行 */
+  align-items: center;
+}
+
+.combined {
+  /* --- 關鍵修改 --- */
+
+  /* 1. 取消原本的擠壓設定 */
+  text-combine-upright: none;
+
+  /* 2. 將這三個字改回「橫向排版」 */
+  writing-mode: horizontal-tb;
+
+  /* 3. 讓它變成一個區塊，這樣字體才會撐開空間，不會擠在一起 */
+  display: inline-block;
+
+  /* 4. (選用) 調整它跟下方直書文字的對齊方式 */
+  vertical-align: middle;
+
+  /* 5. (選用) 如果希望字與字之間稍微寬鬆一點 */
+  letter-spacing: 0.05em;
+}
+
+.combined-small {
+  font-size: 32px !important;
+}
+
+.auto-wrap-text {
+  /* 1. 設定為直書模式 */
+  writing-mode: vertical-rl;
+  text-orientation: upright; /* 讓文字直立 */
+
+  /* 2. 關鍵：限制最大高度 */
+  /* 設定為 8em 代表大約 8 個字的高度，超過就會自動換行 */
+  max-height: 8em;
+
+  /* 3. 關鍵：允許換行 */
+  white-space: normal; /* 或 pre-wrap */
+
+  /* 4. 調整換行的方向與對齊 (選用) */
+  display: inline-block; /* 讓容器隨內容撐開 */
+  word-break: break-all; /* 確保長單字或連續文字也能強制切斷換行 */
+}
+
+.ancestor-wrapper {
+    /* 重置為橫向流，這樣 column 才會是真正的上下堆疊 */
+    writing-mode: horizontal-tb;
+    display: flex;
+    flex-direction: column;
+    align-items: center; /* 水平置中 */
+    justify-content: flex-start;
+    width: fit-content;
+}
+
+.main-name {
+    line-height: 1.2;
+    /* 保持大字 */
+}
+
+.sub-text {
+    font-size: 0.6em; /* 縮小字體 */
+    line-height: 1.2;
+    margin-top: 4px; /* 與上方林張的間距 */
+    white-space: nowrap; /* 避免自動換行 */
+    writing-mode:vertical-rl
+}

web/admin/item/jquery-ui/AUTHORS.txt

@@ -0,0 +1,384 @@
+Authors ordered by first contribution
+A list of current team members is available at https://jqueryui.com/about
+
+Paul Bakaus <paul.bakaus@gmail.com>
+Richard Worth <rdworth@gmail.com>
+Yehuda Katz <wycats@gmail.com>
+Sean Catchpole <sean@sunsean.com>
+John Resig <jeresig@gmail.com>
+Tane Piper <piper.tane@gmail.com>
+Dmitri Gaskin <dmitrig01@gmail.com>
+Klaus Hartl <klaus.hartl@gmail.com>
+Stefan Petre <stefan.petre@gmail.com>
+Gilles van den Hoven <gilles@webunity.nl>
+Micheil Bryan Smith <micheil@brandedcode.com>
+Jörn Zaefferer <joern.zaefferer@gmail.com>
+Marc Grabanski <m@marcgrabanski.com>
+Keith Wood <kbwood@iinet.com.au>
+Brandon Aaron <brandon.aaron@gmail.com>
+Scott González <scott.gonzalez@gmail.com>
+Eduardo Lundgren <eduardolundgren@gmail.com>
+Aaron Eisenberger <aaronchi@gmail.com>
+Joan Piedra <theneojp@gmail.com>
+Bruno Basto <b.basto@gmail.com>
+Remy Sharp <remy@leftlogic.com>
+Bohdan Ganicky <bohdan.ganicky@gmail.com>
+David Bolter <david.bolter@gmail.com>
+Chi Cheng <cloudream@gmail.com>
+Ca-Phun Ung <pazu2k@gmail.com>
+Ariel Flesler <aflesler@gmail.com>
+Maggie Wachs <maggie@filamentgroup.com>
+Scott Jehl <scottjehl@gmail.com>
+Todd Parker <todd@filamentgroup.com>
+Andrew Powell <andrew@shellscape.org>
+Brant Burnett <btburnett3@gmail.com>
+Douglas Neiner <doug@dougneiner.com>
+Paul Irish <paul.irish@gmail.com>
+Ralph Whitbeck <ralph.whitbeck@gmail.com>
+Thibault Duplessis <thibault.duplessis@gmail.com>
+Dominique Vincent <dominique.vincent@toitl.com>
+Jack Hsu <jack.hsu@gmail.com>
+Adam Sontag <ajpiano@ajpiano.com>
+Carl Fürstenberg <carl@excito.com>
+Kevin Dalman <development@allpro.net>
+Alberto Fernández Capel <afcapel@gmail.com>
+Jacek Jędrzejewski (https://jacek.jedrzejewski.name)
+Ting Kuei <ting@kuei.com>
+Samuel Cormier-Iijima <sam@chide.it>
+Jon Palmer <jonspalmer@gmail.com>
+Ben Hollis <bhollis@amazon.com>
+Justin MacCarthy <Justin@Rubystars.biz>
+Eyal Kobrigo <kobrigo@hotmail.com>
+Tiago Freire <tiago.freire@gmail.com>
+Diego Tres <diegotres@gmail.com>
+Holger Rüprich <holger@rueprich.de>
+Ziling Zhao <zilingzhao@gmail.com>
+Mike Alsup <malsup@gmail.com>
+Robson Braga Araujo <robsonbraga@gmail.com>
+Pierre-Henri Ausseil <ph.ausseil@gmail.com>
+Christopher McCulloh <cmcculloh@gmail.com>
+Andrew Newcomb <ext.github@preceptsoftware.co.uk>
+Lim Chee Aun <cheeaun@gmail.com>
+Jorge Barreiro <yortx.barry@gmail.com>
+Daniel Steigerwald <daniel@steigerwald.cz>
+John Firebaugh <john_firebaugh@bigfix.com>
+John Enters <github@darkdark.net>
+Andrey Kapitcyn <ru.m157y@gmail.com>
+Dmitry Petrov <dpetroff@gmail.com>
+Eric Hynds <eric@hynds.net>
+Chairat Sunthornwiphat <pipo@sixhead.com>
+Josh Varner <josh.varner@gmail.com>
+Stéphane Raimbault <stephane.raimbault@gmail.com>
+Jay Merrifield <fracmak@gmail.com>
+J. Ryan Stinnett <jryans@gmail.com>
+Peter Heiberg <peter@heiberg.se>
+Alex Dovenmuehle <adovenmuehle@gmail.com>
+Jamie Gegerson <git@jamiegegerson.com>
+Raymond Schwartz <skeetergraphics@gmail.com>
+Phillip Barnes <philbar@gmail.com>
+Kyle Wilkinson <kai@wikyd.org>
+Khaled AlHourani <me@khaledalhourani.com>
+Marian Rudzynski <mr@impaled.org>
+Jean-Francois Remy <jeff@melix.org>
+Doug Blood <dougblood@gmail.com>
+Filippo Cavallarin <filippo.cavallarin@codseq.it>
+Heiko Henning <heiko@thehennings.ch>
+Aliaksandr Rahalevich <saksmlz@gmail.com>
+Mario Visic <mario@mariovisic.com>
+Xavi Ramirez <xavi.rmz@gmail.com>
+Max Schnur <max.schnur@gmail.com>
+Saji Nediyanchath <saji89@gmail.com>
+Corey Frang <gnarf37@gmail.com>
+Aaron Peterson <aaronp123@yahoo.com>
+Ivan Peters <ivan@ivanpeters.com>
+Mohamed Cherif Bouchelaghem <cherifbouchelaghem@yahoo.fr>
+Marcos Sousa <falecomigo@marcossousa.com>
+Michael DellaNoce <mdellanoce@mailtrust.com>
+George Marshall <echosx@gmail.com>
+Tobias Brunner <tobias@strongswan.org>
+Martin Solli <msolli@gmail.com>
+David Petersen <public@petersendidit.com>
+Dan Heberden <danheberden@gmail.com>
+William Kevin Manire <williamkmanire@gmail.com>
+Gilmore Davidson <gilmoreorless@gmail.com>
+Michael Wu <michaelmwu@gmail.com>
+Adam Parod <mystic414@gmail.com>
+Guillaume Gautreau <guillaume+github@ghusse.com>
+Marcel Toele <EleotleCram@gmail.com>
+Dan Streetman <ddstreet@ieee.org>
+Matt Hoskins <matt@nipltd.com>
+Giovanni Giacobbi <giovanni@giacobbi.net>
+Kyle Florence <kyle.florence@gmail.com>
+Pavol Hluchý <lopo@losys.sk>
+Hans Hillen <hans.hillen@gmail.com>
+Mark Johnson <virgofx@live.com>
+Trey Hunner <treyhunner@gmail.com>
+Shane Whittet <whittet@gmail.com>
+Edward A Faulkner <ef@alum.mit.edu>
+Adam Baratz <adam@adambaratz.com>
+Kato Kazuyoshi <kato.kazuyoshi@gmail.com>
+Eike Send <eike.send@gmail.com>
+Kris Borchers <kris.borchers@gmail.com>
+Eddie Monge <eddie@eddiemonge.com>
+Israel Tsadok <itsadok@gmail.com>
+Carson McDonald <carson@ioncannon.net>
+Jason Davies <jason@jasondavies.com>
+Garrison Locke <gplocke@gmail.com>
+David Murdoch <david@davidmurdoch.com>
+Benjamin Scott Boyle <benjamins.boyle@gmail.com>
+Jesse Baird <jebaird@gmail.com>
+Jonathan Vingiano <jvingiano@gmail.com>
+Dylan Just <dev@ephox.com>
+Hiroshi Tomita <tomykaira@gmail.com>
+Glenn Goodrich <glenn.goodrich@gmail.com>
+Tarafder Ashek-E-Elahi <mail.ashek@gmail.com>
+Ryan Neufeld <ryan@neufeldmail.com>
+Marc Neuwirth <marc.neuwirth@gmail.com>
+Philip Graham <philip.robert.graham@gmail.com>
+Benjamin Sterling <benjamin.sterling@kenzomedia.com>
+Wesley Walser <waw325@gmail.com>
+Kouhei Sutou <kou@clear-code.com>
+Karl Kirch <karlkrch@gmail.com>
+Chris Kelly <ckdake@ckdake.com>
+Jason Oster <jay@kodewerx.org>
+Felix Nagel <info@felixnagel.com>
+Alexander Polomoshnov <alex.polomoshnov@gmail.com>
+David Leal <dgleal@gmail.com>
+Igor Milla <igor.fsp.milla@gmail.com>
+Dave Methvin <dave.methvin@gmail.com>
+Florian Gutmann <f.gutmann@chronimo.com>
+Marwan Al Jubeh <marwan.aljubeh@gmail.com>
+Milan Broum <midlis@googlemail.com>
+Sebastian Sauer <info@dynpages.de>
+Gaëtan Muller <m.gaetan89@gmail.com>
+Michel Weimerskirch <michel@weimerskirch.net>
+William Griffiths <william@ycymro.com>
+Stojce Slavkovski <stojce@gmail.com>
+David Soms <david.soms@gmail.com>
+David De Sloovere <david.desloovere@outlook.com>
+Michael P. Jung <michael.jung@terreon.de>
+Shannon Pekary <spekary@gmail.com>
+Dan Wellman <danwellman@hotmail.com>
+Matthew Edward Hutton <meh@corefiling.co.uk>
+James Khoury <james@jameskhoury.com>
+Rob Loach <robloach@gmail.com>
+Alberto Monteiro <betimbrasil@gmail.com>
+Alex Rhea <alex.rhea@gmail.com>
+Krzysztof Rosiński <rozwell69@gmail.com>
+Ryan Olton <oltonr@gmail.com>
+Genie <386@mail.com>
+Rick Waldron <waldron.rick@gmail.com>
+Ian Simpson <spoonlikesham@gmail.com>
+Lev Kitsis <spam4lev@gmail.com>
+TJ VanToll <tj.vantoll@gmail.com>
+Justin Domnitz <jdomnitz@gmail.com>
+Douglas Cerna <douglascerna@yahoo.com>
+Bert ter Heide <bertjh@hotmail.com>
+Jasvir Nagra <jasvir@gmail.com>
+Yuriy Khabarov <13real008@gmail.com>
+Harri Kilpiö <harri.kilpio@gmail.com>
+Lado Lomidze <lado.lomidze@gmail.com>
+Amir E. Aharoni <amir.aharoni@mail.huji.ac.il>
+Simon Sattes <simon.sattes@gmail.com>
+Jo Liss <joliss42@gmail.com>
+Guntupalli Karunakar <karunakarg@yahoo.com>
+Shahyar Ghobadpour <shahyar@gmail.com>
+Lukasz Lipinski <uzza17@gmail.com>
+Timo Tijhof <krinklemail@gmail.com>
+Jason Moon <jmoon@socialcast.com>
+Martin Frost <martinf55@hotmail.com>
+Eneko Illarramendi <eneko@illarra.com>
+EungJun Yi <semtlenori@gmail.com>
+Courtland Allen <courtlandallen@gmail.com>
+Viktar Varvanovich <non4eg@gmail.com>
+Danny Trunk <dtrunk90@gmail.com>
+Pavel Stetina <pavel.stetina@nangu.tv>
+Michael Stay <metaweta@gmail.com>
+Steven Roussey <sroussey@gmail.com>
+Michael Hollis <hollis21@gmail.com>
+Lee Rowlands <lee.rowlands@previousnext.com.au>
+Timmy Willison <timmywillisn@gmail.com>
+Karl Swedberg <kswedberg@gmail.com>
+Baoju Yuan <the_guy_1987@hotmail.com>
+Maciej Mroziński <maciej.k.mrozinski@gmail.com>
+Luis Dalmolin <luis.nh@gmail.com>
+Mark Aaron Shirley <maspwr@gmail.com>
+Martin Hoch <martin@fidion.de>
+Jiayi Yang <tr870829@gmail.com>
+Philipp Benjamin Köppchen <xgxtpbk@gws.ms>
+Sindre Sorhus <sindresorhus@gmail.com>
+Bernhard Sirlinger <bernhard.sirlinger@tele2.de>
+Jared A. Scheel <jared@jaredscheel.com>
+Rafael Xavier de Souza <rxaviers@gmail.com>
+John Chen <zhang.z.chen@intel.com>
+Robert Beuligmann <robertbeuligmann@gmail.com>
+Dale Kocian <dale.kocian@gmail.com>
+Mike Sherov <mike.sherov@gmail.com>
+Andrew Couch <andy@couchand.com>
+Marc-Andre Lafortune <github@marc-andre.ca>
+Nate Eagle <nate.eagle@teamaol.com>
+David Souther <davidsouther@gmail.com>
+Mathias Stenbom <mathias@stenbom.com>
+Sergey Kartashov <ebishkek@yandex.ru>
+Avinash R <nashpapa@gmail.com>
+Ethan Romba <ethanromba@gmail.com>
+Cory Gackenheimer <cory.gack@gmail.com>
+Juan Pablo Kaniefsky <jpkaniefsky@gmail.com>
+Roman Salnikov <bardt.dz@gmail.com>
+Anika Henke <anika@selfthinker.org>
+Samuel Bovée <samycookie2000@yahoo.fr>
+Fabrício Matté <ult_combo@hotmail.com>
+Viktor Kojouharov <vkojouharov@gmail.com>
+Pawel Maruszczyk (http://hrabstwo.net)
+Pavel Selitskas <p.selitskas@gmail.com>
+Bjørn Johansen <post@bjornjohansen.no>
+Matthieu Penant <thieum22@hotmail.com>
+Dominic Barnes <dominic@dbarnes.info>
+David Sullivan <david.sullivan@gmail.com>
+Thomas Jaggi <thomas@responsive.ch>
+Vahid Sohrabloo <vahid4134@gmail.com>
+Travis Carden <travis.carden@gmail.com>
+Bruno M. Custódio <bruno@brunomcustodio.com>
+Nathanael Silverman <nathanael.silverman@gmail.com>
+Christian Wenz <christian@wenz.org>
+Steve Urmston <steve@urm.st>
+Zaven Muradyan <megalivoithos@gmail.com>
+Woody Gilk <shadowhand@deviantart.com>
+Zbigniew Motyka <zbigniew.motyka@gmail.com>
+Suhail Alkowaileet <xsoh.k7@gmail.com>
+Toshi MARUYAMA <marutosijp2@yahoo.co.jp>
+David Hansen <hansede@gmail.com>
+Brian Grinstead <briangrinstead@gmail.com>
+Christian Klammer <christian314159@gmail.com>
+Steven Luscher <jquerycla@steveluscher.com>
+Gan Eng Chin <engchin.gan@gmail.com>
+Gabriel Schulhof <gabriel.schulhof@intel.com>
+Alexander Schmitz <arschmitz@gmail.com>
+Vilhjálmur Skúlason <vis@dmm.is>
+Siebrand Mazeland <siebrand@kitano.nl>
+Mohsen Ekhtiari <mohsenekhtiari@yahoo.com>
+Pere Orga <gotrunks@gmail.com>
+Jasper de Groot <mail@ugomobi.com>
+Stephane Deschamps <stephane.deschamps@gmail.com>
+Jyoti Deka <dekajp@gmail.com>
+Andrei Picus <office.nightcrawler@gmail.com>
+Ondrej Novy <novy@ondrej.org>
+Jacob McCutcheon <jacob.mccutcheon@gmail.com>
+Monika Piotrowicz <monika.piotrowicz@gmail.com>
+Imants Horsts <imants.horsts@inbox.lv>
+Eric Dahl <eric.c.dahl@gmail.com>
+Dave Stein <dave@behance.com>
+Dylan Barrell <dylan@barrell.com>
+Daniel DeGroff <djdegroff@gmail.com>
+Michael Wiencek <mwtuea@gmail.com>
+Thomas Meyer <meyertee@gmail.com>
+Ruslan Yakhyaev <ruslan@ruslan.io>
+Brian J. Dowling <bjd-dev@simplicity.net>
+Ben Higgins <ben@extrahop.com>
+Yermo Lamers <yml@yml.com>
+Patrick Stapleton <github@gdi2290.com>
+Trisha Crowley <trisha.crowley@gmail.com>
+Usman Akeju <akeju00+github@gmail.com>
+Rodrigo Menezes <rod333@gmail.com>
+Jacques Perrault <jacques_perrault@us.ibm.com>
+Frederik Elvhage <frederik.elvhage@googlemail.com>
+Will Holley <willholley@gmail.com>
+Uri Gilad <antishok@gmail.com>
+Richard Gibson <richard.gibson@gmail.com>
+Simen Bekkhus <sbekkhus91@gmail.com>
+Chen Eshchar <eshcharc@gmail.com>
+Bruno Pérel <brunoperel@gmail.com>
+Mohammed Alshehri <m@dralshehri.com>
+Lisa Seacat DeLuca <ldeluca@us.ibm.com>
+Anne-Gaelle Colom <coloma@westminster.ac.uk>
+Adam Foster <slimfoster@gmail.com>
+Luke Page <luke.a.page@gmail.com>
+Daniel Owens <daniel@matchstickmixup.com>
+Michael Orchard <morchard@scottlogic.co.uk>
+Marcus Warren <marcus@envoke.com>
+Nils Heuermann <nils@world-of-scripts.de>
+Marco Ziech <marco@ziech.net>
+Patricia Juarez <patrixd@gmail.com>
+Ben Mosher <me@benmosher.com>
+Ablay Keldibek <atomio.ak@gmail.com>
+Thomas Applencourt <thomas.applencourt@irsamc.ups-tlse.fr>
+Jiabao Wu <jiabao.foss@gmail.com>
+Eric Lee Carraway <github@ericcarraway.com>
+Victor Homyakov <vkhomyackov@gmail.com>
+Myeongjin Lee <aranet100@gmail.com>
+Liran Sharir <lsharir@gmail.com>
+Weston Ruter <weston@xwp.co>
+Mani Mishra <manimishra902@gmail.com>
+Hannah Methvin <hannahmethvin@gmail.com>
+Leonardo Balter <leonardo.balter@gmail.com>
+Benjamin Albert <benjamin_a5@yahoo.com>
+Michał Gołębiowski-Owczarek <m.goleb@gmail.com>
+Alyosha Pushak <alyosha.pushak@gmail.com>
+Fahad Ahmad <fahadahmad41@hotmail.com>
+Matt Brundage <github@mattbrundage.com>
+Francesc Baeta <francesc.baeta@gmail.com>
+Piotr Baran <piotros@wp.pl>
+Mukul Hase <mukulhase@gmail.com>
+Konstantin Dinev <kdinev@mail.bw.edu>
+Rand Scullard <rand@randscullard.com>
+Dan Strohl <dan@wjcg.net>
+Maksim Ryzhikov <rv.maksim@gmail.com>
+Amine HADDAD <haddad@allegorie.tv>
+Amanpreet Singh <apsdehal@gmail.com>
+Alexey Balchunas <bleshik@gmail.com>
+Peter Kehl <peter.kehl@gmail.com>
+Peter Dave Hello <hsu@peterdavehello.org>
+Johannes Schäfer <johnschaefer@gmx.de>
+Ville Skyttä <ville.skytta@iki.fi>
+Ryan Oriecuia <ryan.oriecuia@visioncritical.com>
+Sergei Ratnikov <sergeir82@gmail.com>
+milk54 <milk851@gmail.com>
+Evelyn Masso <evoutofambit@gmail.com>
+Robin <mail@robin-fowler.com>
+Simon Asika <asika32764@gmail.com>
+Kevin Cupp <kevin.cupp@gmail.com>
+Jeremy Mickelson <Jeremy.Mickelson@gmail.com>
+Kyle Rosenberg <kyle.rosenberg@gmail.com>
+Petri Partio <petri.partio@gmail.com>
+pallxk <github@pallxk.com>
+Luke Brookhart <luke@onjax.com>
+claudi <hirt-claudia@gmx.de>
+Eirik Sletteberg <eiriksletteberg@gmail.com>
+Albert Johansson <albert@intervaro.se>
+A. Wells <borgboyone@users.noreply.github.com>
+Robert Brignull <robertbrignull@gmail.com>
+Horus68 <pauloizidoro@gmail.com>
+Maksymenkov Eugene <foatei@gmail.com>
+OskarNS <soerensen.oskar@gmail.com>
+Gez Quinn <holla@gezquinn.design>
+jigar gala <jigar.gala140291@gmail.com>
+Florian Wegscheider <flo.wegscheider@gmail.com>
+Fatér Zsolt <fater.zsolt@gmail.com>
+Szabolcs Szabolcsi-Toth <nec@shell8.net>
+Jérémy Munsch <github@jeremydev.ovh>
+Hrvoje Novosel <hrvoje.novosel@gmail.com>
+Paul Capron <PaulCapron@users.noreply.github.com>
+Micah Miller <mikhey@runbox.com>
+sakshi87 <53863764+sakshi87@users.noreply.github.com>
+Mikolaj Wolicki <wolicki.mikolaj@gmail.com>
+Patrick McKay <patrick.mckay@vumc.org>
+c-lambert <58025159+c-lambert@users.noreply.github.com>
+Josep Sanz <josepsanzcamp@gmail.com>
+Ben Mullins <benm@umich.edu>
+Christian Oliff <christianoliff@pm.me>
+dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
+Adam Lidén Hällgren <adamlh92@gmail.com>
+James Hinderks <hinderks@gmail.com>
+Denny Septian Panggabean <97607754+ddevsr@users.noreply.github.com>
+Matías Cánepa <matias.canepa@gmail.com>
+Ashish Kurmi <100655670+boahc077@users.noreply.github.com>
+DeerBear <andrea.raimondi@gmail.com>
+Дилян Палаузов <dpa-github@aegee.org>
+Kenneth DeBacker <kcdebacker@gmail.com>
+Timo Tijhof <krinkle@fastmail.com>
+Timmy Willison <timmywil@users.noreply.github.com>
+divdeploy <166095818+divdeploy@users.noreply.github.com>
+mark van tilburg <markvantilburg@gmail.com>
+Ralf Koller <1665422+rpkoller@users.noreply.github.com>
+Porter Clevidence <116387727+porterclev@users.noreply.github.com>
+Daniel García <93217193+Daniel-Garmig@users.noreply.github.com>

web/admin/item/jquery-ui/LICENSE.txt

@@ -0,0 +1,43 @@
+Copyright OpenJS Foundation and other contributors, https://openjsf.org/
+
+This software consists of voluntary contributions made by many
+individuals. For exact contribution history, see the revision history
+available at https://github.com/jquery/jquery-ui
+
+The following license applies to all parts of this software except as
+documented below:
+
+====
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+====
+
+Copyright and related rights for sample code are waived via CC0. Sample
+code is defined as all source code contained within the demos directory.
+
+CC0: http://creativecommons.org/publicdomain/zero/1.0/
+
+====
+
+All files located in the node_modules and external directories are
+externally maintained libraries used by this software which have their
+own licenses; we recommend you read them, as their terms may differ from
+the terms above.

web/admin/item/jquery-ui/index.html

@@ -0,0 +1,503 @@
+<!doctype html>
+<html lang="us">
+<head>
+	<meta charset="utf-8">
+	<title>jQuery UI Example Page</title>
+	<link href="jquery-ui.css" rel="stylesheet">
+	<style>
+	body{
+		font-family: "Trebuchet MS", sans-serif;
+		margin: 50px;
+	}
+	.demoHeaders {
+		margin-top: 2em;
+	}
+	#dialog-link {
+		padding: .4em 1em .4em 20px;
+		text-decoration: none;
+		position: relative;
+	}
+	#dialog-link span.ui-icon {
+		margin: 0 5px 0 0;
+		position: absolute;
+		left: .2em;
+		top: 50%;
+		margin-top: -8px;
+	}
+	#icons {
+		margin: 0;
+		padding: 0;
+	}
+	#icons li {
+		margin: 2px;
+		position: relative;
+		padding: 4px 0;
+		cursor: pointer;
+		float: left;
+		list-style: none;
+	}
+	#icons span.ui-icon {
+		float: left;
+		margin: 0 4px;
+	}
+	.fakewindowcontain .ui-widget-overlay {
+		position: absolute;
+	}
+	select {
+		width: 200px;
+	}
+	</style>
+</head>
+<body>
+
+<h1>Welcome to jQuery UI!</h1>
+
+<div class="ui-widget">
+	<p>This page demonstrates the widgets and theme you selected in Download Builder. Please make sure you are using them with a compatible jQuery version.</p>
+</div>
+
+<h1>YOUR COMPONENTS:</h1>
+
+<!-- Accordion -->
+<h2 class="demoHeaders">Accordion</h2>
+<div id="accordion">
+	<h3>First</h3>
+	<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
+	<h3>Second</h3>
+	<div>Phasellus mattis tincidunt nibh.</div>
+	<h3>Third</h3>
+	<div>Nam dui erat, auctor a, dignissim quis.</div>
+</div>
+
+<!-- Autocomplete -->
+<h2 class="demoHeaders">Autocomplete</h2>
+<div>
+	<input id="autocomplete" title="type &quot;a&quot;">
+</div>
+
+<!-- Button -->
+<h2 class="demoHeaders">Button</h2>
+<button id="button">A button element</button>
+<button id="button-icon">An icon-only button</button>
+
+<!-- Checkboxradio -->
+<h2 class="demoHeaders">Checkboxradio</h2>
+<form style="margin-top: 1em;">
+	<div id="radioset">
+		<input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label>
+		<input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label>
+		<input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label>
+	</div>
+</form>
+
+<!-- Controlgroup -->
+<h2 class="demoHeaders">Controlgroup</h2>
+<fieldset>
+	<legend>Rental Car</legend>
+	<div id="controlgroup">
+		<select id="car-type">
+			<option>Compact car</option>
+			<option>Midsize car</option>
+			<option>Full size car</option>
+			<option>SUV</option>
+			<option>Luxury</option>
+			<option>Truck</option>
+			<option>Van</option>
+		</select>
+		<label for="transmission-standard">Standard</label>
+		<input type="radio" name="transmission" id="transmission-standard">
+		<label for="transmission-automatic">Automatic</label>
+		<input type="radio" name="transmission" id="transmission-automatic">
+		<label for="insurance">Insurance</label>
+		<input type="checkbox" name="insurance" id="insurance">
+		<label for="horizontal-spinner" class="ui-controlgroup-label"># of cars</label>
+		<input id="horizontal-spinner" class="ui-spinner-input">
+		<button>Book Now!</button>
+	</div>
+</fieldset>
+
+<!-- Tabs -->
+<h2 class="demoHeaders">Tabs</h2>
+<div id="tabs">
+	<ul>
+		<li><a href="#tabs-1">First</a></li>
+		<li><a href="#tabs-2">Second</a></li>
+		<li><a href="#tabs-3">Third</a></li>
+	</ul>
+	<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
+	<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
+	<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
+</div>
+
+<h2 class="demoHeaders">Dialog</h2>
+<p>
+	<button id="dialog-link" class="ui-button ui-corner-all ui-widget">
+		<span class="ui-icon ui-icon-newwin"></span>Open Dialog
+	</button>
+</p>
+
+<h2 class="demoHeaders">Overlay and Shadow Classes</h2>
+<div style="position: relative; width: 96%; height: 200px; padding:1% 2%; overflow:hidden;" class="fakewindowcontain">
+	<p>Lorem ipsum dolor sit amet,  Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. </p>
+
+	<!-- ui-dialog -->
+	<div class="ui-widget-overlay ui-front"></div>
+	<div style="position: absolute; width: 320px; left: 50px; top: 30px; padding: 1.2em" class="ui-widget ui-front ui-widget-content ui-corner-all ui-widget-shadow">
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+	</div>
+
+</div>
+
+<!-- ui-dialog -->
+<div id="dialog" title="Dialog Title">
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+</div>
+
+
+<h2 class="demoHeaders">Framework Icons (content color preview)</h2>
+<ul id="icons" class="ui-widget ui-helper-clearfix">
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-n"><span class="ui-icon ui-icon-caret-1-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-ne"><span class="ui-icon ui-icon-caret-1-ne"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-e"><span class="ui-icon ui-icon-caret-1-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-se"><span class="ui-icon ui-icon-caret-1-se"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-s"><span class="ui-icon ui-icon-caret-1-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-sw"><span class="ui-icon ui-icon-caret-1-sw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-w"><span class="ui-icon ui-icon-caret-1-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-nw"><span class="ui-icon ui-icon-caret-1-nw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-2-n-s"><span class="ui-icon ui-icon-caret-2-n-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-2-e-w"><span class="ui-icon ui-icon-caret-2-e-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-e-w"><span class="ui-icon ui-icon-arrow-2-e-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-se-nw"><span class="ui-icon ui-icon-arrow-2-se-nw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-n"><span class="ui-icon ui-icon-arrowstop-1-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-e"><span class="ui-icon ui-icon-arrowstop-1-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-s"><span class="ui-icon ui-icon-arrowstop-1-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-w"><span class="ui-icon ui-icon-arrowstop-1-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-n"><span class="ui-icon ui-icon-arrowthick-1-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-ne"><span class="ui-icon ui-icon-arrowthick-1-ne"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-e"><span class="ui-icon ui-icon-arrowthick-1-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-se"><span class="ui-icon ui-icon-arrowthick-1-se"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-s"><span class="ui-icon ui-icon-arrowthick-1-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-sw"><span class="ui-icon ui-icon-arrowthick-1-sw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-w"><span class="ui-icon ui-icon-arrowthick-1-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-nw"><span class="ui-icon ui-icon-arrowthick-1-nw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-n-s"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-ne-sw"><span class="ui-icon ui-icon-arrowthick-2-ne-sw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-e-w"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-se-nw"><span class="ui-icon ui-icon-arrowthick-2-se-nw"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-n"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-e"><span class="ui-icon ui-icon-arrowthickstop-1-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-s"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-w"><span class="ui-icon ui-icon-arrowthickstop-1-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-w"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-n"><span class="ui-icon ui-icon-arrowreturnthick-1-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-e"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-s"><span class="ui-icon ui-icon-arrowreturnthick-1-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-w"><span class="ui-icon ui-icon-arrowreturn-1-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-n"><span class="ui-icon ui-icon-arrowreturn-1-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-e"><span class="ui-icon ui-icon-arrowreturn-1-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-s"><span class="ui-icon ui-icon-arrowreturn-1-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-w"><span class="ui-icon ui-icon-arrowrefresh-1-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-n"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-e"><span class="ui-icon ui-icon-arrowrefresh-1-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-s"><span class="ui-icon ui-icon-arrowrefresh-1-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4"><span class="ui-icon ui-icon-arrow-4"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4-diag"><span class="ui-icon ui-icon-arrow-4-diag"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-extlink"><span class="ui-icon ui-icon-extlink"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-newwin"><span class="ui-icon ui-icon-newwin"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-refresh"><span class="ui-icon ui-icon-refresh"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-shuffle"><span class="ui-icon ui-icon-shuffle"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-transfer-e-w"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-transferthick-e-w"><span class="ui-icon ui-icon-transferthick-e-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-collapsed"><span class="ui-icon ui-icon-folder-collapsed"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-open"><span class="ui-icon ui-icon-folder-open"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-document"><span class="ui-icon ui-icon-document"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-document-b"><span class="ui-icon ui-icon-document-b"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-note"><span class="ui-icon ui-icon-note"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-open"><span class="ui-icon ui-icon-mail-open"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-suitcase"><span class="ui-icon ui-icon-suitcase"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-comment"><span class="ui-icon ui-icon-comment"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-person"><span class="ui-icon ui-icon-person"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-print"><span class="ui-icon ui-icon-print"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-trash"><span class="ui-icon ui-icon-trash"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-locked"><span class="ui-icon ui-icon-locked"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-unlocked"><span class="ui-icon ui-icon-unlocked"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-bookmark"><span class="ui-icon ui-icon-bookmark"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-tag"><span class="ui-icon ui-icon-tag"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-home"><span class="ui-icon ui-icon-home"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-flag"><span class="ui-icon ui-icon-flag"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-calculator"><span class="ui-icon ui-icon-calculator"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-cart"><span class="ui-icon ui-icon-cart"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-pencil"><span class="ui-icon ui-icon-pencil"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-clock"><span class="ui-icon ui-icon-clock"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-disk"><span class="ui-icon ui-icon-disk"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-calendar"><span class="ui-icon ui-icon-calendar"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomin"><span class="ui-icon ui-icon-zoomin"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomout"><span class="ui-icon ui-icon-zoomout"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-wrench"><span class="ui-icon ui-icon-wrench"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-gear"><span class="ui-icon ui-icon-gear"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-heart"><span class="ui-icon ui-icon-heart"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-star"><span class="ui-icon ui-icon-star"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-link"><span class="ui-icon ui-icon-link"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-plus"><span class="ui-icon ui-icon-plus"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-minus"><span class="ui-icon ui-icon-minus"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-minusthick"><span class="ui-icon ui-icon-minusthick"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-close"><span class="ui-icon ui-icon-close"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-closethick"><span class="ui-icon ui-icon-closethick"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-key"><span class="ui-icon ui-icon-key"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-lightbulb"><span class="ui-icon ui-icon-lightbulb"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-scissors"><span class="ui-icon ui-icon-scissors"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-clipboard"><span class="ui-icon ui-icon-clipboard"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-copy"><span class="ui-icon ui-icon-copy"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-contact"><span class="ui-icon ui-icon-contact"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-image"><span class="ui-icon ui-icon-image"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-video"><span class="ui-icon ui-icon-video"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-script"><span class="ui-icon ui-icon-script"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-alert"><span class="ui-icon ui-icon-alert"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-info"><span class="ui-icon ui-icon-info"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-notice"><span class="ui-icon ui-icon-notice"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-help"><span class="ui-icon ui-icon-help"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-bullet"><span class="ui-icon ui-icon-bullet"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-off"><span class="ui-icon ui-icon-radio-off"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-on"><span class="ui-icon ui-icon-radio-on"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-w"><span class="ui-icon ui-icon-pin-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-s"><span class="ui-icon ui-icon-pin-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-play"><span class="ui-icon ui-icon-play"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-pause"><span class="ui-icon ui-icon-pause"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-next"><span class="ui-icon ui-icon-seek-next"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-prev"><span class="ui-icon ui-icon-seek-prev"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-end"><span class="ui-icon ui-icon-seek-end"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-first"><span class="ui-icon ui-icon-seek-first"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-stop"><span class="ui-icon ui-icon-stop"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-eject"><span class="ui-icon ui-icon-eject"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-off"><span class="ui-icon ui-icon-volume-off"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-on"><span class="ui-icon ui-icon-volume-on"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-power"><span class="ui-icon ui-icon-power"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-signal-diag"><span class="ui-icon ui-icon-signal-diag"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-signal"><span class="ui-icon ui-icon-signal"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-0"><span class="ui-icon ui-icon-battery-0"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-1"><span class="ui-icon ui-icon-battery-1"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-2"><span class="ui-icon ui-icon-battery-2"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-3"><span class="ui-icon ui-icon-battery-3"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-plus"><span class="ui-icon ui-icon-circle-plus"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-minus"><span class="ui-icon ui-icon-circle-minus"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"><span class="ui-icon ui-icon-circle-close"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-e"><span class="ui-icon ui-icon-circle-triangle-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-s"><span class="ui-icon ui-icon-circle-triangle-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-w"><span class="ui-icon ui-icon-circle-triangle-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-n"><span class="ui-icon ui-icon-circle-triangle-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-e"><span class="ui-icon ui-icon-circle-arrow-e"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-s"><span class="ui-icon ui-icon-circle-arrow-s"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-w"><span class="ui-icon ui-icon-circle-arrow-w"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-n"><span class="ui-icon ui-icon-circle-arrow-n"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomin"><span class="ui-icon ui-icon-circle-zoomin"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomout"><span class="ui-icon ui-icon-circle-zoomout"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-check"><span class="ui-icon ui-icon-circle-check"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-plus"><span class="ui-icon ui-icon-circlesmall-plus"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-minus"><span class="ui-icon ui-icon-circlesmall-minus"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-close"><span class="ui-icon ui-icon-circlesmall-close"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-plus"><span class="ui-icon ui-icon-squaresmall-plus"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-minus"><span class="ui-icon ui-icon-squaresmall-minus"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-close"><span class="ui-icon ui-icon-squaresmall-close"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-vertical"><span class="ui-icon ui-icon-grip-dotted-vertical"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-horizontal"><span class="ui-icon ui-icon-grip-dotted-horizontal"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-vertical"><span class="ui-icon ui-icon-grip-solid-vertical"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-horizontal"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></li>
+	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li>
+</ul>
+
+<!-- Slider -->
+<h2 class="demoHeaders">Slider</h2>
+<div id="slider"></div>
+
+<!-- Datepicker -->
+<h2 class="demoHeaders">Datepicker</h2>
+<div id="datepicker"></div>
+
+<!-- Progressbar -->
+<h2 class="demoHeaders">Progressbar</h2>
+<div id="progressbar"></div>
+
+<!-- Progressbar -->
+<h2 class="demoHeaders">Selectmenu</h2>
+<select id="selectmenu">
+	<option>Slower</option>
+	<option>Slow</option>
+	<option selected="selected">Medium</option>
+	<option>Fast</option>
+	<option>Faster</option>
+</select>
+
+<!-- Spinner -->
+<h2 class="demoHeaders">Spinner</h2>
+<input id="spinner">
+
+<!-- Menu -->
+<h2 class="demoHeaders">Menu</h2>
+<ul style="width:100px;" id="menu">
+	<li><div>Item 1</div></li>
+	<li><div>Item 2</div></li>
+	<li><div>Item 3</div>
+		<ul>
+			<li><div>Item 3-1</div></li>
+			<li><div>Item 3-2</div></li>
+			<li><div>Item 3-3</div></li>
+			<li><div>Item 3-4</div></li>
+			<li><div>Item 3-5</div></li>
+		</ul>
+	</li>
+	<li><div>Item 4</div></li>
+	<li><div>Item 5</div></li>
+</ul>
+
+<!-- Tooltip -->
+<h2 class="demoHeaders">Tooltip</h2>
+<p id="tooltip">
+	<a href="#" title="That&apos;s what this widget is">Tooltips</a> can be attached to any element. When you hover
+the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.
+</p>
+
+<!-- Highlight / Error -->
+<h2 class="demoHeaders">Highlight / Error</h2>
+<div class="ui-widget">
+	<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
+		<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
+		<strong>Hey!</strong> Sample ui-state-highlight style.</p>
+	</div>
+</div>
+<br>
+<div class="ui-widget">
+	<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
+		<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
+		<strong>Alert:</strong> Sample ui-state-error style.</p>
+	</div>
+</div>
+
+<script src="external/jquery/jquery.js"></script>
+<script src="jquery-ui.js"></script>
+<script>
+$( "#accordion" ).accordion();
+
+var availableTags = [
+	"ActionScript",
+	"AppleScript",
+	"Asp",
+	"BASIC",
+	"C",
+	"C++",
+	"Clojure",
+	"COBOL",
+	"ColdFusion",
+	"Erlang",
+	"Fortran",
+	"Groovy",
+	"Haskell",
+	"Java",
+	"JavaScript",
+	"Lisp",
+	"Perl",
+	"PHP",
+	"Python",
+	"Ruby",
+	"Scala",
+	"Scheme"
+];
+$( "#autocomplete" ).autocomplete({
+	source: availableTags
+});
+
+$( "#button" ).button();
+$( "#button-icon" ).button({
+	icon: "ui-icon-gear",
+	showLabel: false
+});
+
+$( "#radioset" ).controlgroup();
+
+$( "#controlgroup" ).controlgroup();
+
+$( "#tabs" ).tabs();
+
+$( "#dialog" ).dialog({
+	autoOpen: false,
+	width: 400,
+	buttons: [
+		{
+			text: "Ok",
+			click: function() {
+				$( this ).dialog( "close" );
+			}
+		},
+		{
+			text: "Cancel",
+			click: function() {
+				$( this ).dialog( "close" );
+			}
+		}
+	]
+});
+
+// Link to open the dialog
+$( "#dialog-link" ).click(function( event ) {
+	$( "#dialog" ).dialog( "open" );
+	event.preventDefault();
+});
+
+$( "#datepicker" ).datepicker({
+	inline: true
+});
+
+$( "#slider" ).slider({
+	range: true,
+	values: [ 17, 67 ]
+});
+
+$( "#progressbar" ).progressbar({
+	value: 20
+});
+
+$( "#spinner" ).spinner();
+
+$( "#menu" ).menu();
+
+$( "#tooltip" ).tooltip();
+
+$( "#selectmenu" ).selectmenu();
+
+// Hover states on the static widgets
+$( "#dialog-link, #icons li" ).hover(
+	function() {
+		$( this ).addClass( "ui-state-hover" );
+	},
+	function() {
+		$( this ).removeClass( "ui-state-hover" );
+	}
+);
+</script>
+</body>
+</html>

web/admin/item/jquery-ui/jquery-ui.structure.css

@@ -0,0 +1,863 @@
+/*!
+ * jQuery UI CSS Framework 1.14.2
+ * https://jqueryui.com
+ *
+ * Copyright OpenJS Foundation and other contributors
+ * Released under the MIT license.
+ * https://jquery.org/license
+ *
+ * https://api.jqueryui.com/category/theming/
+ */
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+	display: none;
+}
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
+.ui-helper-reset {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	line-height: 1.3;
+	text-decoration: none;
+	font-size: 100%;
+	list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+	content: "";
+	display: table;
+	border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+	clear: both;
+}
+.ui-helper-zfix {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+	opacity: 0;
+}
+
+.ui-front {
+	z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+	cursor: default !important;
+	pointer-events: none;
+}
+
+
+/* Icons
+----------------------------------*/
+.ui-icon {
+	display: inline-block;
+	vertical-align: middle;
+	margin-top: -.25em;
+	position: relative;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+}
+
+.ui-widget-icon-block {
+	left: 50%;
+	margin-left: -8px;
+	display: block;
+}
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+.ui-accordion .ui-accordion-header {
+	display: block;
+	cursor: pointer;
+	position: relative;
+	margin: 2px 0 0 0;
+	padding: .5em .5em .5em .7em;
+	font-size: 100%;
+}
+.ui-accordion .ui-accordion-content {
+	padding: 1em 2.2em;
+	border-top: 0;
+	overflow: auto;
+}
+.ui-autocomplete {
+	position: absolute;
+	top: 0;
+	left: 0;
+	cursor: default;
+}
+.ui-menu {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	display: block;
+	outline: 0;
+}
+.ui-menu .ui-menu {
+	position: absolute;
+}
+.ui-menu .ui-menu-item {
+	margin: 0;
+	cursor: pointer;
+}
+.ui-menu .ui-menu-item-wrapper {
+	position: relative;
+	padding: 3px 1em 3px .4em;
+}
+.ui-menu .ui-menu-divider {
+	margin: 5px 0;
+	height: 0;
+	font-size: 0;
+	line-height: 0;
+	border-width: 1px 0 0 0;
+}
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active {
+	margin: -1px;
+}
+
+/* icon support */
+.ui-menu-icons {
+	position: relative;
+}
+.ui-menu-icons .ui-menu-item-wrapper {
+	padding-left: 2em;
+}
+
+/* left-aligned */
+.ui-menu .ui-icon {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: .2em;
+	margin: auto 0;
+}
+
+/* right-aligned */
+.ui-menu .ui-menu-icon {
+	left: auto;
+	right: 0;
+}
+.ui-button {
+	padding: .4em 1em;
+	display: inline-block;
+	position: relative;
+	line-height: normal;
+	margin-right: .1em;
+	cursor: pointer;
+	vertical-align: middle;
+	text-align: center;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.ui-button,
+.ui-button:link,
+.ui-button:visited,
+.ui-button:hover,
+.ui-button:active {
+	text-decoration: none;
+}
+
+/* to make room for the icon, a width needs to be set here */
+.ui-button-icon-only {
+	width: 2em;
+	box-sizing: border-box;
+	text-indent: -9999px;
+	white-space: nowrap;
+}
+
+/* no icon support for input elements */
+input.ui-button.ui-button-icon-only {
+	text-indent: 0;
+}
+
+/* button icon element(s) */
+.ui-button-icon-only .ui-icon {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	margin-top: -8px;
+	margin-left: -8px;
+}
+
+.ui-button.ui-icon-notext .ui-icon {
+	padding: 0;
+	width: 2.1em;
+	height: 2.1em;
+	text-indent: -9999px;
+	white-space: nowrap;
+
+}
+
+input.ui-button.ui-icon-notext .ui-icon {
+	width: auto;
+	height: auto;
+	text-indent: 0;
+	white-space: normal;
+	padding: .4em 1em;
+}
+
+/* workarounds */
+/* Support: Firefox 5 - 125+ */
+input.ui-button::-moz-focus-inner,
+button.ui-button::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+.ui-controlgroup {
+	vertical-align: middle;
+	display: inline-block;
+}
+.ui-controlgroup > .ui-controlgroup-item {
+	float: left;
+	margin-left: 0;
+	margin-right: 0;
+}
+.ui-controlgroup > .ui-controlgroup-item:focus,
+.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
+	z-index: 9999;
+}
+.ui-controlgroup-vertical > .ui-controlgroup-item {
+	display: block;
+	float: none;
+	width: 100%;
+	margin-top: 0;
+	margin-bottom: 0;
+	text-align: left;
+}
+.ui-controlgroup-vertical .ui-controlgroup-item {
+	box-sizing: border-box;
+}
+.ui-controlgroup .ui-controlgroup-label {
+	padding: .4em 1em;
+}
+.ui-controlgroup .ui-controlgroup-label span {
+	font-size: 80%;
+}
+.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
+	border-left: none;
+}
+.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
+	border-top: none;
+}
+.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
+	border-right: none;
+}
+.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
+	border-bottom: none;
+}
+
+/* Spinner specific style fixes */
+.ui-controlgroup-vertical .ui-spinner-input {
+	width: calc( 100% - 2.4em );
+}
+.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
+	border-top-style: solid;
+}
+
+.ui-checkboxradio-label .ui-icon-background {
+	box-shadow: inset 1px 1px 1px #ccc;
+	border-radius: .12em;
+	border: none;
+}
+.ui-checkboxradio-radio-label .ui-icon-background {
+	width: 16px;
+	height: 16px;
+	border-radius: 1em;
+	overflow: visible;
+	border: none;
+}
+.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
+.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
+	background-image: none;
+	width: 8px;
+	height: 8px;
+	border-width: 4px;
+	border-style: solid;
+}
+.ui-checkboxradio-disabled {
+	pointer-events: none;
+}
+.ui-datepicker {
+	width: 17em;
+	padding: .2em .2em 0;
+	display: none;
+}
+.ui-datepicker .ui-datepicker-header {
+	position: relative;
+	padding: .2em 0;
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+	position: absolute;
+	top: 2px;
+	width: 1.8em;
+	height: 1.8em;
+}
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+	top: 1px;
+}
+.ui-datepicker .ui-datepicker-prev {
+	left: 2px;
+}
+.ui-datepicker .ui-datepicker-next {
+	right: 2px;
+}
+.ui-datepicker .ui-datepicker-prev-hover {
+	left: 1px;
+}
+.ui-datepicker .ui-datepicker-next-hover {
+	right: 1px;
+}
+.ui-datepicker .ui-datepicker-prev span,
+.ui-datepicker .ui-datepicker-next span {
+	display: block;
+	position: absolute;
+	left: 50%;
+	margin-left: -8px;
+	top: 50%;
+	margin-top: -8px;
+}
+.ui-datepicker .ui-datepicker-title {
+	margin: 0 2.3em;
+	line-height: 1.8em;
+	text-align: center;
+}
+.ui-datepicker .ui-datepicker-title select {
+	font-size: 1em;
+	margin: 1px 0;
+}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+	width: 45%;
+}
+.ui-datepicker table {
+	width: 100%;
+	font-size: .9em;
+	border-collapse: collapse;
+	margin: 0 0 .4em;
+}
+.ui-datepicker th {
+	padding: .7em .3em;
+	text-align: center;
+	font-weight: bold;
+	border: 0;
+}
+.ui-datepicker td {
+	border: 0;
+	padding: 1px;
+}
+.ui-datepicker td span,
+.ui-datepicker td a {
+	display: block;
+	padding: .2em;
+	text-align: right;
+	text-decoration: none;
+}
+.ui-datepicker .ui-datepicker-buttonpane {
+	background-image: none;
+	margin: .7em 0 0 0;
+	padding: 0 .2em;
+	border-left: 0;
+	border-right: 0;
+	border-bottom: 0;
+}
+.ui-datepicker .ui-datepicker-buttonpane button {
+	float: right;
+	margin: .5em .2em .4em;
+	cursor: pointer;
+	padding: .2em .6em .3em .6em;
+	width: auto;
+	overflow: visible;
+}
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
+	float: left;
+}
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi {
+	width: auto;
+}
+.ui-datepicker-multi .ui-datepicker-group {
+	float: left;
+}
+.ui-datepicker-multi .ui-datepicker-group table {
+	width: 95%;
+	margin: 0 auto .4em;
+}
+.ui-datepicker-multi-2 .ui-datepicker-group {
+	width: 50%;
+}
+.ui-datepicker-multi-3 .ui-datepicker-group {
+	width: 33.3%;
+}
+.ui-datepicker-multi-4 .ui-datepicker-group {
+	width: 25%;
+}
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+	border-left-width: 0;
+}
+.ui-datepicker-multi .ui-datepicker-buttonpane {
+	clear: left;
+}
+.ui-datepicker-row-break {
+	clear: both;
+	width: 100%;
+	font-size: 0;
+}
+
+/* RTL support */
+.ui-datepicker-rtl {
+	direction: rtl;
+}
+.ui-datepicker-rtl .ui-datepicker-prev {
+	right: 2px;
+	left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next {
+	left: 2px;
+	right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-prev:hover {
+	right: 1px;
+	left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next:hover {
+	left: 1px;
+	right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane {
+	clear: right;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button {
+	float: left;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
+.ui-datepicker-rtl .ui-datepicker-group {
+	float: right;
+}
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
+	border-right-width: 0;
+	border-left-width: 1px;
+}
+
+/* Icons */
+.ui-datepicker .ui-icon {
+	display: block;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+	left: .5em;
+	top: .3em;
+}
+.ui-dialog {
+	position: absolute;
+	top: 0;
+	left: 0;
+	padding: .2em;
+	outline: 0;
+}
+.ui-dialog .ui-dialog-titlebar {
+	padding: .4em 1em;
+	position: relative;
+}
+.ui-dialog .ui-dialog-title {
+	float: left;
+	margin: .1em 0;
+	white-space: nowrap;
+	width: 90%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+.ui-dialog .ui-dialog-titlebar-close {
+	position: absolute;
+	right: .3em;
+	top: 50%;
+	width: 20px;
+	margin: -10px 0 0 0;
+	padding: 1px;
+	height: 20px;
+}
+.ui-dialog .ui-dialog-content {
+	position: relative;
+	border: 0;
+	padding: .5em 1em;
+	background: none;
+	overflow: auto;
+}
+.ui-dialog .ui-dialog-buttonpane {
+	text-align: left;
+	border-width: 1px 0 0 0;
+	background-image: none;
+	margin-top: .5em;
+	padding: .3em 1em .5em .4em;
+}
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+	float: right;
+}
+.ui-dialog .ui-dialog-buttonpane button {
+	margin: .5em .4em .5em 0;
+	cursor: pointer;
+}
+.ui-dialog .ui-resizable-n {
+	height: 2px;
+	top: 0;
+}
+.ui-dialog .ui-resizable-e {
+	width: 2px;
+	right: 0;
+}
+.ui-dialog .ui-resizable-s {
+	height: 2px;
+	bottom: 0;
+}
+.ui-dialog .ui-resizable-w {
+	width: 2px;
+	left: 0;
+}
+.ui-dialog .ui-resizable-se,
+.ui-dialog .ui-resizable-sw,
+.ui-dialog .ui-resizable-ne,
+.ui-dialog .ui-resizable-nw {
+	width: 7px;
+	height: 7px;
+}
+.ui-dialog .ui-resizable-se {
+	right: 0;
+	bottom: 0;
+}
+.ui-dialog .ui-resizable-sw {
+	left: 0;
+	bottom: 0;
+}
+.ui-dialog .ui-resizable-ne {
+	right: 0;
+	top: 0;
+}
+.ui-dialog .ui-resizable-nw {
+	left: 0;
+	top: 0;
+}
+.ui-draggable .ui-dialog-titlebar {
+	cursor: move;
+}
+.ui-draggable-handle {
+	touch-action: none;
+}
+.ui-resizable {
+	position: relative;
+}
+.ui-resizable-handle {
+	position: absolute;
+	font-size: 0.1px;
+	display: block;
+	touch-action: none;
+}
+.ui-resizable-disabled .ui-resizable-handle,
+.ui-resizable-autohide .ui-resizable-handle {
+	display: none;
+}
+.ui-resizable-n {
+	cursor: n-resize;
+	height: 7px;
+	width: 100%;
+	top: -5px;
+	left: 0;
+}
+.ui-resizable-s {
+	cursor: s-resize;
+	height: 7px;
+	width: 100%;
+	bottom: -5px;
+	left: 0;
+}
+.ui-resizable-e {
+	cursor: e-resize;
+	width: 7px;
+	right: -5px;
+	top: 0;
+	height: 100%;
+}
+.ui-resizable-w {
+	cursor: w-resize;
+	width: 7px;
+	left: -5px;
+	top: 0;
+	height: 100%;
+}
+.ui-resizable-se {
+	cursor: se-resize;
+	width: 12px;
+	height: 12px;
+	right: 1px;
+	bottom: 1px;
+}
+.ui-resizable-sw {
+	cursor: sw-resize;
+	width: 9px;
+	height: 9px;
+	left: -5px;
+	bottom: -5px;
+}
+.ui-resizable-nw {
+	cursor: nw-resize;
+	width: 9px;
+	height: 9px;
+	left: -5px;
+	top: -5px;
+}
+.ui-resizable-ne {
+	cursor: ne-resize;
+	width: 9px;
+	height: 9px;
+	right: -5px;
+	top: -5px;
+}
+.ui-progressbar {
+	height: 2em;
+	text-align: left;
+	overflow: hidden;
+}
+.ui-progressbar .ui-progressbar-value {
+	margin: -1px;
+	height: 100%;
+}
+.ui-progressbar .ui-progressbar-overlay {
+	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
+	height: 100%;
+	opacity: 0.25;
+}
+.ui-progressbar-indeterminate .ui-progressbar-value {
+	background-image: none;
+}
+.ui-selectable {
+	touch-action: none;
+}
+.ui-selectable-helper {
+	position: absolute;
+	z-index: 100;
+	border: 1px dotted black;
+}
+.ui-selectmenu-menu {
+	padding: 0;
+	margin: 0;
+	position: absolute;
+	top: 0;
+	left: 0;
+	display: none;
+}
+.ui-selectmenu-menu .ui-menu {
+	overflow: auto;
+	overflow-x: hidden;
+	padding-bottom: 1px;
+}
+.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
+	font-size: 1em;
+	font-weight: bold;
+	line-height: 1.5;
+	padding: 2px 0.4em;
+	margin: 0.5em 0 0 0;
+	height: auto;
+	border: 0;
+}
+.ui-selectmenu-open {
+	display: block;
+}
+.ui-selectmenu-text {
+	display: block;
+	margin-right: 20px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+.ui-selectmenu-button.ui-button {
+	text-align: left;
+	white-space: nowrap;
+	width: 14em;
+}
+.ui-selectmenu-icon.ui-icon {
+	float: right;
+	margin-top: 0;
+}
+.ui-slider {
+	position: relative;
+	text-align: left;
+}
+.ui-slider .ui-slider-handle {
+	position: absolute;
+	z-index: 2;
+	width: 1.2em;
+	height: 1.2em;
+	cursor: pointer;
+	touch-action: none;
+}
+.ui-slider .ui-slider-range {
+	position: absolute;
+	z-index: 1;
+	font-size: .7em;
+	display: block;
+	border: 0;
+	background-position: 0 0;
+}
+
+.ui-slider-horizontal {
+	height: .8em;
+}
+.ui-slider-horizontal .ui-slider-handle {
+	top: -.3em;
+	margin-left: -.6em;
+}
+.ui-slider-horizontal .ui-slider-range {
+	top: 0;
+	height: 100%;
+}
+.ui-slider-horizontal .ui-slider-range-min {
+	left: 0;
+}
+.ui-slider-horizontal .ui-slider-range-max {
+	right: 0;
+}
+
+.ui-slider-vertical {
+	width: .8em;
+	height: 100px;
+}
+.ui-slider-vertical .ui-slider-handle {
+	left: -.3em;
+	margin-left: 0;
+	margin-bottom: -.6em;
+}
+.ui-slider-vertical .ui-slider-range {
+	left: 0;
+	width: 100%;
+}
+.ui-slider-vertical .ui-slider-range-min {
+	bottom: 0;
+}
+.ui-slider-vertical .ui-slider-range-max {
+	top: 0;
+}
+.ui-sortable-handle {
+	touch-action: none;
+}
+.ui-spinner {
+	position: relative;
+	display: inline-block;
+	overflow: hidden;
+	padding: 0;
+	vertical-align: middle;
+}
+.ui-spinner-input {
+	border: none;
+	background: none;
+	color: inherit;
+	padding: .222em 0;
+	margin: .2em 0;
+	vertical-align: middle;
+	margin-left: .4em;
+	margin-right: 2em;
+}
+.ui-spinner-button {
+	width: 1.6em;
+	height: 50%;
+	font-size: .5em;
+	padding: 0;
+	margin: 0;
+	text-align: center;
+	position: absolute;
+	cursor: default;
+	display: block;
+	overflow: hidden;
+	right: 0;
+}
+/* more specificity required here to override default borders */
+.ui-spinner a.ui-spinner-button {
+	border-top-style: none;
+	border-bottom-style: none;
+	border-right-style: none;
+}
+.ui-spinner-up {
+	top: 0;
+}
+.ui-spinner-down {
+	bottom: 0;
+}
+.ui-tabs {
+	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+	padding: .2em;
+}
+.ui-tabs .ui-tabs-nav {
+	margin: 0;
+	padding: .2em .2em 0;
+}
+.ui-tabs .ui-tabs-nav li {
+	list-style: none;
+	float: left;
+	position: relative;
+	top: 0;
+	margin: 1px .2em 0 0;
+	border-bottom-width: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
+	float: left;
+	padding: .5em 1em;
+	text-decoration: none;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+	margin-bottom: -1px;
+	padding-bottom: 1px;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
+	cursor: text;
+}
+.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
+	cursor: pointer;
+}
+.ui-tabs .ui-tabs-panel {
+	display: block;
+	border-width: 0;
+	padding: 1em 1.4em;
+	background: none;
+}
+.ui-tooltip {
+	padding: 8px;
+	position: absolute;
+	z-index: 9999;
+	max-width: 300px;
+}
+body .ui-tooltip {
+	border-width: 2px;
+}

web/admin/item/jquery-ui/jquery-ui.theme.css

@@ -0,0 +1,439 @@
+/*!
+ * jQuery UI CSS Framework 1.14.2
+ * https://jqueryui.com
+ *
+ * Copyright OpenJS Foundation and other contributors
+ * Released under the MIT license.
+ * https://jquery.org/license
+ *
+ * https://api.jqueryui.com/category/theming/
+ *
+ * To view and modify this theme, visit https://jqueryui.com/themeroller/?bgColorDefault=%23f6f6f6&borderColorDefault=%23c5c5c5&fcDefault=%23454545&bgColorHover=%23ededed&borderColorHover=%23cccccc&fcHover=%232b2b2b&bgColorActive=%23007fff&borderColorActive=%23003eff&fcActive=%23ffffff&bgColorHeader=%23e9e9e9&borderColorHeader=%23dddddd&fcHeader=%23333333&bgColorContent=%23ffffff&borderColorContent=%23dddddd&fcContent=%23333333&bgColorHighlight=%23fffa90&borderColorHighlight=%23dad55e&fcHighlight=%23777620&bgColorError=%23fddfdf&borderColorError=%23f1a899&fcError=%235f3f3f&bgColorOverlay=%23aaaaaa&opacityOverlay=.3&bgColorShadow=%23666666&opacityShadow=.3&offsetTopShadow=0px&offsetLeftShadow=0px&thicknessShadow=5px&cornerRadiusShadow=8px&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&cornerRadius=3px&bgTextureDefault=flat&bgTextureHover=flat&bgTextureActive=flat&bgTextureHeader=flat&bgTextureContent=flat&bgTextureHighlight=flat&bgTextureError=flat&bgTextureOverlay=flat&bgTextureShadow=flat&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityHighlight=55&bgImgOpacityError=95&bgImgOpacityOverlay=0&bgImgOpacityShadow=0&iconColorActive=%23ffffff&iconColorContent=%23444444&iconColorDefault=%23777777&iconColorError=%23cc0000&iconColorHeader=%23444444&iconColorHighlight=%23777620&iconColorHover=%23555555&opacityOverlayPerc=30&opacityShadowPerc=30&bgImgUrlActive=&bgImgUrlContent=&bgImgUrlDefault=&bgImgUrlError=&bgImgUrlHeader=&bgImgUrlHighlight=&bgImgUrlHover=&bgImgUrlOverlay=&bgImgUrlShadow=&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&bgDefaultRepeat=&bgHoverRepeat=&bgActiveRepeat=&bgHeaderRepeat=&bgContentRepeat=&bgHighlightRepeat=&bgErrorRepeat=&bgOverlayRepeat=&bgShadowRepeat=&bgDefaultYPos=&bgHoverYPos=&bgActiveYPos=&bgHeaderYPos=&bgContentYPos=&bgHighlightYPos=&bgErrorYPos=&bgOverlayYPos=&bgShadowYPos=&bgDefaultXPos=&bgHoverXPos=&bgActiveXPos=&bgHeaderXPos=&bgContentXPos=&bgHighlightXPos=&bgErrorXPos=&bgOverlayXPos=&bgShadowXPos=
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget {
+	font-family: Arial,Helvetica,sans-serif;
+	font-size: 1em;
+}
+.ui-widget .ui-widget {
+	font-size: 1em;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+	font-family: Arial,Helvetica,sans-serif;
+	font-size: 1em;
+}
+.ui-widget.ui-widget-content {
+	border: 1px solid #c5c5c5;
+}
+.ui-widget-content {
+	border: 1px solid #dddddd;
+	background: #ffffff;
+	color: #333333;
+}
+.ui-widget-content a {
+	color: #333333;
+}
+.ui-widget-header {
+	border: 1px solid #dddddd;
+	background: #e9e9e9;
+	color: #333333;
+	font-weight: bold;
+}
+.ui-widget-header a {
+	color: #333333;
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default,
+.ui-button,
+
+/* We use html here because we need a greater specificity to make sure disabled
+works properly when clicked or hovered */
+html .ui-button.ui-state-disabled:hover,
+html .ui-button.ui-state-disabled:active {
+	border: 1px solid #c5c5c5;
+	background: #f6f6f6;
+	font-weight: normal;
+	color: #454545;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited,
+a.ui-button,
+a:link.ui-button,
+a:visited.ui-button,
+.ui-button {
+	color: #454545;
+	text-decoration: none;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus,
+.ui-button:hover,
+.ui-button:focus {
+	border: 1px solid #cccccc;
+	background: #ededed;
+	font-weight: normal;
+	color: #2b2b2b;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited,
+a.ui-button:hover,
+a.ui-button:focus {
+	color: #2b2b2b;
+	text-decoration: none;
+}
+
+.ui-visual-focus {
+	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+a.ui-button:active,
+.ui-button:active,
+.ui-button.ui-state-active:hover {
+	border: 1px solid #003eff;
+	background: #007fff;
+	font-weight: normal;
+	color: #ffffff;
+}
+.ui-icon-background,
+.ui-state-active .ui-icon-background {
+	border: #003eff;
+	background-color: #ffffff;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+	border: 1px solid #dad55e;
+	background: #fffa90;
+	color: #777620;
+}
+.ui-state-checked {
+	border: 1px solid #dad55e;
+	background: #fffa90;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+	color: #777620;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+	border: 1px solid #f1a899;
+	background: #fddfdf;
+	color: #5f3f3f;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+	color: #5f3f3f;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+	color: #5f3f3f;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+	font-weight: bold;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+	opacity: .7;
+	font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+	opacity: .35;
+	background-image: none;
+}
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+	width: 16px;
+	height: 16px;
+}
+.ui-icon,
+.ui-widget-content .ui-icon {
+	background-image: url("images/ui-icons_444444_256x240.png");
+}
+.ui-widget-header .ui-icon {
+	background-image: url("images/ui-icons_444444_256x240.png");
+}
+.ui-state-hover .ui-icon,
+.ui-state-focus .ui-icon,
+.ui-button:hover .ui-icon,
+.ui-button:focus .ui-icon {
+	background-image: url("images/ui-icons_555555_256x240.png");
+}
+.ui-state-active .ui-icon,
+.ui-button:active .ui-icon {
+	background-image: url("images/ui-icons_ffffff_256x240.png");
+}
+.ui-state-highlight .ui-icon,
+.ui-button .ui-state-highlight.ui-icon {
+	background-image: url("images/ui-icons_777620_256x240.png");
+}
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+	background-image: url("images/ui-icons_cc0000_256x240.png");
+}
+.ui-button .ui-icon {
+	background-image: url("images/ui-icons_777777_256x240.png");
+}
+
+/* positioning */
+/* Three classes needed to override `.ui-button:hover .ui-icon` */
+.ui-icon-blank.ui-icon-blank.ui-icon-blank {
+	background-image: none;
+}
+.ui-icon-caret-1-n { background-position: 0 0; }
+.ui-icon-caret-1-ne { background-position: -16px 0; }
+.ui-icon-caret-1-e { background-position: -32px 0; }
+.ui-icon-caret-1-se { background-position: -48px 0; }
+.ui-icon-caret-1-s { background-position: -65px 0; }
+.ui-icon-caret-1-sw { background-position: -80px 0; }
+.ui-icon-caret-1-w { background-position: -96px 0; }
+.ui-icon-caret-1-nw { background-position: -112px 0; }
+.ui-icon-caret-2-n-s { background-position: -128px 0; }
+.ui-icon-caret-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -65px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -65px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-on { background-position: -96px -144px; }
+.ui-icon-radio-off { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+	border-top-left-radius: 3px;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+	border-top-right-radius: 3px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+	border-bottom-left-radius: 3px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+	border-bottom-right-radius: 3px;
+}
+
+/* Overlays */
+.ui-widget-overlay {
+	background: #aaaaaa;
+	opacity: .3;
+}
+.ui-widget-shadow {
+	box-shadow: 0px 0px 5px #666666;
+}

web/admin/item/jquery-ui/package.json

@@ -0,0 +1,76 @@
+{
+	"name": "jquery-ui",
+	"title": "jQuery UI",
+	"description": "A curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.",
+	"version": "1.14.2",
+	"homepage": "https://jqueryui.com",
+	"author": {
+		"name": "OpenJS Foundation and other contributors",
+		"url": "https://github.com/jquery/jquery-ui/blob/1.14.2/AUTHORS.txt"
+	},
+	"main": "ui/widget.js",
+	"maintainers": [
+		{
+			"name": "Jörn Zaefferer",
+			"email": "joern.zaefferer@gmail.com",
+			"url": "https://bassistance.de"
+		},
+		{
+			"name": "Mike Sherov",
+			"email": "mike.sherov@gmail.com",
+			"url": "https://mike.sherov.com"
+		},
+		{
+			"name": "TJ VanToll",
+			"email": "tj.vantoll@gmail.com",
+			"url": "https://www.tjvantoll.com"
+		},
+		{
+			"name": "Felix Nagel",
+			"email": "info@felixnagel.com",
+			"url": "https://www.felixnagel.com"
+		},
+		{
+			"name": "Alex Schmitz",
+			"email": "arschmitz@gmail.com",
+			"url": "https://github.com/arschmitz"
+		}
+	],
+	"repository": {
+		"type": "git",
+		"url": "git://github.com/jquery/jquery-ui.git"
+	},
+	"bugs": {
+		"url": "https://github.com/jquery/jquery-ui/issues"
+	},
+	"license": "MIT",
+	"scripts": {
+		"build": "grunt build",
+		"lint": "grunt lint",
+		"test:server": "jtr serve",
+		"test:unit": "jtr",
+		"test": "grunt && npm run test:unit -- --headless"
+	},
+	"dependencies": {
+		"jquery": ">=1.12.0 <5.0.0"
+	},
+	"devDependencies": {
+		"@swc/core": "1.15.2",
+		"commitplease": "3.2.0",
+		"eslint-config-jquery": "3.0.2",
+		"globals": "16.5.0",
+		"grunt": "1.6.1",
+		"grunt-bowercopy": "1.2.5",
+		"grunt-compare-size": "0.4.2",
+		"grunt-contrib-concat": "2.1.0",
+		"grunt-contrib-csslint": "2.0.0",
+		"grunt-contrib-requirejs": "1.0.0",
+		"grunt-eslint": "26.0.0",
+		"grunt-git-authors": "3.2.0",
+		"grunt-html": "18.0.2",
+		"jquery-test-runner": "0.2.8",
+		"load-grunt-tasks": "5.1.0",
+		"rimraf": "6.1.0"
+	},
+	"keywords": []
+}

web/admin/order/detail.aspx

@@ -0,0 +1,13 @@
+<%@ Page Title="" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="detail.aspx.cs" Inherits="admin_order_detail" %>
+
+<asp:Content ID="Content1" ContentPlaceHolderID="page_header" Runat="Server">
+</asp:Content>
+<asp:Content ID="Content2" ContentPlaceHolderID="page_nav" Runat="Server">
+</asp:Content>
+<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
+</asp:Content>
+<asp:Content ID="Content4" ContentPlaceHolderID="offCanvasRight" Runat="Server">
+</asp:Content>
+<asp:Content ID="Content5" ContentPlaceHolderID="footer_script" Runat="Server">
+</asp:Content>
+

web/admin/order/detail.aspx.cs

@@ -0,0 +1,14 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+public partial class admin_order_detail : System.Web.UI.Page
+{
+    protected void Page_Load(object sender, EventArgs e)
+    {
+
+    }
+}

web/admin/order/index3.aspx

@@ -0,0 +1,861 @@
+<%@ Page Title="" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="index3.aspx.cs" Inherits="admin_order_index3" %>
+<%@ Register Src="~/admin/_uc/alert.ascx" TagPrefix="uc1" TagName="alert" %>
+<asp:Content ID="Content1" ContentPlaceHolderID="page_header" runat="Server">
+</asp:Content>
+<asp:Content ID="Content2" ContentPlaceHolderID="page_nav" runat="Server">
+       
+</asp:Content>
+<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
+    <uc1:alert runat="server" ID="L_msg" Text="" />
+
+    <keep-alive>
+        <component
+            :is="currentView" :form-data="$data">
+
+        </component>
+    </keep-alive>  
+
+
+<div id="print_data">
+</div>        
+</asp:Content>
+<asp:Content ID="Content4" ContentPlaceHolderID="offCanvasRight" runat="Server">
+        
+</asp:Content>
+<asp:Content ID="Content5" ContentPlaceHolderID="footer_script" runat="Server">
+       <script>
+           Vue.filter('timeString', function (value, myFormat) {
+               return value == null || value == "" ? "" : moment(value).format(myFormat || 'YYYY-MM-DD, HH:mm:ss');
+           });
+      
+
+           Vue.component('step-one', {
+               
+               template: `
+                    <div  class="container-fluid">
+                        <v-data-table 
+                            v-model="data_table.selected"
+                            :items="data_table.list"
+                            :search-props="search"
+                            item-key="order_no"
+                            :options.sync="options"
+                            :headers="data_table.header"
+                            :footer-props="data_table.footer"
+                            :server-items-length="data_table.count"
+                            :loading="data_table.loading"
+                            :single-select="data_table.singleSelect"
+                            show-select
+                            hide-default-footer
+                            :page.sync="data_table.page"
+                            :items-per-page.sync="data_table.pageSize"
+                            class="elevation-1">
+                            <template #item.up_time="{ item }" >
+                                 {{ item.up_time|timeString('YYYY/MM/DD') }} 
+                            </template>     
+                            <template #item.u_name="{ item }" >
+                                 <a v-if="item.f_num != null && item.activity_num != null" @click="checkInMsg(item)"  class="btn btn-outline-secondary btn-sm"><i class="mdi mdi-account-check"></i>報到</a>
+                                 {{ item.u_name }} 
+                            </template> 
+                            <template #item.slot_btn="{ item }">
+                                <a @click="$root.currentView='step-two';$root.selected_act=item.num" class="btn btn-outline-secondary btn-sm">明細</a>
+                                <a @click="deleteItem(item)" class="btn btn-outline-secondary btn-sm"><i class="mdi mdi-trash-can"></i>刪除</a>         
+                            </template>
+                        </v-data-table> 
+                        <v-container>
+                            <v-row class="align-baseline" wrap>
+                                <v-col cols="12" md="9">
+                                    <v-pagination
+                                        v-model="data_table.page"
+                                        :length="pageCount">
+                                    </v-pagination>
+                                </v-col>
+                                <v-col class="text-truncate text-right" cols="12" md="2">
+                                    共 {{ data_table.count }} 筆, 頁數:
+                                </v-col>
+                                <v-col cols="6" md="1">
+                                    <v-text-field
+                                        v-model="data_table.page"
+                                        type="number"
+                                        hide-details
+                                        dense
+                                        min="1"
+                                        :max="pageCount"
+                                        @input="data_table.page = parseInt($event, 10)"
+                                    ></v-text-field>
+                                </v-col>                                
+                            </v-row>
+                        </v-container>
+                     </div>`,   
+               props: ['formData'],
+               data() {
+                   return {
+                       this_act: '<%= Request["act_id"]%>',
+                       options: { multiSort: false },
+                       search_options: { multiSort: false },
+
+                       data_table: {
+                           loading: true,
+                           list: [],
+                           selected: [],
+                           singleSelect: false,
+                           count: 0,
+                           page: 1,
+                           pageSize: 10,
+                           header: [
+                               { text: '活動分類', value: 'kindsTxt' },
+                               { text: '活動名稱', value: 'subject' },
+                               { text: '開始日期', value: 'startDate_solar' },
+                               { text: '結束日期', value: 'endDate_solar', align: 'start' },
+                               { text: '報名人數', value: 'orderCounts' },
+                               { text: '', value: 'slot_btn', sortable: false, align: 'end' }
+                           ],
+                           footer: {
+                               showFirstLastPage: true,
+                               itemsPerPageOptions: [5, 10, 20, 30],
+                           },
+                       },
+                       //列印管理報表
+                       print_conditions: 'yy',
+                       print_search: {
+                           year: '',
+                           month: '',
+                           season: '',
+                           chk_hasact: false,
+                           chk_noact: false,
+                           select_act: '',
+                           select_actitem: '',
+
+                       },
+                       select_act_list: [],
+                       select_items: {
+                           month: [{
+                               text: "請選擇",
+                               val: 0
+                           },],
+                           season: [{
+                               text: "請選擇",
+                               val: 0
+                           },],
+                       },
+                       print_dialog: {
+                           show: false,
+                       },
+                       search_dialog: {
+                           controls: {
+                               search1: {
+                                   id: 'search1',
+                                   title: '國籍',
+                                   text_prop: 'name_zh',
+                                   value_prop: 'id',
+                                   keys: [
+                                       { id: 'keyword', title: '關鍵字' },
+                                   ],
+                                   api_url: HTTP_HOST + 'api/country/GetList',
+                                   columns: [
+                                       { id: 'id', title: '代碼' },
+                                       { id: 'name_en', title: '英文短名稱' },
+                                       { id: 'name_zh', title: '中文名稱' },
+                                   ],
+                                   selected: {},
+                                   select(item, t) {
+                                       //console.log("select search1", t);
+                                       t.search.country = item.id;
+                                       t.search.country2 = '';
+                                   }
+                               },
+                               search2: {
+                                   id: 'search2',
+                                   title: '報名活動',
+                                   text_prop: 'subject',
+                                   value_prop: 'num',
+                                   keys: [
+                                       { id: 'subject', title: '活動名稱', value: '' },
+                                       { id: 'kindTxt', title: '活動分類' },
+                                   ],
+                                   api_url: HTTP_HOST + 'api/activity/GetList',
+                                   columns: [
+                                       { id: 'subject', title: '活動名稱' },
+                                       { id: 'kindTxt', title: '活動分類' },
+                                   ],
+                                   selected: {},
+                                   select(item, t) {
+                                       t.print_search.select_act = item.num;
+                                   }
+                               },
+                               search3: {
+                                   id: 'search3',
+                                   title: '活動品項',
+                                   text_prop: 'subject',
+                                   value_prop: 'num',
+                                   keys: [
+                                       { id: 'subject', title: '項目名稱', value: '' },
+                                       { id: 'kindTxt', title: '項目分類' },
+                                       { id: 'num', visible: false },
+                                   ],
+                                   api_url: HTTP_HOST + 'api/activity/GetOrderList',
+                                   columns: [
+                                       { id: 'subject', title: '項目名稱' },
+                                       { id: 'kindTxt', title: '項目分類' },
+                                   ],
+                                   selected: {},
+                                   select(item, t) {
+                                       t.print_search.select_actitem = item.num;
+                                   }
+                               }
+
+                           }, show: false,
+                           current: {},
+                           list: [],
+                           count: 0,
+                           page: 1,
+                           loading: false,
+                           footer: {
+                               showFirstLastPage: true,
+                               disableItemsPerPage: true,
+                               itemsPerPageAllText: '',
+                               itemsPerPageText: '',
+                           },
+                       },
+                       search: {
+                           keyin1: '',
+                           order_no: '',
+                           subject: '',
+                           u_name: '',
+                           up_time1: '',
+                           up_time2: '',
+                           actItemTxt: '',
+                           introducerTxt: '',
+                           activity_num: '',
+                           country: '',
+                           country2: '',
+                           hasPrice: '',
+                       }
+                       //報到
+                       , check_dialog: {
+                           show: false,
+                       },
+                       check_data: {
+                           f_num: 0,
+                           u_name: '',
+                           activity_num: 0,
+                           activity_name: '',
+                           qty: 1,
+                           status: {
+                               text: '',
+                               val: 1
+                           },
+                       },
+                       keyin1_items: [//狀態
+                           //{ 
+                           //text: "請選擇",
+                           //val: 0
+                           //},
+                       ],
+                   };
+               },
+               mounted() {
+                   this.detalKeyinArray();
+                   this.search_dialog.current = this.search_dialog.controls.search1 ///default
+                   if (this.this_act != '')
+                       this.search.activity_num = this.this_act;
+                   //this.initPrintSearch();
+                   //this.initActivity();
+                   const navEntries = performance.getEntriesByType("navigation");
+                   const isReload = navEntries.length > 0 && navEntries[0].type === "reload";
+                   if (isReload) {
+                       sessionStorage.removeItem("orderpage");
+                   }
+                   else {
+                       const savedPage = parseInt(sessionStorage.getItem('orderpage'));
+                       if (savedPage) {
+                           this.options.page = savedPage;
+                       }
+                   }
+               },
+               watch: {
+                   options: {
+                       handler() {
+                           this.getDefault()
+                       },
+                       deep: true,
+                   },
+                   search_options: {
+                       handler() {
+                           this.search_get()
+                       },
+                       deep: true,
+                   },
+               },
+               methods: {
+                   search_show(curr) {
+                       //console.log("btn_click:", curr, curr.api_url);
+                       this.search_dialog.current = curr;
+                       this.search_clear()
+                       //this.search_get()//清除完自動會重抓, 故取消
+                       this.search_dialog.show = true;
+                   },
+                   search_clear() {
+                       if (!this.search_dialog.current.keys) return;
+                       this.search_dialog.current.keys.forEach((t, i) => { t.value = '' })
+                       this.search_get()
+                   },
+                   search_get() {
+                       if (!this.search_dialog.current.keys) return;
+                       let api_url = this.search_dialog.current.api_url;
+                       let keys = this.search_dialog.current.keys;
+                       //const { page, itemsPerPage } = this.options
+                       //const { sortBy, sortDesc, page, itemsPerPage } = this.options
+                       this.search_dialog.page = this.search_options.page ?? 1
+                       let params = { page: this.search_dialog.page, pageSize: 10 };//url params
+                       var search = {};//post body
+                       keys.forEach((t, i) => {
+                           search[t.id] = t.value;
+                       });
+                       //necessary parameter===
+                       if (this.search_dialog.current.id == 'search2') {
+                           params = { sortBy: 'startDate_solar', sortDesc: true, page: this.search_dialog.page, pageSize: 10 };//url params
+                       }
+
+                       console.log("search_get", api_url, search, params, this.search_options);
+                       this.search_dialog.loading = true
+                       axios.post(api_url, search, { params: params })
+                           .then(response => {
+                               this.search_dialog.list = response.data.list
+                               this.search_dialog.count = response.data.count
+                               this.search_dialog.loading = false
+                           })
+                           .catch(error => {
+                               console.log(error)
+                               this.search_dialog.list = []
+                               this.search_dialog.count = 0
+                               this.search_dialog.loading = false
+                               this.snackbar.text = "錯誤:" + error
+                               this.snackbar.show = true
+                           })
+                   },
+                   search_headers() {
+                       if (!this.search_dialog.current.columns) return;
+                       r = [];
+                       this.search_dialog.current.columns.forEach((t, i) => {
+                           r.push({
+                               text: t.title,
+                               align: 'start',
+                               sortable: false,
+                               value: t.id,
+                           })
+                       })
+                       return r
+                   },
+                   search_select(row) {
+                       let curr = this.search_dialog.current;
+                       let target = $(`[data-search-control=${curr.id}]`);
+                       curr.selected = row;
+                       target.children("input.search-text").val(curr.selected[curr.text_prop])//text
+                       target.children("input:hidden").val(curr.selected[curr.value_prop])//value
+                       if (curr.select instanceof Function) {
+                           curr.select(row, this);
+                       }
+                       this.search_dialog.show = false;
+                       //console.log(row, row["u_name"], row["f_number"], curr.id, target);
+                   },
+                   getDetail(clearpage = false) {
+                       console.log("test");
+                       const { sortBy, sortDesc, page, itemsPerPage } = this.options
+                       const params = {
+                           sortBy: sortBy[0], sortDesc: sortDesc[0],
+                           page: clearpage ? '1' : page, pageSize: itemsPerPage
+                       };
+                       this.detail_table.loading = true
+                       sessionStorage.setItem('orderpage', clearpage ? '1' : page);
+                       axios
+                           //.post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                           .post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                           .then(response => {
+                               this.detail_table.list = response.data.list
+                               this.detail_table.count = response.data.count;
+                               this.detail_table.loading = false
+                           })
+                           .catch(error => console.log(error))
+                   },
+                   getDefault(clearpage = false) {
+                       const { sortBy, sortDesc, page, itemsPerPage } = this.options
+                       const params = {
+                           sortBy: sortBy[0], sortDesc: sortDesc[0],
+                           page: clearpage ? '1' : page, pageSize: itemsPerPage
+                       };
+                       this.data_table.loading = true
+                       sessionStorage.setItem('orderpage', clearpage ? '1' : page);
+                       axios
+                           //.post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                           .post(HTTP_HOST + 'api/activity/GetList', this.search, { params: params })
+                           .then(response => {
+                               this.data_table.list = response.data.list
+                               this.data_table.count = response.data.count;
+                               this.data_table.loading = false
+                           })
+                           .catch(error => console.log(error))
+                   },
+                   detalKeyinArray() {
+                       var getArray = <%=Newtonsoft.Json.JsonConvert.SerializeObject(_keyin1Item, Newtonsoft.Json.Formatting.Indented) %>;
+                       var keys = Object.keys(getArray);
+                       for (let i = 0; i < keys.length; i++) {
+                           //console.log(`${keys[i]}:${getArray[keys[i]]}`); //value : text
+                           var _tmp = {
+                               text: getArray[keys[i]],
+                               val: parseInt(keys[i]),
+                           }
+                           this.keyin1_items.push(_tmp);
+                       }
+
+                   },
+                   editItem(item) {
+                       console.log("edit", item);
+                   },
+                   deleteItem(item) {
+                       if (confirm('是否確定刪除此筆資料?')) {
+                           const index = this.data_table.list.indexOf(item)
+                           if (index != -1) {
+                               axios
+                                   .delete(HTTP_HOST + 'api/order/' + item.order_no)
+                                   .then(response => {
+                                       console.log("del", item);
+                                       this.data_table.list.splice(index, 1);
+                                       this.data_table.count = this.data_table.list.length
+                                   })
+                                   .catch(error => console.log(error))
+                           }
+                       }
+                   },
+                   deleteAll() {
+                       if (confirm('是否確定刪除已勾選的資料?')) {
+                           axios
+                               .delete(HTTP_HOST + 'api/order/DeleteAll/' + this.data_table.selected.map(x => x.order_no))
+                               .then(response => {
+                                   //console.log("delAll");
+
+                                   //for (var i = 0; i < this.data_table.selected.length; i++) {
+                                   //    const index = this.data_table.list.indexOf(this.data_table.selected[i]);
+                                   //    this.data_table.list.splice(index, 1);
+                                   //}
+                                   //this.data_table.selected = [];
+                                   //this.data_table.count = this.data_table.list.length
+                                   location.reload();
+                               })
+                               .catch(error => console.log(error))
+                       }
+                   },
+                   btn_search() {
+                       this.this_act = '';
+                       this.search.activity_num = '';
+
+                       this.getDefault(true)
+                   },
+                   btn_all() {
+                       this.this_act = '';
+                       this.search.activity_num = '';
+                       clearObjProps(this.search);
+                       this.btn_search()
+                   },
+                   checkInMsg(item) {
+                       this.check_data.f_num = item.f_num;
+                       this.check_data.u_name = item.u_name;
+                       this.check_data.activity_num = item.activity_num;
+                       this.check_data.activity_name = item.subject;
+                       this.check_dialog.show = true;
+                   },
+                   checkIn() {
+                       if (this.check_data.qty > 0 && this.check_data.status.val > 0) {
+                           var chechdata =
+                           {
+                               f_num: this.check_data.f_num,
+                               activity_num: this.check_data.activity_num,
+                               status: this.check_data.status.val,
+                               qty: this.check_data.qty,
+                           }
+                           axios
+                               .post(HTTP_HOST + 'api/activity/OrderCheckIn', chechdata)
+                               .then(response => {
+                                   //清空
+                                   this.check_data.f_num = 0;
+                                   this.check_data.u_name = '';
+                                   this.check_data.activity_num = 0;
+                                   this.check_data.activity_name = '';
+                                   this.check_data.qty = 1;
+                                   this.check_data.status.text = '';
+                                   this.check_data.status.val = 1;
+
+                                   this.check_dialog.show = false;
+                                   msgtop('簽到成功')
+                               })
+                               .catch(
+                                   error => {
+                                       console.log(error)
+                                       msgtop('簽到失敗', 'error')
+                                   }
+                               )
+                       } else {
+                           msgbox('報到資訊請填寫完整');
+                       }
+                   }, goPrint() {
+                       let _qry = "";
+                       Object.keys(this.search).forEach(key => {
+                           //console.log(`${key}: ${this.search[key]}`);
+                           if (this.search[key] != undefined && this.search[key] != null && this.search[key] != '') {
+                               _qry += (_qry != '' ? '&' : '?') + (key + '=' + this.search[key]);
+                           }
+                       });
+                       window.open("print.aspx" + _qry, '_blank');
+                   },
+                   countryChange() {
+                       this.search.country = '';
+                       $('#country_txt').val('')
+                   },
+                   //列印管理報表
+                   print_close() {
+                       this.print_dialog.show = false;
+                   }
+                   ,
+                   initPrintSearch() {
+                       //下拉選單
+                       for (let i = 1; i <= 12; i++) {
+                           var _tmp = {
+                               text: i,
+                               val: i,
+                           }
+                           this.select_items.month.push(_tmp);
+                       }
+                       for (let i = 1; i <= 4; i++) {
+                           var _tmp = {
+                               text: i,
+                               val: i,
+                           }
+                           this.select_items.season.push(_tmp);
+                       }
+
+                       //預設值
+                       const Today = new Date();//現在日期時間
+                       const first_date = new Date(Today.getFullYear(), Today.getMonth(), 1); //本月第一天
+                       const last_month_date = new Date(first_date - 1); //上個月最後一天
+
+                       this.print_search.year = last_month_date.getFullYear();
+                       this.print_search.month = last_month_date.getMonth() + 1 //預設上個月的年份
+
+                       let _season = 1;
+                       const _month = first_date.getMonth() + 1; //本月
+                       if (_month >= 1 && _month <= 3) {
+                           _season = 4;
+                       } else if (_month >= 4 && _month <= 6) {
+                           _season = 1;
+                       } else if (_month >= 7 && _month <= 9) {
+                           _season = 2;
+                       } else if (_month >= 10 && _month <= 12) {
+                           _season = 3;
+                       }
+                       this.print_search.season = _season; //預設上一季
+
+                   },
+                   goPrint2() {
+                       if (this.print_search.year != '') {
+                           if (this.print_search.chk_noact || this.print_search.chk_hasact) {
+                               let _qry = "";
+                               Object.keys(this.print_search).forEach(key => {
+                                   if (this.print_search[key] != undefined && this.print_search[key] != null && this.print_search[key] != '') {
+                                       if (key == 'month') {
+                                           if (this.print_conditions == 'mm') {
+                                               _qry += "&month=" + this.print_search.month;
+                                           }
+                                       } else if (key == 'season') {
+                                           if (this.print_conditions == 'ss') {
+                                               _qry += "&season=" + this.print_search.season;
+                                           }
+                                       }
+                                       else {
+                                           _qry += (_qry != '' ? '&' : '?') + (key + '=' + this.print_search[key]);
+                                       }
+                                   }
+                               });
+
+                               this.print_dialog.show = false;
+                               window.open("print.aspx" + _qry, '_blank');
+                           } else {
+                               msgbox('活動/非活動至少勾選一項');
+                           }
+
+
+                       } else {
+                           msgbox('請輸入年份');
+                       }
+
+                   }, chk_hasact_change() {
+                       if (!this.print_search.chk_hasact) {
+                           //$('#activity_num_txt').val('')
+                           //this.print_search.select_act = '';
+                           this.clear_select_act();
+                           $('#activity_num_txt').attr("placeholder", "可選擇單一活動(需先勾選活動報名)");
+                       } else {
+                           $('#activity_num_txt').attr("placeholder", "可選擇單一活動");
+                       }
+
+                   },
+                   clear_select_act() {
+                       $('#activity_num_txt').val('')
+                       this.print_search.select_act = '';
+                   }, clear_select_actitem() {
+                       $('#actItem_num_txt').val('')
+                       this.print_search.select_actitem = '';
+                   },
+                   initActivity() {
+                       axios.get(HTTP_HOST + 'api/activity')
+                           .then(response => {
+                               this.select_act_list = response.data
+                           })
+                           .catch(error => {
+                               console.log(error)
+                           })
+                   }
+               },
+               computed: {
+                   pageCount() {
+                       return Math.ceil(this.data_table.count / this.data_table.pageSize)
+                   },
+               }
+           
+           });
+
+           Vue.component('step-two', {
+               template: `
+                 <div  class="container-fluid">
+                    <v-data-table
+                        v-model="detail_table.selected"
+                        :items="detail_table.list"
+                        :search-props="search"
+                        item-key="order_no"
+                        :options.sync="options"
+                        :headers="detail_table.header"
+                        :footer-props="detail_table.footer"
+                        :server-items-length="detail_table.count"
+                        :loading="detail_table.loading"
+                        :single-select="detail_table.singleSelect"
+                        show-select
+                        hide-default-footer
+                        :page.sync="detail_table.page"
+                        :items-per-page.sync="detail_table.pageSize"
+                        class="elevation-1">
+                        <template #item.slot_btn="{ item }">
+                            <a :href="'reg.aspx?order_no='+item.order_no" class="btn btn-outline-secondary btn-sm"><i class="mdi mdi-pencil-box-outline"></i>修改</a>
+                            <a @click="$root.currentView='step-three';$root.selected_order=item.order_no" class="btn btn-outline-secondary btn-sm">明細</a>
+                            <a @click="deleteItem(item)" class="btn btn-outline-secondary btn-sm"><i class="mdi mdi-trash-can"></i>刪除</a>
+                        </template>
+                    </v-data-table>
+                    <v-container>
+                        <v-row class="align-baseline" wrap>
+                            <v-col cols="12" md="9">
+                                <v-pagination
+                                    v-model="detail_table.page"
+                                    :length="pageCount">
+                                </v-pagination>
+                            </v-col>
+                            <v-col class="text-truncate text-right" cols="12" md="2">
+                                共 {{ detail_table.count }} 筆, 頁數:
+                            </v-col>
+                            <v-col cols="6" md="1">
+                                <v-text-field
+                                    v-model="detail_table.page"
+                                    type="number"
+                                    hide-details
+                                    dense
+                                    min="1"
+                                    :max="pageCount"
+                                    @input="detail_table.page = parseInt($event, 10)"
+                                ></v-text-field>
+                            </v-col>
+                        </v-row>
+                    </v-container>
+                 </div>`,   
+            
+               props: ['twoData'],
+               activated() {
+                   console.log("yes ,go go");
+                   this.getDetail();
+               },
+               data() {
+                   return {
+                       options: { multiSort: false },
+                       search_options: { multiSort: false },
+                       detail_table: {
+                           loading: true,
+                           list: [],
+                           selected: [],
+                           singleSelect: false,
+                           count: 0,
+                           page: 1,
+                           pageSize: 10,
+                           header: [
+                               { text: '單號', value: 'order_no' },
+                               { text: '姓名', value: 'u_name' },
+                               { text: '報名日期', value: 'up_time' },
+                               { text: '單據狀態', value: 'keyin1_txt', align: 'start' },
+                               { text: '', value: 'slot_btn', sortable: false, align: 'end' }
+                           ],
+                           footer: {
+                               showFirstLastPage: true,
+                               itemsPerPageOptions: [5, 10, 20, 30],
+                           },
+                       },
+                       search: {
+                           keyin1: '',
+                           order_no: '',
+                           subject: '',
+                           u_name: '',
+                           up_time1: '',
+                           up_time2: '',
+                           actItemTxt: '',
+                           introducerTxt: '',
+                           activity_num: '',
+                           country: '',
+                           country2: '',
+                           hasPrice: '',
+                       }
+                 };
+               },
+               watch: {
+                   options: {
+                       handler() {
+                           this.getDetail()
+                       },
+                       deep: true,
+                   },
+                   
+               },
+               methods: {
+                   getDetail() {
+                       const { sortBy, sortDesc, page, itemsPerPage } = this.options
+                       const params = {
+                           //sortBy: sortBy == undefined ? "order_no" : sortBy[0],
+                           //sortDesc: sortDesc == undefined ? "" : sortDesc[0],
+                           //page: clearpage ? '1' : page, pageSize: itemsPerPage,
+                           page:'1',pageSize:10,
+                           
+                       };
+                       this.search = { activity_num: this.$root.selected_act }
+                       this.detail_table.loading = true
+                       sessionStorage.setItem('orderpage','1');// clearpage ? '1' : page
+                       axios
+                           .post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                           .then(response => {
+                               this.detail_table.list = response.data.list
+                               this.detail_table.count = response.data.count;
+                               this.detail_table.loading = false
+                           })
+                           .catch(error => console.log(error))
+                   },
+               },
+               computed: {
+                   pageCount() {
+                       return Math.ceil(this.detail_table.count / this.detail_table.pageSize)
+                   },
+               }
+           });
+
+
+           Vue.component('step-three', {
+               template: `<div>放報名資料</div>`,
+               props:['signData']
+           });
+           let VueApp = new Vue({
+               el: '#app',
+               vuetify: new Vuetify(),
+               data() {
+                   return {
+                       currentView: 'step-one',
+                       selected_act: '',
+                       selected_order:'',
+                   };
+               },activated() {
+                   console.log("yes ,go go");
+                   this.getDetail();
+               },
+               data() {
+                   return {
+                       options: { multiSort: false },
+                       search_options: { multiSort: false },
+                       sign_table: {
+                           loading: true,
+                           list: [],
+                           selected: [],
+                           singleSelect: false,
+                           count: 0,
+                           page: 1,
+                           pageSize: 10,
+                           header: [
+                               { text: '單號', value: 'order_no' },
+                               { text: '姓名', value: 'u_name' },
+                               { text: '報名日期', value: 'up_time' },
+                               { text: '單據狀態', value: 'keyin1_txt', align: 'start' },
+                               { text: '', value: 'slot_btn', sortable: false, align: 'end' }
+                           ],
+                           footer: {
+                               showFirstLastPage: true,
+                               itemsPerPageOptions: [5, 10, 20, 30],
+                           },
+                       },
+                       search: {
+                           keyin1: '',
+                           order_no: '',
+                           subject: '',
+                           u_name: '',
+                           up_time1: '',
+                           up_time2: '',
+                           actItemTxt: '',
+                           introducerTxt: '',
+                           activity_num: '',
+                           country: '',
+                           country2: '',
+                           hasPrice: '',
+                       }
+                   };
+               },
+               watch: {
+                   options: {
+                       handler() {
+                           this.getDetail()
+                       },
+                       deep: true,
+                   },
+
+               },
+               methods: {
+                   getDetail() {
+                       const { sortBy, sortDesc, page, itemsPerPage } = this.options
+                       const params = {
+                           //sortBy: sortBy == undefined ? "order_no" : sortBy[0],
+                           //sortDesc: sortDesc == undefined ? "" : sortDesc[0],
+                           //page: clearpage ? '1' : page, pageSize: itemsPerPage,
+                           page: '1', pageSize: 10,
+
+                       };
+                       this.search = { activity_num: this.$root.selected_act }
+                       this.detail_table.loading = true
+                       sessionStorage.setItem('orderpage', '1');// clearpage ? '1' : page
+                       axios
+                           .post(HTTP_HOST + 'api/order/GetList', this.search, { params: params })
+                           .then(response => {
+                               this.detail_table.list = response.data.list
+                               this.detail_table.count = response.data.count;
+                               this.detail_table.loading = false
+                           })
+                           .catch(error => console.log(error))
+                   },
+               },
+               computed: {
+                   pageCount() {
+                       return Math.ceil(this.detail_table.count / this.detail_table.pageSize)
+                   },
+               }
+           });
+
+
+
+       </script>   
+</asp:Content>
+

web/admin/order/index3.aspx.cs

@@ -0,0 +1,284 @@
+using DocumentFormat.OpenXml;
+using DocumentFormat.OpenXml.Packaging;
+using DocumentFormat.OpenXml.Spreadsheet;
+using System;
+using System.Collections;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+using static Model.activity_check;
+
+public partial class admin_order_index3 : MyWeb.config
+{
+    private Model.ezEntities _db = new Model.ezEntities();
+    public Dictionary<int, string> _keyin1Item = null;
+    protected void Page_Load(object sender, EventArgs e)
+    {
+        if (!IsPostBack)
+        {
+
+            Model.pro_order order = new Model.pro_order();
+            ArrayList options = order.keyin1_list();
+            foreach (Model.pro_order.keyin optionKey in options)
+            {
+                ListItem item = new ListItem(optionKey.Text, optionKey.Value);
+                item.Attributes.Add("style", "color:" + optionKey.Color);
+                //s_keyin1.Items.Add(item);
+            }
+
+            _keyin1Item = publicFun.enum_desc<Model.activity_check.keyin1>(); //狀態
+            BuildKind();
+
+        }
+    }
+
+    public void detailButton_click(object sender, EventArgs e)
+    {
+    }
+    public void BuildKind()
+    {
+        //國籍
+        //s_country.Items.Clear();
+        //s_country.Items.Add(new ListItem("請選擇", ""));
+        var qry = _db.countries.OrderBy(x => x.range).ThenBy(x => x.name_en).ToList();
+        if (qry.Count > 0)
+        {
+            //foreach (var x in qry)
+                //s_country.Items.Add(new ListItem(x.name_zh, x.ID));
+        }
+
+    }
+    protected void excel_Click(object sender, EventArgs e)
+    {
+
+        //var memoryStream = new MemoryStream();
+        //using (var doc = SpreadsheetDocument.Create(memoryStream, SpreadsheetDocumentType.Workbook))
+        //{
+        //    var wb = doc.AddWorkbookPart();
+        //    wb.Workbook = new Workbook();
+        //    var sheets = wb.Workbook.AppendChild(new Sheets());
+
+        //    //建立第一個頁籤
+        //    var ws = wb.AddNewPart<WorksheetPart>();
+        //    ws.Worksheet = new Worksheet();
+        //    sheets.Append(new Sheet()
+        //    {
+        //        Id = wb.GetIdOfPart(ws),
+        //        SheetId = 1,
+        //        Name = "報名"
+        //    });
+
+        //    //設定欄寬
+        //    var cu = new Columns();
+        //    cu.Append(
+        //        new Column { Min = 1, Max = 1, Width = 15, CustomWidth = true },
+        //        new Column { Min = 2, Max = 4, Width = 10, CustomWidth = true },
+        //        new Column { Min = 5, Max = 5, Width = 15, CustomWidth = true },
+        //        new Column { Min = 6, Max = 8, Width = 25, CustomWidth = true },
+        //        new Column { Min = 9, Max = 9, Width = 15, CustomWidth = true },
+        //        new Column { Min = 10, Max = 10, Width = 10, CustomWidth = true },
+        //        new Column { Min = 11, Max = 11, Width = 25, CustomWidth = true },
+        //        new Column { Min = 12, Max = 16, Width = 10, CustomWidth = true },
+        //        new Column { Min = 17, Max = 20, Width = 10, CustomWidth = true }
+        //    );
+        //    ws.Worksheet.Append(cu);
+
+        //    //建立資料頁
+        //    var sd = new SheetData();
+        //    ws.Worksheet.AppendChild(sd);
+
+        //    //第一列資料
+        //    var tr = new Row();
+        //    tr.Append(
+        //        new Cell() { CellValue = new CellValue("單號"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("報名日期"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("單據狀態"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("姓名/名稱"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("聯絡電話"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("報名活動"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("收件地址"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("備註"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("項目名稱"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("姓名"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("代表地址"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("陽上/報恩者"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("開始日期"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("期滿日期"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("應續約日"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("劃位狀態"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("預設金額"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("數量"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("小計"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("已收金額"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("未收金額"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("付款期限"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("報名狀態"), DataType = CellValues.String },
+        //        new Cell() { CellValue = new CellValue("狀態備註"), DataType = CellValues.String }
+        //    );
+        //    sd.AppendChild(tr);
+
+        //    //查詢要匯出的資料
+        //    // ❌ 錯誤寫法: var aIDt = _db.actItems.Where(f => f.subject.Contains(s_actItemTxt.Value.Trim())).Select(f => f.num.ToString());
+        //    // 改為整數陣列，避免後續查詢中使用 .ToString()
+        //    var aIDt = _db.actItems.Where(f => f.subject.Contains(s_actItemTxt.Value.Trim())).Select(f => f.num).ToArray();//品項
+        //    var qry = _db.pro_order.AsQueryable();
+
+        //    if (!isStrNull(s_order_no.Value))
+        //        qry = qry.Where(o => o.order_no.Contains(s_order_no.Value.Trim()));
+        //    if (!isStrNull(s_u_name.Value))
+        //        qry = qry.Where(o => o.f_num.HasValue && o.follower.u_name.Contains(s_u_name.Value.Trim()));
+        //    if (!isStrNull(s_introducerTxt.Value))
+        //        qry = qry.Where(o => o.f_num.HasValue && o.follower1.u_name.Contains(s_introducerTxt.Value.Trim()));
+        //    if (!isStrNull(s_subject.Value))
+        //        qry = qry.Where(o => o.activity_num.HasValue && o.activity.subject.Contains(s_subject.Value.Trim()));
+        //    if (!isStrNull(s_actItemTxt.Value))
+        //    {
+        //        // ❌ 錯誤寫法: qry = qry.Where(o => o.pro_order_detail.Where(f2 => f2.order_no == o.order_no && aIDt.ToArray().Contains(f2.actItem_num.ToString())).Count() > 0);
+        //        // ✅ 實際比較：僅在 actItem_num 有值時才與整數陣列比對
+        //        qry = qry.Where(o => o.pro_order_detail.Any(f2 =>
+        //            f2.order_no == o.order_no &&
+        //            f2.actItem_num.HasValue &&
+        //            aIDt.Contains(f2.actItem_num.Value)));
+        //    }
+        //    if (!isStrNull(s_keyin1.SelectedValue))
+        //        qry = qry.Where(o => o.keyin1 == s_keyin1.SelectedValue);
+
+        //    if (!isStrNull(s_up_time1.Value) && isDate(s_up_time1.Value))
+        //        qry = qry.Where(o => o.up_time >= ValDate(s_up_time1.Value));
+        //    if (!isStrNull(s_up_time2.Value) && isDate(s_up_time2.Value))
+        //        qry = qry.Where(o => o.up_time < Convert.ToDateTime(s_up_time2.Value).AddDays(1));
+
+        //    qry = qry.OrderByDescending(o => o.reg_time);
+
+        //    MyWeb.encrypt encrypt = new MyWeb.encrypt();
+        //    var tdesc = publicFun.enum_desc<Model.pro_order.detailKeyin1>();
+
+        //    var bedDt = _db.bed_order_detail.AsQueryable();//掛單明細
+
+
+        //    //left join 使用 GroupJoin
+        //    //var list = qry.Join
+        //    var list = qry.GroupJoin(
+        //        _db.pro_order_detail, o => o.order_no, p => p.order_no, (o, c) =>
+        //        new
+        //        {
+        //            //訂單資料
+        //            order_no = o.order_no,
+        //            up_time = o.up_time,
+        //            keyin1 = o.keyin1,
+        //            f_num = o.follower != null ? o.follower.u_name : "", //姓名/名稱
+        //            phone = o.phone,
+        //            activity_num = o.activity_num.HasValue ? o.activity.subject : "",
+        //            address = o.address,
+        //            demo = o.demo,
+        //            c
+        //        }).SelectMany(o => o.c.DefaultIfEmpty(), (o, d) => //SelectMany 展開
+        //        new
+        //        {
+        //            //訂單資料
+        //            order_no = o.order_no,
+        //            up_time = o.up_time,
+        //            keyin1 = o.keyin1,
+        //            f_num = o.f_num, //姓名/名稱
+        //            phone = o.phone,
+        //            activity_num = o.activity_num,
+        //            address = o.address,
+        //            demo = o.demo,
+
+        //            //訂單明細
+        //            //使用DefaultIfEmpty 因匿名型別無法輸出NULL(無法轉換成強型別)，需特別注意Null的處理
+        //            d_actItem_num = d == null ? "" : (d.actItem_num.HasValue ? d.actItem.subject : ""), //項目名稱
+        //            d_category = d == null ? "" : (d.actItem_num.HasValue ? d.actItem.category.ToString() : ""),
+        //            d_f_num = d == null ? "" : (d.f_num.HasValue ? d.follower.u_name : ""), //姓名
+        //            d_address = d == null ? "" : d.address,
+        //            d_from_id = d == null ? "" : (d.from_id.HasValue ? d.follower1.u_name : ""), //陽上/報恩者
+        //            d_start_date = d == null ? "" : (d.start_date.HasValue ? d.start_date.Value.ToString("yyyy/MM/dd") : ""), //開始日期
+        //            d_due_date = d == null ? "" : (d.due_date.HasValue ? d.due_date.Value.ToString("yyyy/MM/dd") : ""), //期滿日期
+        //            d_extend_date = d == null ? "" : (d.extend_date.HasValue ? d.extend_date.Value.ToString("yyyy/MM/dd") : ""), //應續約日
+        //            d_price = d == null ? "" : (d.price.HasValue ? d.price.Value.ToString() : "0"), //預設金額
+        //            d_qty = d == null ? "" : (d.qty.HasValue ? d.qty.Value.ToString() : "0"), //數量
+        //            d_writeBedQty = d == null ? 0 : bedDt.Where(b => (b.bed_order.o_detail_id.Value == d.num) && b.checkIn_date.HasValue && b.bed_kind_detail_id.HasValue).Count(), //已劃數量
+        //            d_notBedQty = d == null ? 0 : bedDt.Where(b => b.bed_order.o_detail_id.Value == d.num && (!b.checkIn_date.HasValue || !b.bed_kind_detail_id.HasValue)).Count(), //未劃數量
+        //            d_pay = d == null ? "" : (d.pay.HasValue ? d.pay.Value.ToString() : "0"), //已收金額
+        //            d_pay_date = d == null ? "" : (d.pay_date.HasValue ? d.pay_date.Value.ToString("yyyy/MM/dd") : ""), //付款期限
+        //            d_keyin1 = d == null ? "" : (d.keyin1.HasValue && d.keyin1.Value > 0 ? tdesc[d.keyin1 ?? 1] : ""), //報名狀態
+        //            d_demo = d == null ? "" : d.demo, //狀態備註
+        //        }).ToList();
+
+
+
+
+
+        //    if (list.Count > 0)
+        //    {
+        //        foreach (var item in list)
+        //        {
+        //            //新增資料列
+        //            tr = new Row();
+        //            tr.Append(
+        //                new Cell() { CellValue = new CellValue(item.order_no), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.up_time.Value.ToString("yyyy/MM/dd")), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(Model.pro_order.keyin1_value_to_text(item.keyin1)), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.f_num), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(encrypt.DecryptAutoKey(item.phone)), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.activity_num), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.address), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.demo), DataType = CellValues.String },
+
+        //                new Cell() { CellValue = new CellValue(item.d_actItem_num), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_f_num), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_address), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_from_id), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_start_date), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_due_date), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_extend_date), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue((Val(item.d_category) == (int)Model.activity.category.Order) ? (item.d_notBedQty + "/" + item.d_writeBedQty) : ""), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue("$" + ValMoney(item.d_price)), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_qty), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue("$" + ValMoney(ValFloat(item.d_price) * Val(item.d_qty))), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue("$" + ValMoney(item.d_pay)), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue("$" + ValMoney(ValFloat(item.d_price) * Val(item.d_qty) - ValFloat(item.d_pay))), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_pay_date), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_keyin1), DataType = CellValues.String },
+        //                new Cell() { CellValue = new CellValue(item.d_demo), DataType = CellValues.String }
+        //                );
+        //            sd.AppendChild(tr);
+        //        }
+
+
+        //        Model.admin_log admin_log = new Model.admin_log();
+        //        admin_log.writeLog(admin.info.u_id, (int)Model.admin_log.Systems.Order, (int)Model.admin_log.Status.Excel, admin_log.LogViewBtn(list.Select(x => x.order_no).ToList()));
+
+
+        //    }
+
+        //}
+
+        //HttpContext.Current.Response.Clear();
+        //HttpContext.Current.Response.AddHeader("content-disposition", "attachment;  filename=報名.xlsx");
+        //HttpContext.Current.Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+        //HttpContext.Current.Response.BinaryWrite(memoryStream.ToArray());
+        //HttpContext.Current.Response.End();
+
+
+    }
+
+    private string GetCellReference(int column, int row)
+    {
+        int dividend = column;
+        string cellReference = string.Empty;
+
+        while (dividend > 0)
+        {
+            int modulo = (dividend - 1) % 26;
+            char columnChar = (char)('A' + modulo);
+            cellReference = columnChar + cellReference;
+            dividend = (dividend - modulo) / 26;
+        }
+
+        return cellReference + row.ToString();
+    }
+}

web/admin/order/reg.aspx

@@ -11,9 +11,9 @@
     border-bottom: 1px solid #eee;
 }
 </style>
+
 </asp:Content>
 <asp:Content ID="Content4" ContentPlaceHolderID="footer_script" runat="Server">
-
     <script>
         Vue.filter('timeString', function (value, myFormat) {
             return value == null || value == "" ? "" : moment(value).format(myFormat || 'YYYY-MM-DD, HH:mm:ss');
@@ -464,6 +464,11 @@
                         initialized: false,
                         currentItem: {}
                     },
+                    tablet_edit_new: {
+                        show: false,
+                        initialized: false,
+                        currentItem: {}
+                    },
                     //收款註記
                     cash_dialog: {
                         show: false,
@@ -538,7 +543,8 @@
                             //currentItem.f_num_tablet = JSON.stringify(receivedData.tablet_data);
                             this.editedItem = {
                                 ...currentItem,
-                                f_num_tablet: JSON.stringify(receivedData.tablet_data)
+                                f_num_tablet: JSON.stringify(receivedData.tablet_data),
+                                style: receivedData.style
                             };
                             // 呼叫 save 方法
                             await this.save();
@@ -546,10 +552,38 @@
 
                         // 關閉編輯對話框
                         this.tablet_edit.show = false;
+                        this.tablet_edit_new.show = false;
 
                         // 顯示成功訊息
                         this.snackbar.text = '牌位資料已更新';
                         this.snackbar.show = true;
+                    } else if (event.data.source === 'editorNew.btn.click') {
+
+                        const receivedData = event.data.data;
+
+                        // 更新編輯中的項目
+                        //if (receivedData.tabletItem && this.editedIndex > -1) {
+                        if (receivedData.tabletItem) {
+                            // 將 tablet_data 轉換為 JSON 字串
+                            //this.editedItem.f_num_tablet = JSON.stringify(receivedData.tablet_data);
+
+                            // 確保其他必要欄位保持不變
+                            const currentItem = this.desserts[this.editedIndex];
+                            //currentItem.f_num_tablet = JSON.stringify(receivedData.tablet_data);
+                            this.editedItem = {
+                                ...currentItem,
+                                f_num_tablet: JSON.stringify(receivedData.tablet_data),
+                                style: receivedData.style
+                            };
+                            // 呼叫 save 方法
+                            await this.save();
+                        }
+                        this.tablet_edit_new.show = false;
+
+                        // 顯示成功訊息
+                        this.snackbar.text = '牌位資料已更新';
+                        this.snackbar.show = true;
+
                     }
                 });
                 
@@ -560,6 +594,13 @@
                         this.tablet_edit.initialized = true;
                     };
                 }
+
+                const iframe1 = document.querySelector('iframe#tablet_edit_new_iframe');
+                if (iframe1) {
+                    iframe1.onload = () => {
+                        this.tablet_edit_new.initialized = true;
+                    };
+                }
             },
             watch: {
                 options: {
@@ -571,6 +612,17 @@
                 'tablet_edit.show': {
                     handler(newVal) {
                         if (!newVal && this._savedEditedItem) {
+                           // console.log("三小");
+                            this.editedItem = $.extend(true, {}, this._savedEditedItem);
+                            this._savedEditedItem = null;
+                        }
+                    }
+                },
+                'tablet_edit_new.show': {
+                    handler(newVal) {
+                        if (!newVal && this._savedEditedItem) {
+                            //console.log("不合理");
+                            //$("#tablet_edit_new_iframe").src = $("#tablet_edit_new_iframe").src;
                             this.editedItem = $.extend(true, {}, this._savedEditedItem);
                             this._savedEditedItem = null;
                         }
@@ -819,6 +871,34 @@
                     this.editedItem = $.extend(true, {}, item);
                     this.file_dialog.show = true;
                 },
+                async editTabletNew(item) {
+                    this.editedIndex = this.desserts.indexOf(item);
+                    this.editedItem = $.extend(true, {}, item);
+
+                    try {
+                        //document.getElementById("tablet_edit_new_iframe").contentWindow.location.reload();
+                        // 如果是新項目，先保存
+                        if (this.editedItem.num <= 0 || this.editedItem.num === null || this.editedItem.num === undefined) {
+                            this.editedItem.qty = 1;
+                            const savedItem = await this.save(false);
+                            if (savedItem) {
+                                this.$set(this.desserts, this.editedIndex, savedItem);
+                                this.editedItem = $.extend(true, {}, savedItem);
+                            }
+                        }
+                        // 先發送消息
+                        await this.sendMessageToIframeNew();
+                        // 保存當前的 editedItem 數據
+                        const currentData = $.extend(true, {}, this.editedItem);
+                        // 顯示對話框
+                        
+                        this.tablet_edit_new.show = true;
+                        // 立即恢復數據
+                        this.editedItem = $.extend(true, {}, currentData);
+                    } catch (error) {
+                        console.error('Error in editTablet:', error);
+                    }
+                },
                 async editTablet(item) {
                     this.editedIndex = this.desserts.indexOf(item);
                     this.editedItem = $.extend(true, {}, item);
@@ -845,6 +925,54 @@
                         console.error('Error in editTablet:', error);
                     }
                 },
+                async sendMessageToIframeNew() {
+                    const iframe = document.querySelector('iframe#tablet_edit_new_iframe');
+
+                    // 在這裡深度複製 editedItem，確保數據不會被修改
+                    const itemToSend = $.extend(true, {}, this.editedItem);
+
+                    if (iframe) {
+                        try {
+                            // 準備要發送的數據
+                            let familyMembers = [];
+
+                            try {
+                                // 嘗試獲取家族成員數據
+                                const response = await axios.get(HTTP_HOST + 'api/familymembers/follower/' + this.follower_id);
+                                familyMembers = response.data;
+                            } catch (error) {
+                                console.warn('error:', error);
+                            }
+
+                            // 準備發送的數據
+                            const itemInfo = {
+                                source: 'order.btn.click',
+                                tabletItem: {
+                                    ...itemToSend,
+                                    title: this.titleword() // 確保標題被包含
+                                },
+                                familyMembers: familyMembers,
+                                host: HTTP_HOST,
+                                follower_id:this.follower_id
+                            };
+
+                            iframe.contentWindow.postMessage(itemInfo, '*');
+
+                            // 發送後確認數據完整性
+
+                            // 如果數據被清除，立即恢復
+                            if (!this.editedItem.num && itemToSend.num) {
+                                this.$nextTick(() => {
+                                    this.editedItem = $.extend(true, {}, itemToSend);
+                                });
+                            }
+                        } catch (error) {
+                            console.error('Error in sendMessageToIframe:', error);
+                        }
+                    } else {
+                        console.error('iframe not found');
+                    }
+                },
                 async sendMessageToIframe() {
                     const iframe = document.querySelector('iframe#tablet_edit_iframe');
                     
@@ -965,6 +1093,7 @@
                 async save(shouldClose = true) {
                     if (this.editedIndex > -1) {
                         if (this.order_no != '') {
+                            console.log("ok:",this.editedItem);
                             //chcck necessary params
                             if (this.editedItem.actitem_num_selected.val != 0 &&
                                 this.editedItem.keyin1_selected.val !=0 &&
@@ -1004,6 +1133,7 @@
                                             pay: this.editedItem.pay,
                                             pay_date: this.editedItem.pay_date,
                                             customize_data: this.editedItem.customize_data,
+                                            style: this.editedItem.style
                                         }
                                         await axios
                                             .post(HTTP_HOST + 'api/order/SaveDetailData', pro_order_detail)
@@ -2002,6 +2132,9 @@
                                   <v-icon title="編輯牌位" color="blue" class="mr-2" @click="editTablet(item);">
                                     mdi-file-document-edit-outline
                                   </v-icon>     
+                                  <v-icon title="編輯牌位New" color="blue" class="mr-2" @click="editTabletNew(item);">
+                                    mdi-file-document-edit-outline
+                                  </v-icon>     
                                   <v-icon title="列印" color="blue" class="mr-2" @click="printItem(item);" v-if="canPrint || lists.length==0" >
                                     mdi-printer
                                   </v-icon>
@@ -2569,6 +2702,17 @@
                
             </v-card>
         </v-dialog>
+        <v-dialog v-model="tablet_edit_new.show" min-width="100vw" min-height="100vh" persistent eager :class="{'d-none': !tablet_edit_new.initialized}">
+            <v-card>
+                <v-card-title class="justify-space-between grey lighten-2">
+                    <span class="fs-6 text text-dark">編輯牌位 : {{editedItem.actitem_num_selected.text}} - {{editedItem.print_id}}</span>
+                    <v-btn icon @click="tablet_edit_new.show=false"><v-icon>mdi-close</v-icon></v-btn>
+                </v-card-title>
+                <v-card-text>
+                    <iframe id="tablet_edit_new_iframe" src="../print/tablet_edit/editorNewOne.html" style="width: 100%; height: 100%;min-height:100vh;min-width:100vw" frameborder="0"></iframe>
+                </v-card-text>
+            </v-card>
+        </v-dialog>
         <v-dialog v-model="tablet_edit.show" max-width="1000px" persistent eager :class="{'d-none': !tablet_edit.initialized}">
             <v-card>
                 <v-card-title class="justify-space-between grey lighten-2">
@@ -2576,7 +2720,7 @@
                     <v-btn icon @click="tablet_edit.show=false"><v-icon>mdi-close</v-icon></v-btn>
                 </v-card-title>
                 <v-card-text>
-                    <iframe id="tablet_edit_iframe" src="../print/tablet_edit/editor.html" style="width: 100%; height: 550px;" frameborder="0"></iframe>
+                    <iframe id="tablet_edit_iframe" src="../print/tablet_edit/editornew.html" style="width: 100%; height: 580px;" frameborder="0"></iframe>
                 </v-card-text>
             </v-card>
         </v-dialog>

web/admin/print/print_multi_new.aspx.cs

@@ -0,0 +1,15 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+public partial class admin_print_print_multi_new :MyWeb.function
+{
+    private Model.ezEntities _db = new Model.ezEntities();
+protected void Page_Load(object sender, EventArgs e)
+    {
+
+    }
+}

web/admin/print/tablet_edit/editornew.html

@@ -0,0 +1,835 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link href="../../../js/vuetify.css" rel="stylesheet" />
+    <link href="../../../js/mdi-font/css/materialdesignicons.min.css" rel="stylesheet" />
+    <script src="../../../js/vue.min.js"></script>
+    <script src="../../../js/vuetify.min.js"></script>
+    <script src="../../../js/axios.min.js"></script>
+    <style>
+        html {
+            overflow: hidden;
+        }
+
+        .scrollable-list {
+            max-height: 250px;
+            height: 220px;
+            overflow-y: auto;
+            overflow-x: hidden;
+        }
+
+            .scrollable-list .v-list-item__content {
+                padding: 4px 0px;
+            }
+
+            .scrollable-list .v-list-item {
+                min-height: 30px;
+                padding: 0 8px;
+            }
+
+            .scrollable-list .v-list-item__action {
+                min-width: 0 !important;
+                width: auto !important;
+                margin-right: 0 !important;
+            }
+
+            .scrollable-list .v-btn--icon.v-size--default {
+                height: 24px;
+                width: 24px;
+            }
+
+        #app .v-card__subtitle,
+        #app .v-card__text,
+        #app .v-card__title {
+            padding: 12px 16px 0 16px;
+        }
+
+        #app .v-list-item.hover-item .v-list-item__subtitle {
+            /*display: none !important;*/
+            display: flex !important;
+        }
+
+        #app .v-list-item.hover-item:hover .v-list-item__subtitle {
+            display: flex !important;
+        }
+
+        .badge-deceased {
+            background-color: #ffc904;
+            color: #300a0a;
+            padding: 2px 4px;
+            border-radius: 20px;
+            font-weight: bold;
+            font-size: 10px;
+            display: inline-block;
+            position: relative;
+            top: -2px;
+        }
+
+        .badge-zero {
+            background-color: #CCC;
+            color: #FFF;
+            padding: 2px 4px;
+            border-radius: 20px;
+            font-weight: bold;
+            font-size: 10px;
+            display: inline-block;
+            position: relative;
+            top: -2px;
+        }
+        .equal-card {
+            min-height: 280px;
+        }
+        .checkbox-narrow {
+            min-width: 32px;
+            width: 32px;
+            padding: 0;
+            margin-right: 4px;
+        }
+        /* num=0 刪除按鈕警示樣式 */
+        .btn-delete-warning:hover {
+            background-color: #fff3cd !important;
+            border-radius: 50%;
+        }
+        .btn-delete-warning:hover .v-icon {
+            color: #856404 !important;
+        }
+    </style>
+    <link rel="stylesheet" href="print.css">
+</head>
+<body>
+    <div id="app">
+        <v-app>
+            <v-container>
+                <v-row>
+                    <v-col cols="12" md="12">
+                        選擇版型
+                        <select id="model-select" v-model="selected.style">
+                            <option v-for="c in code.style" :value="c.styleID">{{c.name}}</option>
+                        </select>
+                    </v-col>
+                </v-row>
+                <v-row>
+                    <v-col cols="4" md="4">
+                        <v-card class="pa-2" outlined tile>
+                           
+                            <div class="docs editor">
+                                <div class="page border" data-body-class="tblt-l a3">
+
+                                    <div class="content">
+                                        <div class="bg"><img alt="Alternate Text" :src="'../' + item_type_image"></div>
+                                        <div class="text">
+                                            <div class="top_text_1"></div>
+                                            <div class="top_text_2">{{tabletItem.print_id}}</div>
+                                            <div class="top_text_3"></div>
+                                            <div class="right_text text-block fit-text vertical text-start border"
+                                                 style="--lines:0;--line_len:5;"></div>
+                                            <div class="mid_text text-block fit-text vertical border"
+                                                 :style="mid_text_style" v-html="join_mid_text"></div>
+                                            <div class="mid_text_2 text-block fit-text vertical border"
+                                                 style="--lines:0;--line_len:5;"></div>
+                                            <div class="left_text text-block fit-text vertical text-start border"
+                                                 :style="left_text_style" v-html="join_left_text"></div>
+                                            <div class="txt_up vertical" v-if="item_type == 'B'">陽上</div>
+                                            <div class="txt_down vertical" v-if="item_type == 'B'">拜薦</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </v-card>
+                        <div class="mt-2">
+                            <v-btn color="primary" @click="saveData">儲存牌位</v-btn>
+                        </div>
+                    </v-col>
+                    <v-col cols="4" md="4" id="type_edit_B" v-if="item_type==='B'" class="d-flex flex-column">
+                        <v-card elevation="2" class="mb-2 equal-card">
+                            <v-card-text class="py-2 px-2">
+                                <v-row no-gutters align="center">
+                                    <v-col cols="auto">
+                                        <v-checkbox v-model="isAllSelected"
+                                                    @change="toggleSelectAll"
+                                                    color="primary"
+                                                    hide-details
+                                                    label="疏文代表"
+                                                    class="ma-0"></v-checkbox>
+                                    </v-col>
+                                    <v-col cols="auto" class="ml-4">
+                                        <span class="subtitle-2 grey--text text--darken-1">超渡-已選</span>
+                                    </v-col>
+                                    <v-spacer></v-spacer>
+                                    <v-col cols="auto">
+                                        <v-btn color="primary" icon small @click="openAddDialog('Y')">
+                                            <v-icon>mdi-plus</v-icon>
+                                        </v-btn>
+                                    </v-col>
+                                </v-row>
+                            </v-card-text>
+                            <v-list class="scrollable-list">
+                                <v-list-item-group>
+                                    <v-list-item v-for="(member, index) in family_deceased_Y_selected" :key="index" class="hover-item">
+                                        <v-list-item-action>
+                                            <v-checkbox v-model="member.IsShuWen" 
+                                            color="primary" 
+                                            class="checkbox-narrow d-inline-flex align-center" />
+                                        </v-list-item-action>
+                                        <v-list-item-content>
+                                            <v-list-item-title>
+                                                <span class="badge-zero" v-if="member.num==0">0</span>
+                                                <span class="badge-deceased" v-if="member.deceased">{{ member.deceased ? '卍' : '' }}</span>
+                                                {{ member.fam_name }}
+                                                <v-chip v-if="member.fam_title" small>
+                                                    {{ member.fam_title }}
+                                                </v-chip>
+                                            </v-list-item-title>
+                                            <v-list-item-subtitle class="d-flex justify-end">
+                                                <v-btn v-if="member.num === 0" icon @click="toggleNoSpace(member)" :title="'不加空格'">
+                                                    <v-icon :color="member.nospace ? 'green' : 'grey lighten-1'">mdi-backspace</v-icon>
+                                                </v-btn>
+                                                <v-btn icon @click="moveUp(member, 'Y', index)" :disabled="index === 0">
+                                                    <v-icon color="grey lighten-1">mdi-arrow-up</v-icon>
+                                                </v-btn>
+                                                <v-btn icon @click="moveDown(member, 'Y', index)" :disabled="index === family_deceased_Y_selected.length - 1">
+                                                    <v-icon color="grey lighten-1">mdi-arrow-down</v-icon>
+                                                </v-btn>
+                                                <v-btn icon @click="confirmRemove(member, index, 'Y')" :class="{'btn-delete-warning': member.num === 0}">
+                                                    <v-icon color="grey lighten-1">mdi-minus</v-icon>
+                                                </v-btn>
+                                            </v-list-item-subtitle>
+                                        </v-list-item-content>
+                                        <v-list-item-action class="align-self-start">
+                                            <v-btn icon @click="breakAfter(member, 'Y')">
+                                                <v-icon :color="member.option_break ? 'blue' : 'grey lighten-1'">
+                                                    mdi-subdirectory-arrow-left
+                                                </v-icon>
+                                            </v-btn>
+                                        </v-list-item-action>
+                                    </v-list-item>
+                                </v-list-item-group>
+                            </v-list>
+                        </v-card>
+                        <v-card elevation="2" class="equal-card">
+                            <v-card-subtitle>超渡-可選</v-card-subtitle>
+                            <v-list class="scrollable-list">
+                                <v-list-item-group>
+                                    <v-list-item v-for="member in family_deceased_Y_unselected" :key="member.fam_name">
+                                        <v-list-item-content>
+                                            <v-list-item-title>
+                                                <span class="badge-deceased" v-if="member.deceased">{{ member.deceased ? '卍' : '' }}</span>
+                                                {{ member.fam_name }}
+                                                <v-chip v-if="member.fam_title" small>
+                                                    {{ member.fam_title }}
+                                                </v-chip>
+                                            </v-list-item-title>
+                                        </v-list-item-content>
+                                        <v-list-item-action>
+                                            <v-btn icon @click="addToSelected(member, 'Y')">
+                                                <v-icon color="grey lighten-1">mdi-plus</v-icon>
+                                            </v-btn>
+                                        </v-list-item-action>
+                                    </v-list-item>
+                                </v-list-item-group>
+                            </v-list>
+                        </v-card>
+                    </v-col>
+                    <v-col cols="4" md="4" id="type_edit_AB" class="d-flex flex-column">
+                        <v-card elevation="2" class="mb-2 equal-card">
+                            <v-card-text class="py-2 px-2">
+                                <v-row no-gutters align="center">
+                                    <v-col cols="auto" v-if="item_type==='A'">
+                                        <v-checkbox v-model="isAllSelected"
+                                                    @change="toggleSelectAll"
+                                                    color="primary"
+                                                    hide-details
+                                                    label="疏文代表"
+                                                    class="ma-0"></v-checkbox>
+                                    </v-col>
+                                    <v-col cols="auto" :class="{'ml-4': item_type==='A'}">
+                                        <span class="subtitle-2 grey--text text--darken-1">陽上/祈福-已選</span>
+                                    </v-col>
+                                    <v-spacer></v-spacer>
+                                    <v-col cols="auto">
+                                        <v-btn color="primary" icon small @click="openAddDialog('N')">
+                                            <v-icon>mdi-plus</v-icon>
+                                        </v-btn>
+                                    </v-col>
+                                </v-row>
+                            </v-card-text>
+                            <v-list class="scrollable-list">
+                                <v-list-item-group>
+                                    <v-list-item v-for="(member, index) in family_deceased_N_selected" :key="index" class="hover-item">
+                                        <v-list-item-action v-if="item_type==='A'">
+                                            <v-checkbox v-model="member.IsShuWen" 
+                                                color="primary" 
+                                                class="checkbox-narrow d-inline-flex align-center" />
+                                        </v-list-item-action>
+                                        <v-list-item-content>
+                                            <v-list-item-title>
+                                                <span class="badge-zero" v-if="member.num==0">0</span>
+                                                <span class="badge-deceased" v-if="member.deceased">{{ member.deceased ? '卍' : '' }}</span>
+                                                {{ member.fam_name }}
+                                                <v-chip v-if="member.fam_title" small>
+                                                    {{ member.fam_title }}
+                                                </v-chip>
+                                            </v-list-item-title>
+                                            <v-list-item-subtitle class="d-flex justify-end">
+                                                <v-btn v-if="member.num === 0" icon @click="toggleNoSpace(member)" :title="'不加空格'">
+                                                    <v-icon :color="member.nospace ? 'green' : 'grey lighten-1'">mdi-backspace</v-icon>
+                                                </v-btn>
+                                                <v-btn icon @click="moveUp(member, 'N', index)" :disabled="index === 0">
+                                                    <v-icon color="grey lighten-1">mdi-arrow-up</v-icon>
+                                                </v-btn>
+                                                <v-btn icon @click="moveDown(member, 'N', index)" :disabled="index === family_deceased_N_selected.length - 1">
+                                                    <v-icon color="grey lighten-1">mdi-arrow-down</v-icon>
+                                                </v-btn>
+                                                <v-btn icon @click="confirmRemove(member, index, 'N')" :class="{'btn-delete-warning': member.num === 0}">
+                                                    <v-icon color="grey lighten-1">mdi-minus</v-icon>
+                                                </v-btn>
+                                            </v-list-item-subtitle>
+                                        </v-list-item-content>
+                                        <v-list-item-action class="align-self-start">
+                                            <v-btn icon @click="breakAfter(member, 'N')">
+                                                <v-icon :color="member.option_break ? 'blue' : 'grey lighten-1'">
+                                                    mdi-subdirectory-arrow-left
+                                                </v-icon>
+                                            </v-btn>
+                                        </v-list-item-action>
+                                    </v-list-item>
+                                </v-list-item-group>
+                            </v-list>
+                        </v-card>
+                        <v-card elevation="2" class="equal-card">
+                            <v-card-subtitle>陽上/祈福-可選</v-card-subtitle>
+                            <v-list class="scrollable-list">
+                                <v-list-item-group>
+                                    <v-list-item v-for="member in family_deceased_N_unselected" :key="member.fam_name">
+                                        <v-list-item-content>
+                                            <v-list-item-title>
+                                                <span class="badge-deceased" v-if="member.deceased">{{ member.deceased ? '卍' : '' }}</span>
+                                                {{ member.fam_name }}
+                                                <v-chip v-if="member.fam_title" small>
+                                                    {{ member.fam_title }}
+                                                </v-chip>
+                                            </v-list-item-title>
+                                        </v-list-item-content>
+                                        <v-list-item-action>
+                                            <v-btn icon @click="addToSelected(member, 'N')">
+                                                <v-icon color="grey lighten-1">mdi-plus</v-icon>
+                                            </v-btn>
+                                        </v-list-item-action>
+                                    </v-list-item>
+                                </v-list-item-group>
+                            </v-list>
+                        </v-card>
+                    </v-col>
+                </v-row>
+            </v-container>
+            <div style="display:block;">
+                <textarea id="desc_iframe" style="width: 900px; height: 100px;">{{tabletItem}}</textarea>
+            </div>
+
+            <!-- 新增項目對話框 -->
+            <v-dialog v-model="addDialog" max-width="400">
+                <v-card>
+                    <v-card-title style="font-size: 1rem;">新增項目</v-card-title>
+                    <v-card-text>
+                        <div class="mb-2">
+                            <v-chip
+                                v-for="(phrase, idx) in phrases"
+                                :key="idx"
+                                small
+                                class="mr-1 mb-1"
+                                :title="phrase.length > 5 ? phrase : ''"
+                                @click="newItemText = (newItemText || '') + phrase"
+                                style="cursor: pointer;"
+                            >{{ phrase.length > 5 ? phrase.slice(0, 5) + '...' : phrase }}</v-chip>
+                        </div>
+                        <v-text-field
+                            v-model="newItemText"
+                            label="請輸入名稱"
+                            outlined
+                            dense
+                            clearable
+                            autofocus
+                            @keyup.enter="confirmAddItem"
+                        ></v-text-field>
+                    </v-card-text>
+                    <v-card-actions>
+                        <div class="d-flex align-center">
+                            <v-checkbox
+                                class="pt-0"
+                                v-model="noSpace"
+                                label="不加空格"
+                                dense
+                                hide-details
+                            ></v-checkbox>
+                            <v-icon class="ml-2 mt-1">mdi-backspace</v-icon>
+                        </div>
+                        <v-spacer></v-spacer>
+                        <v-btn text @click="addDialog = false">取消</v-btn>
+                        <v-btn color="primary" @click="confirmAddItem">確定</v-btn>
+                    </v-card-actions>
+                </v-card>
+            </v-dialog>
+
+            <!-- 確認刪除對話框 -->
+            <v-dialog v-model="deleteDialog" max-width="350">
+                <v-card>
+                    <v-card-title style="font-size: 1rem;">確認刪除</v-card-title>
+                    <v-card-text>
+                        確定要刪除「<strong>{{ deleteMemberName }}</strong>」嗎？<br>
+                        <span class="red--text">此為手動新增項目，刪除後無法復原。</span>
+                    </v-card-text>
+                    <v-card-actions>
+                        <v-spacer></v-spacer>
+                        <v-btn text @click="deleteDialog = false">取消</v-btn>
+                        <v-btn color="error" @click="doRemove">確定刪除</v-btn>
+                    </v-card-actions>
+                </v-card>
+            </v-dialog>
+        </v-app>
+    </div>
+    <script>
+        var VueApp = new Vue({
+            el: '#app',
+            vuetify: new Vuetify(),
+            data() {
+                return {
+                    code: {
+                        style:[]
+                    },
+                    selected: {
+                        style:""
+                    },
+                    actitem: "",
+                    pageSize: "",
+                    defaultStyle:"",
+                    isAllSelected: false,
+                    dialog: false,
+                    addDialog: false,        // 新增項目對話框
+                    addDialogType: '',       // 'Y' 或 'N'
+                    newItemText: '',         // 新增項目的文字
+                    noSpace: true,           // 不加空格 checkbox（預設勾選）
+                    deleteDialog: false,     // 確認刪除對話框
+                    deleteIndex: -1,         // 要刪除的 index
+                    deleteType: '',          // 'Y' 或 'N'
+                    deleteMemberName: '',    // 要刪除的名稱（顯示用）
+                    phrases: [],             // 常用片語
+                    familyMembers: [], // 親友名單
+                    tabletItem: {}, // 傳入的資料(信眾/牌位資訊)
+                    item: {},
+                    family_deceased_Y_selected: [], // 超渡/超薦/超冤名單
+                    family_deceased_N_selected: []  // 消災/陽上名單
+                };
+            },
+            watch: {
+                family_deceased_N_selected: {
+                    handler(newValue) {
+                        if (this.item_type === 'A') {
+                            if (Array.isArray(newValue) && newValue.length > 0) {
+                                this.isAllSelected = newValue.every(member => member.IsShuWen === true);
+                            }
+                        }
+                    },
+                    deep: true
+                },
+                family_deceased_Y_selected: {
+                    handler(newValue) {
+                        if (this.item_type === 'B') {
+                            if (Array.isArray(newValue) && newValue.length > 0) {
+                                this.isAllSelected = newValue.every(member => member.IsShuWen === true);
+                            }
+                        }
+                    },
+                    deep: true
+                },
+                actitem: {
+                    handler() {
+                        this.getActItem();
+                    },
+                    deep: true
+                }
+            },
+            computed: {
+                family_deceased_Y_unselected() {
+                    return this.familyMembers.filter(member => 
+                        member.deceased === true && 
+                        !this.family_deceased_Y_selected.some(selected => selected.num === member.num));
+                },
+                family_deceased_N_unselected() {
+                    return this.familyMembers.filter(member => 
+                        member.deceased === false && 
+                        !this.family_deceased_N_selected.some(selected => selected.num === member.num));
+                },
+                item_type() {
+                    return this.tabletItem?.actitem_num_selected?.text?.includes('超') ? 'B' : 'A';
+                    // A:消災, 陽上.....
+                    // B:超渡, 超薦.....
+                },
+                item_type_image() {
+                    if (this.item_type === 'B') {
+                        return 'tablet-1.svg';
+                    } else {
+                        return 'tablet-2.svg';
+                    }
+                },
+                join_mid_text() {
+                    const target = this.item_type === 'B'
+                        ? this.family_deceased_Y_selected
+                        : this.family_deceased_N_selected;
+                    return this.join_text(target);
+                },
+                join_left_text() {
+                    let target = '';
+                    if (this.item_type === 'B') {
+                        target = this.join_text(this.family_deceased_N_selected);
+                    }
+                    return target;
+                },
+                mid_text_style() {
+                    const text = this.join_mid_text; // Remove function call since join_mid_text is a computed property
+                    return this.calculateTextStyle(text);
+                },
+                left_text_style() {
+                    if (this.item_type !== 'B') return '--lines:1;--line_len:5';
+                    return this.calculateTextStyle(this.join_left_text);
+                }
+            },
+            mounted() {
+                // 載入常用片語
+                fetch('phrases.json')
+                    .then(res => res.json())
+                    .then(data => { this.phrases = data; })
+                    .catch(err => console.error('載入 phrases.json 失敗:', err));
+
+                // 監聽來自父頁面的消息
+                window.addEventListener('message', (event) => {
+                    this.isAllSelected = false;
+                    console.log('editor.html - received message event');
+                    //console.log('editor.html - event origin:', event.origin);
+                    //console.log('editor.html - parent origin:', window.parent.location.origin);
+
+                    if (event.origin === window.parent.location.origin) {
+                        //console.log('editor.html - origin check passed');
+                        //console.log('editor.html - received data:', event.data);
+                        const receivedData = event.data;
+                        this.family_deceased_Y_selected = [];
+                        this.family_deceased_N_selected = [];
+
+                        if (receivedData.tabletItem) {
+                            console.log('editor.html - updating tabletItem:', receivedData.tabletItem);
+                            this.tabletItem = receivedData.tabletItem;
+                            if (receivedData.familyMembers) {
+                                this.familyMembers = receivedData.familyMembers; // 更新 familyMembers
+                                console.log("app mounted, window message: ", this.familyMembers, receivedData);
+                            }
+                            if (receivedData.tabletItem) {
+                                this.tabletItem = receivedData.tabletItem;
+                            }
+                            //console.log("actitem:", receivedData.tabletItem.actitem_num_selected.val);
+                            console.log("receivedData::",receivedData);
+                            if (receivedData.tabletItem.style) {
+                                this.selected.style = receivedData.tabletItem.style;
+                            } else {
+                                this.selected.style = "";
+                            }
+                            //console.log("actitem:", receivedData.tabletItem.actitem_num_selected.val);
+                            this.actitem = receivedData.tabletItem.actitem_num_selected.val;
+                            //console.log("actitem:",receivedData.tabletItem.actitem_num_selected.val);
+                            // 處理 f_num_tablet 資料
+                            if (this.tabletItem.f_num_tablet) {
+                                try {
+                                    const data = JSON.parse(this.tabletItem.f_num_tablet);
+
+                                    if (this.item_type === 'B') {
+                                        // B類型：超渡、超薦等
+                                        this.family_deceased_Y_selected = data.mid_items || [];
+                                        this.family_deceased_N_selected = data.left_items || [];
+
+                                        this.family_deceased_Y_selected.forEach(item => {
+                                            if (item.IsShuWen === undefined) {
+                                                Vue.set(item, 'IsShuWen', false);
+                                            }
+                                        });
+                                        if (this.family_deceased_Y_selected.length > 0) {
+                                            this.isAllSelected = this.family_deceased_Y_selected.every(member => member.IsShuWen === true);
+                                        } else {
+                                            this.isAllSelected = false;
+                                        }
+
+                                    } else {
+                                        // A類型：消災、陽上等
+                                        this.family_deceased_Y_selected = [];
+                                        this.family_deceased_N_selected = data.mid_items || [];
+
+                                        this.family_deceased_N_selected.forEach(item => {
+                                            if (item.IsShuWen === undefined) {
+                                                Vue.set(item, 'IsShuWen', false);
+                                            }
+                                        });
+                                        if (this.family_deceased_Y_selected.length > 0) {
+                                            this.isAllSelected = this.family_deceased_N_selected.every(member => member.IsShuWen === true);
+
+                                        } else {
+                                            this.isAllSelected = false;
+                                        }
+                                        console.log(this.family_deceased_N_selected)
+                                    }
+                                } catch (e) {
+                                    console.error('解析牌位資料時發生錯誤:', e);
+                                }
+                            }
+
+                        }
+                    }
+                    //this.getActItem();
+
+                });
+
+                
+            },
+            methods: {
+                getActItem() {
+                    axios
+                        .post('/api/tablet/GetActItem', { itemNum: this.actitem })
+                        .then(response => {
+                            console.log(response);
+                            if (response.data.result == "Y" && response.data.data) {
+                                this.pageSize = response.data.data.pageSize;
+                                this.defaultStyle = response.data.data.defaultStyle;
+                                this.selected.style = response.data.data.defaultStyle;
+                                console.log("shit:",this.selected.style);
+                                this.getStyle();
+                            }
+                        }
+                    );
+                   
+                },
+                getStyle() {
+                    axios
+                        .post('/api/tablet/GetStyleData', {}, {})
+                        .then(response => {
+                            console.log(response);
+                            if (response.data.data) {
+                                response.data.data.forEach(x => {
+                                    if (x.styleID != "000001") {
+                                        console.log(this.pageSize, x.paperSize);
+                                        if (this.pageSize&&this.pageSize==x.paperSize) {
+                                            this.code.style.push(x)
+                                        }
+                                    }
+                                })
+
+                            }
+                        })
+                        .catch(error => console.log(error))
+                },
+                toggleSelectAll(checked) {
+                    this.isAllSelected = checked
+                    if (this.item_type === 'B') {
+                        this.family_deceased_Y_selected.forEach(member => {
+                            member.IsShuWen = checked;
+                        });
+                    }
+                    else if (this.item_type === 'A') {
+                        this.family_deceased_N_selected.forEach(member => {
+                            member.IsShuWen = checked;
+                        });
+                    }
+
+
+                    console.log(checked)
+                    console.log(this.family_deceased_N_selected)
+                    console.log(this.family_deceased_Y_selected)
+                },
+                openAddDialog(type) {
+                    this.addDialogType = type;
+                    this.newItemText = '';
+                    this.noSpace = true; // 重置為預設勾選
+                    this.addDialog = true;
+                },
+                confirmAddItem() {
+                    if (!this.newItemText.trim()) {
+                        return; // 不允許空白
+                    }
+                    const newItem = {
+                        num: 0,
+                        fam_name: this.newItemText.trim(),
+                        fam_gender: '',
+                        deceased: false,
+                        fam_title: '',
+                        option_break: false,
+                        IsShuWen: this.isAllSelected,
+                        nospace: this.noSpace
+                    };
+                    if (this.addDialogType === 'Y') {
+                        this.family_deceased_Y_selected.push(newItem);
+                    } else if (this.addDialogType === 'N') {
+                        this.family_deceased_N_selected.push(newItem);
+                    }
+                    this.addDialog = false;
+                    this.newItemText = '';
+                },
+                addToSelected(member, type) {
+                    const selectedMember = {
+                        num: member.num,
+                        fam_name: member.fam_name,
+                        fam_gender: member.fam_gender,
+                        deceased: member.deceased,
+                        fam_title: member.fam_title, // 新增，讓上方顯示稱謂 tag
+                        option_break: false, // 默認為 false，根據需要可以更改
+                        IsShuWen: this.isAllSelected //是否加入疏文名單,默認false
+                    };
+                    console.log(this.isAllSelected)
+                    if (type === 'Y') {
+                        this.family_deceased_Y_selected.push(selectedMember);
+                        console.log(this.family_deceased_Y_selected)
+                    } else if (type === 'N') {
+                        this.family_deceased_N_selected.push(selectedMember);
+                        console.log(this.family_deceased_N_selected)
+                    }
+                },
+                confirmRemove(member, index, type) {
+                    if (member.num === 0) {
+                        // num=0 需確認
+                        this.deleteIndex = index;
+                        this.deleteType = type;
+                        this.deleteMemberName = member.fam_name;
+                        this.deleteDialog = true;
+                    } else {
+                        // num!=0 直接刪除
+                        this.removeFromSelected(index, type);
+                    }
+                },
+                doRemove() {
+                    this.removeFromSelected(this.deleteIndex, this.deleteType);
+                    this.deleteDialog = false;
+                },
+                removeFromSelected(index, type) {
+                    if (type === 'Y') {
+                        this.family_deceased_Y_selected.splice(index, 1);
+                    } else if (type === 'N') {
+                        this.family_deceased_N_selected.splice(index, 1);
+                    }
+                },
+                moveUp(member, type, index) {
+                    if (index > 0) {
+                        const array = type === 'Y' ? this.family_deceased_Y_selected : this.family_deceased_N_selected;
+                        const temp = array[index - 1];
+                        this.$set(array, index - 1, member);
+                        this.$set(array, index, temp);
+                    }
+                },
+                moveDown(member, type, index) {
+                    if (index < (type === 'Y' ? this.family_deceased_Y_selected : this.family_deceased_N_selected).length - 1) {
+                        const array = type === 'Y' ? this.family_deceased_Y_selected : this.family_deceased_N_selected;
+                        const temp = array[index + 1];
+                        this.$set(array, index + 1, member);
+                        this.$set(array, index, temp);
+                    }
+                },
+                breakAfter(member, type) {
+                    console.log("breakAfter", member, type);
+                    member.option_break = !member.option_break;
+                },
+                toggleNoSpace(member) {
+                    this.$set(member, 'nospace', !member.nospace);
+                },
+                join_text(target) {
+                    let result = '';
+                    target.forEach((member, index) => {
+                        // 每項前面加空格，但例外：
+                        // 1. 第一項前面不加空格 (index === 0)
+                        // 2. nospace === true 的項目前面不加空格
+                        if (index > 0 && !member.nospace) {
+                            result += ' ';
+                        }
+                        result += member.fam_name;
+                        // 處理換行：如果 option_break 為 true 且不是最後一項，加 <br>
+                        if (member.option_break && index < target.length - 1) {
+                            result += '<br>';
+                        }
+                    });
+                    result = result.replace('|', '<br>');
+                    return result;
+                },
+                calculateTextStyle(text) {
+                    if (!text) return '--lines:1;--line_len:5';
+
+                    const lines = text.split('<br>');
+                    const line_len = Math.max(...lines.map(line => {
+                        return Array.from(line).reduce((acc, char) => {
+                            // Full width (Chinese) characters
+                            if (char.match(/[\u4e00-\u9fa5]/)) {
+                                return acc + 1;
+                            }
+                            // Half width (English, numbers, etc.)
+                            return acc + 0.5;
+                        }, 0);
+                    }));
+
+                    return `--lines:${lines.length};--line_len:${Math.ceil(line_len)}`;
+                },
+                saveData() {
+                    // 其它資料欄位, 不應在這裡修改
+                    // 應該在進來的時候, 就已經修改(insert)好了
+                    let tablet_data = {};
+                    if (this.item_type === 'B') {// B:超渡, 超薦.....
+                        tablet_data = {
+                            mid_items: this.family_deceased_Y_selected,
+                            left_items: this.family_deceased_N_selected,
+                            style: this.selected.style
+                        }
+                    }
+                    else {// A:消災, 陽上.....
+                        tablet_data = {
+                            mid_items: this.family_deceased_N_selected,
+                            left_items: null,
+                            style: this.selected.style
+                        }
+                    }
+                    console.log(tablet_data)
+                    const ret = {
+                        source: 'editor.btn.click',
+                        data: {
+                            tabletItem: this.tabletItem,
+                            tablet_data: tablet_data,
+                            style:this.selected.style
+                        }
+                    };
+                    console.log("儲存牌位資料", ret);
+                    window.parent.postMessage(ret, '/');
+                }
+            }
+        });
+    </script>
+    <script>
+        const desc_iframe = document.getElementById('desc_iframe');
+        const btn = document.getElementById('btn');
+
+        //window.addEventListener('message', (event) => {
+        //    if (event.source === window.parent) {
+        //        let data = event.data;
+        //        if (data.source === 'order.btn.click') {
+        //            console.log('editor message', event.source, window.parent);
+        //            app.item = data;
+        //            console.log(app);
+        //            desc_iframe.value = JSON.stringify(data);
+        //        }
+        //    }
+        //});
+        /*
+        btn.addEventListener('click', () => {
+            const ret = {
+                source: 'editor.btn.click',
+                desc: desc_iframe.value,
+            }
+            debugger;
+            console.log("btn click", ret);
+            window.parent.postMessage(ret, '/');
+        });
+        */
+    </script>
+</body>
+</html>

web/admin/transfer/verify2.aspx

@@ -105,6 +105,23 @@
                     ></v-text-field>
                   </div>
                 </template>
+                <template v-slot:item.kind="{ item }">
+                    <div>
+                        <div class="mb-2">
+                        <span class="badge bg-primary me-1" title="支付方式">收支項目</span>
+                        </div>                  
+                    </div>
+                    <div>
+                        <v-select
+                        :items="accountingKinds"
+                        v-model="item.kind"
+                        dense
+                        outlined
+                        hide-details
+                        style="max-width: 200px"
+                        ></v-select>
+                    </div>                  
+                    </template>
                 <template v-slot:item.check_memo="{ item }">
                   <div class="d-flex align-center my-2" style="min-width: 300px">
                     <v-text-field
@@ -159,6 +176,7 @@ new Vue({
         { text: '*入帳銀行/帳戶 | 支付資訊/帳號後5碼', value: 'acc_num' },
         { text: '*入帳日期', value: 'check_date' },
         { text: '*入帳金額', value: 'check_amount' },
+        { text: '*收支項目', value: 'kind' },
         { text: '備註/狀態 | 核對記錄', value: 'check_memo' }
       ],
       items: [],
@@ -172,7 +190,8 @@ new Vue({
         { text: '其他問題', value: '4' },
         { text: '作廢', value: '5' }
       ],
-      bankOptions: [],
+        bankOptions: [],
+      accountingKinds:[],
       payTypeText: {
         1: '現金',
         2: '匯款',
@@ -212,6 +231,13 @@ new Vue({
         text: x.kind + (x.bank_name ? ' - ' + x.bank_name : '') + (x.bank_id ? ' (' + x.bank_id + ')' : ''),
         value: x.num
       }));
+
+        const kindRes = await axios.post('../../api/accounting/GetTitleKindList', {}, { params: { page: 1, pageSize: 1000 } });
+        this.accountingKinds = kindRes.data.list.map(x => ({
+            text: x.kind ,
+            value: x.num
+        }));
+
       this.loading = false;
     },
     async submitData() {
@@ -246,7 +272,8 @@ new Vue({
         acc_num: item.acc_num,
         check_date: item.check_date,
         check_amount: item.check_amount,
-        check_memo: item.check_memo
+        check_memo: item.check_memo,
+        kind: item.kind
       }));
       try {
         const res = await axios.post('../../api/transfer_register/batch_update', updateList);