Page maintenance

pages/app/index.js

@@ -1,136 +1,98 @@
 import React, { Component } from "react";
 import BasePage from "@/components/Layout/BasePage";
-import { Row, Col, Navbar, NavItem, NavLink, NavbarBrand, NavbarToggler, Nav, Collapse, Jumbotron, Button } from "reactstrap";
-import ContentWrapper from "@/components/Layout/ContentWrapper";
+import {
+  Row,
+  Col,
+  FormGroup,
+  Input,
+  Card,
+  CardBody,
+  Button,
+  Navbar,
+  NavItem,
+  NavLink,
+  NavbarBrand,
+  NavbarToggler,
+  Nav,
+  Collapse,
+} from "reactstrap";
 import Link from "next/link";
-import Login from "@/components/Main/Login";
-import { connect } from "react-redux";
-import { createPengunjung } from "@/actions/pengunjung";
-import ChartdataHome from "../../components/Main/ChartdataHome";
-import { getCsrf } from "../../actions/security";
-
-const menu = [
-  {
-    title: "Home",
-    path: "/app",
-  },
-  {
-    title: "Buat Laporan",
-    path: "/laporan/new",
-  },
-  {
-    title: "Pemantauan",
-    path: "/pemantauan",
-  },
-];
+import ContentWrapper from "@/components/Layout/ContentWrapper";
+import { getPelaporanPublic } from "@/actions/pelaporan";
+import DetailLaporan from "@/components/Public/DetailLaporan";
+import { getLogPublic } from "@/actions/log";
+import Timeline from "@/components/Main/Timeline";
+import { Formik, Form, Field, ErrorMessage } from "formik";
+import * as Yup from "yup";
+import { ToastContainer, toast } from "react-toastify";
+// import Swal from '@/components/Common/Swal';
+import "react-toastify/dist/ReactToastify.css";
+import swal from "sweetalert2";
+
+
 class App extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      isOpen: false,
-    };
-  }
-
-  static getInitialProps = ({ pathname }) => ({ pathname });
 
-  async componentDidMount() {
-    const { token } = this.props;
-    const getToken = await getCsrf();
-    const _csrf = getToken.token;
-    if (!token) {
-      await createPengunjung(_csrf);
-    }
+    };
   }
-
-  toggleCollapse = () => {
-    this.setState({
-      isOpen: !this.state.isOpen,
-    });
-  };
+  handleRedirect = () => {
+    // Ganti URL tujuan ke domain baru
+  window.location.href = "https://domainbaru.com";  };
 
   render() {
+    const { } = this.state;
     return (
+
       <div>
+        <ToastContainer />
         <Navbar className="navbar-color" expand="md" dark>
           <NavbarBrand href="/">
-            <img className="width-133" src="/static/img/Logo-Sidali.png" alt="App Logo" />
+            <img
+              className="width-133"
+              src="/static/img/Logo-Sidali.png"
+              alt="App Logo"
+            />
           </NavbarBrand>
-          <NavbarToggler onClick={this.toggleCollapse} />
-          <Collapse isOpen={this.state.isOpen} navbar>
-            <Nav className="ml-auto" navbar>
-              {menu.map((e) => (
-                <NavItem active={e.path === this.props.pathname ? true : false}>
-                  <Link href={e.path}>
-                    <NavLink style={{ cursor: "pointer" }}>{e.title}</NavLink>
-                  </Link>
-                </NavItem>
-              ))}
-            </Nav>
-          </Collapse>
         </Navbar>
-        <ContentWrapper>
-          <Jumbotron>
-            <Row className="home-1">
-              <Col lg={8} className="d-flex flex-column justify-content-center align-items-start">
-                <h1 className="display-5 home-2 txt-size">Sistem Informasi Pengendalian Kelembagaan Perguruan Tinggi</h1>
-                <p className="lead txt-size">Layanan Pelaporan Pelanggaran Perguruan Tinggi Penyelenggara Pendidikan Tinggi</p>
-                <hr className="my-4" />
-                <p className="txt-size">Disediakan kepada masyarakat untuk melaporkan dugaan pelanggaran dalam penyelenggaraan pendidikan tinggi</p>
-
-                <p className="lead">
-                  {/* <Link href="/laporan/new">
-										<button className="btn btn-info btn-lg"><img className="icon-buatlaporan" src="/static/img/icon-buat-laporan.png" alt="icon"/>Buat Laporan</button>
-									</Link> */}
-                  <Link href="/laporan/new">
-                    <span className="btn-radius">
-                      <Button color="" className="btn-labeled">
-                        <span className="btn-label">
-                          <img className="icon-buatlaporan" src="/static/img/icon-buat-laporan.png" alt="icon" />
-                        </span>
-                        <text className="text-button-home-1 font-color-white">Buat Laporan</text>
-                      </Button>
-                    </span>
-                  </Link>
-                  <Link href="/pemantauan">
-                    <span className="btn-radius">
-                      <Button color className="btn-labeled-2">
-                        <span className="btn-label">
-                          <img className="icon-pemantauan" src="/static/img/icon-pemantauan.png" alt="icon" />
-                        </span>
-                        <text className="text-button-home-1 font-color-white">Pemantauan</text>
-                      </Button>
-                    </span>
-                  </Link>
-                </p>
-                <div id="video-css">
-                  <video controls>
-                    <source src="/static/img/video/video_buat_laporan_v3.mp4" type="video/mp4" />
-                  </video>
-                  <div className="d-flex flex-column">
-                    <div>
-                      <ChartdataHome />
-                    </div>
-                    <div>
-                      <img className="pl-5" src="/static/img/ditbaga-logo.png" alt="applogo" />
-                    </div>
-                  </div>
-                </div>
-
-              </Col>
-              <Col>
-                <Login />
-                {/* <ChartdataHome /> */}
-              </Col>
-            </Row>
-          </Jumbotron>
-          <span>Version 3.0 ~ 3.0</span>
-        </ContentWrapper>
+
+
+
+        <div className="flex flex-col items-center justify-center min-h-screen text-center">
+
+          {/* Ilustrasi */}
+          <div className='main text-center pt-1 mt-5'>
+            <img
+              className="main"
+              src="/static/img/maintenance.png"
+              alt="gambar"
+
+              width="500"
+              height="350"
+            />
+
+          </div>
+
+          {/* Teks */}
+          <h3 className="text-2xl font-semibold mt-6 font-color-black mt-5">
+            Oops! Website Sedang Dalam Perbaikan
+          </h3>
+          <p className="text-gray-600 mt-3  mb-0 font-color-black max-w-md">
+           Kami sedang melakukan perbaikan agar pengalaman Anda di sini jadi lebih baik.
+          </p>
+          <p className="text-gray-600 mt-0 font-color-black max-w-md">
+           Mohon bersabar sebentar ya, kami akan segera kembali!
+          </p>
+        
+        </div>
       </div>
     );
+
+
   }
 }
 
 App.Layout = BasePage;
 
-const MapStateToProps = (state) => ({ token: state.token });
-export default connect(MapStateToProps)(App);
+export default App;

pages/maintenance.js

@@ -0,0 +1,98 @@
+import React, { Component } from "react";
+import BasePage from "@/components/Layout/BasePage";
+import {
+  Row,
+  Col,
+  FormGroup,
+  Input,
+  Card,
+  CardBody,
+  Button,
+  Navbar,
+  NavItem,
+  NavLink,
+  NavbarBrand,
+  NavbarToggler,
+  Nav,
+  Collapse,
+} from "reactstrap";
+import Link from "next/link";
+import ContentWrapper from "@/components/Layout/ContentWrapper";
+import { getPelaporanPublic } from "@/actions/pelaporan";
+import DetailLaporan from "@/components/Public/DetailLaporan";
+import { getLogPublic } from "@/actions/log";
+import Timeline from "@/components/Main/Timeline";
+import { Formik, Form, Field, ErrorMessage } from "formik";
+import * as Yup from "yup";
+import { ToastContainer, toast } from "react-toastify";
+// import Swal from '@/components/Common/Swal';
+import "react-toastify/dist/ReactToastify.css";
+import swal from "sweetalert2";
+
+
+class App extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+
+    };
+  }
+  handleRedirect = () => {
+    // Ganti URL tujuan ke domain baru
+  window.location.href = "https://domainbaru.com";  };
+
+  render() {
+    const { } = this.state;
+    return (
+
+      <div>
+        <ToastContainer />
+        <Navbar className="navbar-color" expand="md" dark>
+          <NavbarBrand href="/">
+            <img
+              className="width-133"
+              src="/static/img/Logo-Sidali.png"
+              alt="App Logo"
+            />
+          </NavbarBrand>
+        </Navbar>
+
+
+
+        <div className="flex flex-col items-center justify-center min-h-screen text-center">
+
+          {/* Ilustrasi */}
+          <div className='main text-center pt-1 mt-5'>
+            <img
+              className="main"
+              src="/static/img/maintenance.png"
+              alt="gambar"
+
+              width="500"
+              height="350"
+            />
+
+          </div>
+
+          {/* Teks */}
+          <h3 className="text-2xl font-semibold mt-6 font-color-black mt-5">
+            Oops! Website Sedang Dalam Perbaikan
+          </h3>
+          <p className="text-gray-600 mt-3  mb-0 font-color-black max-w-md">
+           Kami sedang melakukan perbaikan agar pengalaman Anda di sini jadi lebih baik.
+          </p>
+          <p className="text-gray-600 mt-0 font-color-black max-w-md">
+           Mohon bersabar sebentar ya, kami akan segera kembali!
+          </p>
+        
+        </div>
+      </div>
+    );
+
+
+  }
+}
+
+App.Layout = BasePage;
+
+export default App;

pages/redirect.js

@@ -0,0 +1,99 @@
+import React, { Component } from "react";
+import BasePage from "@/components/Layout/BasePage";
+import {
+  Row,
+  Col,
+  FormGroup,
+  Input,
+  Card,
+  CardBody,
+  Button,
+  Navbar,
+  NavItem,
+  NavLink,
+  NavbarBrand,
+  NavbarToggler,
+  Nav,
+  Collapse,
+} from "reactstrap";
+import Link from "next/link";
+import ContentWrapper from "@/components/Layout/ContentWrapper";
+import { getPelaporanPublic } from "@/actions/pelaporan";
+import DetailLaporan from "@/components/Public/DetailLaporan";
+import { getLogPublic } from "@/actions/log";
+import Timeline from "@/components/Main/Timeline";
+import { Formik, Form, Field, ErrorMessage } from "formik";
+import * as Yup from "yup";
+import { ToastContainer, toast } from "react-toastify";
+// import Swal from '@/components/Common/Swal';
+import "react-toastify/dist/ReactToastify.css";
+import swal from "sweetalert2";
+
+
+class App extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+
+    };
+  }
+  handleRedirect = () => {
+    // Ganti URL tujuan ke domain baru
+  window.location.href = "https://domainbaru.com";  };
+
+  render() {
+    const { } = this.state;
+    return (
+
+      <div>
+        <ToastContainer />
+        <Navbar className="navbar-color" expand="md" dark>
+          <NavbarBrand href="/">
+            <img
+              className="width-133"
+              src="/static/img/Logo-Sidali.png"
+              alt="App Logo"
+            />
+          </NavbarBrand>
+        </Navbar>
+
+
+
+        <div className="flex flex-col items-center justify-center min-h-screen bg-white text-center">
+
+          {/* Ilustrasi */}
+          <div className='main text-center pt-1 mt-5'>
+            <img
+              className="main"
+              src="/static/img/redirect.png"
+              alt="gambar"
+
+              width="500"
+              height="300"
+            />
+
+          </div>
+
+          {/* Teks */}
+          <h3 className="text-2xl font-semibold mt-6 font-color-black mt-5">
+            Halaman ini telah dipindahkan!
+          </h3>
+          <p className="text-gray-600 mt-2 max-w-md">
+            Website ini sudah pindah ke domain baru agar bisa memberikan layanan yang lebih baik untuk Anda.
+          </p>
+          <div className="btn-radius d-block text-center"  onClick={this.handleRedirect}>
+            <Button color className="btn-labeled-2 mt-1">
+              <h4 className="p-0 mt-2 font-color-white">Lanjut ke halaman baru</h4>
+            </Button>
+          </div>
+        </div>
+      </div>
+    );
+
+
+  }
+}
+
+App.Layout = BasePage;
+
+export default App;