pecintaseni
7 months ago
committed by
=
26 changed files with 387 additions and 85 deletions
@ -0,0 +1,25 @@
|
||||
<?php |
||||
namespace App\Controllers\Kewilayahan; |
||||
|
||||
use CodeIgniter\API\ResponseTrait; |
||||
use CodeIgniter\Controller; |
||||
|
||||
class Monitoring extends Controller |
||||
{ |
||||
|
||||
use ResponseTrait; |
||||
|
||||
public function index() |
||||
{ |
||||
if (session('isLogin')) { |
||||
echo view('inc/head'); |
||||
echo view('inc/navbar'); |
||||
echo view('inc/sidebar'); |
||||
echo view('kewilayahan/monitoring/monitoring'); |
||||
echo view('inc/footer'); |
||||
} else { |
||||
return redirect()->to('auth'); |
||||
} |
||||
} |
||||
|
||||
} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,55 @@
|
||||
/*! |
||||
Copyright (c) 2018 Jed Watson. |
||||
Licensed under the MIT License (MIT), see |
||||
http://jedwatson.github.io/classnames |
||||
*/ |
||||
|
||||
/** |
||||
* @license React |
||||
* react-dom.production.min.js |
||||
* |
||||
* Copyright (c) Facebook, Inc. and its affiliates. |
||||
* |
||||
* This source code is licensed under the MIT license found in the |
||||
* LICENSE file in the root directory of this source tree. |
||||
*/ |
||||
|
||||
/** |
||||
* @license React |
||||
* react-jsx-runtime.production.min.js |
||||
* |
||||
* Copyright (c) Facebook, Inc. and its affiliates. |
||||
* |
||||
* This source code is licensed under the MIT license found in the |
||||
* LICENSE file in the root directory of this source tree. |
||||
*/ |
||||
|
||||
/** |
||||
* @license React |
||||
* react.production.min.js |
||||
* |
||||
* Copyright (c) Facebook, Inc. and its affiliates. |
||||
* |
||||
* This source code is licensed under the MIT license found in the |
||||
* LICENSE file in the root directory of this source tree. |
||||
*/ |
||||
|
||||
/** |
||||
* @license React |
||||
* scheduler.production.min.js |
||||
* |
||||
* Copyright (c) Facebook, Inc. and its affiliates. |
||||
* |
||||
* This source code is licensed under the MIT license found in the |
||||
* LICENSE file in the root directory of this source tree. |
||||
*/ |
||||
|
||||
/** |
||||
* @license React |
||||
* use-sync-external-store-with-selector.production.min.js |
||||
* |
||||
* Copyright (c) Facebook, Inc. and its affiliates. |
||||
* |
||||
* This source code is licensed under the MIT license found in the |
||||
* LICENSE file in the root directory of this source tree. |
||||
*/ |
||||
@ -0,0 +1,100 @@
|
||||
import React, { useEffect, useRef, useState } from 'react' |
||||
import ReactDOM from 'react-dom' |
||||
import { Card, CardBody, CardHeader, CardText, CardTitle, Col, Label, Nav, NavItem, NavLink, Row, TabContent, TabPane } from 'reactstrap' |
||||
|
||||
import collect from 'collect.js' |
||||
import { MultiSelect } from 'react-multi-select-component' |
||||
|
||||
import { Toast } from 'primereact/toast' |
||||
import { Button as ButtonP } from 'primereact/button' |
||||
import 'primereact/resources/themes/bootstrap4-light-blue/theme.css' |
||||
import 'primeflex/primeflex.css' |
||||
import { store } from '../kytp/store/store' |
||||
import { Provider } from 'react-redux' |
||||
|
||||
const App = () => { |
||||
const base_url = '<?=base_url()?>' |
||||
const [kanwil, setKanwil] = useState([]) |
||||
const [kanwilSelected, setKanwilSelected] = useState([]) |
||||
const [kpp, setKpp] = useState([]) |
||||
const [kppSelected, setKppSelected] = useState([]) |
||||
|
||||
useEffect(() => { |
||||
$.ajax({ |
||||
url: base_url + 'kewilayahan/ref/kanwil', |
||||
method: 'GET', |
||||
dataType: 'json', |
||||
success: (data) => { |
||||
setKanwil(data) |
||||
} |
||||
}) |
||||
}, []) |
||||
|
||||
useEffect(() => { |
||||
$.ajax({ |
||||
url: base_url + 'kewilayahan/ref/kpp', |
||||
method: 'POST', |
||||
dataType: 'json', |
||||
success: (data) => { |
||||
setKpp(data) |
||||
} |
||||
}) |
||||
}, [kanwilSelected]) |
||||
|
||||
return ( |
||||
<> |
||||
<Card> |
||||
<CardBody> |
||||
<Row className="mt-2"> |
||||
<Col md="4"> |
||||
<Label className="form-label" for="Pilih Kanwil"> |
||||
Kanwil |
||||
</Label> |
||||
<MultiSelect |
||||
className="me-1 w-full" |
||||
hasSelectAll={true} |
||||
debounceDuration={300} |
||||
options={kanwil} |
||||
value={kanwilSelected} |
||||
onChange={(e) => { |
||||
setKanwilSelected(e) |
||||
}} |
||||
labelledBy="Pilih Kanwil" |
||||
overrideStrings={{ allItemsAreSelected: 'Semua dipilih', selectSomeItems: 'Pilih Kanwil' }} |
||||
/> |
||||
</Col> |
||||
<Col md="4"> |
||||
<Label className="form-label" for="Pilih KPP"> |
||||
KPP |
||||
</Label> |
||||
<MultiSelect |
||||
className="me-1 w-full" |
||||
hasSelectAll={true} |
||||
debounceDuration={300} |
||||
options={kpp} |
||||
value={kppSelected} |
||||
onChange={(e) => { |
||||
setKppSelected(e) |
||||
}} |
||||
labelledBy="Pilih KPP" |
||||
overrideStrings={{ allItemsAreSelected: 'Semua dipilih', selectSomeItems: 'Pilih KPP' }} |
||||
/> |
||||
</Col> |
||||
<Col md="3" className="pt-4"> |
||||
<ButtonP onClick={() => buttonProsesOnClick()} label="Proses" severity="" rounded className="w-10rem text-white text-base" /> |
||||
</Col> |
||||
</Row> |
||||
</CardBody> |
||||
</Card> |
||||
</> |
||||
) |
||||
} |
||||
|
||||
const container = document.getElementById('app') |
||||
const component = ( |
||||
<Provider store={store}> |
||||
<App /> |
||||
</Provider> |
||||
) |
||||
|
||||
ReactDOM.render(component, container) |
||||
@ -0,0 +1,27 @@
|
||||
|
||||
<style> |
||||
.highcharts-credits{ |
||||
visibility: hidden; |
||||
} |
||||
</style> |
||||
<?php |
||||
helper('Kpdl'); |
||||
?> |
||||
|
||||
<div class="main-content"> |
||||
<div class="container-fluid"> |
||||
<div id="app"></div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<?php $isDevelopment = ENVIRONMENT === 'development';?> |
||||
|
||||
<script type="text/javascript"> |
||||
|
||||
<?php echo view('kewilayahan/dist/monitoring.js') ?> |
||||
</script> |
||||
|
||||
<?php echo view('inc/js.php') ?> |
||||
@ -0,0 +1,46 @@
|
||||
const path = require('path') |
||||
//__dirname,
|
||||
module.exports = { |
||||
// entry: "./App.js",
|
||||
entry: { |
||||
kpdl: './app/Views/kewilayahan/kytp/kpdl.js', |
||||
monitoring: './app/Views/kewilayahan/monitoring/index.js' |
||||
// peta: './app/Views/kewilayahan/peta/peta.js'
|
||||
}, |
||||
output: { |
||||
path: path.resolve('./app/Views/kewilayahan/dist'), |
||||
filename: '[name].js' |
||||
}, |
||||
optimization: { |
||||
minimize: false |
||||
}, |
||||
module: { |
||||
rules: [ |
||||
{ |
||||
exclude: /node_modules/, |
||||
use: { |
||||
loader: 'babel-loader', |
||||
options: { |
||||
presets: ['@babel/preset-react'], |
||||
plugins: ['@babel/plugin-proposal-optional-chaining', '@babel/plugin-proposal-nullish-coalescing-operator'] |
||||
} |
||||
} |
||||
}, |
||||
{ |
||||
test: /\.css$/i, |
||||
// type: "asset"
|
||||
use: ['style-loader', 'css-loader'] |
||||
} |
||||
] |
||||
}, |
||||
// mode: 'production'
|
||||
mode: 'development' |
||||
// devServer: {
|
||||
// static: {
|
||||
// directory: path.join(__dirname, 'public/kpdl'),
|
||||
// serveIndex: true
|
||||
// },
|
||||
// compress: false,
|
||||
// port: 9000
|
||||
// }
|
||||
} |
||||
Loading…
Reference in new issue