add loading msg

This commit is contained in:
nishaMuhd
2022-07-27 13:04:36 +08:00
parent 4e35f34331
commit 36dc93d620
7 changed files with 48 additions and 38 deletions
+2 -1
View File
@@ -37,6 +37,7 @@ use App\Models\TransaksiKeuntungan;
class SimulasiController extends Controller class SimulasiController extends Controller
{ {
/** /**
@@ -992,7 +993,7 @@ class SimulasiController extends Controller
} }
return view('simulasi.senaraitempsimulasi', compact( 't_lelong', return view('simulasi.senaraitempsimulasi', compact( 't_lelong',
'getsurat', 'getsurat',
'senarai', 'senarai',
+2
View File
@@ -21,6 +21,8 @@ class Kernel extends HttpKernel
\Illuminate\Foundation\Http\Middleware\ValidatePostSize::class, \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
\App\Http\Middleware\TrimStrings::class, \App\Http\Middleware\TrimStrings::class,
\Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class, \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
\Illuminate\Session\Middleware\StartSession::class,
\Illuminate\View\Middleware\ShareErrorsFromSession::class,
]; ];
/** /**
Generated
+30 -32
View File
@@ -1471,16 +1471,16 @@
}, },
{ {
"name": "laravel/framework", "name": "laravel/framework",
"version": "v8.83.19", "version": "v8.83.22",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/laravel/framework.git", "url": "https://github.com/laravel/framework.git",
"reference": "4264f2ee12330bdb1be050998f58ba7271236395" "reference": "96aecced5126d48e277e5339193c376fe82b6565"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/laravel/framework/zipball/4264f2ee12330bdb1be050998f58ba7271236395", "url": "https://api.github.com/repos/laravel/framework/zipball/96aecced5126d48e277e5339193c376fe82b6565",
"reference": "4264f2ee12330bdb1be050998f58ba7271236395", "reference": "96aecced5126d48e277e5339193c376fe82b6565",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@@ -1640,7 +1640,7 @@
"issues": "https://github.com/laravel/framework/issues", "issues": "https://github.com/laravel/framework/issues",
"source": "https://github.com/laravel/framework" "source": "https://github.com/laravel/framework"
}, },
"time": "2022-07-13T13:23:09+00:00" "time": "2022-07-22T14:16:24+00:00"
}, },
{ {
"name": "laravel/sanctum", "name": "laravel/sanctum",
@@ -2106,16 +2106,16 @@
}, },
{ {
"name": "league/commonmark", "name": "league/commonmark",
"version": "2.3.3", "version": "2.3.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/thephpleague/commonmark.git", "url": "https://github.com/thephpleague/commonmark.git",
"reference": "0da1dca5781dd3cfddbe328224d9a7a62571addc" "reference": "155ec1c95626b16fda0889cf15904d24890a60d5"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/thephpleague/commonmark/zipball/0da1dca5781dd3cfddbe328224d9a7a62571addc", "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/155ec1c95626b16fda0889cf15904d24890a60d5",
"reference": "0da1dca5781dd3cfddbe328224d9a7a62571addc", "reference": "155ec1c95626b16fda0889cf15904d24890a60d5",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@@ -2208,7 +2208,7 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2022-06-07T21:28:26+00:00" "time": "2022-07-17T16:25:47+00:00"
}, },
{ {
"name": "league/config", "name": "league/config",
@@ -2530,16 +2530,16 @@
}, },
{ {
"name": "monolog/monolog", "name": "monolog/monolog",
"version": "2.7.0", "version": "2.8.0",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/Seldaek/monolog.git", "url": "https://github.com/Seldaek/monolog.git",
"reference": "5579edf28aee1190a798bfa5be8bc16c563bd524" "reference": "720488632c590286b88b80e62aa3d3d551ad4a50"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/Seldaek/monolog/zipball/5579edf28aee1190a798bfa5be8bc16c563bd524", "url": "https://api.github.com/repos/Seldaek/monolog/zipball/720488632c590286b88b80e62aa3d3d551ad4a50",
"reference": "5579edf28aee1190a798bfa5be8bc16c563bd524", "reference": "720488632c590286b88b80e62aa3d3d551ad4a50",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@@ -2559,11 +2559,10 @@
"guzzlehttp/psr7": "^2.2", "guzzlehttp/psr7": "^2.2",
"mongodb/mongodb": "^1.8", "mongodb/mongodb": "^1.8",
"php-amqplib/php-amqplib": "~2.4 || ^3", "php-amqplib/php-amqplib": "~2.4 || ^3",
"php-console/php-console": "^3.1.3",
"phpspec/prophecy": "^1.15", "phpspec/prophecy": "^1.15",
"phpstan/phpstan": "^0.12.91", "phpstan/phpstan": "^0.12.91",
"phpunit/phpunit": "^8.5.14", "phpunit/phpunit": "^8.5.14",
"predis/predis": "^1.1", "predis/predis": "^1.1 || ^2.0",
"rollbar/rollbar": "^1.3 || ^2 || ^3", "rollbar/rollbar": "^1.3 || ^2 || ^3",
"ruflin/elastica": "^7", "ruflin/elastica": "^7",
"swiftmailer/swiftmailer": "^5.3|^6.0", "swiftmailer/swiftmailer": "^5.3|^6.0",
@@ -2583,7 +2582,6 @@
"graylog2/gelf-php": "Allow sending log messages to a GrayLog2 server", "graylog2/gelf-php": "Allow sending log messages to a GrayLog2 server",
"mongodb/mongodb": "Allow sending log messages to a MongoDB server (via library)", "mongodb/mongodb": "Allow sending log messages to a MongoDB server (via library)",
"php-amqplib/php-amqplib": "Allow sending log messages to an AMQP server using php-amqplib", "php-amqplib/php-amqplib": "Allow sending log messages to an AMQP server using php-amqplib",
"php-console/php-console": "Allow sending log messages to Google Chrome",
"rollbar/rollbar": "Allow sending log messages to Rollbar", "rollbar/rollbar": "Allow sending log messages to Rollbar",
"ruflin/elastica": "Allow sending log messages to an Elastic Search server" "ruflin/elastica": "Allow sending log messages to an Elastic Search server"
}, },
@@ -2618,7 +2616,7 @@
], ],
"support": { "support": {
"issues": "https://github.com/Seldaek/monolog/issues", "issues": "https://github.com/Seldaek/monolog/issues",
"source": "https://github.com/Seldaek/monolog/tree/2.7.0" "source": "https://github.com/Seldaek/monolog/tree/2.8.0"
}, },
"funding": [ "funding": [
{ {
@@ -2630,7 +2628,7 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2022-06-09T08:59:12+00:00" "time": "2022-07-24T11:55:47+00:00"
}, },
{ {
"name": "nesbot/carbon", "name": "nesbot/carbon",
@@ -7628,16 +7626,16 @@
}, },
{ {
"name": "fakerphp/faker", "name": "fakerphp/faker",
"version": "v1.19.0", "version": "v1.20.0",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/FakerPHP/Faker.git", "url": "https://github.com/FakerPHP/Faker.git",
"reference": "d7f08a622b3346766325488aa32ddc93ccdecc75" "reference": "37f751c67a5372d4e26353bd9384bc03744ec77b"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/FakerPHP/Faker/zipball/d7f08a622b3346766325488aa32ddc93ccdecc75", "url": "https://api.github.com/repos/FakerPHP/Faker/zipball/37f751c67a5372d4e26353bd9384bc03744ec77b",
"reference": "d7f08a622b3346766325488aa32ddc93ccdecc75", "reference": "37f751c67a5372d4e26353bd9384bc03744ec77b",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@@ -7664,7 +7662,7 @@
"type": "library", "type": "library",
"extra": { "extra": {
"branch-alias": { "branch-alias": {
"dev-main": "v1.19-dev" "dev-main": "v1.20-dev"
} }
}, },
"autoload": { "autoload": {
@@ -7689,9 +7687,9 @@
], ],
"support": { "support": {
"issues": "https://github.com/FakerPHP/Faker/issues", "issues": "https://github.com/FakerPHP/Faker/issues",
"source": "https://github.com/FakerPHP/Faker/tree/v1.19.0" "source": "https://github.com/FakerPHP/Faker/tree/v1.20.0"
}, },
"time": "2022-02-02T17:38:57+00:00" "time": "2022-07-20T13:12:54+00:00"
}, },
{ {
"name": "filp/whoops", "name": "filp/whoops",
@@ -7817,16 +7815,16 @@
}, },
{ {
"name": "laravel/sail", "name": "laravel/sail",
"version": "v1.15.0", "version": "v1.15.1",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/laravel/sail.git", "url": "https://github.com/laravel/sail.git",
"reference": "676e1ff33c1b8af657779f62f57360c376cba666" "reference": "2fe64c0b45a3af56cac0af638c8020a8adc860d7"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/laravel/sail/zipball/676e1ff33c1b8af657779f62f57360c376cba666", "url": "https://api.github.com/repos/laravel/sail/zipball/2fe64c0b45a3af56cac0af638c8020a8adc860d7",
"reference": "676e1ff33c1b8af657779f62f57360c376cba666", "reference": "2fe64c0b45a3af56cac0af638c8020a8adc860d7",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@@ -7873,7 +7871,7 @@
"issues": "https://github.com/laravel/sail/issues", "issues": "https://github.com/laravel/sail/issues",
"source": "https://github.com/laravel/sail" "source": "https://github.com/laravel/sail"
}, },
"time": "2022-06-24T13:56:11+00:00" "time": "2022-07-21T14:33:56+00:00"
}, },
{ {
"name": "laravel/ui", "name": "laravel/ui",
@@ -10002,5 +10000,5 @@
"php": "^7.3|^8.0" "php": "^7.3|^8.0"
}, },
"platform-dev": [], "platform-dev": [],
"plugin-api-version": "2.0.0" "plugin-api-version": "2.2.0"
} }
Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

+4 -2
View File
@@ -245,19 +245,21 @@
} }
#loader { #loader {
display: none; display: none;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
background: rgba(0,0,0,0.4) url("/your_loading_image.gif") no-repeat center center; background: rgba(0,0,0,0.4) url("") no-repeat center center;
z-index: 99999; z-index: 99999;
} }
#loader-image {position: absolute;top: 40%;left: 45%;z-index: 100}
/* --------------------------------------------------- /* ---------------------------------------------------
@@ -17,7 +17,7 @@
<!-- <form action="{{route('analisa.janadata')}}" method="POST" enctype="multipart/form-data"> --> <!-- <form action="{{route('analisa.janadata')}}" method="POST" enctype="multipart/form-data"> -->
<form action="{{route('analisa.senaraitempsimulasi')}}" method="POST" enctype="multipart/form-data"> <form action="{{route('analisa.senaraitempsimulasi')}}" method="POST" enctype="multipart/form-data">
@csrf @csrf
<div id='loader'></div> <div id='loader'><img id="loader-image" src="../img/loadingmsg.gif" alt="Sila Tunggu Sebentar..." /></div>
<div class="form-group row"> <div class="form-group row">
<label for="tarikh_lelong" class="col-sm-2 col-form-label">Tarikh Lelong</label> <label for="tarikh_lelong" class="col-sm-2 col-form-label">Tarikh Lelong</label>
<div class="col-sm-3"> <div class="col-sm-3">
@@ -107,6 +107,8 @@
$(function() { $(function() {
$( "form" ).submit(function() { $( "form" ).submit(function() {
$('#loader').show(); $('#loader').show();
// $message = "Simulasi Sedang Dijana";
// $('#message').show();
}); });
}); });
@@ -4,11 +4,16 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row "> <div class="row ">
<div class="col-md-12 mx-auto card"> <div class="col-md-12 mx-auto card">
@if ($message = Session::get('failed')) <!-- @if ($message = Session::get('failed'))
<div class="alert alert-danger" style="margin-top:1%;"> <div class="alert alert-danger" style="margin-top:1%;">
<p>{{ $message }}</p> <p>{{ $message }}</p>
</div> </div>
@endif @endif -->
@if (Session::has('message'))
<div class="alert alert-info">{{ Session::get('message') }}</div>
@endif
<h3 class="pt-3" style="margin-left:1%;">Butiran Gadaian Mengikut Cawangan Lelongan Fasa {{$fasa}}</h3> <h3 class="pt-3" style="margin-left:1%;">Butiran Gadaian Mengikut Cawangan Lelongan Fasa {{$fasa}}</h3>
<form action="{{route('analisa.janadata')}}" method="POST" enctype="multipart/form-data"> <form action="{{route('analisa.janadata')}}" method="POST" enctype="multipart/form-data">
@csrf @csrf