first commit
This commit is contained in:
parent
b90f00ff00
commit
ed35372631
|
@ -0,0 +1,18 @@
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
end_of_line = lf
|
||||||
|
indent_size = 4
|
||||||
|
indent_style = space
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
|
|
||||||
|
[*.{yml,yaml}]
|
||||||
|
indent_size = 2
|
||||||
|
|
||||||
|
[docker-compose.yml]
|
||||||
|
indent_size = 4
|
|
@ -0,0 +1,64 @@
|
||||||
|
APP_NAME=Laravel
|
||||||
|
APP_ENV=local
|
||||||
|
APP_KEY=
|
||||||
|
APP_DEBUG=true
|
||||||
|
APP_TIMEZONE=UTC
|
||||||
|
APP_URL=http://localhost
|
||||||
|
|
||||||
|
APP_LOCALE=en
|
||||||
|
APP_FALLBACK_LOCALE=en
|
||||||
|
APP_FAKER_LOCALE=en_US
|
||||||
|
|
||||||
|
APP_MAINTENANCE_DRIVER=file
|
||||||
|
APP_MAINTENANCE_STORE=database
|
||||||
|
|
||||||
|
BCRYPT_ROUNDS=12
|
||||||
|
|
||||||
|
LOG_CHANNEL=stack
|
||||||
|
LOG_STACK=single
|
||||||
|
LOG_DEPRECATIONS_CHANNEL=null
|
||||||
|
LOG_LEVEL=debug
|
||||||
|
|
||||||
|
DB_CONNECTION=sqlite
|
||||||
|
# DB_HOST=127.0.0.1
|
||||||
|
# DB_PORT=3306
|
||||||
|
# DB_DATABASE=laravel
|
||||||
|
# DB_USERNAME=root
|
||||||
|
# DB_PASSWORD=
|
||||||
|
|
||||||
|
SESSION_DRIVER=database
|
||||||
|
SESSION_LIFETIME=120
|
||||||
|
SESSION_ENCRYPT=false
|
||||||
|
SESSION_PATH=/
|
||||||
|
SESSION_DOMAIN=null
|
||||||
|
|
||||||
|
BROADCAST_CONNECTION=log
|
||||||
|
FILESYSTEM_DISK=local
|
||||||
|
QUEUE_CONNECTION=database
|
||||||
|
|
||||||
|
CACHE_STORE=database
|
||||||
|
CACHE_PREFIX=
|
||||||
|
|
||||||
|
MEMCACHED_HOST=127.0.0.1
|
||||||
|
|
||||||
|
REDIS_CLIENT=phpredis
|
||||||
|
REDIS_HOST=127.0.0.1
|
||||||
|
REDIS_PASSWORD=null
|
||||||
|
REDIS_PORT=6379
|
||||||
|
|
||||||
|
MAIL_MAILER=log
|
||||||
|
MAIL_HOST=127.0.0.1
|
||||||
|
MAIL_PORT=2525
|
||||||
|
MAIL_USERNAME=null
|
||||||
|
MAIL_PASSWORD=null
|
||||||
|
MAIL_ENCRYPTION=null
|
||||||
|
MAIL_FROM_ADDRESS="hello@example.com"
|
||||||
|
MAIL_FROM_NAME="${APP_NAME}"
|
||||||
|
|
||||||
|
AWS_ACCESS_KEY_ID=
|
||||||
|
AWS_SECRET_ACCESS_KEY=
|
||||||
|
AWS_DEFAULT_REGION=us-east-1
|
||||||
|
AWS_BUCKET=
|
||||||
|
AWS_USE_PATH_STYLE_ENDPOINT=false
|
||||||
|
|
||||||
|
VITE_APP_NAME="${APP_NAME}"
|
|
@ -0,0 +1,11 @@
|
||||||
|
* text=auto eol=lf
|
||||||
|
|
||||||
|
*.blade.php diff=html
|
||||||
|
*.css diff=css
|
||||||
|
*.html diff=html
|
||||||
|
*.md diff=markdown
|
||||||
|
*.php diff=php
|
||||||
|
|
||||||
|
/.github export-ignore
|
||||||
|
CHANGELOG.md export-ignore
|
||||||
|
.styleci.yml export-ignore
|
|
@ -0,0 +1,19 @@
|
||||||
|
/.phpunit.cache
|
||||||
|
/node_modules
|
||||||
|
/public/build
|
||||||
|
/public/hot
|
||||||
|
/public/storage
|
||||||
|
/storage/*.key
|
||||||
|
/vendor
|
||||||
|
.env
|
||||||
|
.env.backup
|
||||||
|
.env.production
|
||||||
|
.phpunit.result.cache
|
||||||
|
Homestead.json
|
||||||
|
Homestead.yaml
|
||||||
|
auth.json
|
||||||
|
npm-debug.log
|
||||||
|
yarn-error.log
|
||||||
|
/.fleet
|
||||||
|
/.idea
|
||||||
|
/.vscode
|
|
@ -0,0 +1,46 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Console;
|
||||||
|
|
||||||
|
use Illuminate\Console\Scheduling\Schedule;
|
||||||
|
use Illuminate\Foundation\Console\Kernel as ConsoleKernel;
|
||||||
|
|
||||||
|
class Kernel extends ConsoleKernel
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* The Artisan commands provided by your application.
|
||||||
|
*
|
||||||
|
* @var array
|
||||||
|
*/
|
||||||
|
protected $commands = [
|
||||||
|
// Daftarkan command Anda di sini
|
||||||
|
\App\Console\Commands\MqttListenCommand::class,
|
||||||
|
];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Define the application's command schedule.
|
||||||
|
*
|
||||||
|
* @param \Illuminate\Console\Scheduling\Schedule $schedule
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
protected function schedule(Schedule $schedule)
|
||||||
|
{
|
||||||
|
// Contoh command lainnya
|
||||||
|
// $schedule->command('inspire')->hourly();
|
||||||
|
|
||||||
|
// Tambahkan schedule untuk mqtt:subscribe
|
||||||
|
$schedule->command('mqtt:subscribe')->everyMinute();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Register the commands for the application.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
protected function commands()
|
||||||
|
{
|
||||||
|
$this->load(__DIR__.'/Commands');
|
||||||
|
|
||||||
|
require base_path('routes/console.php');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,48 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Console\Commands;
|
||||||
|
|
||||||
|
use Illuminate\Console\Command;
|
||||||
|
use App\Services\MqttService;
|
||||||
|
|
||||||
|
class MqttListenCommand extends Command
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* The name and signature of the console command.
|
||||||
|
*
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
protected $signature = 'mqtt:listen';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The console command description.
|
||||||
|
*
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
protected $description = 'Listen for MQTT messages';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a new command instance.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
parent::__construct();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Execute the console command.
|
||||||
|
*
|
||||||
|
* @return mixed
|
||||||
|
*/
|
||||||
|
public function handle()
|
||||||
|
{
|
||||||
|
$mqtt = new MqttService();
|
||||||
|
$mqtt->subscribe('topic/nutrisi', function (string $topic, string $message) {
|
||||||
|
// Proses pesan yang diterima
|
||||||
|
\Log::info("Pesan dari $topic: $message");
|
||||||
|
// Anda bisa menyimpan pesan ke database atau melakukan tindakan lainnya
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,30 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Console\Commands;
|
||||||
|
|
||||||
|
use Illuminate\Console\Command;
|
||||||
|
use PhpMqtt\Client\MqttClient;
|
||||||
|
use Illuminate\Support\Facades\Cache;
|
||||||
|
|
||||||
|
class SubscribeToMQTT extends Command
|
||||||
|
{
|
||||||
|
protected $signature = 'mqtt:subscribe';
|
||||||
|
protected $description = 'Subscribe to MQTT topic';
|
||||||
|
|
||||||
|
public function handle()
|
||||||
|
{
|
||||||
|
$server = '192.168.0.111'; // Ganti dengan server MQTT Anda
|
||||||
|
$port = 1883;
|
||||||
|
$clientId = 'laravel-mqtt-client';
|
||||||
|
$mqtt = new MqttClient($server, $port, $clientId);
|
||||||
|
|
||||||
|
$mqtt->connect();
|
||||||
|
|
||||||
|
$mqtt->subscribe('ultrasonic', function (string $topic, string $message) {
|
||||||
|
Cache::put('ultrasonic_data', $message, 60);
|
||||||
|
}, 0);
|
||||||
|
|
||||||
|
$mqtt->loop(true);
|
||||||
|
$mqtt->disconnect();
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,39 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers\Auth;
|
||||||
|
|
||||||
|
use App\Http\Controllers\Controller;
|
||||||
|
use Illuminate\Foundation\Auth\ConfirmsPasswords;
|
||||||
|
|
||||||
|
class ConfirmPasswordController extends Controller
|
||||||
|
{
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Confirm Password Controller
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This controller is responsible for handling password confirmations and
|
||||||
|
| uses a simple trait to include the behavior. You're free to explore
|
||||||
|
| this trait and override any functions that require customization.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
use ConfirmsPasswords;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Where to redirect users when the intended url fails.
|
||||||
|
*
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
protected $redirectTo = '/home';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a new controller instance.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
$this->middleware('auth');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,22 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers\Auth;
|
||||||
|
|
||||||
|
use App\Http\Controllers\Controller;
|
||||||
|
use Illuminate\Foundation\Auth\SendsPasswordResetEmails;
|
||||||
|
|
||||||
|
class ForgotPasswordController extends Controller
|
||||||
|
{
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Password Reset Controller
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This controller is responsible for handling password reset emails and
|
||||||
|
| includes a trait which assists in sending these notifications from
|
||||||
|
| your application to your users. Feel free to explore this trait.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
use SendsPasswordResetEmails;
|
||||||
|
}
|
|
@ -0,0 +1,39 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers\Auth;
|
||||||
|
|
||||||
|
use App\Http\Controllers\Controller;
|
||||||
|
use Illuminate\Foundation\Auth\AuthenticatesUsers;
|
||||||
|
|
||||||
|
class LoginController extends Controller
|
||||||
|
{
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Login Controller
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This controller handles authenticating users for the application and
|
||||||
|
| redirecting them to your home screen. The controller uses a trait
|
||||||
|
| to conveniently provide its functionality to your applications.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
use AuthenticatesUsers;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Where to redirect users after login.
|
||||||
|
*
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
protected $redirectTo = '/home';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a new controller instance.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
$this->middleware('guest')->except('logout');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,72 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers\Auth;
|
||||||
|
|
||||||
|
use App\Http\Controllers\Controller;
|
||||||
|
use App\Models\User;
|
||||||
|
use Illuminate\Foundation\Auth\RegistersUsers;
|
||||||
|
use Illuminate\Support\Facades\Hash;
|
||||||
|
use Illuminate\Support\Facades\Validator;
|
||||||
|
|
||||||
|
class RegisterController extends Controller
|
||||||
|
{
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Register Controller
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This controller handles the registration of new users as well as their
|
||||||
|
| validation and creation. By default this controller uses a trait to
|
||||||
|
| provide this functionality without requiring any additional code.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
use RegistersUsers;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Where to redirect users after registration.
|
||||||
|
*
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
protected $redirectTo = '/home';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a new controller instance.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
$this->middleware('guest');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a validator for an incoming registration request.
|
||||||
|
*
|
||||||
|
* @param array $data
|
||||||
|
* @return \Illuminate\Contracts\Validation\Validator
|
||||||
|
*/
|
||||||
|
protected function validator(array $data)
|
||||||
|
{
|
||||||
|
return Validator::make($data, [
|
||||||
|
'name' => ['required', 'string', 'max:255'],
|
||||||
|
'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
|
||||||
|
'password' => ['required', 'string', 'min:8', 'confirmed'],
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a new user instance after a valid registration.
|
||||||
|
*
|
||||||
|
* @param array $data
|
||||||
|
* @return \App\Models\User
|
||||||
|
*/
|
||||||
|
protected function create(array $data)
|
||||||
|
{
|
||||||
|
return User::create([
|
||||||
|
'name' => $data['name'],
|
||||||
|
'email' => $data['email'],
|
||||||
|
'password' => Hash::make($data['password']),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,29 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers\Auth;
|
||||||
|
|
||||||
|
use App\Http\Controllers\Controller;
|
||||||
|
use Illuminate\Foundation\Auth\ResetsPasswords;
|
||||||
|
|
||||||
|
class ResetPasswordController extends Controller
|
||||||
|
{
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Password Reset Controller
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This controller is responsible for handling password reset requests
|
||||||
|
| and uses a simple trait to include this behavior. You're free to
|
||||||
|
| explore this trait and override any methods you wish to tweak.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
use ResetsPasswords;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Where to redirect users after resetting their password.
|
||||||
|
*
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
protected $redirectTo = '/home';
|
||||||
|
}
|
|
@ -0,0 +1,41 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers\Auth;
|
||||||
|
|
||||||
|
use App\Http\Controllers\Controller;
|
||||||
|
use Illuminate\Foundation\Auth\VerifiesEmails;
|
||||||
|
|
||||||
|
class VerificationController extends Controller
|
||||||
|
{
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Email Verification Controller
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This controller is responsible for handling email verification for any
|
||||||
|
| user that recently registered with the application. Emails may also
|
||||||
|
| be re-sent if the user didn't receive the original email message.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
use VerifiesEmails;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Where to redirect users after verification.
|
||||||
|
*
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
protected $redirectTo = '/home';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a new controller instance.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
$this->middleware('auth');
|
||||||
|
$this->middleware('signed')->only('verify');
|
||||||
|
$this->middleware('throttle:6,1')->only('verify', 'resend');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,55 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
use Illuminate\Http\Request;
|
||||||
|
use App\Models\Blog;
|
||||||
|
|
||||||
|
class BlogController extends Controller
|
||||||
|
{
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
$blogs = Blog::all();
|
||||||
|
return view('blog.index', compact('blogs'));
|
||||||
|
}
|
||||||
|
|
||||||
|
public function show($id)
|
||||||
|
{
|
||||||
|
$blog = Blog::findOrFail($id);
|
||||||
|
return view('blog.show', compact('blog'));
|
||||||
|
}
|
||||||
|
|
||||||
|
public function create()
|
||||||
|
{
|
||||||
|
return view('blog.create');
|
||||||
|
}
|
||||||
|
|
||||||
|
public function store(Request $request)
|
||||||
|
{
|
||||||
|
// Validasi data
|
||||||
|
$request->validate([
|
||||||
|
'title' => 'required|string|max:255',
|
||||||
|
'content' => 'required|string',
|
||||||
|
'image' => 'image|mimes:jpeg,png,jpg,gif|max:2048', // Menambahkan validasi untuk gambar
|
||||||
|
]);
|
||||||
|
|
||||||
|
// Simpan gambar
|
||||||
|
$imageName = null;
|
||||||
|
if ($request->hasFile('image')) {
|
||||||
|
$imageName = time().'.'.$request->image->extension();
|
||||||
|
$request->image->move(public_path('images'), $imageName);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Simpan blog baru ke dalam database dengan menambahkan informasi pengguna saat ini sebagai author
|
||||||
|
$blog = new Blog([
|
||||||
|
'title' => $request->title,
|
||||||
|
'content' => $request->content,
|
||||||
|
'author' => auth()->user()->name, // Menggunakan nama pengguna yang saat ini masuk sebagai author
|
||||||
|
'image' => $imageName, // Menyimpan nama file gambar ke dalam basis data
|
||||||
|
]);
|
||||||
|
$blog->save();
|
||||||
|
|
||||||
|
// Redirect ke halaman lain dengan pesan sukses
|
||||||
|
return redirect()->route('blog.index')->with('success', 'Blog created successfully!');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,12 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
|
||||||
|
use Illuminate\Foundation\Validation\ValidatesRequests;
|
||||||
|
use Illuminate\Routing\Controller as BaseController;
|
||||||
|
|
||||||
|
class Controller extends BaseController
|
||||||
|
{
|
||||||
|
use AuthorizesRequests, ValidatesRequests;
|
||||||
|
}
|
|
@ -0,0 +1,11 @@
|
||||||
|
<?php
|
||||||
|
// app/Http/Controllers/DeviceController.php
|
||||||
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
class DeviceController extends Controller
|
||||||
|
{
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
return view('Device');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,28 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
use Illuminate\Http\Request;
|
||||||
|
|
||||||
|
class HomeController extends Controller
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Create a new controller instance.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
$this->middleware('auth');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the application dashboard.
|
||||||
|
*
|
||||||
|
* @return \Illuminate\Contracts\Support\Renderable
|
||||||
|
*/
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
return view('home');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,30 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
use Illuminate\Http\Request;
|
||||||
|
use Illuminate\Support\Facades\Cache;
|
||||||
|
use App\Models\Waterflow1;
|
||||||
|
use App\Models\Waterflow2;
|
||||||
|
use App\Models\Tds;
|
||||||
|
use App\Models\Ultrasonik;
|
||||||
|
|
||||||
|
class MonitoringController extends Controller
|
||||||
|
{
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
// Mengambil data dari tabel 'waterflow1'
|
||||||
|
$waterflow1Data = Waterflow1::all();
|
||||||
|
|
||||||
|
// Mengambil data dari tabel 'waterflow2'
|
||||||
|
$waterflow2Data = Waterflow2::all();
|
||||||
|
|
||||||
|
// Mengambil data dari tabel 'tds'
|
||||||
|
$tdsData = Tds::all();
|
||||||
|
|
||||||
|
// Mengambil data dari tabel 'ultrasonik'
|
||||||
|
$ultrasonikData = Ultrasonik::all();
|
||||||
|
|
||||||
|
return view('monitoring', compact('waterflow1Data', 'waterflow2Data', 'tdsData', 'ultrasonikData'));
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,29 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
use Illuminate\Http\Request;
|
||||||
|
use App\Models\Waterflow1;
|
||||||
|
use App\Models\Waterflow2;
|
||||||
|
use App\Models\Tds;
|
||||||
|
use App\Models\Ultrasonik;
|
||||||
|
|
||||||
|
class RiwayatController extends Controller
|
||||||
|
{
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
// Mengambil data dari tabel 'waterflow1'
|
||||||
|
$waterflow1Data = Waterflow1::all();
|
||||||
|
|
||||||
|
// Mengambil data dari tabel 'waterflow2'
|
||||||
|
$waterflow2Data = Waterflow2::all();
|
||||||
|
|
||||||
|
// Mengambil data dari tabel 'tds'
|
||||||
|
$tdsData = Tds::all();
|
||||||
|
|
||||||
|
// Mengambil data dari tabel 'ultrasonik'
|
||||||
|
$ultrasonikData = Ultrasonik::all();
|
||||||
|
|
||||||
|
return view('riwayat', compact('waterflow1Data', 'waterflow2Data', 'tdsData', 'ultrasonikData'));
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,26 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
// app/Http/Controllers/SensorDataController.php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
use Illuminate\Http\Request;
|
||||||
|
use App\Models\SensorData;
|
||||||
|
|
||||||
|
class SensorDataController extends Controller
|
||||||
|
{
|
||||||
|
public function store(Request $request)
|
||||||
|
{
|
||||||
|
// Validasi request
|
||||||
|
$request->validate([
|
||||||
|
'value' => 'required|integer',
|
||||||
|
]);
|
||||||
|
|
||||||
|
// Simpan data ke database
|
||||||
|
$data = SensorData::create([
|
||||||
|
'value' => $request->value,
|
||||||
|
]);
|
||||||
|
|
||||||
|
return response()->json(['message' => 'Data berhasil disimpan'], 200);
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
use Illuminate\Http\Request;
|
||||||
|
|
||||||
|
class TentangController extends Controller
|
||||||
|
{
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
// Mengembalikan tampilan (view) "tentang.blade.php"
|
||||||
|
return view('tentang');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,10 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
|
use Illuminate\Http\Request;
|
||||||
|
|
||||||
|
class Waterflow2Controller extends Controller
|
||||||
|
{
|
||||||
|
//
|
||||||
|
}
|
|
@ -0,0 +1,2 @@
|
||||||
|
/vendor/
|
||||||
|
.idea
|
|
@ -0,0 +1,20 @@
|
||||||
|
Copyright (c) 2010 Blue Rhinos Consulting | Andrew Milsted
|
||||||
|
andrew@bluerhinos.co.uk | http://www.bluerhinos.co.uk
|
||||||
|
|
||||||
|
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.
|
|
@ -0,0 +1,15 @@
|
||||||
|
**2020 Update**
|
||||||
|
I am restarting the project so watch this space
|
||||||
|
|
||||||
|
|
||||||
|
Blue Rhinos Consulting
|
||||||
|
Andrew Milsted | andrew@bluerhinos.co.uk | http://www.bluerhinos.co.uk | @bluerhinos
|
||||||
|
|
||||||
|
A simple php class to connect/publish/subscribe to an MQTT broker
|
||||||
|
|
||||||
|
Documentation: Coming Soon
|
||||||
|
Source: http://github.com/bluerhinos/phpMQTT
|
||||||
|
|
||||||
|
To install via Composer
|
||||||
|
-----------------------
|
||||||
|
`composer require bluerhinos/phpmqtt=@dev`
|
|
@ -0,0 +1,21 @@
|
||||||
|
{
|
||||||
|
"name": "bluerhinos/phpmqtt",
|
||||||
|
"description": "Simple MQTT Class",
|
||||||
|
"license": "BSD",
|
||||||
|
"type": "library",
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"name": "Andrew Milsted",
|
||||||
|
"email": "andrew@bluerhinos.co.uk"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"minimum-stability": "dev",
|
||||||
|
"require": {
|
||||||
|
"php": ">=7.2"
|
||||||
|
},
|
||||||
|
"autoload": {
|
||||||
|
"psr-4": {
|
||||||
|
"Bluerhinos\\": "./"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,44 @@
|
||||||
|
# Output example
|
||||||
|
|
||||||
|
For info on MQTT: https://mntolia.com/fundamentals-mqtt/#4_Advantages_of_MQTT_for_IoT_over_HTTP_UDP
|
||||||
|
|
||||||
|
> Before running each file be sure to review the four connection parameters in the headers.
|
||||||
|
|
||||||
|
subscribe.php
|
||||||
|
--
|
||||||
|
This example is to demonstrate using MQTT for a long-running script that will wait for subscribed topics.
|
||||||
|
This script is not suitable to be run as web requests, instead should be run on the commandline.
|
||||||
|
|
||||||
|
Let `subscribe.php` listening the broker:
|
||||||
|
```console
|
||||||
|
$ php subscribe.php
|
||||||
|
Msg Recieved: Fri, 13 Jan 2017 01:58:23 +0000
|
||||||
|
Topic: bluerhinos/phpMQTT/examples/publishtest
|
||||||
|
|
||||||
|
Hello World! at Fri, 13 Jan 2017 01:58:23 +0000
|
||||||
|
|
||||||
|
Msg Recieved: Fri, 13 Jan 2017 01:58:35 +0000
|
||||||
|
Topic: bluerhinos/phpMQTT/examples/publishtest
|
||||||
|
|
||||||
|
Hello World! at Fri, 13 Jan 2017 01:58:35 +0000
|
||||||
|
|
||||||
|
^C
|
||||||
|
```
|
||||||
|
|
||||||
|
publish.php
|
||||||
|
---
|
||||||
|
This example will publish a message to a topic.
|
||||||
|
|
||||||
|
The results shown above corresponds to publisher's two actions:
|
||||||
|
```console
|
||||||
|
$ php publish.php
|
||||||
|
$ php publish.php
|
||||||
|
```
|
||||||
|
|
||||||
|
When run as a web request you it is ok to just `$mqtt->connect()`, `$mqtt->publish()` and `$mqtt->close()`.
|
||||||
|
If it is being run as long-running command line script you should run `$mqtt->proc()` regularly in order maintain the connection with the broker.
|
||||||
|
|
||||||
|
subscribeAndWaitForMessage.php
|
||||||
|
--
|
||||||
|
In order to use this library to display messages on a website you can use `$mqtt->subscribeAndWaitForMessage()`, this will subscribe to a topic and then wait for, and return the message.
|
||||||
|
If you want messages to appear instantly, you should use retained messages (https://mntolia.com/mqtt-retained-messages-explained-example/)
|
|
@ -0,0 +1,18 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
require('../phpMQTT.php');
|
||||||
|
|
||||||
|
$server = 'localhost'; // change if necessary
|
||||||
|
$port = 1883; // change if necessary
|
||||||
|
$username = ''; // set your username
|
||||||
|
$password = ''; // set your password
|
||||||
|
$client_id = 'phpMQTT-publisher'; // make sure this is unique for connecting to sever - you could use uniqid()
|
||||||
|
|
||||||
|
$mqtt = new Bluerhinos\phpMQTT($server, $port, $client_id);
|
||||||
|
|
||||||
|
if ($mqtt->connect(true, NULL, $username, $password)) {
|
||||||
|
$mqtt->publish('bluerhinos/phpMQTT/examples/publishtest', 'Hello World! at ' . date('r'), 0, false);
|
||||||
|
$mqtt->close();
|
||||||
|
} else {
|
||||||
|
echo "Time out!\n";
|
||||||
|
}
|
|
@ -0,0 +1,32 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
require('../phpMQTT.php');
|
||||||
|
|
||||||
|
|
||||||
|
$server = 'localhost'; // change if necessary
|
||||||
|
$port = 1883; // change if necessary
|
||||||
|
$username = ''; // set your username
|
||||||
|
$password = ''; // set your password
|
||||||
|
$client_id = 'phpMQTT-subscriber'; // make sure this is unique for connecting to sever - you could use uniqid()
|
||||||
|
|
||||||
|
$mqtt = new Bluerhinos\phpMQTT($server, $port, $client_id);
|
||||||
|
if(!$mqtt->connect(true, NULL, $username, $password)) {
|
||||||
|
exit(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
$mqtt->debug = true;
|
||||||
|
|
||||||
|
$topics['bluerhinos/phpMQTT/examples/publishtest'] = array('qos' => 0, 'function' => 'procMsg');
|
||||||
|
$mqtt->subscribe($topics, 0);
|
||||||
|
|
||||||
|
while($mqtt->proc()) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
$mqtt->close();
|
||||||
|
|
||||||
|
function procMsg($topic, $msg){
|
||||||
|
echo 'Msg Recieved: ' . date('r') . "\n";
|
||||||
|
echo "Topic: {$topic}\n\n";
|
||||||
|
echo "\t$msg\n\n";
|
||||||
|
}
|
|
@ -0,0 +1,18 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
require('../phpMQTT.php');
|
||||||
|
|
||||||
|
$server = 'localhost'; // change if necessary
|
||||||
|
$port = 1883; // change if necessary
|
||||||
|
$username = ''; // set your username
|
||||||
|
$password = ''; // set your password
|
||||||
|
$client_id = 'phpMQTT-subscribe-msg'; // make sure this is unique for connecting to sever - you could use uniqid()
|
||||||
|
|
||||||
|
$mqtt = new Bluerhinos\phpMQTT($server, $port, $client_id);
|
||||||
|
if(!$mqtt->connect(true, NULL, $username, $password)) {
|
||||||
|
exit(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
echo $mqtt->subscribeAndWaitForMessage('bluerhinos/phpMQTT/examples/publishtest', 0);
|
||||||
|
|
||||||
|
$mqtt->close();
|
|
@ -0,0 +1,33 @@
|
||||||
|
<?php
|
||||||
|
namespace App\Libraries;
|
||||||
|
|
||||||
|
class phpMQTT {
|
||||||
|
private $server;
|
||||||
|
private $port;
|
||||||
|
private $client_id;
|
||||||
|
|
||||||
|
public function __construct($server, $port, $client_id) {
|
||||||
|
$this->server = $server;
|
||||||
|
$this->port = $port;
|
||||||
|
$this->client_id = $client_id;
|
||||||
|
}
|
||||||
|
|
||||||
|
public function connect() {
|
||||||
|
// Implementasi koneksi ke broker MQTT
|
||||||
|
// Kembalikan true jika berhasil, false jika gagal
|
||||||
|
// Contoh sederhana:
|
||||||
|
return true; // atau false jika gagal
|
||||||
|
}
|
||||||
|
|
||||||
|
public function publish($topic, $content) {
|
||||||
|
// Implementasi untuk mempublikasikan pesan ke broker MQTT
|
||||||
|
}
|
||||||
|
|
||||||
|
public function subscribe($topic, $callback) {
|
||||||
|
// Implementasi untuk berlangganan ke topik MQTT
|
||||||
|
}
|
||||||
|
|
||||||
|
public function close() {
|
||||||
|
// Implementasi untuk menutup koneksi
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,23 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Models;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||||
|
use Illuminate\Database\Eloquent\Model;
|
||||||
|
|
||||||
|
class Coba extends Model
|
||||||
|
{
|
||||||
|
use HasFactory;
|
||||||
|
|
||||||
|
// Nama tabel yang dihubungkan dengan model ini
|
||||||
|
protected $table = 'waterflow1';
|
||||||
|
|
||||||
|
// Primary key dari tabel ini
|
||||||
|
protected $primaryKey = 'id'; // Jika primary key Anda bukan 'id', ubah properti ini
|
||||||
|
|
||||||
|
// Menonaktifkan timestamps jika tabel tidak memiliki kolom created_at dan updated_at
|
||||||
|
public $timestamps = true; // Set to false if the table doesn't have these columns
|
||||||
|
|
||||||
|
// Daftar kolom yang boleh diisi secara massal
|
||||||
|
protected $fillable = ['arus', 'total', 'tanggal']; // Tambahkan kolom 'tanggal' ke dalam fillable
|
||||||
|
}
|
|
@ -0,0 +1,10 @@
|
||||||
|
<?php
|
||||||
|
// app/Models/Device.php
|
||||||
|
namespace App\Models;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Model;
|
||||||
|
|
||||||
|
class Device extends Model
|
||||||
|
{
|
||||||
|
// Tidak perlu menentukan apa pun di sini karena tidak ada interaksi dengan basis data
|
||||||
|
}
|
|
@ -0,0 +1,23 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Models;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||||
|
use Illuminate\Database\Eloquent\Model;
|
||||||
|
|
||||||
|
class Tds extends Model
|
||||||
|
{
|
||||||
|
use HasFactory;
|
||||||
|
|
||||||
|
// Nama tabel yang dihubungkan dengan model ini
|
||||||
|
protected $table = 'tds';
|
||||||
|
|
||||||
|
// Primary key dari tabel ini
|
||||||
|
protected $primaryKey = 'id';
|
||||||
|
|
||||||
|
// Menonaktifkan timestamps jika tabel tidak memiliki kolom created_at dan updated_at
|
||||||
|
public $timestamps = true;
|
||||||
|
|
||||||
|
// Daftar kolom yang boleh diisi secara massal
|
||||||
|
protected $fillable = ['tds', 'tanggal'];
|
||||||
|
}
|
|
@ -0,0 +1,23 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Models;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||||
|
use Illuminate\Database\Eloquent\Model;
|
||||||
|
|
||||||
|
class Ultrasonik extends Model
|
||||||
|
{
|
||||||
|
use HasFactory;
|
||||||
|
|
||||||
|
// Nama tabel yang dihubungkan dengan model ini
|
||||||
|
protected $table = 'ultrasonik';
|
||||||
|
|
||||||
|
// Primary key dari tabel ini
|
||||||
|
protected $primaryKey = 'id';
|
||||||
|
|
||||||
|
// Menonaktifkan timestamps jika tabel tidak memiliki kolom created_at dan updated_at
|
||||||
|
public $timestamps = true;
|
||||||
|
|
||||||
|
// Daftar kolom yang boleh diisi secara massal
|
||||||
|
protected $fillable = ['ultrasonik', 'tanggal'];
|
||||||
|
}
|
|
@ -0,0 +1,47 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Models;
|
||||||
|
|
||||||
|
// use Illuminate\Contracts\Auth\MustVerifyEmail;
|
||||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||||
|
use Illuminate\Foundation\Auth\User as Authenticatable;
|
||||||
|
use Illuminate\Notifications\Notifiable;
|
||||||
|
|
||||||
|
class User extends Authenticatable
|
||||||
|
{
|
||||||
|
use HasFactory, Notifiable;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The attributes that are mass assignable.
|
||||||
|
*
|
||||||
|
* @var array<int, string>
|
||||||
|
*/
|
||||||
|
protected $fillable = [
|
||||||
|
'name',
|
||||||
|
'email',
|
||||||
|
'password',
|
||||||
|
];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The attributes that should be hidden for serialization.
|
||||||
|
*
|
||||||
|
* @var array<int, string>
|
||||||
|
*/
|
||||||
|
protected $hidden = [
|
||||||
|
'password',
|
||||||
|
'remember_token',
|
||||||
|
];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the attributes that should be cast.
|
||||||
|
*
|
||||||
|
* @return array<string, string>
|
||||||
|
*/
|
||||||
|
protected function casts(): array
|
||||||
|
{
|
||||||
|
return [
|
||||||
|
'email_verified_at' => 'datetime',
|
||||||
|
'password' => 'hashed',
|
||||||
|
];
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,23 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Models;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||||
|
use Illuminate\Database\Eloquent\Model;
|
||||||
|
|
||||||
|
class Waterflow1 extends Model
|
||||||
|
{
|
||||||
|
use HasFactory;
|
||||||
|
|
||||||
|
// Nama tabel yang dihubungkan dengan model ini
|
||||||
|
protected $table = 'waterflow1';
|
||||||
|
|
||||||
|
// Primary key dari tabel ini
|
||||||
|
protected $primaryKey = 'id';
|
||||||
|
|
||||||
|
// Menonaktifkan timestamps jika tabel tidak memiliki kolom created_at dan updated_at
|
||||||
|
public $timestamps = false;
|
||||||
|
|
||||||
|
// Daftar kolom yang boleh diisi secara massal
|
||||||
|
protected $fillable = ['arus', 'total', 'tanggal'];
|
||||||
|
}
|
|
@ -0,0 +1,23 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Models;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||||
|
use Illuminate\Database\Eloquent\Model;
|
||||||
|
|
||||||
|
class Waterflow2 extends Model
|
||||||
|
{
|
||||||
|
use HasFactory;
|
||||||
|
|
||||||
|
// Nama tabel yang dihubungkan dengan model ini
|
||||||
|
protected $table = 'waterflow2';
|
||||||
|
|
||||||
|
// Primary key dari tabel ini
|
||||||
|
protected $primaryKey = 'id';
|
||||||
|
|
||||||
|
// Menonaktifkan timestamps jika tabel tidak memiliki kolom created_at dan updated_at
|
||||||
|
public $timestamps = false;
|
||||||
|
|
||||||
|
// Daftar kolom yang boleh diisi secara massal
|
||||||
|
protected $fillable = ['arus', 'total', 'tanggal'];
|
||||||
|
}
|
|
@ -0,0 +1,11 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Models;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Model;
|
||||||
|
|
||||||
|
class Blog extends Model
|
||||||
|
{
|
||||||
|
protected $fillable = ['title', 'content', 'author', 'image'];
|
||||||
|
|
||||||
|
}
|
|
@ -0,0 +1,24 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Providers;
|
||||||
|
|
||||||
|
use Illuminate\Support\ServiceProvider;
|
||||||
|
|
||||||
|
class AppServiceProvider extends ServiceProvider
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Register any application services.
|
||||||
|
*/
|
||||||
|
public function register(): void
|
||||||
|
{
|
||||||
|
//
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Bootstrap any application services.
|
||||||
|
*/
|
||||||
|
public function boot(): void
|
||||||
|
{
|
||||||
|
//
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,24 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Providers;
|
||||||
|
|
||||||
|
use Illuminate\Support\ServiceProvider;
|
||||||
|
|
||||||
|
class MQTTServiceProvider extends ServiceProvider
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Register services.
|
||||||
|
*/
|
||||||
|
public function register(): void
|
||||||
|
{
|
||||||
|
//
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Bootstrap services.
|
||||||
|
*/
|
||||||
|
public function boot(): void
|
||||||
|
{
|
||||||
|
//
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,38 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Services;
|
||||||
|
|
||||||
|
use Bluerhinos\phpMQTT;
|
||||||
|
|
||||||
|
class MqttService
|
||||||
|
{
|
||||||
|
protected $mqtt;
|
||||||
|
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
$host = config('mqtt.host');
|
||||||
|
$port = config('mqtt.port');
|
||||||
|
$username = config('mqtt.username');
|
||||||
|
$password = config('mqtt.password');
|
||||||
|
$client_id = config('mqtt.client_id');
|
||||||
|
|
||||||
|
$this->mqtt = new phpMQTT($host, $port, $client_id);
|
||||||
|
|
||||||
|
if ($username && $password) {
|
||||||
|
if (!$this->mqtt->connect(true, null, $username, $password)) {
|
||||||
|
exit(1);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (!$this->mqtt->connect(true, null)) {
|
||||||
|
exit(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public function subscribe($topic, $callback)
|
||||||
|
{
|
||||||
|
$this->mqtt->subscribe([$topic => ["qos" => 0, "function" => $callback]]);
|
||||||
|
while ($this->mqtt->proc()) {}
|
||||||
|
$this->mqtt->close();
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,15 @@
|
||||||
|
#!/usr/bin/env php
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Symfony\Component\Console\Input\ArgvInput;
|
||||||
|
|
||||||
|
define('LARAVEL_START', microtime(true));
|
||||||
|
|
||||||
|
// Register the Composer autoloader...
|
||||||
|
require __DIR__.'/vendor/autoload.php';
|
||||||
|
|
||||||
|
// Bootstrap Laravel and handle the command...
|
||||||
|
$status = (require_once __DIR__.'/bootstrap/app.php')
|
||||||
|
->handleCommand(new ArgvInput);
|
||||||
|
|
||||||
|
exit($status);
|
|
@ -0,0 +1,18 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Foundation\Application;
|
||||||
|
use Illuminate\Foundation\Configuration\Exceptions;
|
||||||
|
use Illuminate\Foundation\Configuration\Middleware;
|
||||||
|
|
||||||
|
return Application::configure(basePath: dirname(__DIR__))
|
||||||
|
->withRouting(
|
||||||
|
web: __DIR__.'/../routes/web.php',
|
||||||
|
commands: __DIR__.'/../routes/console.php',
|
||||||
|
health: '/up',
|
||||||
|
)
|
||||||
|
->withMiddleware(function (Middleware $middleware) {
|
||||||
|
//
|
||||||
|
})
|
||||||
|
->withExceptions(function (Exceptions $exceptions) {
|
||||||
|
//
|
||||||
|
})->create();
|
|
@ -0,0 +1,2 @@
|
||||||
|
*
|
||||||
|
!.gitignore
|
|
@ -0,0 +1,6 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
App\Providers\AppServiceProvider::class,
|
||||||
|
App\Providers\MQTTServiceProvider::class,
|
||||||
|
];
|
|
@ -0,0 +1,71 @@
|
||||||
|
{
|
||||||
|
"name": "laravel/laravel",
|
||||||
|
"type": "project",
|
||||||
|
"description": "The skeleton application for the Laravel framework.",
|
||||||
|
"keywords": ["laravel", "framework"],
|
||||||
|
"license": "MIT",
|
||||||
|
"require": {
|
||||||
|
"php": "^8.2",
|
||||||
|
"bluerhinos/phpmqtt": "^1.0",
|
||||||
|
"consoletvs/charts": "^6.7",
|
||||||
|
"laravel/framework": "^11.0",
|
||||||
|
"laravel/tinker": "^2.9",
|
||||||
|
"laravel/ui": "^4.5",
|
||||||
|
"php-mqtt/client": "^2.1"
|
||||||
|
},
|
||||||
|
"require-dev": {
|
||||||
|
"fakerphp/faker": "^1.23",
|
||||||
|
"laravel/pint": "^1.13",
|
||||||
|
"laravel/sail": "^1.26",
|
||||||
|
"mockery/mockery": "^1.6",
|
||||||
|
"nunomaduro/collision": "^8.0",
|
||||||
|
"phpunit/phpunit": "^11.0.1",
|
||||||
|
"spatie/laravel-ignition": "^2.4"
|
||||||
|
},
|
||||||
|
"autoload": {
|
||||||
|
"psr-4": {
|
||||||
|
"App\\": "app/",
|
||||||
|
"Database\\Factories\\": "database/factories/",
|
||||||
|
"Database\\Seeders\\": "database/seeders/",
|
||||||
|
"App\\Libraries\\": "app/Libraries/"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"autoload-dev": {
|
||||||
|
"psr-4": {
|
||||||
|
"Tests\\": "tests/"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"post-autoload-dump": [
|
||||||
|
"Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
|
||||||
|
"@php artisan package:discover --ansi"
|
||||||
|
],
|
||||||
|
"post-update-cmd": [
|
||||||
|
"@php artisan vendor:publish --tag=laravel-assets --ansi --force"
|
||||||
|
],
|
||||||
|
"post-root-package-install": [
|
||||||
|
"@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
|
||||||
|
],
|
||||||
|
"post-create-project-cmd": [
|
||||||
|
"@php artisan key:generate --ansi",
|
||||||
|
"@php -r \"file_exists('database/database.sqlite') || touch('database/database.sqlite');\"",
|
||||||
|
"@php artisan migrate --graceful --ansi"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"extra": {
|
||||||
|
"laravel": {
|
||||||
|
"dont-discover": []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"config": {
|
||||||
|
"optimize-autoloader": true,
|
||||||
|
"preferred-install": "dist",
|
||||||
|
"sort-packages": true,
|
||||||
|
"allow-plugins": {
|
||||||
|
"pestphp/pest-plugin": true,
|
||||||
|
"php-http/discovery": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"minimum-stability": "stable",
|
||||||
|
"prefer-stable": true
|
||||||
|
}
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,126 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Application Name
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This value is the name of your application, which will be used when the
|
||||||
|
| framework needs to place the application's name in a notification or
|
||||||
|
| other UI elements where an application name needs to be displayed.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'name' => env('APP_NAME', 'Laravel'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Application Environment
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This value determines the "environment" your application is currently
|
||||||
|
| running in. This may determine how you prefer to configure various
|
||||||
|
| services the application utilizes. Set this in your ".env" file.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'env' => env('APP_ENV', 'production'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Application Debug Mode
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| When your application is in debug mode, detailed error messages with
|
||||||
|
| stack traces will be shown on every error that occurs within your
|
||||||
|
| application. If disabled, a simple generic error page is shown.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'debug' => (bool) env('APP_DEBUG', false),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Application URL
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This URL is used by the console to properly generate URLs when using
|
||||||
|
| the Artisan command line tool. You should set this to the root of
|
||||||
|
| the application so that it's available within Artisan commands.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'url' => env('APP_URL', 'http://localhost'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Application Timezone
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may specify the default timezone for your application, which
|
||||||
|
| will be used by the PHP date and date-time functions. The timezone
|
||||||
|
| is set to "UTC" by default as it is suitable for most use cases.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'timezone' => env('APP_TIMEZONE', 'UTC'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Application Locale Configuration
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| The application locale determines the default locale that will be used
|
||||||
|
| by Laravel's translation / localization methods. This option can be
|
||||||
|
| set to any locale for which you plan to have translation strings.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'locale' => env('APP_LOCALE', 'en'),
|
||||||
|
|
||||||
|
'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),
|
||||||
|
|
||||||
|
'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Encryption Key
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This key is utilized by Laravel's encryption services and should be set
|
||||||
|
| to a random, 32 character string to ensure that all encrypted values
|
||||||
|
| are secure. You should do this prior to deploying the application.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'cipher' => 'AES-256-CBC',
|
||||||
|
|
||||||
|
'key' => env('APP_KEY'),
|
||||||
|
|
||||||
|
'previous_keys' => [
|
||||||
|
...array_filter(
|
||||||
|
explode(',', env('APP_PREVIOUS_KEYS', ''))
|
||||||
|
),
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Maintenance Mode Driver
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| These configuration options determine the driver used to determine and
|
||||||
|
| manage Laravel's "maintenance mode" status. The "cache" driver will
|
||||||
|
| allow maintenance mode to be controlled across multiple machines.
|
||||||
|
|
|
||||||
|
| Supported drivers: "file", "cache"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'maintenance' => [
|
||||||
|
'driver' => env('APP_MAINTENANCE_DRIVER', 'file'),
|
||||||
|
'store' => env('APP_MAINTENANCE_STORE', 'database'),
|
||||||
|
],
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1,115 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Authentication Defaults
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This option defines the default authentication "guard" and password
|
||||||
|
| reset "broker" for your application. You may change these values
|
||||||
|
| as required, but they're a perfect start for most applications.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'defaults' => [
|
||||||
|
'guard' => env('AUTH_GUARD', 'web'),
|
||||||
|
'passwords' => env('AUTH_PASSWORD_BROKER', 'users'),
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Authentication Guards
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Next, you may define every authentication guard for your application.
|
||||||
|
| Of course, a great default configuration has been defined for you
|
||||||
|
| which utilizes session storage plus the Eloquent user provider.
|
||||||
|
|
|
||||||
|
| All authentication guards have a user provider, which defines how the
|
||||||
|
| users are actually retrieved out of your database or other storage
|
||||||
|
| system used by the application. Typically, Eloquent is utilized.
|
||||||
|
|
|
||||||
|
| Supported: "session"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'guards' => [
|
||||||
|
'web' => [
|
||||||
|
'driver' => 'session',
|
||||||
|
'provider' => 'users',
|
||||||
|
],
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| User Providers
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| All authentication guards have a user provider, which defines how the
|
||||||
|
| users are actually retrieved out of your database or other storage
|
||||||
|
| system used by the application. Typically, Eloquent is utilized.
|
||||||
|
|
|
||||||
|
| If you have multiple user tables or models you may configure multiple
|
||||||
|
| providers to represent the model / table. These providers may then
|
||||||
|
| be assigned to any extra authentication guards you have defined.
|
||||||
|
|
|
||||||
|
| Supported: "database", "eloquent"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'providers' => [
|
||||||
|
'users' => [
|
||||||
|
'driver' => 'eloquent',
|
||||||
|
'model' => env('AUTH_MODEL', App\Models\User::class),
|
||||||
|
],
|
||||||
|
|
||||||
|
// 'users' => [
|
||||||
|
// 'driver' => 'database',
|
||||||
|
// 'table' => 'users',
|
||||||
|
// ],
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Resetting Passwords
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| These configuration options specify the behavior of Laravel's password
|
||||||
|
| reset functionality, including the table utilized for token storage
|
||||||
|
| and the user provider that is invoked to actually retrieve users.
|
||||||
|
|
|
||||||
|
| The expiry time is the number of minutes that each reset token will be
|
||||||
|
| considered valid. This security feature keeps tokens short-lived so
|
||||||
|
| they have less time to be guessed. You may change this as needed.
|
||||||
|
|
|
||||||
|
| The throttle setting is the number of seconds a user must wait before
|
||||||
|
| generating more password reset tokens. This prevents the user from
|
||||||
|
| quickly generating a very large amount of password reset tokens.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'passwords' => [
|
||||||
|
'users' => [
|
||||||
|
'provider' => 'users',
|
||||||
|
'table' => env('AUTH_PASSWORD_RESET_TOKEN_TABLE', 'password_reset_tokens'),
|
||||||
|
'expire' => 60,
|
||||||
|
'throttle' => 60,
|
||||||
|
],
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Password Confirmation Timeout
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may define the amount of seconds before a password confirmation
|
||||||
|
| window expires and users are asked to re-enter their password via the
|
||||||
|
| confirmation screen. By default, the timeout lasts for three hours.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'password_timeout' => env('AUTH_PASSWORD_TIMEOUT', 10800),
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1,107 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Support\Str;
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Default Cache Store
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This option controls the default cache store that will be used by the
|
||||||
|
| framework. This connection is utilized if another isn't explicitly
|
||||||
|
| specified when running a cache operation inside the application.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'default' => env('CACHE_STORE', 'database'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Cache Stores
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may define all of the cache "stores" for your application as
|
||||||
|
| well as their drivers. You may even define multiple stores for the
|
||||||
|
| same cache driver to group types of items stored in your caches.
|
||||||
|
|
|
||||||
|
| Supported drivers: "apc", "array", "database", "file", "memcached",
|
||||||
|
| "redis", "dynamodb", "octane", "null"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'stores' => [
|
||||||
|
|
||||||
|
'array' => [
|
||||||
|
'driver' => 'array',
|
||||||
|
'serialize' => false,
|
||||||
|
],
|
||||||
|
|
||||||
|
'database' => [
|
||||||
|
'driver' => 'database',
|
||||||
|
'table' => env('DB_CACHE_TABLE', 'cache'),
|
||||||
|
'connection' => env('DB_CACHE_CONNECTION'),
|
||||||
|
'lock_connection' => env('DB_CACHE_LOCK_CONNECTION'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'file' => [
|
||||||
|
'driver' => 'file',
|
||||||
|
'path' => storage_path('framework/cache/data'),
|
||||||
|
'lock_path' => storage_path('framework/cache/data'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'memcached' => [
|
||||||
|
'driver' => 'memcached',
|
||||||
|
'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
|
||||||
|
'sasl' => [
|
||||||
|
env('MEMCACHED_USERNAME'),
|
||||||
|
env('MEMCACHED_PASSWORD'),
|
||||||
|
],
|
||||||
|
'options' => [
|
||||||
|
// Memcached::OPT_CONNECT_TIMEOUT => 2000,
|
||||||
|
],
|
||||||
|
'servers' => [
|
||||||
|
[
|
||||||
|
'host' => env('MEMCACHED_HOST', '127.0.0.1'),
|
||||||
|
'port' => env('MEMCACHED_PORT', 11211),
|
||||||
|
'weight' => 100,
|
||||||
|
],
|
||||||
|
],
|
||||||
|
],
|
||||||
|
|
||||||
|
'redis' => [
|
||||||
|
'driver' => 'redis',
|
||||||
|
'connection' => env('REDIS_CACHE_CONNECTION', 'cache'),
|
||||||
|
'lock_connection' => env('REDIS_CACHE_LOCK_CONNECTION', 'default'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'dynamodb' => [
|
||||||
|
'driver' => 'dynamodb',
|
||||||
|
'key' => env('AWS_ACCESS_KEY_ID'),
|
||||||
|
'secret' => env('AWS_SECRET_ACCESS_KEY'),
|
||||||
|
'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
|
||||||
|
'table' => env('DYNAMODB_CACHE_TABLE', 'cache'),
|
||||||
|
'endpoint' => env('DYNAMODB_ENDPOINT'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'octane' => [
|
||||||
|
'driver' => 'octane',
|
||||||
|
],
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Cache Key Prefix
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| When utilizing the APC, database, memcached, Redis, and DynamoDB cache
|
||||||
|
| stores, there might be other applications using the same cache. For
|
||||||
|
| that reason, you may prefix every cache key to avoid collisions.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache_'),
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1,15 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Default library used in charts.
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This value is used as the default chart library used when creating
|
||||||
|
| any chart in the command line. Feel free to modify it or set it up
|
||||||
|
| while creating the chart to ignore this value.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
'default_library' => 'Chartjs',
|
||||||
|
];
|
|
@ -0,0 +1,170 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Support\Str;
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Default Database Connection Name
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may specify which of the database connections below you wish
|
||||||
|
| to use as your default connection for database operations. This is
|
||||||
|
| the connection which will be utilized unless another connection
|
||||||
|
| is explicitly specified when you execute a query / statement.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'default' => env('DB_CONNECTION', 'sqlite'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Database Connections
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Below are all of the database connections defined for your application.
|
||||||
|
| An example configuration is provided for each database system which
|
||||||
|
| is supported by Laravel. You're free to add / remove connections.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'connections' => [
|
||||||
|
|
||||||
|
'sqlite' => [
|
||||||
|
'driver' => 'sqlite',
|
||||||
|
'url' => env('DB_URL'),
|
||||||
|
'database' => env('DB_DATABASE', database_path('database.sqlite')),
|
||||||
|
'prefix' => '',
|
||||||
|
'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
|
||||||
|
],
|
||||||
|
|
||||||
|
'mysql' => [
|
||||||
|
'driver' => 'mysql',
|
||||||
|
'url' => env('DB_URL'),
|
||||||
|
'host' => env('DB_HOST', '127.0.0.1'),
|
||||||
|
'port' => env('DB_PORT', '3306'),
|
||||||
|
'database' => env('DB_DATABASE', 'laravel'),
|
||||||
|
'username' => env('DB_USERNAME', 'root'),
|
||||||
|
'password' => env('DB_PASSWORD', ''),
|
||||||
|
'unix_socket' => env('DB_SOCKET', ''),
|
||||||
|
'charset' => env('DB_CHARSET', 'utf8mb4'),
|
||||||
|
'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
|
||||||
|
'prefix' => '',
|
||||||
|
'prefix_indexes' => true,
|
||||||
|
'strict' => true,
|
||||||
|
'engine' => null,
|
||||||
|
'options' => extension_loaded('pdo_mysql') ? array_filter([
|
||||||
|
PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
|
||||||
|
]) : [],
|
||||||
|
],
|
||||||
|
|
||||||
|
'mariadb' => [
|
||||||
|
'driver' => 'mariadb',
|
||||||
|
'url' => env('DB_URL'),
|
||||||
|
'host' => env('DB_HOST', '127.0.0.1'),
|
||||||
|
'port' => env('DB_PORT', '3306'),
|
||||||
|
'database' => env('DB_DATABASE', 'laravel'),
|
||||||
|
'username' => env('DB_USERNAME', 'root'),
|
||||||
|
'password' => env('DB_PASSWORD', ''),
|
||||||
|
'unix_socket' => env('DB_SOCKET', ''),
|
||||||
|
'charset' => env('DB_CHARSET', 'utf8mb4'),
|
||||||
|
'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
|
||||||
|
'prefix' => '',
|
||||||
|
'prefix_indexes' => true,
|
||||||
|
'strict' => true,
|
||||||
|
'engine' => null,
|
||||||
|
'options' => extension_loaded('pdo_mysql') ? array_filter([
|
||||||
|
PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
|
||||||
|
]) : [],
|
||||||
|
],
|
||||||
|
|
||||||
|
'pgsql' => [
|
||||||
|
'driver' => 'pgsql',
|
||||||
|
'url' => env('DB_URL'),
|
||||||
|
'host' => env('DB_HOST', '127.0.0.1'),
|
||||||
|
'port' => env('DB_PORT', '5432'),
|
||||||
|
'database' => env('DB_DATABASE', 'laravel'),
|
||||||
|
'username' => env('DB_USERNAME', 'root'),
|
||||||
|
'password' => env('DB_PASSWORD', ''),
|
||||||
|
'charset' => env('DB_CHARSET', 'utf8'),
|
||||||
|
'prefix' => '',
|
||||||
|
'prefix_indexes' => true,
|
||||||
|
'search_path' => 'public',
|
||||||
|
'sslmode' => 'prefer',
|
||||||
|
],
|
||||||
|
|
||||||
|
'sqlsrv' => [
|
||||||
|
'driver' => 'sqlsrv',
|
||||||
|
'url' => env('DB_URL'),
|
||||||
|
'host' => env('DB_HOST', 'localhost'),
|
||||||
|
'port' => env('DB_PORT', '1433'),
|
||||||
|
'database' => env('DB_DATABASE', 'laravel'),
|
||||||
|
'username' => env('DB_USERNAME', 'root'),
|
||||||
|
'password' => env('DB_PASSWORD', ''),
|
||||||
|
'charset' => env('DB_CHARSET', 'utf8'),
|
||||||
|
'prefix' => '',
|
||||||
|
'prefix_indexes' => true,
|
||||||
|
// 'encrypt' => env('DB_ENCRYPT', 'yes'),
|
||||||
|
// 'trust_server_certificate' => env('DB_TRUST_SERVER_CERTIFICATE', 'false'),
|
||||||
|
],
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Migration Repository Table
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This table keeps track of all the migrations that have already run for
|
||||||
|
| your application. Using this information, we can determine which of
|
||||||
|
| the migrations on disk haven't actually been run on the database.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'migrations' => [
|
||||||
|
'table' => 'migrations',
|
||||||
|
'update_date_on_publish' => true,
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Redis Databases
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Redis is an open source, fast, and advanced key-value store that also
|
||||||
|
| provides a richer body of commands than a typical key-value system
|
||||||
|
| such as Memcached. You may define your connection settings here.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'redis' => [
|
||||||
|
|
||||||
|
'client' => env('REDIS_CLIENT', 'phpredis'),
|
||||||
|
|
||||||
|
'options' => [
|
||||||
|
'cluster' => env('REDIS_CLUSTER', 'redis'),
|
||||||
|
'prefix' => env('REDIS_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_database_'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'default' => [
|
||||||
|
'url' => env('REDIS_URL'),
|
||||||
|
'host' => env('REDIS_HOST', '127.0.0.1'),
|
||||||
|
'username' => env('REDIS_USERNAME'),
|
||||||
|
'password' => env('REDIS_PASSWORD'),
|
||||||
|
'port' => env('REDIS_PORT', '6379'),
|
||||||
|
'database' => env('REDIS_DB', '0'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'cache' => [
|
||||||
|
'url' => env('REDIS_URL'),
|
||||||
|
'host' => env('REDIS_HOST', '127.0.0.1'),
|
||||||
|
'username' => env('REDIS_USERNAME'),
|
||||||
|
'password' => env('REDIS_PASSWORD'),
|
||||||
|
'port' => env('REDIS_PORT', '6379'),
|
||||||
|
'database' => env('REDIS_CACHE_DB', '1'),
|
||||||
|
],
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1,76 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Default Filesystem Disk
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may specify the default filesystem disk that should be used
|
||||||
|
| by the framework. The "local" disk, as well as a variety of cloud
|
||||||
|
| based disks are available to your application for file storage.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'default' => env('FILESYSTEM_DISK', 'local'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Filesystem Disks
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Below you may configure as many filesystem disks as necessary, and you
|
||||||
|
| may even configure multiple disks for the same driver. Examples for
|
||||||
|
| most supported storage drivers are configured here for reference.
|
||||||
|
|
|
||||||
|
| Supported Drivers: "local", "ftp", "sftp", "s3"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'disks' => [
|
||||||
|
|
||||||
|
'local' => [
|
||||||
|
'driver' => 'local',
|
||||||
|
'root' => storage_path('app'),
|
||||||
|
'throw' => false,
|
||||||
|
],
|
||||||
|
|
||||||
|
'public' => [
|
||||||
|
'driver' => 'local',
|
||||||
|
'root' => storage_path('app/public'),
|
||||||
|
'url' => env('APP_URL').'/storage',
|
||||||
|
'visibility' => 'public',
|
||||||
|
'throw' => false,
|
||||||
|
],
|
||||||
|
|
||||||
|
's3' => [
|
||||||
|
'driver' => 's3',
|
||||||
|
'key' => env('AWS_ACCESS_KEY_ID'),
|
||||||
|
'secret' => env('AWS_SECRET_ACCESS_KEY'),
|
||||||
|
'region' => env('AWS_DEFAULT_REGION'),
|
||||||
|
'bucket' => env('AWS_BUCKET'),
|
||||||
|
'url' => env('AWS_URL'),
|
||||||
|
'endpoint' => env('AWS_ENDPOINT'),
|
||||||
|
'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
|
||||||
|
'throw' => false,
|
||||||
|
],
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Symbolic Links
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may configure the symbolic links that will be created when the
|
||||||
|
| `storage:link` Artisan command is executed. The array keys should be
|
||||||
|
| the locations of the links and the values should be their targets.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'links' => [
|
||||||
|
public_path('storage') => storage_path('app/public'),
|
||||||
|
],
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1,132 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Monolog\Handler\NullHandler;
|
||||||
|
use Monolog\Handler\StreamHandler;
|
||||||
|
use Monolog\Handler\SyslogUdpHandler;
|
||||||
|
use Monolog\Processor\PsrLogMessageProcessor;
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Default Log Channel
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This option defines the default log channel that is utilized to write
|
||||||
|
| messages to your logs. The value provided here should match one of
|
||||||
|
| the channels present in the list of "channels" configured below.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'default' => env('LOG_CHANNEL', 'stack'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Deprecations Log Channel
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This option controls the log channel that should be used to log warnings
|
||||||
|
| regarding deprecated PHP and library features. This allows you to get
|
||||||
|
| your application ready for upcoming major versions of dependencies.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'deprecations' => [
|
||||||
|
'channel' => env('LOG_DEPRECATIONS_CHANNEL', 'null'),
|
||||||
|
'trace' => env('LOG_DEPRECATIONS_TRACE', false),
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Log Channels
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may configure the log channels for your application. Laravel
|
||||||
|
| utilizes the Monolog PHP logging library, which includes a variety
|
||||||
|
| of powerful log handlers and formatters that you're free to use.
|
||||||
|
|
|
||||||
|
| Available Drivers: "single", "daily", "slack", "syslog",
|
||||||
|
| "errorlog", "monolog", "custom", "stack"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'channels' => [
|
||||||
|
|
||||||
|
'stack' => [
|
||||||
|
'driver' => 'stack',
|
||||||
|
'channels' => explode(',', env('LOG_STACK', 'single')),
|
||||||
|
'ignore_exceptions' => false,
|
||||||
|
],
|
||||||
|
|
||||||
|
'single' => [
|
||||||
|
'driver' => 'single',
|
||||||
|
'path' => storage_path('logs/laravel.log'),
|
||||||
|
'level' => env('LOG_LEVEL', 'debug'),
|
||||||
|
'replace_placeholders' => true,
|
||||||
|
],
|
||||||
|
|
||||||
|
'daily' => [
|
||||||
|
'driver' => 'daily',
|
||||||
|
'path' => storage_path('logs/laravel.log'),
|
||||||
|
'level' => env('LOG_LEVEL', 'debug'),
|
||||||
|
'days' => env('LOG_DAILY_DAYS', 14),
|
||||||
|
'replace_placeholders' => true,
|
||||||
|
],
|
||||||
|
|
||||||
|
'slack' => [
|
||||||
|
'driver' => 'slack',
|
||||||
|
'url' => env('LOG_SLACK_WEBHOOK_URL'),
|
||||||
|
'username' => env('LOG_SLACK_USERNAME', 'Laravel Log'),
|
||||||
|
'emoji' => env('LOG_SLACK_EMOJI', ':boom:'),
|
||||||
|
'level' => env('LOG_LEVEL', 'critical'),
|
||||||
|
'replace_placeholders' => true,
|
||||||
|
],
|
||||||
|
|
||||||
|
'papertrail' => [
|
||||||
|
'driver' => 'monolog',
|
||||||
|
'level' => env('LOG_LEVEL', 'debug'),
|
||||||
|
'handler' => env('LOG_PAPERTRAIL_HANDLER', SyslogUdpHandler::class),
|
||||||
|
'handler_with' => [
|
||||||
|
'host' => env('PAPERTRAIL_URL'),
|
||||||
|
'port' => env('PAPERTRAIL_PORT'),
|
||||||
|
'connectionString' => 'tls://'.env('PAPERTRAIL_URL').':'.env('PAPERTRAIL_PORT'),
|
||||||
|
],
|
||||||
|
'processors' => [PsrLogMessageProcessor::class],
|
||||||
|
],
|
||||||
|
|
||||||
|
'stderr' => [
|
||||||
|
'driver' => 'monolog',
|
||||||
|
'level' => env('LOG_LEVEL', 'debug'),
|
||||||
|
'handler' => StreamHandler::class,
|
||||||
|
'formatter' => env('LOG_STDERR_FORMATTER'),
|
||||||
|
'with' => [
|
||||||
|
'stream' => 'php://stderr',
|
||||||
|
],
|
||||||
|
'processors' => [PsrLogMessageProcessor::class],
|
||||||
|
],
|
||||||
|
|
||||||
|
'syslog' => [
|
||||||
|
'driver' => 'syslog',
|
||||||
|
'level' => env('LOG_LEVEL', 'debug'),
|
||||||
|
'facility' => env('LOG_SYSLOG_FACILITY', LOG_USER),
|
||||||
|
'replace_placeholders' => true,
|
||||||
|
],
|
||||||
|
|
||||||
|
'errorlog' => [
|
||||||
|
'driver' => 'errorlog',
|
||||||
|
'level' => env('LOG_LEVEL', 'debug'),
|
||||||
|
'replace_placeholders' => true,
|
||||||
|
],
|
||||||
|
|
||||||
|
'null' => [
|
||||||
|
'driver' => 'monolog',
|
||||||
|
'handler' => NullHandler::class,
|
||||||
|
],
|
||||||
|
|
||||||
|
'emergency' => [
|
||||||
|
'path' => storage_path('logs/laravel.log'),
|
||||||
|
],
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1,111 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Default Mailer
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This option controls the default mailer that is used to send all email
|
||||||
|
| messages unless another mailer is explicitly specified when sending
|
||||||
|
| the message. All additional mailers can be configured within the
|
||||||
|
| "mailers" array. Examples of each type of mailer are provided.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'default' => env('MAIL_MAILER', 'log'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Mailer Configurations
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may configure all of the mailers used by your application plus
|
||||||
|
| their respective settings. Several examples have been configured for
|
||||||
|
| you and you are free to add your own as your application requires.
|
||||||
|
|
|
||||||
|
| Laravel supports a variety of mail "transport" drivers that can be used
|
||||||
|
| when delivering an email. You may specify which one you're using for
|
||||||
|
| your mailers below. You may also add additional mailers if needed.
|
||||||
|
|
|
||||||
|
| Supported: "smtp", "sendmail", "mailgun", "ses", "ses-v2",
|
||||||
|
| "postmark", "log", "array", "failover", "roundrobin"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'mailers' => [
|
||||||
|
|
||||||
|
'smtp' => [
|
||||||
|
'transport' => 'smtp',
|
||||||
|
'url' => env('MAIL_URL'),
|
||||||
|
'host' => env('MAIL_HOST', '127.0.0.1'),
|
||||||
|
'port' => env('MAIL_PORT', 2525),
|
||||||
|
'encryption' => env('MAIL_ENCRYPTION', 'tls'),
|
||||||
|
'username' => env('MAIL_USERNAME'),
|
||||||
|
'password' => env('MAIL_PASSWORD'),
|
||||||
|
'timeout' => null,
|
||||||
|
'local_domain' => env('MAIL_EHLO_DOMAIN'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'ses' => [
|
||||||
|
'transport' => 'ses',
|
||||||
|
],
|
||||||
|
|
||||||
|
'postmark' => [
|
||||||
|
'transport' => 'postmark',
|
||||||
|
// 'message_stream_id' => env('POSTMARK_MESSAGE_STREAM_ID'),
|
||||||
|
// 'client' => [
|
||||||
|
// 'timeout' => 5,
|
||||||
|
// ],
|
||||||
|
],
|
||||||
|
|
||||||
|
'sendmail' => [
|
||||||
|
'transport' => 'sendmail',
|
||||||
|
'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'log' => [
|
||||||
|
'transport' => 'log',
|
||||||
|
'channel' => env('MAIL_LOG_CHANNEL'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'array' => [
|
||||||
|
'transport' => 'array',
|
||||||
|
],
|
||||||
|
|
||||||
|
'failover' => [
|
||||||
|
'transport' => 'failover',
|
||||||
|
'mailers' => [
|
||||||
|
'smtp',
|
||||||
|
'log',
|
||||||
|
],
|
||||||
|
],
|
||||||
|
|
||||||
|
'roundrobin' => [
|
||||||
|
'transport' => 'roundrobin',
|
||||||
|
'mailers' => [
|
||||||
|
'ses',
|
||||||
|
'postmark',
|
||||||
|
],
|
||||||
|
],
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Global "From" Address
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| You may wish for all emails sent by your application to be sent from
|
||||||
|
| the same address. Here you may specify a name and address that is
|
||||||
|
| used globally for all emails that are sent by your application.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'from' => [
|
||||||
|
'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
|
||||||
|
'name' => env('MAIL_FROM_NAME', 'Example'),
|
||||||
|
],
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1,9 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
'host' => env('MQTT_HOST', '192.168.123.153'),
|
||||||
|
'port' => env('MQTT_PORT', 1883),
|
||||||
|
'username' => env('MQTT_USERNAME', null), // atau hapus baris ini
|
||||||
|
'password' => env('MQTT_PASSWORD', null), // atau hapus baris ini
|
||||||
|
'client_id' => env('MQTT_CLIENT_ID', 'laravel-client')
|
||||||
|
];
|
|
@ -0,0 +1,112 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Default Queue Connection Name
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Laravel's queue supports a variety of backends via a single, unified
|
||||||
|
| API, giving you convenient access to each backend using identical
|
||||||
|
| syntax for each. The default queue connection is defined below.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'default' => env('QUEUE_CONNECTION', 'database'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Queue Connections
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may configure the connection options for every queue backend
|
||||||
|
| used by your application. An example configuration is provided for
|
||||||
|
| each backend supported by Laravel. You're also free to add more.
|
||||||
|
|
|
||||||
|
| Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'connections' => [
|
||||||
|
|
||||||
|
'sync' => [
|
||||||
|
'driver' => 'sync',
|
||||||
|
],
|
||||||
|
|
||||||
|
'database' => [
|
||||||
|
'driver' => 'database',
|
||||||
|
'connection' => env('DB_QUEUE_CONNECTION'),
|
||||||
|
'table' => env('DB_QUEUE_TABLE', 'jobs'),
|
||||||
|
'queue' => env('DB_QUEUE', 'default'),
|
||||||
|
'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 90),
|
||||||
|
'after_commit' => false,
|
||||||
|
],
|
||||||
|
|
||||||
|
'beanstalkd' => [
|
||||||
|
'driver' => 'beanstalkd',
|
||||||
|
'host' => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
|
||||||
|
'queue' => env('BEANSTALKD_QUEUE', 'default'),
|
||||||
|
'retry_after' => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
|
||||||
|
'block_for' => 0,
|
||||||
|
'after_commit' => false,
|
||||||
|
],
|
||||||
|
|
||||||
|
'sqs' => [
|
||||||
|
'driver' => 'sqs',
|
||||||
|
'key' => env('AWS_ACCESS_KEY_ID'),
|
||||||
|
'secret' => env('AWS_SECRET_ACCESS_KEY'),
|
||||||
|
'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
|
||||||
|
'queue' => env('SQS_QUEUE', 'default'),
|
||||||
|
'suffix' => env('SQS_SUFFIX'),
|
||||||
|
'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
|
||||||
|
'after_commit' => false,
|
||||||
|
],
|
||||||
|
|
||||||
|
'redis' => [
|
||||||
|
'driver' => 'redis',
|
||||||
|
'connection' => env('REDIS_QUEUE_CONNECTION', 'default'),
|
||||||
|
'queue' => env('REDIS_QUEUE', 'default'),
|
||||||
|
'retry_after' => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
|
||||||
|
'block_for' => null,
|
||||||
|
'after_commit' => false,
|
||||||
|
],
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Job Batching
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| The following options configure the database and table that store job
|
||||||
|
| batching information. These options can be updated to any database
|
||||||
|
| connection and table which has been defined by your application.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'batching' => [
|
||||||
|
'database' => env('DB_CONNECTION', 'sqlite'),
|
||||||
|
'table' => 'job_batches',
|
||||||
|
],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Failed Queue Jobs
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| These options configure the behavior of failed queue job logging so you
|
||||||
|
| can control how and where failed jobs are stored. Laravel ships with
|
||||||
|
| support for storing failed jobs in a simple file or in a database.
|
||||||
|
|
|
||||||
|
| Supported drivers: "database-uuids", "dynamodb", "file", "null"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'failed' => [
|
||||||
|
'driver' => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
|
||||||
|
'database' => env('DB_CONNECTION', 'sqlite'),
|
||||||
|
'table' => 'failed_jobs',
|
||||||
|
],
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1,34 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Third Party Services
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This file is for storing the credentials for third party services such
|
||||||
|
| as Mailgun, Postmark, AWS and more. This file provides the de facto
|
||||||
|
| location for this type of information, allowing packages to have
|
||||||
|
| a conventional file to locate the various service credentials.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'postmark' => [
|
||||||
|
'token' => env('POSTMARK_TOKEN'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'ses' => [
|
||||||
|
'key' => env('AWS_ACCESS_KEY_ID'),
|
||||||
|
'secret' => env('AWS_SECRET_ACCESS_KEY'),
|
||||||
|
'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
|
||||||
|
],
|
||||||
|
|
||||||
|
'slack' => [
|
||||||
|
'notifications' => [
|
||||||
|
'bot_user_oauth_token' => env('SLACK_BOT_USER_OAUTH_TOKEN'),
|
||||||
|
'channel' => env('SLACK_BOT_USER_DEFAULT_CHANNEL'),
|
||||||
|
],
|
||||||
|
],
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1,217 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Support\Str;
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Default Session Driver
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This option determines the default session driver that is utilized for
|
||||||
|
| incoming requests. Laravel supports a variety of storage options to
|
||||||
|
| persist session data. Database storage is a great default choice.
|
||||||
|
|
|
||||||
|
| Supported: "file", "cookie", "database", "apc",
|
||||||
|
| "memcached", "redis", "dynamodb", "array"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'driver' => env('SESSION_DRIVER', 'database'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session Lifetime
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may specify the number of minutes that you wish the session
|
||||||
|
| to be allowed to remain idle before it expires. If you want them
|
||||||
|
| to expire immediately when the browser is closed then you may
|
||||||
|
| indicate that via the expire_on_close configuration option.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'lifetime' => env('SESSION_LIFETIME', 120),
|
||||||
|
|
||||||
|
'expire_on_close' => env('SESSION_EXPIRE_ON_CLOSE', false),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session Encryption
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This option allows you to easily specify that all of your session data
|
||||||
|
| should be encrypted before it's stored. All encryption is performed
|
||||||
|
| automatically by Laravel and you may use the session like normal.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'encrypt' => env('SESSION_ENCRYPT', false),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session File Location
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| When utilizing the "file" session driver, the session files are placed
|
||||||
|
| on disk. The default storage location is defined here; however, you
|
||||||
|
| are free to provide another location where they should be stored.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'files' => storage_path('framework/sessions'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session Database Connection
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| When using the "database" or "redis" session drivers, you may specify a
|
||||||
|
| connection that should be used to manage these sessions. This should
|
||||||
|
| correspond to a connection in your database configuration options.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'connection' => env('SESSION_CONNECTION'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session Database Table
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| When using the "database" session driver, you may specify the table to
|
||||||
|
| be used to store sessions. Of course, a sensible default is defined
|
||||||
|
| for you; however, you're welcome to change this to another table.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'table' => env('SESSION_TABLE', 'sessions'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session Cache Store
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| When using one of the framework's cache driven session backends, you may
|
||||||
|
| define the cache store which should be used to store the session data
|
||||||
|
| between requests. This must match one of your defined cache stores.
|
||||||
|
|
|
||||||
|
| Affects: "apc", "dynamodb", "memcached", "redis"
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'store' => env('SESSION_STORE'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session Sweeping Lottery
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Some session drivers must manually sweep their storage location to get
|
||||||
|
| rid of old sessions from storage. Here are the chances that it will
|
||||||
|
| happen on a given request. By default, the odds are 2 out of 100.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'lottery' => [2, 100],
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session Cookie Name
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Here you may change the name of the session cookie that is created by
|
||||||
|
| the framework. Typically, you should not need to change this value
|
||||||
|
| since doing so does not grant a meaningful security improvement.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'cookie' => env(
|
||||||
|
'SESSION_COOKIE',
|
||||||
|
Str::slug(env('APP_NAME', 'laravel'), '_').'_session'
|
||||||
|
),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session Cookie Path
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| The session cookie path determines the path for which the cookie will
|
||||||
|
| be regarded as available. Typically, this will be the root path of
|
||||||
|
| your application, but you're free to change this when necessary.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'path' => env('SESSION_PATH', '/'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Session Cookie Domain
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This value determines the domain and subdomains the session cookie is
|
||||||
|
| available to. By default, the cookie will be available to the root
|
||||||
|
| domain and all subdomains. Typically, this shouldn't be changed.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'domain' => env('SESSION_DOMAIN'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| HTTPS Only Cookies
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| By setting this option to true, session cookies will only be sent back
|
||||||
|
| to the server if the browser has a HTTPS connection. This will keep
|
||||||
|
| the cookie from being sent to you when it can't be done securely.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'secure' => env('SESSION_SECURE_COOKIE'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| HTTP Access Only
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Setting this value to true will prevent JavaScript from accessing the
|
||||||
|
| value of the cookie and the cookie will only be accessible through
|
||||||
|
| the HTTP protocol. It's unlikely you should disable this option.
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'http_only' => env('SESSION_HTTP_ONLY', true),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Same-Site Cookies
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| This option determines how your cookies behave when cross-site requests
|
||||||
|
| take place, and can be used to mitigate CSRF attacks. By default, we
|
||||||
|
| will set this value to "lax" to permit secure cross-site requests.
|
||||||
|
|
|
||||||
|
| See: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value
|
||||||
|
|
|
||||||
|
| Supported: "lax", "strict", "none", null
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'same_site' => env('SESSION_SAME_SITE', 'lax'),
|
||||||
|
|
||||||
|
/*
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
| Partitioned Cookies
|
||||||
|
|--------------------------------------------------------------------------
|
||||||
|
|
|
||||||
|
| Setting this value to true will tie the cookie to the top-level site for
|
||||||
|
| a cross-site context. Partitioned cookies are accepted by the browser
|
||||||
|
| when flagged "secure" and the Same-Site attribute is set to "none".
|
||||||
|
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
'partitioned' => env('SESSION_PARTITIONED_COOKIE', false),
|
||||||
|
|
||||||
|
];
|
|
@ -0,0 +1 @@
|
||||||
|
*.sqlite*
|
|
@ -0,0 +1,44 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Database\Factories;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Factories\Factory;
|
||||||
|
use Illuminate\Support\Facades\Hash;
|
||||||
|
use Illuminate\Support\Str;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\User>
|
||||||
|
*/
|
||||||
|
class UserFactory extends Factory
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* The current password being used by the factory.
|
||||||
|
*/
|
||||||
|
protected static ?string $password;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Define the model's default state.
|
||||||
|
*
|
||||||
|
* @return array<string, mixed>
|
||||||
|
*/
|
||||||
|
public function definition(): array
|
||||||
|
{
|
||||||
|
return [
|
||||||
|
'name' => fake()->name(),
|
||||||
|
'email' => fake()->unique()->safeEmail(),
|
||||||
|
'email_verified_at' => now(),
|
||||||
|
'password' => static::$password ??= Hash::make('password'),
|
||||||
|
'remember_token' => Str::random(10),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Indicate that the model's email address should be unverified.
|
||||||
|
*/
|
||||||
|
public function unverified(): static
|
||||||
|
{
|
||||||
|
return $this->state(fn (array $attributes) => [
|
||||||
|
'email_verified_at' => null,
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,23 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Database\Factories;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Factories\Factory;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Waterflow2>
|
||||||
|
*/
|
||||||
|
class Waterflow2Factory extends Factory
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Define the model's default state.
|
||||||
|
*
|
||||||
|
* @return array<string, mixed>
|
||||||
|
*/
|
||||||
|
public function definition(): array
|
||||||
|
{
|
||||||
|
return [
|
||||||
|
//
|
||||||
|
];
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,49 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
public function up(): void
|
||||||
|
{
|
||||||
|
Schema::create('users', function (Blueprint $table) {
|
||||||
|
$table->id();
|
||||||
|
$table->string('name');
|
||||||
|
$table->string('email')->unique();
|
||||||
|
$table->timestamp('email_verified_at')->nullable();
|
||||||
|
$table->string('password');
|
||||||
|
$table->rememberToken();
|
||||||
|
$table->timestamps();
|
||||||
|
});
|
||||||
|
|
||||||
|
Schema::create('password_reset_tokens', function (Blueprint $table) {
|
||||||
|
$table->string('email')->primary();
|
||||||
|
$table->string('token');
|
||||||
|
$table->timestamp('created_at')->nullable();
|
||||||
|
});
|
||||||
|
|
||||||
|
Schema::create('sessions', function (Blueprint $table) {
|
||||||
|
$table->string('id')->primary();
|
||||||
|
$table->foreignId('user_id')->nullable()->index();
|
||||||
|
$table->string('ip_address', 45)->nullable();
|
||||||
|
$table->text('user_agent')->nullable();
|
||||||
|
$table->longText('payload');
|
||||||
|
$table->integer('last_activity')->index();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::dropIfExists('users');
|
||||||
|
Schema::dropIfExists('password_reset_tokens');
|
||||||
|
Schema::dropIfExists('sessions');
|
||||||
|
}
|
||||||
|
};
|
|
@ -0,0 +1,35 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
public function up(): void
|
||||||
|
{
|
||||||
|
Schema::create('cache', function (Blueprint $table) {
|
||||||
|
$table->string('key')->primary();
|
||||||
|
$table->mediumText('value');
|
||||||
|
$table->integer('expiration');
|
||||||
|
});
|
||||||
|
|
||||||
|
Schema::create('cache_locks', function (Blueprint $table) {
|
||||||
|
$table->string('key')->primary();
|
||||||
|
$table->string('owner');
|
||||||
|
$table->integer('expiration');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::dropIfExists('cache');
|
||||||
|
Schema::dropIfExists('cache_locks');
|
||||||
|
}
|
||||||
|
};
|
|
@ -0,0 +1,57 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
public function up(): void
|
||||||
|
{
|
||||||
|
Schema::create('jobs', function (Blueprint $table) {
|
||||||
|
$table->id();
|
||||||
|
$table->string('queue')->index();
|
||||||
|
$table->longText('payload');
|
||||||
|
$table->unsignedTinyInteger('attempts');
|
||||||
|
$table->unsignedInteger('reserved_at')->nullable();
|
||||||
|
$table->unsignedInteger('available_at');
|
||||||
|
$table->unsignedInteger('created_at');
|
||||||
|
});
|
||||||
|
|
||||||
|
Schema::create('job_batches', function (Blueprint $table) {
|
||||||
|
$table->string('id')->primary();
|
||||||
|
$table->string('name');
|
||||||
|
$table->integer('total_jobs');
|
||||||
|
$table->integer('pending_jobs');
|
||||||
|
$table->integer('failed_jobs');
|
||||||
|
$table->longText('failed_job_ids');
|
||||||
|
$table->mediumText('options')->nullable();
|
||||||
|
$table->integer('cancelled_at')->nullable();
|
||||||
|
$table->integer('created_at');
|
||||||
|
$table->integer('finished_at')->nullable();
|
||||||
|
});
|
||||||
|
|
||||||
|
Schema::create('failed_jobs', function (Blueprint $table) {
|
||||||
|
$table->id();
|
||||||
|
$table->string('uuid')->unique();
|
||||||
|
$table->text('connection');
|
||||||
|
$table->text('queue');
|
||||||
|
$table->longText('payload');
|
||||||
|
$table->longText('exception');
|
||||||
|
$table->timestamp('failed_at')->useCurrent();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::dropIfExists('jobs');
|
||||||
|
Schema::dropIfExists('job_batches');
|
||||||
|
Schema::dropIfExists('failed_jobs');
|
||||||
|
}
|
||||||
|
};
|
|
@ -0,0 +1,34 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
class CreateBlogsTable extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function up()
|
||||||
|
{
|
||||||
|
Schema::create('blogs', function (Blueprint $table) {
|
||||||
|
$table->id();
|
||||||
|
$table->string('title');
|
||||||
|
$table->text('content');
|
||||||
|
$table->string('author');
|
||||||
|
$table->timestamps();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function down()
|
||||||
|
{
|
||||||
|
Schema::dropIfExists('blogs');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,30 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
// database/migrations/xxxx_xx_xx_create_sensor_data_table.php
|
||||||
|
|
||||||
|
public function up()
|
||||||
|
{
|
||||||
|
Schema::create('sensor_data', function (Blueprint $table) {
|
||||||
|
$table->id();
|
||||||
|
$table->integer('value');
|
||||||
|
$table->timestamps();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::dropIfExists('sensor_data');
|
||||||
|
}
|
||||||
|
};
|
|
@ -0,0 +1,22 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
class AddImageToBlogsTable extends Migration
|
||||||
|
{
|
||||||
|
public function up()
|
||||||
|
{
|
||||||
|
Schema::table('blogs', function (Blueprint $table) {
|
||||||
|
$table->string('image')->nullable(); // tambahkan kolom 'image' ke tabel 'blogs'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
public function down()
|
||||||
|
{
|
||||||
|
Schema::table('blogs', function (Blueprint $table) {
|
||||||
|
$table->dropColumn('image'); // hapus kolom 'image' dari tabel 'blogs'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,32 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
class AddTanggalToCobaTable extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function up()
|
||||||
|
{
|
||||||
|
Schema::table('coba', function (Blueprint $table) {
|
||||||
|
$table->timestamp('tanggal')->nullable();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function down()
|
||||||
|
{
|
||||||
|
Schema::table('coba', function (Blueprint $table) {
|
||||||
|
$table->dropColumn('tanggal');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,27 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
public function up(): void
|
||||||
|
{
|
||||||
|
Schema::create('waterflow', function (Blueprint $table) {
|
||||||
|
$table->id();
|
||||||
|
$table->timestamps();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::dropIfExists('waterflow');
|
||||||
|
}
|
||||||
|
};
|
|
@ -0,0 +1,42 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
class CreateWaterflowTable extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function up()
|
||||||
|
{
|
||||||
|
Schema::create('waterflow', function (Blueprint $table) {
|
||||||
|
$table->id();
|
||||||
|
$table->float('waterflow1'); // Kolom waterflow1 dengan tipe float
|
||||||
|
$table->float('waterflow2'); // Kolom waterflow2 dengan tipe float
|
||||||
|
$table->timestamp('tanggal')->useCurrent(); // Kolom tanggal dengan tipe timestamp, menggunakan nilai default saat ini
|
||||||
|
|
||||||
|
// Tambahkan indeks pada kolom 'tanggal' jika Anda berencana untuk sering melakukan pencarian berdasarkan tanggal
|
||||||
|
// $table->index('tanggal');
|
||||||
|
|
||||||
|
// Jika Anda ingin menggunakan kolom id sebagai primary key
|
||||||
|
// $table->primary('id');
|
||||||
|
|
||||||
|
// Jika Anda ingin menonaktifkan pengaturan timestamps default (created_at dan updated_at)
|
||||||
|
// $table->timestamps();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function down()
|
||||||
|
{
|
||||||
|
Schema::dropIfExists('waterflow');
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,27 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
public function up(): void
|
||||||
|
{
|
||||||
|
Schema::create('waterflow2s', function (Blueprint $table) {
|
||||||
|
$table->id();
|
||||||
|
$table->timestamps();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::dropIfExists('waterflow2s');
|
||||||
|
}
|
||||||
|
};
|
|
@ -0,0 +1,26 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Database\Seeders;
|
||||||
|
|
||||||
|
use Illuminate\Database\Seeder;
|
||||||
|
use App\Models\Blog;
|
||||||
|
|
||||||
|
class BlogSeeder extends Seeder
|
||||||
|
{
|
||||||
|
public function run()
|
||||||
|
{
|
||||||
|
Blog::create([
|
||||||
|
'title' => 'Judul Artikel Pertama',
|
||||||
|
'content' => 'Ini adalah konten dari artikel pertama.',
|
||||||
|
'author' => 'Nama Penulis 1',
|
||||||
|
]);
|
||||||
|
|
||||||
|
Blog::create([
|
||||||
|
'title' => 'Judul Artikel Kedua',
|
||||||
|
'content' => 'Ini adalah konten dari artikel kedua.',
|
||||||
|
'author' => 'Nama Penulis 2',
|
||||||
|
]);
|
||||||
|
|
||||||
|
// Tambahkan data dummy lainnya sesuai kebutuhan
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,23 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Database\Seeders;
|
||||||
|
|
||||||
|
use Illuminate\Database\Seeder;
|
||||||
|
use Illuminate\Support\Facades\DB;
|
||||||
|
use Faker\Factory as Faker;
|
||||||
|
|
||||||
|
class CobaSeeder extends Seeder
|
||||||
|
{
|
||||||
|
public function run()
|
||||||
|
{
|
||||||
|
$faker = Faker::create();
|
||||||
|
|
||||||
|
for ($i = 0; $i < 10; $i++) {
|
||||||
|
DB::table('coba')->insert([
|
||||||
|
'ultrasonik' => $faker->randomFloat(2, 0, 100), // Data float acak antara 0 dan 100 dengan 2 desimal
|
||||||
|
'tanggal' => now() // Menyimpan waktu saat ini
|
||||||
|
]);
|
||||||
|
echo "Inserted record $i\n";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,21 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Database\Seeders;
|
||||||
|
|
||||||
|
use Illuminate\Database\Seeder;
|
||||||
|
|
||||||
|
class DatabaseSeeder extends Seeder
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Seed the application's database.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function run()
|
||||||
|
{
|
||||||
|
$this->call([
|
||||||
|
Waterflow1Seeder::class,
|
||||||
|
Waterflow2Seeder::class,
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,28 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Database\Seeders;
|
||||||
|
|
||||||
|
use Illuminate\Database\Seeder;
|
||||||
|
use Illuminate\Support\Facades\DB;
|
||||||
|
use Faker\Factory as Faker;
|
||||||
|
use Carbon\Carbon;
|
||||||
|
|
||||||
|
class TdsSeeder extends Seeder
|
||||||
|
{
|
||||||
|
public function run()
|
||||||
|
{
|
||||||
|
$faker = Faker::create();
|
||||||
|
$startDate = Carbon::create(2024, 7, 24, 6, 0, 0); // Mulai dari 24-07-2024 jam 06:00
|
||||||
|
$endDate = Carbon::create(2024, 7, 28, 16, 0, 0); // Berakhir pada 28-07-2024 jam 16:00
|
||||||
|
|
||||||
|
// Loop untuk menghasilkan data dari startDate hingga endDate dengan interval 3 jam
|
||||||
|
while ($startDate <= $endDate) {
|
||||||
|
DB::table('tds')->insert([
|
||||||
|
'tds' => $faker->numberBetween(1160, 1190), // Data tds acak antara 1160 dan 1190
|
||||||
|
'tanggal' => $startDate->copy() // Salin waktu saat ini
|
||||||
|
]);
|
||||||
|
echo "Inserted record for " . $startDate->toDateTimeString() . "\n";
|
||||||
|
$startDate->addHours(3); // Interval 3 jam
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,28 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Database\Seeders;
|
||||||
|
|
||||||
|
use Illuminate\Database\Seeder;
|
||||||
|
use App\Models\Waterflow1;
|
||||||
|
use Faker\Factory as Faker;
|
||||||
|
|
||||||
|
class Waterflow1Seeder extends Seeder
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the database seeds.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function run()
|
||||||
|
{
|
||||||
|
$faker = Faker::create();
|
||||||
|
|
||||||
|
foreach(range(1, 50) as $index) {
|
||||||
|
Waterflow1::create([
|
||||||
|
'arus' => $faker->randomFloat(2, 0.0, 10.0), // Arus dalam rentang 0.0 hingga 10.0 Ampere
|
||||||
|
'total' => $faker->randomFloat(2, 0.0, 1000.0), // Total arus dalam rentang 0.0 hingga 1000.0
|
||||||
|
'tanggal' => $faker->dateTimeThisYear() // Tanggal acak dalam tahun ini
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,28 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Database\Seeders;
|
||||||
|
|
||||||
|
use Illuminate\Database\Seeder;
|
||||||
|
use App\Models\Waterflow2;
|
||||||
|
use Faker\Factory as Faker;
|
||||||
|
|
||||||
|
class Waterflow2Seeder extends Seeder
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the database seeds.
|
||||||
|
*
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function run()
|
||||||
|
{
|
||||||
|
$faker = Faker::create();
|
||||||
|
|
||||||
|
foreach(range(1, 50) as $index) {
|
||||||
|
Waterflow2::create([
|
||||||
|
'arus' => $faker->randomFloat(2, 0.0, 10.0), // Arus dalam rentang 0.0 hingga 10.0 Ampere
|
||||||
|
'total' => $faker->randomFloat(2, 0.0, 1000.0), // Total arus dalam rentang 0.0 hingga 1000.0
|
||||||
|
'tanggal' => $faker->dateTimeThisYear() // Tanggal acak dalam tahun ini
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,104 @@
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||||
|
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||||
|
|
||||||
|
# Runtime data
|
||||||
|
pids
|
||||||
|
*.pid
|
||||||
|
*.seed
|
||||||
|
*.pid.lock
|
||||||
|
|
||||||
|
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||||
|
lib-cov
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
*.lcov
|
||||||
|
|
||||||
|
# nyc test coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||||
|
.grunt
|
||||||
|
|
||||||
|
# Bower dependency directory (https://bower.io/)
|
||||||
|
bower_components
|
||||||
|
|
||||||
|
# node-waf configuration
|
||||||
|
.lock-wscript
|
||||||
|
|
||||||
|
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||||
|
build/Release
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules/
|
||||||
|
jspm_packages/
|
||||||
|
|
||||||
|
# TypeScript v1 declaration files
|
||||||
|
typings/
|
||||||
|
|
||||||
|
# TypeScript cache
|
||||||
|
*.tsbuildinfo
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Microbundle cache
|
||||||
|
.rpt2_cache/
|
||||||
|
.rts2_cache_cjs/
|
||||||
|
.rts2_cache_es/
|
||||||
|
.rts2_cache_umd/
|
||||||
|
|
||||||
|
# Optional REPL history
|
||||||
|
.node_repl_history
|
||||||
|
|
||||||
|
# Output of 'npm pack'
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Yarn Integrity file
|
||||||
|
.yarn-integrity
|
||||||
|
|
||||||
|
# dotenv environment variables file
|
||||||
|
.env
|
||||||
|
.env.test
|
||||||
|
|
||||||
|
# parcel-bundler cache (https://parceljs.org/)
|
||||||
|
.cache
|
||||||
|
|
||||||
|
# Next.js build output
|
||||||
|
.next
|
||||||
|
|
||||||
|
# Nuxt.js build / generate output
|
||||||
|
.nuxt
|
||||||
|
dist
|
||||||
|
|
||||||
|
# Gatsby files
|
||||||
|
.cache/
|
||||||
|
# Comment in the public line in if your project uses Gatsby and *not* Next.js
|
||||||
|
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||||
|
# public
|
||||||
|
|
||||||
|
# vuepress build output
|
||||||
|
.vuepress/dist
|
||||||
|
|
||||||
|
# Serverless directories
|
||||||
|
.serverless/
|
||||||
|
|
||||||
|
# FuseBox cache
|
||||||
|
.fusebox/
|
||||||
|
|
||||||
|
# DynamoDB Local files
|
||||||
|
.dynamodb/
|
||||||
|
|
||||||
|
# TernJS port file
|
||||||
|
.tern-port
|
|
@ -0,0 +1,201 @@
|
||||||
|
Apache License
|
||||||
|
Version 2.0, January 2004
|
||||||
|
http://www.apache.org/licenses/
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||||
|
|
||||||
|
1. Definitions.
|
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction,
|
||||||
|
and distribution as defined by Sections 1 through 9 of this document.
|
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by
|
||||||
|
the copyright owner that is granting the License.
|
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all
|
||||||
|
other entities that control, are controlled by, or are under common
|
||||||
|
control with that entity. For the purposes of this definition,
|
||||||
|
"control" means (i) the power, direct or indirect, to cause the
|
||||||
|
direction or management of such entity, whether by contract or
|
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity
|
||||||
|
exercising permissions granted by this License.
|
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications,
|
||||||
|
including but not limited to software source code, documentation
|
||||||
|
source, and configuration files.
|
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical
|
||||||
|
transformation or translation of a Source form, including but
|
||||||
|
not limited to compiled object code, generated documentation,
|
||||||
|
and conversions to other media types.
|
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or
|
||||||
|
Object form, made available under the License, as indicated by a
|
||||||
|
copyright notice that is included in or attached to the work
|
||||||
|
(an example is provided in the Appendix below).
|
||||||
|
|
||||||
|
"Derivative Works" shall mean any work, whether in Source or Object
|
||||||
|
form, that is based on (or derived from) the Work and for which the
|
||||||
|
editorial revisions, annotations, elaborations, or other modifications
|
||||||
|
represent, as a whole, an original work of authorship. For the purposes
|
||||||
|
of this License, Derivative Works shall not include works that remain
|
||||||
|
separable from, or merely link (or bind by name) to the interfaces of,
|
||||||
|
the Work and Derivative Works thereof.
|
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including
|
||||||
|
the original version of the Work and any modifications or additions
|
||||||
|
to that Work or Derivative Works thereof, that is intentionally
|
||||||
|
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||||
|
or by an individual or Legal Entity authorized to submit on behalf of
|
||||||
|
the copyright owner. For the purposes of this definition, "submitted"
|
||||||
|
means any form of electronic, verbal, or written communication sent
|
||||||
|
to the Licensor or its representatives, including but not limited to
|
||||||
|
communication on electronic mailing lists, source code control systems,
|
||||||
|
and issue tracking systems that are managed by, or on behalf of, the
|
||||||
|
Licensor for the purpose of discussing and improving the Work, but
|
||||||
|
excluding communication that is conspicuously marked or otherwise
|
||||||
|
designated in writing by the copyright owner as "Not a Contribution."
|
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||||
|
on behalf of whom a Contribution has been received by Licensor and
|
||||||
|
subsequently incorporated within the Work.
|
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
copyright license to reproduce, prepare Derivative Works of,
|
||||||
|
publicly display, publicly perform, sublicense, and distribute the
|
||||||
|
Work and such Derivative Works in Source or Object form.
|
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
(except as stated in this section) patent license to make, have made,
|
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||||
|
where such license applies only to those patent claims licensable
|
||||||
|
by such Contributor that are necessarily infringed by their
|
||||||
|
Contribution(s) alone or by combination of their Contribution(s)
|
||||||
|
with the Work to which such Contribution(s) was submitted. If You
|
||||||
|
institute patent litigation against any entity (including a
|
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||||
|
or a Contribution incorporated within the Work constitutes direct
|
||||||
|
or contributory patent infringement, then any patent licenses
|
||||||
|
granted to You under this License for that Work shall terminate
|
||||||
|
as of the date such litigation is filed.
|
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the
|
||||||
|
Work or Derivative Works thereof in any medium, with or without
|
||||||
|
modifications, and in Source or Object form, provided that You
|
||||||
|
meet the following conditions:
|
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or
|
||||||
|
Derivative Works a copy of this License; and
|
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices
|
||||||
|
stating that You changed the files; and
|
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works
|
||||||
|
that You distribute, all copyright, patent, trademark, and
|
||||||
|
attribution notices from the Source form of the Work,
|
||||||
|
excluding those notices that do not pertain to any part of
|
||||||
|
the Derivative Works; and
|
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its
|
||||||
|
distribution, then any Derivative Works that You distribute must
|
||||||
|
include a readable copy of the attribution notices contained
|
||||||
|
within such NOTICE file, excluding those notices that do not
|
||||||
|
pertain to any part of the Derivative Works, in at least one
|
||||||
|
of the following places: within a NOTICE text file distributed
|
||||||
|
as part of the Derivative Works; within the Source form or
|
||||||
|
documentation, if provided along with the Derivative Works; or,
|
||||||
|
within a display generated by the Derivative Works, if and
|
||||||
|
wherever such third-party notices normally appear. The contents
|
||||||
|
of the NOTICE file are for informational purposes only and
|
||||||
|
do not modify the License. You may add Your own attribution
|
||||||
|
notices within Derivative Works that You distribute, alongside
|
||||||
|
or as an addendum to the NOTICE text from the Work, provided
|
||||||
|
that such additional attribution notices cannot be construed
|
||||||
|
as modifying the License.
|
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and
|
||||||
|
may provide additional or different license terms and conditions
|
||||||
|
for use, reproduction, or distribution of Your modifications, or
|
||||||
|
for any such Derivative Works as a whole, provided Your use,
|
||||||
|
reproduction, and distribution of the Work otherwise complies with
|
||||||
|
the conditions stated in this License.
|
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||||
|
any Contribution intentionally submitted for inclusion in the Work
|
||||||
|
by You to the Licensor shall be under the terms and conditions of
|
||||||
|
this License, without any additional terms or conditions.
|
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify
|
||||||
|
the terms of any separate license agreement you may have executed
|
||||||
|
with Licensor regarding such Contributions.
|
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade
|
||||||
|
names, trademarks, service marks, or product names of the Licensor,
|
||||||
|
except as required for reasonable and customary use in describing the
|
||||||
|
origin of the Work and reproducing the content of the NOTICE file.
|
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||||
|
agreed to in writing, Licensor provides the Work (and each
|
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
|
implied, including, without limitation, any warranties or conditions
|
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||||
|
appropriateness of using or redistributing the Work and assume any
|
||||||
|
risks associated with Your exercise of permissions under this License.
|
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory,
|
||||||
|
whether in tort (including negligence), contract, or otherwise,
|
||||||
|
unless required by applicable law (such as deliberate and grossly
|
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be
|
||||||
|
liable to You for damages, including any direct, indirect, special,
|
||||||
|
incidental, or consequential damages of any character arising as a
|
||||||
|
result of this License or out of the use or inability to use the
|
||||||
|
Work (including but not limited to damages for loss of goodwill,
|
||||||
|
work stoppage, computer failure or malfunction, or any and all
|
||||||
|
other commercial damages or losses), even if such Contributor
|
||||||
|
has been advised of the possibility of such damages.
|
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing
|
||||||
|
the Work or Derivative Works thereof, You may choose to offer,
|
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||||
|
or other liability obligations and/or rights consistent with this
|
||||||
|
License. However, in accepting such obligations, You may act only
|
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf
|
||||||
|
of any other Contributor, and only if You agree to indemnify,
|
||||||
|
defend, and hold each Contributor harmless for any liability
|
||||||
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work.
|
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following
|
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||||
|
replaced with your own identifying information. (Don't include
|
||||||
|
the brackets!) The text should be enclosed in the appropriate
|
||||||
|
comment syntax for the file format. We also recommend that a
|
||||||
|
file or class name and description of purpose be included on the
|
||||||
|
same "printed page" as the copyright notice for easier
|
||||||
|
identification within third-party archives.
|
||||||
|
|
||||||
|
Copyright [yyyy] [name of copyright owner]
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
|
@ -0,0 +1,28 @@
|
||||||
|
# mqtt-custom-dashboard-node-js
|
||||||
|
A custom MQTT dashboard built using Node.js that can be used to display sensor readings from a BME280 sensor
|
||||||
|

|
||||||
|
|
||||||
|
## Write up
|
||||||
|
[How to build your own custom MQTT dashboard?](https://www.donskytech.com/how-to-build-your-own-custom-mqtt-dashboard/)
|
||||||
|
|
||||||
|
|
||||||
|
## How to run
|
||||||
|
You should have Node.js installed in your workstation
|
||||||
|
|
||||||
|
Clone the repository
|
||||||
|
``` git clone https://github.com/donskytech/mqtt-custom-dashboard-node-js.git ```
|
||||||
|
``` cd mqtt-custom-dashboard-node-js ```
|
||||||
|
|
||||||
|
Rename the .env.local to .env
|
||||||
|
``` mv .env.local .env ```
|
||||||
|
|
||||||
|
Edit the .env and set the MQTT broker URL that you are using
|
||||||
|
```
|
||||||
|
NAME=DONSKYTECH
|
||||||
|
DASHBOARD_TITLE=MQTT DASHBOARD
|
||||||
|
MQTT_BROKER=ws://127.0.01:9001/mqtt
|
||||||
|
MQTT_TOPIC=sensorReadings
|
||||||
|
```
|
||||||
|
|
||||||
|
Install the dependencies and run the project
|
||||||
|
``` npm install && npm run dev ```
|
|
@ -0,0 +1,30 @@
|
||||||
|
const express = require("express");
|
||||||
|
const app = express();
|
||||||
|
const port = 3000;
|
||||||
|
|
||||||
|
// load dotenv to read environment variables
|
||||||
|
require("dotenv").config();
|
||||||
|
|
||||||
|
// template view engine
|
||||||
|
app.set("view engine", "ejs");
|
||||||
|
|
||||||
|
// Serve Static Files
|
||||||
|
app.use(express.static("public"));
|
||||||
|
|
||||||
|
//routes
|
||||||
|
const dashboardRouter = require("./routes/dashboard");
|
||||||
|
|
||||||
|
app.get("/mqttConnDetails", (req, res) => {
|
||||||
|
res.send(
|
||||||
|
JSON.stringify({
|
||||||
|
mqttServer: process.env.MQTT_BROKER,
|
||||||
|
mqttTopic: process.env.MQTT_TOPIC,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get("/", dashboardRouter);
|
||||||
|
|
||||||
|
app.listen(port, () => {
|
||||||
|
console.log(`Example app listening on port ${port}`);
|
||||||
|
});
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,29 @@
|
||||||
|
{
|
||||||
|
"name": "mqtt-custom-dashboard-node",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "A custom MQTT dashboard built using Node.js that can be used to display sensor readings from a BME280 sensor",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"prod": "node app.js",
|
||||||
|
"dev": "nodemon app.js"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/donskytech/mqtt-custom-dashboard-node-js.git"
|
||||||
|
},
|
||||||
|
"keywords": [],
|
||||||
|
"author": "",
|
||||||
|
"license": "ISC",
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/donskytech/mqtt-custom-dashboard-node-js/issues"
|
||||||
|
},
|
||||||
|
"homepage": "https://github.com/donskytech/mqtt-custom-dashboard-node-js#readme",
|
||||||
|
"dependencies": {
|
||||||
|
"dotenv": "^16.0.3",
|
||||||
|
"ejs": "^3.1.8",
|
||||||
|
"express": "^4.18.2"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"nodemon": "^3.1.0"
|
||||||
|
}
|
||||||
|
}
|
Binary file not shown.
After Width: | Height: | Size: 21 KiB |
|
@ -0,0 +1,554 @@
|
||||||
|
// Import MQTT service
|
||||||
|
import { MQTTService } from "./mqttService.js";
|
||||||
|
|
||||||
|
// Target specific HTML items
|
||||||
|
const sideMenu = document.querySelector("aside");
|
||||||
|
const menuBtn = document.querySelector("#menu-btn");
|
||||||
|
const closeBtn = document.querySelector("#close-btn");
|
||||||
|
const themeToggler = document.querySelector(".theme-toggler");
|
||||||
|
|
||||||
|
// Holds the background color of all chart
|
||||||
|
var chartBGColor = getComputedStyle(document.body).getPropertyValue(
|
||||||
|
"--chart-background"
|
||||||
|
);
|
||||||
|
var chartFontColor = getComputedStyle(document.body).getPropertyValue(
|
||||||
|
"--chart-font-color"
|
||||||
|
);
|
||||||
|
var chartAxisColor = getComputedStyle(document.body).getPropertyValue(
|
||||||
|
"--chart-axis-color"
|
||||||
|
);
|
||||||
|
|
||||||
|
/*
|
||||||
|
Event listeners for any HTML click
|
||||||
|
*/
|
||||||
|
menuBtn.addEventListener("click", () => {
|
||||||
|
sideMenu.style.display = "block";
|
||||||
|
});
|
||||||
|
|
||||||
|
closeBtn.addEventListener("click", () => {
|
||||||
|
sideMenu.style.display = "none";
|
||||||
|
});
|
||||||
|
|
||||||
|
themeToggler.addEventListener("click", () => {
|
||||||
|
document.body.classList.toggle("dark-theme-variables");
|
||||||
|
themeToggler.querySelector("span:nth-child(1)").classList.toggle("active");
|
||||||
|
themeToggler.querySelector("span:nth-child(2)").classList.toggle("active");
|
||||||
|
|
||||||
|
// Update Chart background
|
||||||
|
chartBGColor = getComputedStyle(document.body).getPropertyValue(
|
||||||
|
"--chart-background"
|
||||||
|
);
|
||||||
|
chartFontColor = getComputedStyle(document.body).getPropertyValue(
|
||||||
|
"--chart-font-color"
|
||||||
|
);
|
||||||
|
chartAxisColor = getComputedStyle(document.body).getPropertyValue(
|
||||||
|
"--chart-axis-color"
|
||||||
|
);
|
||||||
|
updateChartsBackground();
|
||||||
|
});
|
||||||
|
|
||||||
|
/*
|
||||||
|
Plotly.js graph and chart setup code
|
||||||
|
*/
|
||||||
|
var temperatureHistoryDiv = document.getElementById("temperature-history");
|
||||||
|
var humidityHistoryDiv = document.getElementById("humidity-history");
|
||||||
|
var pressureHistoryDiv = document.getElementById("pressure-history");
|
||||||
|
var altitudeHistoryDiv = document.getElementById("altitude-history");
|
||||||
|
|
||||||
|
var temperatureGaugeDiv = document.getElementById("temperature-gauge");
|
||||||
|
var humidityGaugeDiv = document.getElementById("humidity-gauge");
|
||||||
|
var pressureGaugeDiv = document.getElementById("pressure-gauge");
|
||||||
|
var altitudeGaugeDiv = document.getElementById("altitude-gauge");
|
||||||
|
|
||||||
|
const historyCharts = [
|
||||||
|
temperatureHistoryDiv,
|
||||||
|
humidityHistoryDiv,
|
||||||
|
pressureHistoryDiv,
|
||||||
|
altitudeHistoryDiv,
|
||||||
|
];
|
||||||
|
|
||||||
|
const gaugeCharts = [
|
||||||
|
temperatureGaugeDiv,
|
||||||
|
humidityGaugeDiv,
|
||||||
|
pressureGaugeDiv,
|
||||||
|
altitudeGaugeDiv,
|
||||||
|
];
|
||||||
|
|
||||||
|
// History Data
|
||||||
|
var temperatureTrace = {
|
||||||
|
x: [],
|
||||||
|
y: [],
|
||||||
|
name: "Temperature",
|
||||||
|
mode: "lines+markers",
|
||||||
|
type: "line",
|
||||||
|
};
|
||||||
|
var humidityTrace = {
|
||||||
|
x: [],
|
||||||
|
y: [],
|
||||||
|
name: "Humidity",
|
||||||
|
mode: "lines+markers",
|
||||||
|
type: "line",
|
||||||
|
};
|
||||||
|
var pressureTrace = {
|
||||||
|
x: [],
|
||||||
|
y: [],
|
||||||
|
name: "Pressure",
|
||||||
|
mode: "lines+markers",
|
||||||
|
type: "line",
|
||||||
|
};
|
||||||
|
var altitudeTrace = {
|
||||||
|
x: [],
|
||||||
|
y: [],
|
||||||
|
name: "Altitude",
|
||||||
|
mode: "lines+markers",
|
||||||
|
type: "line",
|
||||||
|
};
|
||||||
|
|
||||||
|
var temperatureLayout = {
|
||||||
|
autosize: true,
|
||||||
|
title: {
|
||||||
|
text: "Temperature",
|
||||||
|
},
|
||||||
|
font: {
|
||||||
|
size: 12,
|
||||||
|
color: chartFontColor,
|
||||||
|
family: "poppins, san-serif",
|
||||||
|
},
|
||||||
|
colorway: ["#05AD86"],
|
||||||
|
margin: { t: 40, b: 40, l: 30, r: 30, pad: 10 },
|
||||||
|
plot_bgcolor: chartBGColor,
|
||||||
|
paper_bgcolor: chartBGColor,
|
||||||
|
xaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
gridwidth: "2",
|
||||||
|
autorange: true,
|
||||||
|
},
|
||||||
|
yaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
gridwidth: "2",
|
||||||
|
autorange: true,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
var humidityLayout = {
|
||||||
|
autosize: true,
|
||||||
|
title: {
|
||||||
|
text: "Humidity",
|
||||||
|
},
|
||||||
|
font: {
|
||||||
|
size: 12,
|
||||||
|
color: chartFontColor,
|
||||||
|
family: "poppins, san-serif",
|
||||||
|
},
|
||||||
|
colorway: ["#05AD86"],
|
||||||
|
margin: { t: 40, b: 40, l: 30, r: 30, pad: 0 },
|
||||||
|
plot_bgcolor: chartBGColor,
|
||||||
|
paper_bgcolor: chartBGColor,
|
||||||
|
xaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
gridwidth: "2",
|
||||||
|
},
|
||||||
|
yaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
var pressureLayout = {
|
||||||
|
autosize: true,
|
||||||
|
title: {
|
||||||
|
text: "Pressure",
|
||||||
|
},
|
||||||
|
font: {
|
||||||
|
size: 12,
|
||||||
|
color: chartFontColor,
|
||||||
|
family: "poppins, san-serif",
|
||||||
|
},
|
||||||
|
colorway: ["#05AD86"],
|
||||||
|
margin: { t: 40, b: 40, l: 30, r: 30, pad: 0 },
|
||||||
|
plot_bgcolor: chartBGColor,
|
||||||
|
paper_bgcolor: chartBGColor,
|
||||||
|
xaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
gridwidth: "2",
|
||||||
|
},
|
||||||
|
yaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
var altitudeLayout = {
|
||||||
|
autosize: true,
|
||||||
|
title: {
|
||||||
|
text: "Altitude",
|
||||||
|
},
|
||||||
|
font: {
|
||||||
|
size: 12,
|
||||||
|
color: chartFontColor,
|
||||||
|
family: "poppins, san-serif",
|
||||||
|
},
|
||||||
|
colorway: ["#05AD86"],
|
||||||
|
margin: { t: 40, b: 40, l: 30, r: 30, pad: 0 },
|
||||||
|
plot_bgcolor: chartBGColor,
|
||||||
|
paper_bgcolor: chartBGColor,
|
||||||
|
xaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
gridwidth: "2",
|
||||||
|
},
|
||||||
|
yaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
var config = { responsive: true, displayModeBar: false };
|
||||||
|
|
||||||
|
// Event listener when page is loaded
|
||||||
|
window.addEventListener("load", (event) => {
|
||||||
|
Plotly.newPlot(
|
||||||
|
temperatureHistoryDiv,
|
||||||
|
[temperatureTrace],
|
||||||
|
temperatureLayout,
|
||||||
|
config
|
||||||
|
);
|
||||||
|
Plotly.newPlot(humidityHistoryDiv, [humidityTrace], humidityLayout, config);
|
||||||
|
Plotly.newPlot(pressureHistoryDiv, [pressureTrace], pressureLayout, config);
|
||||||
|
Plotly.newPlot(altitudeHistoryDiv, [altitudeTrace], altitudeLayout, config);
|
||||||
|
|
||||||
|
// Get MQTT Connection
|
||||||
|
fetchMQTTConnection();
|
||||||
|
|
||||||
|
// Run it initially
|
||||||
|
handleDeviceChange(mediaQuery);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Gauge Data
|
||||||
|
var temperatureData = [
|
||||||
|
{
|
||||||
|
domain: { x: [0, 1], y: [0, 1] },
|
||||||
|
value: 0,
|
||||||
|
title: { text: "Temperature" },
|
||||||
|
type: "indicator",
|
||||||
|
mode: "gauge+number+delta",
|
||||||
|
delta: { reference: 30 },
|
||||||
|
gauge: {
|
||||||
|
axis: { range: [null, 50] },
|
||||||
|
steps: [
|
||||||
|
{ range: [0, 20], color: "lightgray" },
|
||||||
|
{ range: [20, 30], color: "gray" },
|
||||||
|
],
|
||||||
|
threshold: {
|
||||||
|
line: { color: "red", width: 4 },
|
||||||
|
thickness: 0.75,
|
||||||
|
value: 30,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
var humidityData = [
|
||||||
|
{
|
||||||
|
domain: { x: [0, 1], y: [0, 1] },
|
||||||
|
value: 0,
|
||||||
|
title: { text: "Humidity" },
|
||||||
|
type: "indicator",
|
||||||
|
mode: "gauge+number+delta",
|
||||||
|
delta: { reference: 50 },
|
||||||
|
gauge: {
|
||||||
|
axis: { range: [null, 100] },
|
||||||
|
steps: [
|
||||||
|
{ range: [0, 20], color: "lightgray" },
|
||||||
|
{ range: [20, 30], color: "gray" },
|
||||||
|
],
|
||||||
|
threshold: {
|
||||||
|
line: { color: "red", width: 4 },
|
||||||
|
thickness: 0.75,
|
||||||
|
value: 30,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
var pressureData = [
|
||||||
|
{
|
||||||
|
domain: { x: [0, 1], y: [0, 1] },
|
||||||
|
value: 0,
|
||||||
|
title: { text: "Pressure" },
|
||||||
|
type: "indicator",
|
||||||
|
mode: "gauge+number+delta",
|
||||||
|
delta: { reference: 750 },
|
||||||
|
gauge: {
|
||||||
|
axis: { range: [null, 1100] },
|
||||||
|
steps: [
|
||||||
|
{ range: [0, 300], color: "lightgray" },
|
||||||
|
{ range: [300, 700], color: "gray" },
|
||||||
|
],
|
||||||
|
threshold: {
|
||||||
|
line: { color: "red", width: 4 },
|
||||||
|
thickness: 0.75,
|
||||||
|
value: 30,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
var altitudeData = [
|
||||||
|
{
|
||||||
|
domain: { x: [0, 1], y: [0, 1] },
|
||||||
|
value: 0,
|
||||||
|
title: { text: "Altitude" },
|
||||||
|
type: "indicator",
|
||||||
|
mode: "gauge+number+delta",
|
||||||
|
delta: { reference: 60 },
|
||||||
|
gauge: {
|
||||||
|
axis: { range: [null, 150] },
|
||||||
|
steps: [
|
||||||
|
{ range: [0, 50], color: "lightgray" },
|
||||||
|
{ range: [50, 100], color: "gray" },
|
||||||
|
],
|
||||||
|
threshold: {
|
||||||
|
line: { color: "red", width: 4 },
|
||||||
|
thickness: 0.75,
|
||||||
|
value: 30,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
var layout = { width: 300, height: 250, margin: { t: 0, b: 0, l: 0, r: 0 } };
|
||||||
|
|
||||||
|
Plotly.newPlot(temperatureGaugeDiv, temperatureData, layout);
|
||||||
|
Plotly.newPlot(humidityGaugeDiv, humidityData, layout);
|
||||||
|
Plotly.newPlot(pressureGaugeDiv, pressureData, layout);
|
||||||
|
Plotly.newPlot(altitudeGaugeDiv, altitudeData, layout);
|
||||||
|
|
||||||
|
// Will hold the arrays we receive from our BME280 sensor
|
||||||
|
// Temperature
|
||||||
|
let newTempXArray = [];
|
||||||
|
let newTempYArray = [];
|
||||||
|
// Humidity
|
||||||
|
let newHumidityXArray = [];
|
||||||
|
let newHumidityYArray = [];
|
||||||
|
// Pressure
|
||||||
|
let newPressureXArray = [];
|
||||||
|
let newPressureYArray = [];
|
||||||
|
// Altitude
|
||||||
|
let newAltitudeXArray = [];
|
||||||
|
let newAltitudeYArray = [];
|
||||||
|
|
||||||
|
// The maximum number of data points displayed on our scatter/line graph
|
||||||
|
let MAX_GRAPH_POINTS = 12;
|
||||||
|
let ctr = 0;
|
||||||
|
|
||||||
|
// Callback function that will retrieve our latest sensor readings and redraw our Gauge with the latest readings
|
||||||
|
function updateSensorReadings(jsonResponse) {
|
||||||
|
console.log(typeof jsonResponse);
|
||||||
|
console.log(jsonResponse);
|
||||||
|
|
||||||
|
let temperature = Number(jsonResponse.temperature).toFixed(2);
|
||||||
|
let humidity = Number(jsonResponse.humidity).toFixed(2);
|
||||||
|
let pressure = Number(jsonResponse.pressure).toFixed(2);
|
||||||
|
let altitude = Number(jsonResponse.altitude).toFixed(2);
|
||||||
|
|
||||||
|
updateBoxes(temperature, humidity, pressure, altitude);
|
||||||
|
|
||||||
|
updateGauge(temperature, humidity, pressure, altitude);
|
||||||
|
|
||||||
|
// Update Temperature Line Chart
|
||||||
|
updateCharts(
|
||||||
|
temperatureHistoryDiv,
|
||||||
|
newTempXArray,
|
||||||
|
newTempYArray,
|
||||||
|
temperature
|
||||||
|
);
|
||||||
|
// Update Humidity Line Chart
|
||||||
|
updateCharts(
|
||||||
|
humidityHistoryDiv,
|
||||||
|
newHumidityXArray,
|
||||||
|
newHumidityYArray,
|
||||||
|
humidity
|
||||||
|
);
|
||||||
|
// Update Pressure Line Chart
|
||||||
|
updateCharts(
|
||||||
|
pressureHistoryDiv,
|
||||||
|
newPressureXArray,
|
||||||
|
newPressureYArray,
|
||||||
|
pressure
|
||||||
|
);
|
||||||
|
|
||||||
|
// Update Altitude Line Chart
|
||||||
|
updateCharts(
|
||||||
|
altitudeHistoryDiv,
|
||||||
|
newAltitudeXArray,
|
||||||
|
newAltitudeYArray,
|
||||||
|
altitude
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateBoxes(temperature, humidity, pressure, altitude) {
|
||||||
|
let temperatureDiv = document.getElementById("temperature");
|
||||||
|
let humidityDiv = document.getElementById("humidity");
|
||||||
|
let pressureDiv = document.getElementById("pressure");
|
||||||
|
let altitudeDiv = document.getElementById("altitude");
|
||||||
|
|
||||||
|
temperatureDiv.innerHTML = temperature + " C";
|
||||||
|
humidityDiv.innerHTML = humidity + " %";
|
||||||
|
pressureDiv.innerHTML = pressure + " hPa";
|
||||||
|
altitudeDiv.innerHTML = altitude + " m";
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateGauge(temperature, humidity, pressure, altitude) {
|
||||||
|
var temperature_update = {
|
||||||
|
value: temperature,
|
||||||
|
};
|
||||||
|
var humidity_update = {
|
||||||
|
value: humidity,
|
||||||
|
};
|
||||||
|
var pressure_update = {
|
||||||
|
value: pressure,
|
||||||
|
};
|
||||||
|
var altitude_update = {
|
||||||
|
value: altitude,
|
||||||
|
};
|
||||||
|
Plotly.update(temperatureGaugeDiv, temperature_update);
|
||||||
|
Plotly.update(humidityGaugeDiv, humidity_update);
|
||||||
|
Plotly.update(pressureGaugeDiv, pressure_update);
|
||||||
|
Plotly.update(altitudeGaugeDiv, altitude_update);
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateCharts(lineChartDiv, xArray, yArray, sensorRead) {
|
||||||
|
if (xArray.length >= MAX_GRAPH_POINTS) {
|
||||||
|
xArray.shift();
|
||||||
|
}
|
||||||
|
if (yArray.length >= MAX_GRAPH_POINTS) {
|
||||||
|
yArray.shift();
|
||||||
|
}
|
||||||
|
xArray.push(ctr++);
|
||||||
|
yArray.push(sensorRead);
|
||||||
|
|
||||||
|
var data_update = {
|
||||||
|
x: [xArray],
|
||||||
|
y: [yArray],
|
||||||
|
};
|
||||||
|
|
||||||
|
Plotly.update(lineChartDiv, data_update);
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateChartsBackground() {
|
||||||
|
// updates the background color of historical charts
|
||||||
|
var updateHistory = {
|
||||||
|
plot_bgcolor: chartBGColor,
|
||||||
|
paper_bgcolor: chartBGColor,
|
||||||
|
font: {
|
||||||
|
color: chartFontColor,
|
||||||
|
},
|
||||||
|
xaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
},
|
||||||
|
yaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
historyCharts.forEach((chart) => Plotly.relayout(chart, updateHistory));
|
||||||
|
|
||||||
|
// updates the background color of gauge charts
|
||||||
|
var gaugeHistory = {
|
||||||
|
plot_bgcolor: chartBGColor,
|
||||||
|
paper_bgcolor: chartBGColor,
|
||||||
|
font: {
|
||||||
|
color: chartFontColor,
|
||||||
|
},
|
||||||
|
xaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
},
|
||||||
|
yaxis: {
|
||||||
|
color: chartAxisColor,
|
||||||
|
linecolor: chartAxisColor,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
gaugeCharts.forEach((chart) => Plotly.relayout(chart, gaugeHistory));
|
||||||
|
}
|
||||||
|
|
||||||
|
const mediaQuery = window.matchMedia("(max-width: 600px)");
|
||||||
|
|
||||||
|
mediaQuery.addEventListener("change", function (e) {
|
||||||
|
handleDeviceChange(e);
|
||||||
|
});
|
||||||
|
|
||||||
|
function handleDeviceChange(e) {
|
||||||
|
if (e.matches) {
|
||||||
|
console.log("Inside Mobile");
|
||||||
|
var updateHistory = {
|
||||||
|
width: 323,
|
||||||
|
height: 250,
|
||||||
|
"xaxis.autorange": true,
|
||||||
|
"yaxis.autorange": true,
|
||||||
|
};
|
||||||
|
historyCharts.forEach((chart) => Plotly.relayout(chart, updateHistory));
|
||||||
|
} else {
|
||||||
|
var updateHistory = {
|
||||||
|
width: 550,
|
||||||
|
height: 260,
|
||||||
|
"xaxis.autorange": true,
|
||||||
|
"yaxis.autorange": true,
|
||||||
|
};
|
||||||
|
historyCharts.forEach((chart) => Plotly.relayout(chart, updateHistory));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
MQTT Message Handling Code
|
||||||
|
*/
|
||||||
|
const mqttStatus = document.querySelector(".status");
|
||||||
|
|
||||||
|
function onConnect(message) {
|
||||||
|
mqttStatus.textContent = "Connected";
|
||||||
|
}
|
||||||
|
function onMessage(topic, message) {
|
||||||
|
var stringResponse = message.toString();
|
||||||
|
var messageResponse = JSON.parse(stringResponse);
|
||||||
|
updateSensorReadings(messageResponse);
|
||||||
|
}
|
||||||
|
|
||||||
|
function onError(error) {
|
||||||
|
console.log(`Error encountered :: ${error}`);
|
||||||
|
mqttStatus.textContent = "Error";
|
||||||
|
}
|
||||||
|
|
||||||
|
function onClose() {
|
||||||
|
console.log(`MQTT connection closed!`);
|
||||||
|
mqttStatus.textContent = "Closed";
|
||||||
|
}
|
||||||
|
|
||||||
|
function fetchMQTTConnection() {
|
||||||
|
fetch("/mqttConnDetails", {
|
||||||
|
method: "GET",
|
||||||
|
headers: {
|
||||||
|
"Content-type": "application/json; charset=UTF-8",
|
||||||
|
},
|
||||||
|
})
|
||||||
|
.then(function (response) {
|
||||||
|
return response.json();
|
||||||
|
})
|
||||||
|
.then(function (data) {
|
||||||
|
initializeMQTTConnection(data.mqttServer, data.mqttTopic);
|
||||||
|
})
|
||||||
|
.catch((error) => console.error("Error getting MQTT Connection :", error));
|
||||||
|
}
|
||||||
|
function initializeMQTTConnection(mqttServer, mqttTopic) {
|
||||||
|
console.log(
|
||||||
|
`Initializing connection to :: ${mqttServer}, topic :: ${mqttTopic}`
|
||||||
|
);
|
||||||
|
var fnCallbacks = { onConnect, onMessage, onError, onClose };
|
||||||
|
|
||||||
|
var mqttService = new MQTTService(mqttServer, fnCallbacks);
|
||||||
|
mqttService.connect();
|
||||||
|
|
||||||
|
mqttService.subscribe(mqttTopic);
|
||||||
|
}
|
|
@ -0,0 +1,50 @@
|
||||||
|
export class MQTTService {
|
||||||
|
constructor(host, messageCallbacks) {
|
||||||
|
this.mqttClient = null;
|
||||||
|
this.host = host;
|
||||||
|
this.messageCallbacks = messageCallbacks;
|
||||||
|
}
|
||||||
|
|
||||||
|
connect() {
|
||||||
|
this.mqttClient = mqtt.connect(this.host);
|
||||||
|
|
||||||
|
// MQTT Callback for 'error' event
|
||||||
|
this.mqttClient.on("error", (err) => {
|
||||||
|
console.log(err);
|
||||||
|
this.mqttClient.end();
|
||||||
|
if (this.messageCallbacks && this.messageCallbacks.onError)
|
||||||
|
this.messageCallbacks.onError(err);
|
||||||
|
});
|
||||||
|
|
||||||
|
// MQTT Callback for 'connect' event
|
||||||
|
this.mqttClient.on("connect", () => {
|
||||||
|
console.log(`MQTT client connected`);
|
||||||
|
if (this.messageCallbacks && this.messageCallbacks.onConnect) {
|
||||||
|
this.messageCallbacks.onConnect("Connected");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Call the message callback function when message arrived
|
||||||
|
this.mqttClient.on("message", (topic, message) => {
|
||||||
|
if (this.messageCallbacks && this.messageCallbacks.onMessage) {
|
||||||
|
this.messageCallbacks.onMessage(topic, message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
this.mqttClient.on("close", () => {
|
||||||
|
console.log(`MQTT client disconnected`);
|
||||||
|
if (this.messageCallbacks && this.messageCallbacks.onClose)
|
||||||
|
this.messageCallbacks.onClose();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Publish MQTT Message
|
||||||
|
publish(topic, message, options) {
|
||||||
|
this.mqttClient.publish(topic, message);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Subscribe to MQTT Message
|
||||||
|
subscribe(topic, options) {
|
||||||
|
this.mqttClient.subscribe(topic, options);
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,553 @@
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--color-primary: #7380ec;
|
||||||
|
--color-danger: #ff7782;
|
||||||
|
--color-success: #41f1b6;
|
||||||
|
--color-warning: #ffbb55;
|
||||||
|
--color-white: #fff;
|
||||||
|
--color-info-dark: #7d8da1;
|
||||||
|
--color-info-light: #dce1eb;
|
||||||
|
--color-dark: #363949;
|
||||||
|
--color-light: rgba(132, 139, 200, 0.18);
|
||||||
|
--color-primary-variant: #111e88;
|
||||||
|
--color-dark-variant: #677483;
|
||||||
|
--color-background: #f6f6f9;
|
||||||
|
|
||||||
|
--color-insight-1: rgb(99, 209, 35);
|
||||||
|
--color-insight-2: rgb(233, 245, 59);
|
||||||
|
--color-insight-3: rgb(204, 52, 67);
|
||||||
|
--color-insight-4: rgb(56, 183, 238);
|
||||||
|
|
||||||
|
--card-border-radius: 2rem;
|
||||||
|
--border-radius-1: 0.4rem;
|
||||||
|
--border-radius-2: 0.8rem;
|
||||||
|
--border-radius-3: 1.2rem;
|
||||||
|
|
||||||
|
--card-padding: 1.8rem;
|
||||||
|
--padding-1: 1.2rem;
|
||||||
|
|
||||||
|
--box-shadow: 0 2rem 3rem var(--color-light);
|
||||||
|
|
||||||
|
/* Plotly Chart Color */
|
||||||
|
--chart-background: #fff;
|
||||||
|
--chart-font-color: #444;
|
||||||
|
--chart-axis-color: #444;
|
||||||
|
}
|
||||||
|
/* Dark Theme Variables */
|
||||||
|
.dark-theme-variables {
|
||||||
|
--color-background: #090d3e;
|
||||||
|
--color-white: #0b0f4a;
|
||||||
|
--color-primary: #fff;
|
||||||
|
--color-dark: #edeffd;
|
||||||
|
--color-dark-variant: #fff;
|
||||||
|
--color-light: rgba(0, 0, 0, 0.4);
|
||||||
|
--box-shadow: 0 2rem 3rem var(--color-light);
|
||||||
|
|
||||||
|
--chart-background: #0d1256;
|
||||||
|
--chart-font-color: #fff;
|
||||||
|
--chart-axis-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
outline: 0;
|
||||||
|
appearance: none;
|
||||||
|
text-decoration: none;
|
||||||
|
list-style: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
font-family: poppins, san-serif;
|
||||||
|
font-size: 0.88rem;
|
||||||
|
background: var(--color-background);
|
||||||
|
user-select: none;
|
||||||
|
overflow-x: hidden;
|
||||||
|
color: var(--color-dark-variant);
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
display: grid;
|
||||||
|
width: 96%;
|
||||||
|
margin: 0 auto;
|
||||||
|
gap: 1.8rem;
|
||||||
|
grid-template-columns: 14rem auto 30rem;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: var(--color-dark);
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-weight: 800;
|
||||||
|
font-size: 1.8rem;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 0.87rem;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
h5 {
|
||||||
|
font-size: 0.77rem;
|
||||||
|
}
|
||||||
|
small {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
}
|
||||||
|
.profile-photo {
|
||||||
|
width: 2.8rem;
|
||||||
|
height: 2.8rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.text-muted {
|
||||||
|
color: var(--color-info-light);
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
color: var(--color-dark-variant);
|
||||||
|
}
|
||||||
|
b {
|
||||||
|
color: var(--color-dark-variant);
|
||||||
|
}
|
||||||
|
.primary {
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
.danger {
|
||||||
|
color: var(--color-danger);
|
||||||
|
}
|
||||||
|
.success {
|
||||||
|
color: var(--color-success);
|
||||||
|
}
|
||||||
|
.warning {
|
||||||
|
color: var(--color-warning);
|
||||||
|
}
|
||||||
|
|
||||||
|
/***** Sidebar Image*****/
|
||||||
|
aside {
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
aside .top {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 1.4rem;
|
||||||
|
}
|
||||||
|
aside .logo {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.8rem;
|
||||||
|
}
|
||||||
|
aside .logo img {
|
||||||
|
width: 2rem;
|
||||||
|
height: 2re;
|
||||||
|
}
|
||||||
|
aside .close {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
/***** Sidebar Links*****/
|
||||||
|
aside .sidebar {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 86vh;
|
||||||
|
position: relative;
|
||||||
|
top: 3rem;
|
||||||
|
}
|
||||||
|
aside h3 {
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside .sidebar a {
|
||||||
|
display: flex;
|
||||||
|
color: var(--color-info-dark);
|
||||||
|
margin-left: 2rem;
|
||||||
|
gap: 1rem;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
height: 3.7rem;
|
||||||
|
transition: all 300ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside .sidebar a span {
|
||||||
|
font-size: 1.6rem;
|
||||||
|
transition: all 300ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* aside .sidebar a:last-child {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 2rem;
|
||||||
|
width: 100%;
|
||||||
|
} */
|
||||||
|
|
||||||
|
aside .sidebar a.active {
|
||||||
|
background: var(--color-light);
|
||||||
|
color: var(--color-primary);
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
aside .sidebar a.active:before {
|
||||||
|
content: "";
|
||||||
|
width: 6px;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--color-primary);
|
||||||
|
}
|
||||||
|
aside .sidebar a.active span {
|
||||||
|
color: var(--color-primary);
|
||||||
|
margin-left: calc(1rem - 6px);
|
||||||
|
}
|
||||||
|
aside .sidebar a:hover {
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
aside .sidebar a:hover span {
|
||||||
|
margin-left: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/************* main ******************/
|
||||||
|
main {
|
||||||
|
margin-top: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .insights {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
gap: 1.6rem;
|
||||||
|
}
|
||||||
|
main .insights > div {
|
||||||
|
background: var(--color-white);
|
||||||
|
padding: var(--card-padding);
|
||||||
|
border-radius: var(--card-border-radius);
|
||||||
|
margin-top: 1rem;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
|
transition: all 300ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .insights > div:hover {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .insights > div span {
|
||||||
|
background: var(--color-primary);
|
||||||
|
padding: 0.5rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
color: var(--color-white);
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .insights > div.temperature span {
|
||||||
|
background: var(--color-insight-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
main .insights > div.humidity span {
|
||||||
|
background: var(--color-insight-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
main .insights > div.pressure span {
|
||||||
|
background: var(--color-insight-3);
|
||||||
|
}
|
||||||
|
main .insights > div.altitude span {
|
||||||
|
background: var(--color-insight-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
main .insights > div .middle {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .insights h3 {
|
||||||
|
margin: 1rem 0 0.6rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/************* End of Insights ******************/
|
||||||
|
main .histories {
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .history-charts {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: 2.5rem;
|
||||||
|
background: var(--color-white);
|
||||||
|
border-radius: var(--border-radius-1);
|
||||||
|
padding: var(--card-padding);
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
|
}
|
||||||
|
main .history-charts:hover {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .history-charts .history-divs {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .histories h2 {
|
||||||
|
margin-bottom: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ********RIGHT ********** */
|
||||||
|
.right {
|
||||||
|
margin-top: 1.4rem;
|
||||||
|
}
|
||||||
|
.right .top {
|
||||||
|
display: flex;
|
||||||
|
justify-content: end;
|
||||||
|
gap: 2rem;
|
||||||
|
}
|
||||||
|
.right .top button {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right .theme-toggler {
|
||||||
|
background: var(--color-light);
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 1.6rem;
|
||||||
|
width: 4.2rem;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: var(--border-radius-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.right .theme-toggler span {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right .theme-toggler span.active {
|
||||||
|
background: var(--color-primary);
|
||||||
|
color: white;
|
||||||
|
border-radius: var(--border-radius-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* GAUGE CHARTS */
|
||||||
|
.right .gauge-charts {
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
.right .gauge-charts .item {
|
||||||
|
background: var(--color-white);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 1rem;
|
||||||
|
margin-bottom: 0.7rem;
|
||||||
|
padding: 1.4rem var(--card-padding);
|
||||||
|
border-radius: var(--border-radius-3);
|
||||||
|
box-shadow: var(--box-shadow);
|
||||||
|
transition: all 300ms ease;
|
||||||
|
}
|
||||||
|
.right .gauge-charts .item:hover {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right .gauge-charts .item .right {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: start;
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right .gauge-charts .item .icon {
|
||||||
|
padding: 0.6rem;
|
||||||
|
color: var(--color-white);
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--color-primary);
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right .gauge-charts .item.offline .icon {
|
||||||
|
background: var(--color-danger);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MEDIA QUERIES */
|
||||||
|
@media screen and (max-width: 1200px) {
|
||||||
|
.container {
|
||||||
|
width: 94%;
|
||||||
|
grid-template-columns: 7rem auto 23rem;
|
||||||
|
}
|
||||||
|
aside .logo h2 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside .sidebar h3 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
aside .sidebar a {
|
||||||
|
width: 5.6rem;
|
||||||
|
}
|
||||||
|
aside .sidebar a:last-child {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 1.8rem;
|
||||||
|
}
|
||||||
|
main .insights {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
main .histories {
|
||||||
|
width: 94%;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
margin: 2rem 0 0 8.8rem;
|
||||||
|
}
|
||||||
|
main .histories .history-charts {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
width: 54vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 992px) {
|
||||||
|
.container {
|
||||||
|
width: 94%;
|
||||||
|
grid-template-columns: 12rem auto 23rem;
|
||||||
|
}
|
||||||
|
main .insights {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: 1.6rem;
|
||||||
|
}
|
||||||
|
main .histories .history-charts {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
/* height: 100vh; */
|
||||||
|
}
|
||||||
|
aside {
|
||||||
|
position: fixed;
|
||||||
|
left: -100%;
|
||||||
|
background: var(--color-white);
|
||||||
|
width: 18rem;
|
||||||
|
z-index: 3;
|
||||||
|
box-shadow: 1rem 3rem 4rem var(--color-light);
|
||||||
|
height: 100vh;
|
||||||
|
padding-right: var(--card-padding);
|
||||||
|
display: none;
|
||||||
|
animation: showMenu 400ms ease forwards;
|
||||||
|
}
|
||||||
|
@keyframes showMenu {
|
||||||
|
to {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
aside .logo {
|
||||||
|
margin-left: 1rem;
|
||||||
|
}
|
||||||
|
aside .logo h2 {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
aside .sidebar h3 {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
aside .sidebar a {
|
||||||
|
width: 100%;
|
||||||
|
height: 3.4rem;
|
||||||
|
}
|
||||||
|
/* aside .sidebar a:last-child {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 5rem;
|
||||||
|
} */
|
||||||
|
aside .close {
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
margin: 8rem 2rem 2rem 2rem;
|
||||||
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
main .histories {
|
||||||
|
position: relative;
|
||||||
|
margin: 3rem 0 0 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
main .histories .history-charts {
|
||||||
|
width: 100%;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
width: 90%;
|
||||||
|
margin: 0 auto 0rem auto;
|
||||||
|
}
|
||||||
|
.right .top {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 0.8rem;
|
||||||
|
height: 4.6rem;
|
||||||
|
background: var(--color-white);
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
z-index: 2;
|
||||||
|
box-shadow: 0 1rem 1 rem var(--color-light);
|
||||||
|
}
|
||||||
|
.right .top .theme-toggler {
|
||||||
|
width: 4.4rem;
|
||||||
|
position: absolute;
|
||||||
|
right: 2rem;
|
||||||
|
}
|
||||||
|
.right .profile .info {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right .top button {
|
||||||
|
display: inline-block;
|
||||||
|
background: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--color-dark);
|
||||||
|
position: absolute;
|
||||||
|
left: 1rem;
|
||||||
|
}
|
||||||
|
.right .top button span {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
margin: 1rem 0 1rem 0;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
margin: 5rem 1rem 1rem 1rem;
|
||||||
|
padding: 0 1rem;
|
||||||
|
width: 90vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .insights {
|
||||||
|
gap: 0.4rem;
|
||||||
|
}
|
||||||
|
main .insights > div {
|
||||||
|
padding: 0.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .history-charts {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,12 @@
|
||||||
|
const express = require("express");
|
||||||
|
const router = express.Router();
|
||||||
|
|
||||||
|
// Home page - Dashboard.
|
||||||
|
router.get("/", function (req, res) {
|
||||||
|
res.render("pages/dashboard", {
|
||||||
|
name: process.env.NAME,
|
||||||
|
dashboardTitle: process.env.DASHBOARD_TITLE,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
module.exports = router;
|
|
@ -0,0 +1,134 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title><%=dashboardTitle%></title>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/icon?family=Material+Symbols+Sharp"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
<script src="https://cdn.plot.ly/plotly-2.16.1.min.js"></script>
|
||||||
|
<script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>
|
||||||
|
<link rel="stylesheet" href="./style.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<aside>
|
||||||
|
<div class="top">
|
||||||
|
<div class="logo">
|
||||||
|
<img src="images/logo.png" alt="" />
|
||||||
|
<h2><%=name%></h2>
|
||||||
|
</div>
|
||||||
|
<div class="close" id="close-btn">
|
||||||
|
<span class="material-symbols-sharp"> close </span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sidebar">
|
||||||
|
<a href="#" class="active">
|
||||||
|
<span class="material-symbols-sharp"> dashboard </span>
|
||||||
|
<h3>Dashboard</h3>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
<main>
|
||||||
|
<h1><%=dashboardTitle%></h1>
|
||||||
|
<div class="connection-status">
|
||||||
|
<h3>Connection Status: <span class="status">Disconnected</span></h3>
|
||||||
|
</div>
|
||||||
|
<div class="insights">
|
||||||
|
<div class="temperature">
|
||||||
|
<div class="middle">
|
||||||
|
<div class="left">
|
||||||
|
<h3>Temperature</h3>
|
||||||
|
<h1 id="temperature"></h1>
|
||||||
|
</div>
|
||||||
|
<div class="icon">
|
||||||
|
<span class="material-symbols-sharp"> device_thermostat </span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End of temperature -->
|
||||||
|
<div class="humidity">
|
||||||
|
<div class="middle">
|
||||||
|
<div class="left">
|
||||||
|
<h3>Humidity</h3>
|
||||||
|
<h1 id="humidity"></h1>
|
||||||
|
</div>
|
||||||
|
<div class="icon">
|
||||||
|
<span class="material-symbols-sharp">
|
||||||
|
humidity_percentage
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End of humidity -->
|
||||||
|
<div class="pressure">
|
||||||
|
<div class="middle">
|
||||||
|
<div class="left">
|
||||||
|
<h3>Pressure</h3>
|
||||||
|
<h1 id="pressure"></h1>
|
||||||
|
</div>
|
||||||
|
<div class="icon">
|
||||||
|
<span class="material-symbols-sharp"> speed </span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End of pressure -->
|
||||||
|
<div class="altitude">
|
||||||
|
<div class="middle">
|
||||||
|
<div class="left">
|
||||||
|
<h3>Approx Altitude</h3>
|
||||||
|
<h1 id="altitude"></h1>
|
||||||
|
</div>
|
||||||
|
<div class="icon">
|
||||||
|
<span class="material-symbols-sharp"> altitude </span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End of altitude -->
|
||||||
|
</div>
|
||||||
|
<!-- End of Insights -->
|
||||||
|
<div class="histories">
|
||||||
|
<h2>Historical Charts</h2>
|
||||||
|
<div class="history-charts">
|
||||||
|
<div id="temperature-history" class="history-divs"></div>
|
||||||
|
<div id="humidity-history" class="history-divs"></div>
|
||||||
|
<div id="pressure-history" class="history-divs"></div>
|
||||||
|
<div id="altitude-history" class="history-divs"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<div class="right">
|
||||||
|
<div class="top">
|
||||||
|
<button id="menu-btn">
|
||||||
|
<span class="material-symbols-sharp"> menu </span>
|
||||||
|
</button>
|
||||||
|
<div class="theme-toggler">
|
||||||
|
<span class="material-symbols-sharp active"> light_mode </span>
|
||||||
|
<span class="material-symbols-sharp"> dark_mode </span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End of top -->
|
||||||
|
<div class="gauge-charts">
|
||||||
|
<h2>Gauge Charts</h2>
|
||||||
|
<div class="item">
|
||||||
|
<div id="temperature-gauge"></div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div id="humidity-gauge"></div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div id="pressure-gauge"></div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div id="altitude-gauge"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script type="module" src="./index.js"></script>
|
||||||
|
<script type="module" src="./mqttService.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,20 @@
|
||||||
|
{
|
||||||
|
"private": true,
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@popperjs/core": "^2.11.6",
|
||||||
|
"axios": "^1.6.4",
|
||||||
|
"bootstrap": "^5.2.3",
|
||||||
|
"laravel-vite-plugin": "^1.0.2",
|
||||||
|
"sass": "^1.56.1",
|
||||||
|
"vite": "^5.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"chart.js": "^4.4.3",
|
||||||
|
"vue": "^3.4.31"
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,33 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||||
|
xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
|
||||||
|
bootstrap="vendor/autoload.php"
|
||||||
|
colors="true"
|
||||||
|
>
|
||||||
|
<testsuites>
|
||||||
|
<testsuite name="Unit">
|
||||||
|
<directory>tests/Unit</directory>
|
||||||
|
</testsuite>
|
||||||
|
<testsuite name="Feature">
|
||||||
|
<directory>tests/Feature</directory>
|
||||||
|
</testsuite>
|
||||||
|
</testsuites>
|
||||||
|
<source>
|
||||||
|
<include>
|
||||||
|
<directory>app</directory>
|
||||||
|
</include>
|
||||||
|
</source>
|
||||||
|
<php>
|
||||||
|
<env name="APP_ENV" value="testing"/>
|
||||||
|
<env name="APP_MAINTENANCE_DRIVER" value="file"/>
|
||||||
|
<env name="BCRYPT_ROUNDS" value="4"/>
|
||||||
|
<env name="CACHE_STORE" value="array"/>
|
||||||
|
<!-- <env name="DB_CONNECTION" value="sqlite"/> -->
|
||||||
|
<!-- <env name="DB_DATABASE" value=":memory:"/> -->
|
||||||
|
<env name="MAIL_MAILER" value="array"/>
|
||||||
|
<env name="PULSE_ENABLED" value="false"/>
|
||||||
|
<env name="QUEUE_CONNECTION" value="sync"/>
|
||||||
|
<env name="SESSION_DRIVER" value="array"/>
|
||||||
|
<env name="TELESCOPE_ENABLED" value="false"/>
|
||||||
|
</php>
|
||||||
|
</phpunit>
|
|
@ -0,0 +1,21 @@
|
||||||
|
<IfModule mod_rewrite.c>
|
||||||
|
<IfModule mod_negotiation.c>
|
||||||
|
Options -MultiViews -Indexes
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
RewriteEngine On
|
||||||
|
|
||||||
|
# Handle Authorization Header
|
||||||
|
RewriteCond %{HTTP:Authorization} .
|
||||||
|
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
|
||||||
|
|
||||||
|
# Redirect Trailing Slashes If Not A Folder...
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-d
|
||||||
|
RewriteCond %{REQUEST_URI} (.+)/$
|
||||||
|
RewriteRule ^ %1 [L,R=301]
|
||||||
|
|
||||||
|
# Send Requests To Front Controller...
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-d
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-f
|
||||||
|
RewriteRule ^ index.php [L]
|
||||||
|
</IfModule>
|
Binary file not shown.
After Width: | Height: | Size: 202 KiB |
Binary file not shown.
After Width: | Height: | Size: 276 KiB |
Binary file not shown.
After Width: | Height: | Size: 483 KiB |
Binary file not shown.
After Width: | Height: | Size: 120 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue