bipin

Experience

8,490

3 Best Reply Awards

  • Member Since 11 Months Ago
  • 1 Lesson Completed
  • 0 Favorites

17th February, 2018

bipin started a new conversation Lazzy Loading Of Vue Script • 1 week ago

recently i had created a admin panel using vue and laravel, all things working correctly but one problem is that my compiled script file is almost 7mb file (i.e app.js which is located in public folder) because of this compiled script browser take to long loading time to load initial (landing page) on browser i.e it does not render page until 7mb script get downloaded in browser which is almost 1 min. is it possible to load initially one component at start after that according to user click load other component. in more detail suppose if my app.js file have one lakh line of code and at start if few line of code get downloaded then it render page i.e it should not wait to download complete 7mb script after that it render page. is there anyway to reduce this loading time . i does lots of google but haven't find any solution

8th February, 2018

bipin started a new conversation Stop Scroll For Paticular Page Using Jquery • 2 weeks ago

I m new to vue please help me.I had created a landing page in vue using scrollTop & jquery easing plugin

$(function() {
$('.navbar-nav a').bind('click', function(event) {
    debugger
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top - 0
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
  });
});

$(window).on('load', function () {
     $('.status').fadeOut();
     $('.preloader').delay(350).fadeOut('slow');
 });

 jQuery(document).ready(function () {
    wow = new WOW(
        {
        animateClass: 'animated',
        offset: 100,
        mobile: true
        }
      );
   wow.init();
 });

https://i.stack.imgur.com/Dh3W2.png now when user click on pricing then it move down to pricing section of same landing page

here is my question, now when user click on login page then it move to new page . because of this above jquery. it throw error (Syntax error, unrecognized expression: #/login) beacuse above jquery searching for #login in same page but i want to treat this login page as new (i.e above jquery will disable for this login nav) here is my vue component header nav

         <div class="collapse navbar-collapse" id="navbarsExample07">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="#how-it-work">How it work</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#features">Features</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#pricing">Pricing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#faq">FAQ</a>
                    </li>
                     <li class="nav-item">
                      <router-link :to='"/login"' class="nav-link" exact> Login</router-link>
                     </li>
                </ul>

            </div>

7th February, 2018

bipin started a new conversation # Error Throw By Jquery In Vue • 2 weeks ago

hello guys, I m new to vue please help me what i m doing wrong here is my welcome blade

   <!doctype html>
  <html lang="{{ app()->getLocale() }}">
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">     

          <link rel="shortcut icon" href="{{asset('homepage/images/favicon.ico')}}">     

         <title>Minton - Responsive Admin Dashboard & Frontend</title>     

         <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'>
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>     

         <!-- Bootstrap core CSS -->
         <link href="{{asset('homepage/css/bootstrap.min.css')}}" rel="stylesheet">     

         <!-- Animate -->
         <link href="{{asset('homepage/css/animate.css')}}" rel="stylesheet">     

         <!-- Icon-font -->
         <link rel="stylesheet" type="text/css" href="{{asset('homepage/css/themify-icons.css')}}">     

         <!-- Custom styles for this template -->
         <link href="{{asset('homepage/css/style.css')}}" rel="stylesheet">
     
     </head>
     <body>
       <div id="app">
           
       </div>
       <script src="{{asset('js/app.js')}}"></script>
    
         <script src="{{asset('homepage/js/popper.min.js')}}"></script>
         <script src="{{asset('homepage/js/bootstrap.min.js')}}"></script>
         <!-- Jquery easing -->
         <script type="text/javascript" src="{{asset('homepage/js/jquery.easing.1.3.min.js')}}">
       </script>
         <script src="{{asset('homepage/js/SmoothScroll.js')}}"></script>
         <script src="{{asset('homepage/js/wow.min.js')}}"></script>
         <script src="{{asset('homepage/js/jquery.waypoints.min.js')}}" type="text/javascript">
       </script>
         <script src="{{asset('homepage/js/jquery.counterup.min.js')}}" type="text/javascript">
       </script>     

         <!--common script for all pages-->
         <script src="{{asset('homepage/js/jquery.app.js')}}"></script>     

         <script type="text/javascript">
             jQuery(document).ready(function($) {
                 $('.counter').counterUp({
                     delay: 100,
                     time: 1200
                 });
             });
         </script>
     </body>
 </html>

in welcome vue page i have login button

           <li class="nav-item">
          <router-link :to="'/login'" class="nav-link" exact><i class="icon-puzzle"></i> 
              Login</router-link>
        </li>

all above code work properly but don't know why Uncaught Error: Syntax error, unrecognized expression: #/login in jquery

30th January, 2018

bipin started a new conversation Duplicate Css Image Create In Vue • 3 weeks ago

Hello guys I'm new to Vue so I want to know why duplicate image is created for eg:- when I m using inline css after compiling it create one more image in public folder. Note I have image/logo.png in resource/assets/just folder example code

   <template>
   <Img src="image/logo.png">
    </template>

This example code is located in resource/assets/js . thing is that during compiling image file should be present in resource/assets/js/image/logo.png otherwise it throw error module not present.is there any another alternative for this, eg:- image file present in one common folder so it does not create duplicate image and npm run watch does not throw error.

29th January, 2018

bipin left a reply on GEt Array • 3 weeks ago

@Dickyperdian this error is getting because your front view has figure_id variable and your controller not sending it for eg at controller

        public function index(){
               $data='hi hi hi';
             return view('welcome',compact('data'));
      }

at welcome view

    <h1>{{$total}}</h1>// as you can see this value is not return by controller
        @foreach($data as $d)
              {{$d}}
       @endforeach 

bipin left a reply on Laravel And Vue Js Dynamic Form (custom Fields Coming From The Database) • 3 weeks ago

@amjadkhan you can use both jquery and vue script define vue script above of all script it will help

26th January, 2018

bipin started a new conversation Throw Error Module Not Found • 4 weeks ago

hello guys recently i had install a free vue template (https://github.com/Braunson/laravel-coreui-vue) and run npm run watch command... its throw error don't know why this happening i have that folder but still it throw error my app.sass

       @import "coreui/fonts/font-awesome";
       @import "coreui/fonts/simple-line-icons";

       @import "coreui/style";

my simple-line icon whose location in resource/assets/sass/coreui/fonts/simple-line-icons

               src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');

src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2') this above line throw error here is laravel mix few line of error

        These relative modules were not found:

   * ../fonts/Simple-Line-Icons.eot?v=2.4.0 in ./node_modules/css-loader?
    {"url":true,"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?
    {"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader?
  {"sourceMap":true,"root":"C://xampp//htdocs//laravel//node_modules"}!./node_modules/sass-
  loader/lib/loader.js?
   {"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss
  * ../fonts/Simple-Line-Icons.svg?v=2.4.0 in ./node_modules/css-loader?
  {"url":true,"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?
 {"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader?
  {"sourceMap":true,"root":"C://xampp//htdocs//laravel//node_modules"}!./node_modules/sass-

loader/lib/loader.js? {"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss * ../fonts/Simple-Line-Icons.ttf?v=2.4.0 in ./node_modules/css-loader? {"url":true,"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib? {"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader? {"sourceMap":true,"root":"C://xampp//htdocs//laravel//node_modules"}!./node_modules/sass- loader/lib/loader.js? {"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss * ../fonts/Simple-Line-Icons.woff2?v=2.4.0 in ./node_modules/css-loader? {"url":true,"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib? {"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader? {"sourceMap":true,"root":"C://xampp//htdocs//laravel//node_modules"}!./node_modules/sass- loader/lib/loader.js? {"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss

24th January, 2018

bipin left a reply on Is This Possible To Pass Multiple I'd In Vue • 1 month ago

is this possible please suggest

bipin left a reply on Unable To Retrieve The Data • 1 month ago

use 3 space you question and code is not understable

23rd January, 2018

bipin started a new conversation Is This Possible To Pass Multiple I'd In Vue • 1 month ago

Hello guys I m new to Vue so i don't know how to do that Suppose I have 2 layout First layout have

   <div id="app"><div>

And second one have

   <div id="example"><div>

How I can create 2 different route one for "app" And another one for example is this possible in vue

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading • 1 month ago

@tykus example pleased

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading • 1 month ago

@tykus its throw error route not found

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading • 1 month ago

@tykus how i can pass dynamically this /inventory/public/ to vue-router because inventory word may be change at live

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading • 1 month ago

@tykus same thing still save result https://i.stack.imgur.com/TPli0.png

in my route web.php

       Route::get('{vue_capture?}', function () {
           return view('layouts.auth');
         })->where('vue_capture', '[\/\w\.-]*');

in my layouts.auth blade

     <div id="app">
     <router-view ></router-view>
      </div>

vue route same as above still nothing happen please help what i m missing

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading • 1 month ago

@tykus can you help i m new to vue so don't know what to do

bipin left a reply on After Removing Hash Mode From Vue-route Page Not Loading • 1 month ago

@tykus actually laravel route not creating any issue but vue router does

bipin started a new conversation After Removing Hash Mode From Vue-route Page Not Loading • 1 month ago

hello guys i m new to vue, i does lots of google but haven't find any solution related to this type of problem here is my route web.php

Route::get('login', function () {
      return view('auth.login');
});

here is my login blade

@extends('layouts.auth')
@section('content')
<router-view name="Login" ></router-view>
@endsection

here is my vue route

require('./bootstrap'); 
window.Vue = require('vue');
import VueRouter from 'vue-router';
window.Vue.use(VueRouter); 
import login from './website/auth/login.vue';

const routes = [
 { 
     path:  '/',
     components: {
        Login: login,
     },
 },]

const router = new VueRouter({routes })
const app = new Vue({ router }).$mount('#app')

this above code code work properly but one problem is that it has # in url. so i use mode history to remove below code

const router = new VueRouter({mode:'history',routes })

it not working here i m attach image of page can i know what i m missing below is screen shot of what i m getting

https://i.stack.imgur.com/TPli0.png

bipin left a reply on Laravel Not Loading Display Vue Component • 1 month ago

wdwd

bipin left a reply on Laravel Not Loading Display Vue Component • 1 month ago

dfdf

bipin left a reply on Laravel Not Loading Display Vue Component • 1 month ago

dfgdg

bipin left a reply on Laravel Not Loading Display Vue Component • 1 month ago

fghfh

bipin left a reply on Laravel Not Loading Display Vue Component • 1 month ago

if i put path:'/login' not working but if i put like this path:'/inventory/public/login' it working properly but i want /inventroy/public/ dynamically how i can do that

bipin started a new conversation Laravel Not Loading Display Vue Component • 1 month ago

hello guys i m new to vue so please ignore my silly question

     here is my route 

        Route::get('login', 'Auth\[email protected]')->name('login');

when user type this url login.blade get return here is my login blade

             @extends('layouts.auth')

                @section('content')
               <router-view name="Login"></router-view>

           @endsection

and in layouts.auth file i have

            <div id="app"></div>
             <script href="public/js/app.js"></script>//this is vue complied file location

here is my vue-route

           require('./bootstrap');
           window.Vue = require('vue');
           import VueRouter from 'vue-router';


            window.Vue.use(VueRouter);

           import login from './website/auth/login.vue';

        const routes = [
                {
 
                            path: '/',
                           components: {
                                                     Login: login,
                                                     }
               },]

               const router = new VueRouter({  mode:'history', routes })
                  const app = new Vue({ router }).$mount('#app')

when i use mode:'history' it does not display page

bipin left a reply on Can I Convert An Object Into An Array Inside A Model? • 1 month ago

@p0t4t0 if you are using foreach loop then don't need to return value of

      return (object) $posts[0];    

use this return (object) $posts;

bipin left a reply on How To Use Laravel Route In Vue • 1 month ago

help

bipin left a reply on Can I Convert An Object Into An Array Inside A Model? • 1 month ago

in you blade did you does for each if yes then it throw error use directly {{ $subforum->lastPost()->content }} this

bipin left a reply on How To Use Laravel Route In Vue • 1 month ago

@bobbybouwmann i can't use

     <router-link :to="{ name: 'login' }">Login</router-link>

in my home.blade because it different page after click on login button it goes to route (web.php)and it load login.blade from here i m using vue blade

bipin started a new conversation How To Use Laravel Route In Vue • 1 month ago

hello guys i want to use laravel route in vue how i can achieve this help!!!

here is my app.js

       require('./bootstrap');

       window.Vue = require('vue');
       import VueRouter from 'vue-router';
        window.Vue.use(VueRouter);

        import login from './website/auth/login.vue';

            const routes = [
           {
 
               path: 'login',
                components: {
                                Login: login,
      
                                   }
                },   

       ]

       const router = new VueRouter({ mode: 'history', routes })
       const app = new Vue({ router }).$mount('#app')

here is web.php

             Route::get('login', 'Auth\[email protected]')->name('login');

at start my laravel return index page where i have login button when user press on login button web.php login route get call and it return login page

        @extends('layouts.app')

         @section('content')
           <router-view name="Login"></router-view>

       @endsection

now here what i want when user click on login is should use path:login of app.js

bipin left a reply on Call Route.php Of Laravel From Vue • 1 month ago

then how i can use

 app.$router.push({path: '/'});

here is my app.js

       const routes = [
{
 
    path: '/',
    components: {
        Login: login,
        register:Register
      
    }
},]

here i want to redirect to Login how i can achieve this

bipin started a new conversation Call Route.php Of Laravel From Vue • 1 month ago

hello guys, is there any way to call call route.php of laravel from vue here is my axios code after success result 200 i want to call laravel route

        registerPost(){
            var _this = this
            var vm = this.hasErrors
            var _vm = this.errorMessage
            axios.post('api/registeruser', _this.registerData)
            .then(function (response) {
   
                      if(response.data==200){
                      app.$router.push({path: '/'});//from here how i can call laravel route fro eg: homepage
                     }
        
            })

bipin left a reply on Join Tables. • 1 month ago

if you join 2 table that mean one common value present in both table

bipin left a reply on Join Tables. • 1 month ago

use this type

  DB::table('yourtablename')->join('anothername','yourtablename.username','=','anothername.username')->get();

in this case username is common in both table

20th January, 2018

bipin left a reply on Store A Captured Screenshot As An Image File • 1 month ago

@mikestratton have you done this thing

  in controller
        use file;

and in view

  use this enctype="multipart/form-data"?

16th January, 2018

bipin left a reply on Laravel 5.4 Change Database Column When Button Is Clicked • 1 month ago

is this only for auth user? whose status you want to update

bipin left a reply on Error In Array In View File • 1 month ago

@arslan2037 try this

        @foreach($json['user']['media'] as $node)
      
           //   {{$your required thing}}
        @endforeach

15th January, 2018

bipin left a reply on Converting SQL Query To An Eloquent Query Builder. • 1 month ago

try this

  $likes = DB::table('posts')
              ->join('likes','likes.post_id','=','posts.id')
             ->select(DB::raw('count(likes.post_id) as AllCount', 'posts.id', 'posts.image'))
            ->groupBy('what you like to group put here')
            ->orderBy('AllCount', 'DESC')
            ->paginate(3);

bipin left a reply on Please I Want To Use Laramix For My Project And I Am Having This Issues With My GIT BASH • 1 month ago

i think you forgot to put comma at end of this "}"

bipin left a reply on Error In Array In View File • 1 month ago

show me dd of yor $leads

bipin left a reply on Is It Possible To Use Laravel Mix With Vuejs 1.0? • 1 month ago

yes i m using it use vuejs 2 its getting extra feature

bipin left a reply on Write My Coursework • 1 month ago

what is issue there

13th January, 2018

bipin left a reply on Laravel Valet Not Working On Public Folder Symlink • 1 month ago

use {{asset('storage/image/hello.jpg')}}

bipin left a reply on How To Can Set File Permission • 1 month ago

@bobbybouwmann what permission should i give to each and every file or folder in laravel

bipin started a new conversation How To Can Set File Permission • 1 month ago

hello guys i m using aws cloud server recently my project got compromise so i deleted my whole instance and creating new instance in aws cloud on window server and uploading backup file which is hack free(i.e no extra line of code in delivered folder ) now how i can assign read,write,execute permission to each and every file of project folder i.e i don;t have much ideas about permission.

12th January, 2018

bipin left a reply on WhereNotNull OR WhereNotNull Problem • 1 month ago

$getSNPs = $ghcCore->table('snps')->select('*') ->where($cond,$id) ->where('status',$status) ->where(function ($query) { $query->whereNotNull('odds_ratio');

                                     $query ->orwhere('beta','!=',null);
                                          })
                                      ->get();

Try this hope it will help

11th January, 2018

bipin left a reply on [Vue Warn]: Missing Required Prop: "route" • 1 month ago

help

bipin left a reply on [Vue Warn]: Missing Required Prop: "route" • 1 month ago

help

bipin left a reply on [Vue Warn]: Missing Required Prop: "route" • 1 month ago

how i can any example code?

Edit Your Profile
Update

Want to change your profile photo? We pull from gravatar.com.