rtl page added

2 years ago · 2048910951
3 changed files with 86 additions and 4 deletions
--- a/src/index.html
+++ b/src/index.html
@ -1,7 +1,5 @@
 <!DOCTYPE html>
 <html lang="en">
-<!-- For RTL verison -->
-<!-- <html lang="en" dir="rtl"> -->
  <head>
    @@include('./_head.html', {
      "path": ".",
--- a/src/pages/layout/fixed-sidebar.html
+++ b/src/pages/layout/fixed-sidebar.html
@ -1,7 +1,5 @@
 <!DOCTYPE html>
 <html lang="en">
-<!-- For RTL verison -->
-<!-- <html lang="en" dir="rtl"> -->
  <head>
    @@include('./_head.html', {
      "path": "../..",
--- a/src/pages/layout/layout-rtl.html
+++ b/src/pages/layout/layout-rtl.html
@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    @@include('./_head.html', {
+      "path": "../..",
+      "title": "AdminLTE 4 | Layout RTL",
+      "isRtl": true,
+    })
+  </head>
+  <body class="layout-fixed bg-body-tertiary">
+    <div class="wrapper">
+      @@include('./dashboard/_topbar.html', {
+        "path": "../.."
+      })
+
+      @@include('./dashboard/_sidenav.html', {
+        "mainPage": "layout",
+        "page": "layout-rtl",
+        "path": "../.."
+      })
+      <!-- Main content -->
+      <main class="content-wrapper">
+        <div class="content-header">
+          <div class="container-fluid">
+            <div class="row mb-2">
+              <div class="col-sm-6">
+                <h3>Layout RTL</h3>
+              </div>
+              <div class="col-sm-6">
+                <ol class="breadcrumb float-sm-end">
+                  <li class="breadcrumb-item"><a href="#">Home</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">Layout RTL</li>
+                </ol>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Main content -->
+        <div class="content">
+          <div class="container-fluid">
+            <div class="row">
+              <div class="col-12">
+                <!-- Default box -->
+                <div class="card">
+                  <div class="card-header">
+                    <h3 class="card-title">Title</h3>
+
+                    <div class="card-tools">
+                      <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse">
+                        <i class="fa-solid fa-minus"></i>
+                      </button>
+                      <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove" title="Remove">
+                        <i class="fa-solid fa-times"></i>
+                      </button>
+                    </div>
+                  </div>
+                  <div class="card-body">
+                    Start creating your amazing application!
+                  </div>
+                  <!-- /.card-body -->
+                  <div class="card-footer">
+                    Footer
+                  </div>
+                  <!-- /.card-footer-->
+                </div>
+                <!-- /.card -->
+              </div>
+            </div>
+            <!-- /.row -->
+          </div><!-- /.container-fluid -->
+        </div>
+        <!-- /.content -->
+      </main>
+      <!-- /.content-wrapper -->
+
+      @@include('./dashboard/_footer.html', {
+        "path": "../.."
+      })
+    </div>
+    <!--  ./wrapper -->
+
+    @@include('./_scripts.html', {
+      "path": "../.."
+    })
+  </body>
+</html>