Update หน้าหลักส่วนวันที่

package-lock.json

@@ -22,6 +22,7 @@
         "@fullcalendar/daygrid": "^5.10.1",
         "@fullcalendar/interaction": "^5.10.1",
         "@ng-bootstrap/ng-bootstrap": "10.0.0",
+        "bootstrap-icons": "^1.7.1",
         "chart.js": "2.9.4",
         "core-js": "3.15.2",
         "fullcalendar": "^5.10.1",
@@ -3912,6 +3913,14 @@
       "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
       "dev": true
     },
+    "node_modules/bootstrap-icons": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.1.tgz",
+      "integrity": "sha512-Hkuoo0qrWegA9cdzwS68YPSOLf7d42gqnMzT1tIy/SWvnxnI+Y5PFvK2qIbM/L7knH8SdC8FPgjA+bktzmGcAw==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -20300,6 +20309,11 @@
       "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
       "dev": true
     },
+    "bootstrap-icons": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.1.tgz",
+      "integrity": "sha512-Hkuoo0qrWegA9cdzwS68YPSOLf7d42gqnMzT1tIy/SWvnxnI+Y5PFvK2qIbM/L7knH8SdC8FPgjA+bktzmGcAw=="
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",

package.json

@@ -74,6 +74,7 @@
     "@fullcalendar/daygrid": "^5.10.1",
     "@fullcalendar/interaction": "^5.10.1",
     "@ng-bootstrap/ng-bootstrap": "10.0.0",
+    "bootstrap-icons": "^1.7.1",
     "chart.js": "2.9.4",
     "core-js": "3.15.2",
     "fullcalendar": "^5.10.1",

src/app/components/sidebar/sidebar.component.ts

@@ -18,27 +18,27 @@ export const ROUTES: RouteInfo[] = [
   {
     path: "/dashboard",
     title: "Dashboard",
-    rtlTitle: "لوحة القيادة",
+    rtlTitle: "",
     icon: "icon-chart-pie-36",
     class: ""
   },
   {
     path: "/icons",
     title: "Icons",
-    rtlTitle: "الرموز",
+    rtlTitle: "",
     icon: "icon-atom",
     class: ""
   },
   {
     path: "/maps",
     title: "Maps",
-    rtlTitle: "خرائط",
+    rtlTitle: "",
     icon: "icon-pin",
     class: "" },
   {
     path: "/notifications",
     title: "Notifications",
-    rtlTitle: "إخطارات",
+    rtlTitle: "",
     icon: "icon-bell-55",
     class: ""
   },
@@ -46,28 +46,28 @@ export const ROUTES: RouteInfo[] = [
   {
     path: "/user",
     title: "User Profile",
-    rtlTitle: "ملف تعريفي للمستخدم",
+    rtlTitle: "",
     icon: "icon-single-02",
     class: ""
   },
   {
     path: "/tables",
     title: "Table List",
-    rtlTitle: "قائمة الجدول",
+    rtlTitle: "",
     icon: "icon-puzzle-10",
     class: ""
   },
   {
     path: "/typography",
     title: "Typography",
-    rtlTitle: "طباعة",
+    rtlTitle: "",
     icon: "icon-align-center",
     class: ""
   },
   {
     path: "/rtl",
     title: "RTL Support",
-    rtlTitle: "ار تي ال",
+    rtlTitle: "",
     icon: "icon-world",
     class: ""
   }

src/app/pages/home-page/home-page.component.html

 <div class=" content">
     <div class="row">
+        <div class="col-sm-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-6 mb-3">
+                            <label for="exampleFormControlSelect1">วันที่เริ่มใช้</label>
+                            <input type="date" class="form-control" value="">
+                        </div>
+                        <div class="col-6 mb-3">
+                            <label for="exampleFormControlSelect1">วันที่สิ้นสุด</label>
+                            <input type="date" class="form-control" value="">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row">
         <div class="col-sm-6">
             <div class="card">
                 <div class="card-body">
@@ -16,16 +35,6 @@
                     <div>
                         <h4 class="card-title">ตาราง</h4>
                     </div>
-                    <div class="row">
-                        <div class="col-6 mb-3">
-                            <label for="exampleFormControlSelect1">วันที่เริ่มใช้</label>
-                            <input type="date" class="form-control" value="">
-                        </div>
-                        <div class="col-6 mb-3">
-                            <label for="exampleFormControlSelect1">วันที่เริ่มใช้</label>
-                            <input type="date" class="form-control" value="">
-                        </div>
-                    </div>
                 </div>
             </div>
         </div>