Code Kayak - Kayaking your code

Laravel Resource Controller

By admin | June 22, 2018 | No Comments | Laravel

How to Creare Resource Controller You can create the resource controller using following artisan command

php artisan make:controller ProductController --resource

1	php artisan make:controller ProductController --resource

This resource controller will have the CRUD methods as shown in the following table Verb URI Action Route Name GET /products index products.index GET /products/create create products.create POST /products store products.store GET /products/{product} show products.show GET /products/{product}/edit edit products.edit […]

Laravel RESTful API Development

By admin | June 21, 2018 | No Comments | Laravel

These days REST API plays major role in web development and developers are heavily use REST API when they build applications. REST is very popular because it is very simple to use and you can build it on top of the HTTP. What is REST? REST stands for Representation State Transfer. We will try to […]

How to get category of current post

By admin | June 21, 2018 | No Comments | Wordpress

Following code can be used to get the category of the current post which you are dealing with You can use the get_the_category( $post->ID ) to get the category. What you have pass here is the ID of the post. You can get the ID of the post using the $post global variable

global $post;
$postcat = get_the_category( $post->ID );

if ( ! empty( $postcat ) ) {
    echo esc_html( $postcat[0]->name );   
}

1

2

3

4

5

6

global $post;

$postcat = get_the_category( $post->ID );

if ( ! empty( $postcat ) ) {

echo esc_html( $postcat[0]->name );

}

Use […]

Javascript forEach Example

By admin | June 21, 2018 | No Comments | Javascript

I have a Javascript array with products and its name is product_table. Product is Javascript object type and it will have following look

product={id:1,name:’Coca Cola’, price:1.20,qty:1}

1	product={id:1,name:’Coca Cola’, price:1.20,qty:1}

So product_table will have different types of products. So i can add new product to product_table using push method product_table.push( ) How do you prevent adding duplicate products to product_table instead […]

How to get subcategory of category in WordPress

By admin | June 20, 2018 | No Comments | Wordpress

When you develop WordPress plug-in widget etc you will have to get subcategory of a given category. You can use the following code to get the subcategory We are going to use get_terms($taxonomies, $args) function. If you want to learn more about this function please have look at the code reference

$parent_category_id = 4 // category id of parent

$taxonomies = array( 
    'category',
);

$args = array(
    'parent'         => $parent_category_id,
    // 'child_of'      => $parent_category_id, 
); 

$terms = get_terms($taxonomies, $args);

1

2

3

4

5

6

7

8

9

10

11

12

$parent_category_id = 4 // category id of parent

$taxonomies = array(

'category',

);

$args = array(

'parent' => $parent_category_id,

// 'child_of' => $parent_category_id,

);

$terms = get_terms($taxonomies, $args);

Vue js Wrapper Component

By admin | June 12, 2018 | No Comments | Vue.js

When you integrate your Vue.js with third party component you have to use technique called Wrapper Component. In this article we will see how we can use jQuery plugin inside the Vue I will integrate Select2 https://select2.org/ with Vue If you use jQuery you can use the following code in your javascript code so that […]

Vue-Pass DOM elements to child component with SLOTS

By admin | June 7, 2018 | No Comments | Vue.js

In Vue.js SLOTS can be used to pass DOM elements to child components. This is very easy concept to understand with following example. In your child component template you have to use

 <slot> </slot>

1	<slot> </slot>

where your parent component can inject the DOM elements

Javascript Lib

By admin | June 7, 2018 | No Comments | Javascript

Date Range Picker

How to use vue resource to upload file

By admin | June 5, 2018 | No Comments | Vue.js

In this article we will study how we can use vue-resource library to upload file to the back-end server. I am using following HTML template to start. I have used following scripts in header section of the HTML

 <script src="https://cdn.jsdelivr.net/npm/vue"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.5.0/vue-resource.js"> </script> 
 <link href=" https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css
" rel="stylesheet">

1

2

3

4

" rel="stylesheet">

First one is for the Vue The second script for the vue-resource which I use to […]

How to post array of data to the server in your Vue app

By admin | June 2, 2018 | No Comments | Vue.js

When you develop the Vue application you will have to post array of data to the REST API url given to you Suppose you are going to make a invoice with several products as shown in the following HTML code

<table class="table is-fullwidth">
       <thead>
           <tr>
            <th>Product Name</th>
            <th>Ordered Qty</th>
            <th>Received Qty</th>
            <th>Qty to Receive</th>
           </tr>
       </thead>
         <tbody>
          <tr v-for="(product, index) in products">
            <td>{{product.name}}</td>
            <td>{{product.qty}}</td>
            <td>{{products[index].received_qty}}</td>
            <td> <input v-model='products[index].qty_to_receive' /></td>
          </tr>
         </tbody>

 </table>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<thead>

<tr>

<th>Product Name</th>

<th>Ordered Qty</th>

<th>Received Qty</th>

<th>Qty to Receive</th>

</tr>

</thead>

<tbody>

<td>{{product.name}}</td>

<td>{{product.qty}}</td>

<td>{{products[index].received_qty}}</td>

</tr>

</tbody>

</table>

Now I want to submit this HTML table Server I have update_products function inside […]

Laravel Resource Controller

Laravel RESTful API Development

How to get category of current post

Javascript forEach Example

How to get subcategory of category in WordPress

Vue js Wrapper Component

Vue-Pass DOM elements to child component with SLOTS

Javascript Lib

How to use vue resource to upload file

How to post array of data to the server in your Vue app

Frontend Development

Learn Java

Mobile App Development

Backend Development

Blog

Frontend Development

Learn Java

Mobile App Development

Backend Development