Topic: Programming

Top 10 Best Free PHP IDE for Website Developers 0

Top 10 Best Free PHP IDE for Website Developers

Top 10 Best Free PHP IDE for Website Developers

In this Post We Will Explain About is Top 10 Best Free PHP IDE for Website Developers With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Best free PHP IDE for web developers Example

In this post we will show you Best way to implement 9+ Best Free PHP IDEs for PHP Developers, hear for Top Code Editors and IDE for PHP Development of 2018 with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

Top 10 Best PHP IDE for Website Developers

1. NetBeans IDE
2. Eclipse
3. Aptana Studio PHP Editor
4. Codelobster PHP Edition
5. Zend Studio
6. Komodo IDE
7. PhpStorm
8. PHP Designer
9. NuSphere PhpED
10. Notepad++

List of the best IDE for PHP

Here, In this POST,Core PHP IDE is a Simple PHP source code Integrated Development Environment for some Tools Like as a developing, debugging and managing HTML, CSS, JavaScript and PHP files.

PHP IDE for Web Developers

If You want to simplify source code the process of some coding, You need to use more helpful some tools of the features like as a auto-completion put source code, automatic some error detection and syntax Level hi-lighting.

features of IDEs

It some supports the following features IDEs

  • Auto completion.
  • Advanced sorting.
  • Code folding.
  • Column mode.
  • HTML autocomplete
  • PHP autocomplete
  • CSS autocomplete
  • JavaScript autocomplete
  • Multi edit and multi select
  • Annotation bar
    • Best free PHP IDE for Web Developers

      ​1. NetBeans IDE

      Supported operating systems: Like as a Linux, Windows and Mac OS X.

      Used :Netbeans is a simple top first free open-source simple Integrated Development Environment tools (IDE) for software developers.

      NetBeans IDE download official website :NetBeans IDE

      First of all Simple download offical website like as a NetBeans IDE from How To Install Net Beans IDE. After downloading navigate to that Folder through shell. After that run this command in your shell.

      2. Eclipse

      Eclipse Supported operating systems: Like as a Linux, Windows and Mac OS X.

      Eclipse Used :Eclipse is the most widely software int. used and more popular multiple lange data IDE for development tools software development.

      Eclipse download official website :Eclipse

      3. Aptana Studio PHP Editor

      Aptana Studio PHP Editor Supported operating systems: Like as a Linux, Windows and Mac OS X.

      Aptana Studio PHP Editor Used :Aptana Studio is simple built on top of more Eclipse some platform and is more stable and powerful tools.

      Aptana Studio PHP Editor download official website :Aptana Studio PHP Editor

      4. Codelobster PHP Edition

      Codelobster PHP Edition Supported operating systems: Like as a Linux, Windows and Mac OS X.

      Codelobster PHP Edition Used :Codelobster simple PHP Edition is all the source code accessible from CodeLobster debugging Software. CodeLobster more latest PHP maintains Windows platform.

      Codelobster PHP Edition download official website :Codelobster PHP Edition

      5. Zend Studio

      Zend Studio Supported operating systems: Like as a Linux, Windows, and Mac OS X.

      Zend Studio Used :Zend Studio is simple and very comprehensive core PHP IDE available.

      Zend Studio download official website :Zend Studio

      6.Komodo IDE

      Komodo IDE Supported operating systems: Like as a Linux, Windows, and Mac OS X.

      Komodo IDE Used :Komodo ActiveState is a simple more PHP IDE that can be used as an more multiple international language supported development environment as well as supply Like as a Ruby, Perl, and more Tcl Python.

      Komodo IDE download official website :Komodo IDE

      7. PhpStorm

      PhpStorm Supported operating systems: Like as a Linux, Windows, and Mac OS X.

      PhpStorm Used :PhpStorm is more useful for working with php latest frameworks like as a php based Symfony, framework Drupal framework,CMS WordPress, Zend Framework, PHP Latest version Laravel, Magento ecommerce, CakePHP, core php , Yii, and other more frameworks.

      PhpStorm download official website :PhpStorm

      8. PHP Designer

      PHP Designer Supported operating systems: Like as a Linux, Windows, and Mac OS X.

      PHP Designer Used :phpDesigner 8 is a fast and powerful way to PHP IDE as well as PHP editor with full source code blown HTML5, css and CSS3- and some JavaScript display built-in editors.

      PHP Designer download official website :PHP Designer

      9. NuSphere PhpED

      NuSphere PhpED Supported operating systems: Like as a Linux, Windows, and Mac OS X.

      NuSphere PhpED Used :PhpED is the source code Integrated PHP Development Environment for PHP environment (PHP IDE), JavaScript, HTML source, CSS3, source code of the XML, SMARTY tools, XHTML and other.

      NuSphere PhpED download official website :NuSphere PhpED

      10. Notepad++

      Notepad++ Supported operating systems: Like as a Linux, Windows, and Mac OS X.

      Notepad++ Used :Notepad++ is a simple free (as in some “”free speech”” as well as also as in data “”free beer””)simple all source code editor.

      Notepad++ download official website :Notepad++

      You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
      More Details……
      Angularjs Example

      Example

      I hope you have Got What is Top Code Editors and IDE for PHP Development of 2018 And how it works.I would Like to have FeedBack From My Blog(Pakainfo.com) readers.Your Valuable FeedBack,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.

FullCalendar – Vuejs Event Calendar Component 0

FullCalendar - Vuejs Event Calendar Component

FullCalendar – Vuejs Event Calendar Component

In this Post We Will Explain About is FullCalendar – Vuejs Event Calendar Component With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Calendar component made with Vue 2.0 Example

In this post we will show you Best way to implement Simple Vue.js 2 Calendar and Date Picker Plugin, hear for Vue.js 2 Calendar & Datepicker Component with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

How to Create Calendar using Vuejs

In this Example,First of all Add or Inluce External Libs Like as a(jQuery, css etc..), and then create a simple index.php or index.html page.After that crate a simple javascript file like as a index.js or main.js, It is also add your web-application First Header Part to some priorty set.After that Include your relavant CSS Class.

Include External Libs

jquery-3.2.1.min.js
moment.min.js
fullcalendar.min.css
fullcalendar.js
axios.min.js
[email protected]

index.html

<div id=""liveApp"">
  {{ display_message }}
  <todo></todo>
</div>

index.js

Vue.component('todo', {
	template: '<div id=""live_calendar"">{{check}}</div>',
  data () {
  	return {
    	check: 'www.Pakainfo.com',
      live_calendar: null
    }
  },
  mounted () {
    var self = this
    this.live_calendar = $(self.$el)
    
    var args = {
	    lang: 'en',
		//set header value
      header: {
        left:   'prev,next today',
        center: 'title',
        right:  'month,agendaWeek,agendaDay'
      },
      height: ""auto"",
	  //set boolean value
      allDaySlot: false,
	  
	  //set boolean value
      slotEventOverlap: false,
      timeFormat: 'HH:mm',
      dayClick (date, event, view) {
      	console.log(date, event, view)
        console.log(date.format())
      }
    }
    
    this.live_calendar.fullCalendar(args)
  }
})
var liveApp = new Vue({
  el: '#liveApp',
  data: {
    display_message: 'Welcome to Pakainfo.com - Hello Vue!'
  },
  created () {
  	axios.get(""https://demo9140832.mockable.io/calendar-events"").then(response => {
    	var live_data = JSON.parse(response)
    	console.log('response', live_data)
    })
  }
})

Vue.js 2 Calendar & Datepicker Component

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example

Example

I hope you have Got What is Calendar component made with Vue 2.0 And how it works.I would Like to have FeedBack From My Blog(Pakainfo.com) readers.Your Valuable FeedBack,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.

Get Order List By Customer Id using Magento programmatically 0

Get Order List By Customer Id using Magento programmatically

Get Order List By Customer Id using Magento programmatically

In this Post We Will Explain About is Get Order List By Customer Id using Magento programmatically With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Get customer order count in Magento Example

In this post we will show you Best way to implement magento 2 get orders by customer id, hear for How to get order list for logged in customer in magento with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

Magento Get Order List By Customer Id

Hear is the simple source code for Magento Get Order List simple display By Customer Id in Magento, You can use this root file out-side of PHP using magento(on first main root of magento).

<?php
// include mage file 
require_once 'app/Mage.php';
Mage::app('default');   
Mage::getSingleton("core/session", array("name" => "frontend")); 
 
// create functions 
function isCustomerHasOrders($id_Cust, $total_grand = null)
{
    $getgetorderCollection = $this->getCustomerOrder($id_Cust, $total_grand);
    return (bool)$getorderCollection->getSize();
}
 
function getCustomerOrder($id_Cust, $total_grand = null)
{   
    $getorderCollection = Mage::getResourceModel('sales/order_collection')
        ->addFieldToSelect('*')
        ->addFieldToFilter('id_Cust', $id_Cust)
        ->addFieldToFilter('state', array('in' => Mage::getSingleton('sales/order_config')->getVisibleOnFrontStates()))
        ->setOrder('created_at', 'desc');
    if ($total_grand && $total_grand > 0) 
    {
        $getorderCollection->addFieldToFilter('base_grand_total', array ('gteq' => $total_grand));
    }
    return $getorderCollection;
}
// first magento end function 
 
// start source code here
 
if (Mage::getSingleton('customer/session')->isLoggedIn()) 
{  
    $allcust_info = Mage::getSingleton('customer/session')->getCustomer();
    $id_Cust = $allcust_info->getId();
    $mycol_order = getCustomerOrder($id_Cust, $total_grand = null);
    $countorder = count($mycol_order);
    if($countorder > 0)
    {
        $i=0;
        foreach($mycol_order as $liveOrder_Value)
        {
            $liveOrder   = Mage::getModel('sales/order')->load($liveOrder_Value->getId());
            $orderid = $liveOrder_Value->getId();
 
            // Now we can show get order id or order number
            $ordernumber = $liveOrder->getIncrementId();
 
            $orderdate1 = $liveOrder->getCreatedAtStoreDate();
 
            $orderdate2 = str_replace(",","",$orderdate1);
            $orderdate = trim($orderdate2,'');
 
            //echo date(strtotime($liveOrder->getCreatedAtStoreDate()); 
 
            //Now we can show get liveOrder total value:
            $totalOrderVal = number_format ($liveOrder->getGrandTotal(), 2, '.' , $thousands_sep = '');
 
            $payment_method_code = $liveOrder->getPayment()->getMethodInstance()->getCode();
 
            $status= $liveOrder->getStatusLabel();
 
            $cust_fname = $liveOrder->getCustomerFirstname();
 
            $code_curr = Mage::app()->getStore()->getCurrentCurrencyCode(); 
            $cust_lname = $liveOrder->getCustomerLastname();
 
            // Now we can show liveItem list
            $orderItems = $liveOrder->getItemsCollection();
            $j = 0;
            foreach ($orderItems as $liveItem)
            {
                $productid    = $liveItem->product_id;
                $productsku   = $liveItem->sku;
                $productprice = $liveItem->getPrice();
                $productname  = $liveItem->getName();
                $productqty   = $liveItem->getData('qty_ordered');
                //echo $productsubtotal = $liveItem->getSubTotal();
                $productsubtotal = $productqty * $productprice;
 
                // Now we can show get product image 
                $productimg2 = Mage::getModel('catalog/product')->load($liveItem->product_id);
                $productMediaConfig = Mage::getModel('catalog/product_media_config');
                $prodimgthumbnailUrl = $productMediaConfig->getMediaUrl($productimg2->getThumbnail());
                $ItemInfo[$j] = array(
                        "productId" => $productid,   
                        "productName" => $productname,   
                        "productSku" => $productsku,
                        "productQty" => $productqty,
                        "productPrice" => $productprice,
                        "productSubTotal" => $productsubtotal,
                        "prodImgUrl" => $prodimgthumbnailUrl
                    );
                $j++; 
            }
            $listOf_order[$i] = array(
                    "orderId" => $orderid,   
                    "orderNumber" => $ordernumber,
                    "orderDate" => $orderdate,
                    "shipTo" => $cust_fname.''.$cust_lname,
                    "orderTotal" => $totalOrderVal,
                    "currency" => $code_curr,
                    "itemList" => $ItemInfo
                );
            $i++;
        }
        $data['responseCode'] = '1';
        $data['msg'] = 'successfull';
        $data['orderListResponse'] = $listOf_order;
    }
    else
    {
		//if countorder no so display
        $data['responseCode'] = '0';
        $data['msg'] = 'Sorry .....No Data Found';
    }
}
else
{
	//magento authentication error
    $data['responseCode'] = '0';
    $data['msg'] = 'First of all simple You must Login';
}

//display all the json_encode data
$result = json_encode($data);
echo $result;
?>

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example

Example

I hope you have Got What is Logged In User Order List in magento programmatically And how it works.I would Like to have FeedBack From My Blog(Pakainfo.com) readers.Your Valuable FeedBack,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.

Create Video Background Website using Bootstrap HTML5 0

Create Video Background Website using Bootstrap HTML5

Create Video Background Website using Bootstrap HTML5

In this Post We Will Explain About is Create Video Background Website using Bootstrap HTML5 With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Create a Full-Screen Video Background with HTML5 Example

In this post we will show you Best way to implement How to Use Video Background On Your Website, hear for Creating a fullscreen HTML5 video background with CSS with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

How To Add A Video Background To Any Website

In this Example,First of all Add or Include External Libs Like as a(jQuery, css etc..), and then create a simple index.php or index.html page.After that crate a simple javascript file like as a index.js or main.js, It is also add your web-application First Header Part to some priority set.After that Include your relevant CSS Class.

Include External Libs

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

index.html

<body>

<div class="container">
<h2>How To Create a Full-Screen Video Background with HTML5 Video</h2>
<div>
<div class="video-container">
<div class="container">
	<h1 class="header">Welcome to <a href="https://pakainfo.com">Pakainfo.com</a> The Web Development blog.</h1>
	<p class="second-live">We deliver the useful and best tutorials for web professionals — developers, programmers, freelancers and site owners.</p>
	<div class="remote-signup-form">
		<form>
			<div class="cell"><input placeholder="Enter your email address" type="email"></div>
			<div class="cell"><button class="btn btn-mango">Get Started</button></div>
		</form>
	</div>
</div>
<video autoplay loop class="fillWidth">
	<source src="http://masternodes.comdev.fr/home.webm" type="video/webm" />
</video>
</div>
</div>
</div>
</body>

style.css

.video-container {
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
}

.video-container video {
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}
.video-container .header {
	z-index: 1000;
	position: absolute;
	text-align: center;
	color: #fff;
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
	margin: 3% auto 35px 15%;
	max-width: 500px;
}
.video-container .remote-signup-form{
	z-index: 1000;
	position: absolute;
	text-align: center;
	color: #fff;
	max-width: 500px;
	width: 480px;
	background: rgba(0,0,0,.2);
	padding: 1em;
	border-radius: 8px;
	margin: 25% auto 35px 15%;
	
}
	.video-container .second-live{
	z-index: 1000;
	position: absolute;
	text-align: center;
	color: #fff;
	font-size: 16px;
	max-width: 500px;
	margin: 18% auto 35px 15%;
}

html5 video background div

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example

Example

I hope you have Got What is Creating a fullscreen HTML5 video background with CSS And how it works.I would Like to have FeedBack From My Blog(Pakainfo.com) readers.Your Valuable FeedBack,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.

AngularJS z-index property using CSS 0

AngularJS z-index property using CSS

AngularJS z-index property using CSS

In this Post We Will Explain About is AngularJS z-index property using CSS With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to angular2 Change z-index default value Example

In this post we will show you Best way to implement angularjs Z-Index Property In CSS, hear for angularjs – Angular UI Modal with high z-index not on top with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

Set zIndex programmatically on a Div in AngularJS

In this Example,First of all Add or Include External Libs Like as a(jQuery, css etc..), and then create a simple index.php or index.html page.After that crate a simple javascript file like as a index.js or main.js, It is also add your web-application First Header Part to some priority set.After that Include your relevant CSS Class.

External Include file

AngularJS is a simple JavaScript framework Include one type of the (library) based on a very user friedly popular software mvc based architecture menas called the MVC.

   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>

index.html

The Angular simple directives and the User’s view HTML DOM in a web-application page form the HTML view. In our example(Pakainfo.com), the simple HTML view comprises the HTML All the element, and then simple two angular directives Like as a namely angular ng-app as well as agular ng-controller

<div ng-app="liveApp">
    <div ng-controller="liveCtrl">
        <button type="button" ng-click="createBox()">Create New Box</button>
        <button type="button" ng-click="BoxSwaping()">BoxSwaping z-index</button>
        <hr />
        <ul>
        <div ng-repeat="liveBox in allBoxes" index="liveBox.impzIndex" liveBox class="liveBox" obj="liveBox"></div>
        </ul>
    </div>
</div>

index.js

The simple angular controller works as a all the data of the mediator between HTML views and models.

var liveApp = angular.module('liveApp', []);

liveApp.controller('liveCtrl', ['$scope', function ($scope) {
    $scope.colors = ["#3469DB", "#2C3E50", "#19B5FE", "#336E7B", "#A5313F", "#6CC8F0", "#1E8BC3", "#3C539B", "#34495E", "#67708F", "#2574A9", "#1F6C93", "#89C4F4", "#4c67BE", "#5C97c6", "#4ECDC4", "#A2DED0", "#87D37C", "#90C695", "#16A65B", "#03C9A9", "#68C6C3", "#65C6CC", "#1CCC9B", "#1BA39C", "#66CC99", "#363Dc6", "#C8F7C5", "#86E2D5", "#2ECC71", "#16a085", "#3FC370", "#016975", "#06C678", "#4DAF7C", "#2ACC9B", "#00B16A", "#1E824C", "#049372", "#16C281", "#FDE6C7", "#F89406", "#EB9532", "#E87E04", "#F4CD30", "#F2784B", "#EB974E", "#F5ACD3", "#DD3400", "#F39C12", "#F9690E", "#F9c63B", "#F279D3", "#E67EA5", "#ececec", "#6C7A89", "#D23DD3", "#EEEEEE", "#CDC3C7", "#ECF0F1", "#95C5A6", "#DADFE1", "#ABc6c6", "#F2F1EF", "#c6c6c6"];
    angular.extend($scope, {
        allBoxes: [],
        toggle: true,
        createBox: function () {
            $scope.allBoxes.unshift({
                bg: $scope.colors[$scope.allBoxes.length + 1],
                impzIndex: $scope.allBoxes.length + 1,
                left: $scope.allBoxes.length * 20,
                top: 100 + $scope.allBoxes.length * 20,
                text : $scope.allBoxes.length + 1
            });
        },
        BoxSwaping: function () {
            angular.forEach($scope.allBoxes, function (v, i) {
                v.impzIndex = $scope.toggle ? i + 1 : $scope.allBoxes.length - i;
            });
            $scope.toggle = !$scope.toggle;
        }
    });

}]);

liveApp.directive('liveBox', ['$compile',function ($compile) {
    var templates = {
        'liveBox': '<div style="position:absolute;z-index:{{impzIndex}};background-color:{{layer.bg}};left:{{layer.left}}px;top:{{layer.top}}px;">{{layer.text}}</div>'            
    };
    return {
        restrict: "A",
        scope: {
            layer: '=obj',
            impzIndex: '=index'            
        },
        replace: true,
        link: function (scope, element, attrs) {
            element.html(templates['liveBox']);
            $compile(element.contents())(scope);                     
        }
    }
}]);

style.css

.liveBox div{
    width:150px;
	color:#FFFFFF;
    text-align:right;
    font-size:15px;
    height:150px;
    border:2px dashed #3d3d3d;
    position:absolute;
    opacity:1;
    position:absolute;
}

angularjs Z-Index Property In CSS

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example

Example

I hope you have Got What is Simple CSS z-index Tutorial for Beginners And how it works.I would Like to have FeedBack From My Blog(Pakainfo.com) readers.Your Valuable FeedBack,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.

Pure CSS Add active class to hover effects 0

Pure CSS Add active class to hover effects

Pure CSS Add active class to hover effects

In this Post We Will Explain About is Pure CSS Add active class to hover effects With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Add Active Navigation Class Based on URL Example

In this post we will show you Best way to implement Add Active Navigation Class Based on URL, hear for CSS Add Active Class to a Navigation Menu Based on URL with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

index.html

<h1>Pure CSS Add active class to hover effects</h1>
<ul>
    <li>
        <a href="#">Live24u 1</a>
        <img src="" alt="Pure CSS Add active class to hover effects">
    </li>
    <li>
        <a href="#">Live24u 2</a>
        <img src="" alt="Pure CSS Add active class to hover effects">
    </li>
    <li>
        <a href="#">Live24u 3</a>
        <img src="" alt="Pure CSS Add active class to hover effects">
    </li>
</ul>

style.css

body {
    padding: 50px;
}
ul {
    border: 2px solid #444;
    display: inline-block;
    height: 302px;
    position: relative;
    width: 400px;
}
li {
    font: bold 16px/100px sans-serif;
    height: 100px;
}
a {
    border-right: 2px solid #444;
    border-top: 2px solid #444;
    color: #c60000;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 99px;
}
li:first-child a {
    border-top: none;
}
li:nth-child(2) a {
    color: yellow;
}
li:nth-child(3) a {
    color: black;
}
a:hover {
    background: #c60000;
    color: #ffffff;
}
li:nth-child(2) a:hover {
    background: yellow;
    color: #ffffff;
}
li:nth-child(3) a:hover {
    background: black;
    color: #ffffff;
}
img {
    background: #c60000;
    display: none;
    height: 302px;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}
li:nth-child(2) img {
    background: yellow;
}
li:nth-child(3) img {
    background: black;
}
a:hover + img,
img:hover {
    display: block;
}

Pure CSS Image with Caption Hover Effect

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example

Example

I hope you have Got What is CSS Add Active Class to a Navigation Menu Based on URL And how it works.I would Like to have FeedBack From My Blog(Pakainfo.com) readers.Your Valuable FeedBack,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.

Create Order and Invoice using Magento 0

Create Order and Invoice using Magento

Create Order and Invoice using Magento

In this Post We Will Explain About is Create Order and Invoice using Magento With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to create order invoice programmatically in Magento Example

In this post we will show you Best way to implement How To Create Transaction In Magento2 Programmatically, hear for create order programmatically customer as guest in magento with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

Step 1 : set Store Id

1 First off all We need to set Store Id by changing the source code as below simple source code:

/* Set Store Id */
$dataStoreId = 2; // Here 2 is some Store Id
$infoStore = Mage::getModel('core/store')->load($dataStoreId);

Step 2 : user information / address

2 Set or assigned your user information / address and make user if not any user exist. Do this as the simple step to following source code:

// Set User Information /Address
$productId = 989825; // Magento Product Id
$user_email = “[email protected]”; // User Email Address
$user_fname = “jaydeep Gondaliya”; 
$user_lname = “Gondaliya”;
$street = “USA Rajkot 360002”;
$city = USA;
$region = “Region”;
$postcode = “123589”;
$mobile = “9898225074”;
$country_id = “+61”;
$user_ip =“121.202.192.168”;

// Check user by website id
$user = Mage::getModel("user/user");
$user->setWebsiteId($infoStore->getWebsiteId())->loadByEmail($user_email);

// If store some data of website not found,so here set admin store id
if(count($user->getData())<=0){ $user->setWebsiteId(Mage_Core_Model_App::ADMIN_STORE_ID)->loadByEmail($user_email);
}

if(count($user->getData())<=0){ $user->setGroupId(1);
    $user->setEmail($user_email);
    $user->setFirstname($user_fname);
    $user->setLastname($user_lname);
    $user->save();
}


Step 3: sales quote model to make sales order

here simple condition some sales dataQuote make model to make some sales order. display the some source code below:

$dataQuote = Mage::getModel('sales/dataQuote')->setStoreId($dataStoreId);

Step 4 : Assign customer to the quote

Assign user to the dataQuote as the following simple source code:

if(count($user->getData())>0){
    // For some Existing User
    $dataQuote->assignUser($user);
}else{
    // For Guest Orders Only
    $dataQuote->setUserEmail($user_email);


Step 5 : billing/shipping address,

Last and Most important step which will some magento execute the final orcer process. From this Last step We will get simple assigned crate new product, assigned simple way to billing/shipping address like as a below some code, assigned simple or best way to payment method, maked a simple data customer order and liveInvoice. Display the source code below:

// Get Product data from Id							
$_product = Mage::getModel('catalog/product')->setStoreId($dataStoreId)->load($productId);

if(count($_product->getData())>0){
    // Assign product(s) to qoute
    $infoBuy = array('qty'=>1,'product'=>$_product->getId());
    $dataQuote->addProduct($_product,new Varien_Object($infoBuy));
    
    /* Check simple region for country */
    $write = Mage::getSingleton('core/resource')->getConnection('core_write');
    //Select Query
    $query = $write->query("SELECT * FROM `directory_country_region` WHERE `country_id`='".$country_id."'");
    while($contry_data=$query->fetch()){
        $has_country_region=true;
        break;
    }
    if($has_country_region){
        $addressData = array(
            'firstname' => $user_fname, //firstname
            'lastname' => $user_lname, //lastname
            'street' => $street,  //streetname
            'city' => $city,   //cityname
            'region_id' =>$region,
            'postcode' => $postcode, //69555
            'mobile' => $mobile,  //9898526522
            'country_id' => $country_id  //+1
        );
    }else{
        $addressData = array(
            'firstname' => $user_fname, //mayur
            'lastname' => $user_lname,  // dhameliya
            'street' => $street,
            'city' => $city, //city name
            'region' =>$region, // region name
            'postcode' => $postcode, // 360002
            'mobile' => $mobile,  //9898225052
            'country_id' => $country_id //+91
        );
    }
    
    // Add Billing Address to qoute
    $billingAddress = $dataQuote->getBillingAddress()->addData($addressData);
    
    // Assign payment method i.e Check or Money Order
    $dataQuote->getPayment()->importData(array('method' => 'checkmo'));
    // Save dataQuote data
    $dataQuote->collectTotals()->save();
    
    $service = Mage::getModel('sales/service_dataQuote', $dataQuote);
    $service->submitAll();
    $order = $service->getOrder();
    
    if($user_ip){
        //Now set newly entered order's remote IP.
        $order->setRemoteIp($user_ip);
        
        //Finally we save our order after setting it's IP.
        $order->save();
                
        if($order->getIncrementId()){							
            // Start Automatic Invoice Create								
            if(!$order->canInvoice()){
                Mage::throwException(Mage::helper('core')->__('Cannot create an liveInvoice.'));
            }
             
            $liveInvoice = Mage::getModel('sales/service_order', $order)->prepareInvoice();
             
            if (!$liveInvoice->getTotalQty()) {
                Mage::throwException(Mage::helper('core')->__('Cannot save Make an liveInvoice without products.'));
            }
             
            //$liveInvoice->setRequestedCaptureCase(Mage_Sales_Model_Order_Invoice::CAPTURE_ONLINE);
            $liveInvoice->setRequestedCaptureCase(Mage_Sales_Model_Order_Invoice::CAPTURE_OFFLINE);
            $liveInvoice->register();
            $saveTransData = Mage::getModel('core/resource_transaction')
            ->addObject($liveInvoice)
            ->addObject($liveInvoice->getOrder());
             
            $saveTransData->save();
}

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example

Example

I hope you have Got What is php – Create an Invoice after order is placed And how it works.I would Like to have Feed Back From My Blog(Pakainfo.com) readers.Your Valuable Feed Back,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.

Handling Events and Methods using VueJS 0

Handling Events and Methods using VueJS

Handling Events and Methods using VueJS

In this Post We Will Explain About is Handling Events and Methods using VueJS With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Handling Control Events in Vuejs Example

In this post we will show you Best way to implement VueJs method and event handling, hear for Vuejs Connect Event Handler Methods to Events with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

Event Handling in VueJS

Vue has some few handy javascript directives for list to common all the vuejs events. All Vuejs event some directives start with Like as a “v-on:” After that the name of the vuejs event.

  • v-on:click
  • v-on:submit
  • v-on:keydown

The simple “@” is a some data shortcut for vuejs like as a “v-on:” which is simple vuejs shorter as well as very easier to used so and then what we are going to simple used from now:

  • @click
  • @submit
  • @keydown

Example 1 : Event Handling in VueJs

index.html

<!DOCTYPE html>
<html>
<head>
<title>VueJs method and event handling</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.16/vue.js"></script>
</head>
<body>

<h1>VueJs method and event handling</h1>
<p>VueJs method and event handling.</p>
	<div id="liveApp">
	  Enter your Good name: <input type="text" v-model="name">
	  <button v-on:click="welLive24u">Click Me!</button>
	</div>
	
<script>
var vm = new Vue({
  el: '#liveApp',
  data: {
    name: ''
  },
  methods: {
    welLive24u: function(){
      alert('You are most welcome - , ' + this.name);
    }
  }
});
</script>
</body>
</html>

Vuejs event handlers list

Example 2 : Vuejs – Event Handling

index.html

<!DOCTYPE html>
<html>
<head>
<title>Vuejs - Event Handling</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.16/vue.js"></script>
</head>
<body>

<h1>Vuejs - Event Handling</h1>
<p>Vuejs - Event Handling.</p>
	<div id="liveApp">
	  <button type="button" @click="alertMe">
		Event Handling in VueJS!
	</button>
	</div>
	
<script>
new Vue({
    el: '#liveApp',

    methods: {
        alertMe() {
            alert('Vuejs - Event Handling!');
        }
    }
});
</script>
</body>
</html>

event handler attributes in Vuejs

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example

Example

I hope you have Got What is Vuejs Connect Event Handler Methods to Events And how it works.I would Like to have FeedBack From My Blog(Pakainfo.com) readers.Your Valuable FeedBack,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.

VueJs Dynamic Class and Style Bindings 0

VueJs Dynamic Class and Style Bindings

VueJs Dynamic Class and Style Bindings

In this Post We Will Explain About is VueJs Dynamic Class and Style Bindings With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to Step By Step: Attribute and Class Binding in vuejs Example

In this post we will show you Best way to implement javascript – Vue.js: Conditional class styling, hear for Dynamic conditional style binding in vue js to toggle a class with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

Dynamic Styles With Vue.js

index.html

<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/vue/dist/vue.js"></script>

<script>
new Vue({
	el: '#liveApp',
  data: {
  	extraStyles: {
    	'border-radius': '12px'
    }
  },
  computed: {
  	liveStyles: function() {
    	var height = 300;
    
    	return {
  	  	'background-color': 'green',
	      width: (height / 2) + 'px',
      	height: height + 'px'
    	};
    }
  }
});
</script>

</head>
<body>
<h2>Dynamic Styles With Vue.js</h2>
<div id="liveApp">
  <div v-bind:style="[liveStyles, extraStyles]"></div>
</div>
</body>
</html>

Class and Style Bindings in Vue.js

Dynamic Add Class With Vue.js

index.html

<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.24/vue.min.js"></script>
<script>
new Vue({
	el: '#liveApp',
  data:{
  	liveClass: false
  }
});

</script>
</head>
<body>

<h1>Pakainfo.com - VueJs Class Binding</h1>
<div id="liveApp">
  <label for="liver1">Change Your Text background colors</label><input type="checkbox" v-model="liveClass" id="liver1">
  <br><br>
  <div v-bind:class="{'liveClass': liveClass}">
    Your are most welcome in Pakainfo.com - v-bind:class
  </div>
</div>
<style>
body{
  font-size: 2rem;
  font-family: arial;
}

.liveClass{
  background: #c60000;
  color: #fff;
}
</style>
</body>
</html>

Dynamic Styles With Vue.js

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example

Example

I hope you have Got What is VueJs Dynamic Class and Style Bindings And how it works.I would Like to have FeedBack From My Blog(Pakainfo.com) readers.Your Valuable FeedBack,Any Question,or any Comments about This Article(Pakainfo.com) Are Most Always Welcome.