Install magento 2 extension

Manual installation process:

Unzip extension package and upload them into Magento root directory.
Run the following command in magento root folder

php bin/magneto setup:upgrade
php bin/magento setup:static-content:deploy

Get contact form 7 submmitted data

function contactform7_before_send_mail( $submission ) {

$submission = WPCF7_Submission::get_instance();
if ( $submission ) {
$formData = $submission->get_posted_data();
$uploaded_files = $submission->uploaded_files();
}
}

remove_all_filters ('wpcf7_before_send_mail');
add_action( 'wpcf7_before_send_mail', 'contactform7_before_send_mail' );

Image Load detection

$('<img />').load( function(){
console.log('Image Loaded');
$(".js-gallery-popup-loader").hide();
}).attr('src', item.imagePath);

Cron job

Step1: Login to cPanle
Step2: Find "Cron Jobs" link and click.
Step3: Set time and command

Note: Command should be like bellow to execute a php script to send email.
/usr/bin/php -q /home/fictions/public_html/send_mail.php

If you want to execute an URL not file then command should be like bellow.
wget http://fictionsoft.com/demo/amazonapp/productRanks/send_mail

If you don't want to send an cron job operation status email(Given cron jobs form) then command should be like bellow.
wget http://fictionsoft.com/demo/amazonapp/productRanks/send_mail >/dev/null 2>&1

=====
find /home/angelasmaneattra/public_html/var/session/ -mtime +1 -exec rm -rf '{}' \;

find /home/angelasmaneattra/public_html/var/session/ -mtime +1 -exec rm {} \;

/usr/bin/find

Get rsa key

cat ~/.ssh/
ls ~/.ssh/

cat ~/.ssh/id_rsa

.Net Technologies

The list of Technologies:

C#
.Net Core
ASP.NET Web API
NLog
EF Core
AutoMapper
FluentValidation
MediatR
Hangfire
SignalR
Repository Pattern
Unit Of Work Pattern
Dependency Injection
Identity Server

Descendant property set and get

setDescendantProp (obj: any, dottedPropPath: any, value: any) {
const arr = dottedPropPath.split('.');
while (arr.length > 1) {
obj = obj[arr.shift()];
}
obj[arr[0]] = value;
}

getDescendantProp (obj: any, dottedPropPath: any) {
if (obj) {
const arr = dottedPropPath.split('.');
while (arr.length) {
obj = obj[arr.shift()];
if (obj === undefined) {
break;
}
}
}
return obj;
}

this.utilsService.setDescendantProp(this.model, fieldName, files[0]);

Angular Option field change value

<mat-select [(ngModel)]="model.workRightType" formControlName="workrighttype" (change)="onWorkRightChange($event)" placeholder="Engagement Type">
<mat-option *ngFor="let item of workRightTypes" [value]="item.value">
{{ item.title}}
</mat-option>
</mat-select>
</mat-form-field>

onWorkRightChange(event){
this.selectedWorkRight = event.value;
}

Reactive from

import { FormGroup, FormBuilder } from '@angular/forms';

form: FormGroup;
model: OrganizationAddModel;

constructor(private formBuilder: FormBuilder, private organizationService: OrganizationService) {
this.model = new OrganizationAddModel();
}

ngOnInit() {
this.form = this.formBuilder.group({
name:[],
email:[]
});
}

<form [formGroup]="form">
<input [(ngModel)]="model.name" formControlName="name" matInput placeholder="Name">
<div *ngIf="form.controls.name.invalid">
{{form.controls.name.errors.message}}
</div>
<input [(ngModel)]="model.email" formControlName="email" matInput placeholder="Email">
</form>

let controls = this.form.controls;
for (var field in controls) {
controls[field].setErrors({
message: "This is required field"
});
}

Form validation

</div>

</form>

let controls = this.form.controls;

for (var field in controls) {

controls[field].setErrors({

message: field + "aaaaa"

});

}

get vimeo thumbnail

var video_code = $(".video-code").val();
$.ajax({
    type:'GET',
    url: 'http://vimeo.com/api/v2/video/' + video_code + '.json',
    jsonp: 'callback',
    dataType: 'jsonp',
    success: function(data){
        var thumbnail_src = data[0].thumbnail_large;
        if(thumbnail_src) {
            pageBody.find('.thumb-container img').attr("src", thumbnail_src);
        }
    }
});

Get wordpress featured image

<?php
if (has_post_thumbnail( $post->ID ) ){
$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
?>
<img src="<?php echo $image[0]; ?>" alt="<?php echo $post->post_title; ?>" />
<?php
}else{
?>
<img src="<?php echo get_template_directory_uri(); ?>/images/banner/default-banner.jpg" alt="" />
<?php
}
?>

get featured image

if (has_post_thumbnail( $post->ID ) ){
   echo wp_get_attachment_image( get_post_thumbnail_id(), 'full');
}

Get Image Size in Javascrip

var getImageSize = function(imgSrc){
       var imageSize = '';
        var obj = new XMLHttpRequest();
        obj.open('HEAD', imgSrc, true);
        obj.onreadystatechange = function(){
            if ( obj.readyState == 4 ) {
                if ( obj.status == 200 ) {
                    //alert('Size in bytes: ' + obj.getResponseHeader('Content-Length'));
                    imageSize = obj.getResponseHeader('Content-Length');
                } else {
                }
            }
        };
        obj.send(null);
        return imageSize;
    };

base64 Image

form.find("input[type='file']").on("change", function () {
if (this.files && this.files[0]) {
var FR = new FileReader();
FR.onload = function () {
previewElement.attr('src', FR.result);
};
FR.readAsDataURL(this.files[0]);
}
});

http://www.javascripture.com/FileReader

const reader = new FileReader();
reader.addEventListener('load', function (e) {
document.querySelector('.photo-image').setAttribute('src', reader.result);
}, false);
reader.readAsDataURL(file);

Javascript/jQuery Same but little difference

mousedown vs click
parents vs closest

Prototype

Prototype:

Prototype is a property of functions and of objects that are created by constructor functions. The prototype of a function is an object. Its main use is when a function is used as a constructor.

· https://docs.microsoft.com/en-us/scripting/javascript/advanced/prototypes-and-prototype-inheritance

https://github.com/happymishra/JavaScriptTutorials/blob/master/Part2/Prototypes.md

· http://javascriptissexy.com/javascript-prototype-in-plain-detailed-language/

Javascript call, bind and apply

The call() method calls a function with a given this value and arguments provided individually.

The apply() method calls a function with a given this value, and arguments provided as an array

The bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called.

While the syntax of this function is almost identical to that of apply(), the fundamental difference is that call() accepts an argument list, while apply() accepts a single array of arguments.

The difference is that apply lets you invoke the function with arguments as an array; callrequires the parameters be listed explicitly. A useful mnemonic is "A for array and C for comma."

Pseudo syntax:

theFunction.apply(valueForThis, arrayOfArgs)

theFunction.call(valueForThis, arg1, arg2, ...)

Use .bind() when you want that function to later be called with a certain context, useful in events. Use .call() or .apply() when you want to invoke the function immediately, and modify the context.

Call/apply call the function immediately, whereas bind returns a function that, when later executed, will have the correct context set for calling the original function. This way you can maintain context in async callbacks and events.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call

JavaScript Practical Applications of Call,Apply and Bind functions

https://www.youtube.com/watch?v=c0mLRpw-9rI

MySQL import export command

Import database:

mysql -u root -p database_name <database.sql

C:\wamp\bin\mysql\mysql5.7.11\bin>mysql -u root -p database_name <database.sql

Javascript Undefined vs NULL

https://stackoverflow.com/questions/5076944/what-is-the-difference-between-null-and-undefined-in-javascript

undefined means a variable has been declared but has not yet been assigned a value. On the other hand, null is an assignment value. It can be assigned to a variable as a representation of no value.

Also, undefined and null are two distinct types: undefined is a type itself (undefined) while null is an object.

Unassigned variables are initialized by JavaScript with a default value of undefined. JavaScript never sets a value to null. That must be done programmatically.

TypeScript Quickstart

Type: https://www.typescriptlang.org/docs/handbook/basic-types.html

Developers

Pages