Integration Google Drive in PHP

Install Google APIs Client Library for PHP
for more info check https://github.com/googleapis/google-api-php-client

composer require google/apiclient:"^2.0"

1	composer require google/apiclient:"^2.0"

Authentication

for laravel
$client = new \Google_Client();
$client->setClientId('client_id');
$client->setClientSecret('client_secret');
$client->addScope("https://www.googleapis.com/auth/drive.file");
$client->setRedirectUri('redirect_url');
// offline access will give you both an access and refresh token so that
		// your app can refresh the access token without user interaction...

Posted in Laravel, Php No comments March 5, 2020

SSL certificate problem: unable to get local issuer certificate

Download this file: http://curl.haxx.se/ca/cacert.pem
Place this file in the C:\wamp64\bin\php\php7.1.9 folder
Open php.iniand find this line:

;curl.cainfo

Change it to:

curl.cainfo = "C:\wamp64\bin\php\php7.1.9\cacert.pem"

Make sure you remove the semicolon at the beginning of the line.

Save changes to php.ini, restart WampServer, and you’re good to go!

Posted in Laravel, Php One comment March 4, 2020

If laravel url is not working on server

if laravel url is working like index.php/user but not working in /user

// run this command
sudo a2enmod rewrite

1 2	// run this command sudo a2enmod rewrite

Posted in Laravel, Linux No comments February 28, 2020

If Cron not run automatically on server in laravel

// run this command 
* * * * * php /path/to/artisan schedule:run >> /dev/null 2>&1

1 2	// run this command * * * * * php /path/to/artisan schedule:run >> /dev/null 2>&1

Posted in Laravel, Linux No comments February 28, 2020

carousel slider change image on mouse hover

$(document).ready(function() {
$('.carousel').mouseover(function(){
$(this).carousel('next');
});
});

1

2

3

4

5

$(document).ready(function() {

$('.carousel').mouseover(function(){

$(this).carousel('next');

});

Posted in Jquery No comments February 26, 2020

ngx-datatable add server side pagination

<!--- html side --->
            <ngx-datatable class="bootstrap" [rows]="rows" [columnMode]="'force'"
                [headerHeight]="50" [footerHeight]="50" [rowHeight]="'auto'" [limit]="entry" (sort)="onSort($event)" (page)="pageCallback($event)" [offset]="page" [count]="total" [externalPaging]="true">
                <ngx-datatable-column prop="FirstName" name="Name">
                    <ng-template let-row="row" ngx-datatable-cell-template>
                        {{row.FirstName}} {{row...

Posted in Angular 5 No comments February 11, 2020

Reset Datepicker in jquery

$('#checkin').datepicker('destroy');// it destroy old date picker data
$('#checkin').datepicker({
    showButtonPanel: false,
    minDate: maxdate,
	dateFormat: 'dd/mm/yy',
            onSelect: function () {
                var dt2 = $('#checkout');
                var startDate = $(this).datepicker('getDate');
                var minDate = $(this).datepicker('getDate');
                var dt2Date = dt2.datepicker('getDate');
                //difference in days. 86400 seconds in day, 1000 ms in second
                var dateDiff = (dt2Date - minDate)/(86400 * 1000);
                
                startDate.setDate(startDate.getDate() + 30);
                if (dt2Date == null || dateDiff < 0) {
                	//	dt2...

Posted in Jquery No comments February 11, 2020

If getting npm installation error

It might be related to corruption in Angular Packages or incompatibility of packages.

Please follow the below steps to solve the issue.

Delete node_modules folder manually.
Install Node ( https://nodejs.org/en/download ).
Install Yarn ( https://yarnpkg.com/en/docs/install ).
Open command prompt , go to path angular folder and run Yarn.
Run angular\nswag\refresh.bat.
Run npm start from the angular folder.

Update

ASP.NET Boilerplate suggests here to use yarn because npm has some problems. It is slow and can not consistently resolve dependencies, yarn solves those problems and it is compatible to npm as well.

Posted in Angular 5 No comments February 8, 2020

Display image before uploading

HTML

<div class="col-md-12 col-sm-12">
<div class="form-group">
<label>Upload Image</label>
	<input name="image" type="file" id="fileName" accept=".jpg,.jpeg,.png,.webp" onchange="validateFileType()">
	<div class="gallery"></div>
</div>
</div>

1

2

3

4

5

6

7

<label>Upload Image</label>

</div>

JS

<script>
	let file = document.getElementById("fileName");
		function validateFileType(){
		var fileName = file.value,
		idxDot = fileName.lastIndexOf(".") + 1,
		extFile = fileName...

Posted in Jquery No comments January 24, 2020

Angular 5 Commands

Build for production

ng build --prod=true

1	ng build --prod=true

Build for dev

ng build --env=cbdev --aot=true --output-hashing all

1	ng build --env=cbdev --aot=true --output-hashing all

Run project using different port

ng serve --port 4401

1	ng serve --port 4401

Create component

ng generate component name

1	ng generate component name

Create module

ng generate module name

1	ng generate...

Posted in Angular 5 No comments January 17, 2020

Recent Posts