mstdmstd

Experience

4,590

0 Best Reply Awards

  • Member Since 1 Year Ago
  • 1 Lesson Completed
  • 0 Favorites

19th May, 2018

mstdmstd started a new conversation Error Registering On Twitter With Socialite Library • 3 days ago

Hello! In my laravel 5.6 application I want to make register on my app using twitter with https://laravel.com/docs/5.6/socialite library. I created an app on twiiter and copied it's creditials in my .env, like :

TW_ID= 1y8XXXXXXXXXXXXXXXXXXQs
TW_SECRET= i7bXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXwR
TW_REDIRECT= http://local-artists-rating.com/twitter # link to my local

and twitter page is opened https://imgur.com/a/EQRfYfN

But clicking “Authorize App” I got page with error :

Whoa there!
There is no request token for this page. That's the special key we need from applications asking to use 
your Twitter account. Please go back to the site or application that sent you here and try again; 
it was probably just a mistake.

I tried to repeate during a long period of time, but failed. Can you explain me was it mistake on my side or an error on twitter side amd wahat to do?

  1. Can you explaine me sense of the option :
Additional Permissions
These additional permissions require that you provide URLs to your application or service's privacy policy and terms of service. You can configure these fields in your Application Settings.
Request email addresses from users

in Twitter Settings. How would it influence my app?

Thanks!

10th May, 2018

mstdmstd left a reply on Dusk LoginAs Methods Opens Login Page • 1 week ago

I read user by $logged_user_id, like:

                $loggedUser= User::find($logged_user_id);
                echo '$loggedUser->name::'.print_r($loggedUser->name,true);
                $browser->loginAs(User::find($logged_user_id))

and in the console name of the user with id == $logged_user_id, so I suppose, that:

  1. my testing script works under db I work with
  2. I have user with id == $logged_user_id
  3. Is it so? Any idea ?

mstdmstd started a new conversation Dusk LoginAs Methods Opens Login Page • 1 week ago

Hello , In my laravel 5.6.20 application I created new testing file

tests/Browser/documentCategoriesCRUD.php:

<?php

namespace Tests\Browser;

use Auth;
use DB;

use Tests\DuskTestCase;
use Laravel\Dusk\Browser;
use Illuminate\Foundation\Testing\DatabaseMigrations;
use PhpUnit\Framework; // vendor/phpunit/phpunit/src/Framework/Assert.php
use Tests\TestCase;
use App\User;
use App\Settings;

use App\DocumentCategory;


class documentCategoriesCRUDTest_prior extends DuskTestCase
{
    public function testExample()   // php artisan dusk  tests/Browser/documentCategoriesCRUD.php
    {
        $logged_user_id = 5;   // There is user in userrs table in db
        $site_name = Settings::getValue('site_name', '');

        try {


            $document_category_id= '';
            $this->browse(function (Browser $browser) use ($site_name, $document_category_id, $logged_user_id) {
                $browser->resize(1920, 1080); // Width and Height

                $new_document_category_name = 'new document category created  at ' . time();
                $browser->loginAs(User::find($logged_user_id))
                        ->visit('/admin/dashboard#/admin/document_categories/edit/new')
                        ->assertTitle('Document Categories of ' . $site_name)
                ;

            });

            echo ' New document category id::'.print_r($document_category_id,true);

        } catch (Exception $e) {

            throw $e;
        }

        return;

    }
}

But I got error that page if not found and in printscreen I see login(auth model) page.

I have default config/auth.php and in config/database.php:

<?php

return [

    'default' => env('DB_CONNECTION', 'mysql'),

    'connections' => [

        'mysql' => [
            'driver' => 'mysql',
            'host' => env('DB_HOST', '127.0.0.1'),
            'port' => env('DB_PORT', '3306'),
            'database' => env('DB_DATABASE', 'forge'),  // THAT IS MY WORKING DB
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'unix_socket' => env('DB_SOCKET', ''),
            'charset' => 'utf8mb4',
            'collation' => 'utf8mb4_unicode_ci',
            'prefix' => 'tsk_',
            'strict' => true,
            'engine' => null,
        ],

        'testing' => [
            'driver' => 'mysql',
            'host' => env('DB_HOST', '127.0.0.1'),
            'port' => env('DB_PORT', '3306'),
            'database' => env('DB_DUSK_DATABASE', 'forge'),
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'unix_socket' => env('DB_SOCKET', ''),
            'charset' => 'utf8mb4',
            'collation' => 'utf8mb4_unicode_ci',
            'prefix' => 'tsk_',
            'strict' => true,
            'engine' => null,
        ],

As that are first steps with dusk I do not need any special envirement here... What did I miss in dusk config ?

Thanks!

7th May, 2018

mstdmstd started a new conversation Laravel-twilio Library To Send Voice Message • 2 weeks ago

Hello , In my laravel 5.6 application I use aloha/laravel-twilio library for sending sms message with method

$twilio->message('+18085551212', 'Pink Elephants and Happy Rainbows');

as it was written here https://github.com/aloha/laravel-twilio

It works ok, but I do not see if this library can send voice message( renter text in voice or recorded voice file ) ?

Are there some other laravel libraries for such tasks?

Thanks!

mstdmstd left a reply on Different Color Themes In Bootstrap 4.1.0 Application • 2 weeks ago

but that is the question where original BootStrap CSS(and bootstrap.js to) is attached to the project ?

in my layout file resources/views/layouts/app.blade.php a line:

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

that is a ref to my custom css file, the styles I add to the project.

I did not find how to skip attaching of the original BootStrap CSS file...

6th May, 2018

mstdmstd left a reply on Different Color Themes In Bootstrap 4.1.0 Application • 2 weeks ago

Thanks for your feedback!

Adding a link of one bootswatch file in my layout file resources/views/layouts/app.blade.php, like:

    <link href="{{ asset('css/darkly/bootstrap.min.css') }}" rel="stylesheet"> 

I see that colors of my layout of my pages is different, but I mean that in this case I ADD this css/darkly/bootstrap.min.css file to the EXISTING(ORIGINAL) bootstrap.min.css and now I have 2 bootstrap.min.css files in my system. Is it good decision? I supposed that creators of bootswatch meant to REPLACE the original bootstrap.min.css file. How do you think?

5th May, 2018

mstdmstd started a new conversation Different Color Themes In Bootstrap 4.1.0 Application • 2 weeks ago

Hello , In my laravel 5.6 / vue.js 2.5.7/ Bootstrap4.1.0 application I want to set different color themes and I found this collection https://github.com/thomaspark/bootswatch But how correctly to set them to my project? I tried to replace files

node_modules/bootstrap/dist/css/bootstrap.css
node_modules/bootstrap/dist/css/bootstrap.min.css

and cleared cache and rerun

npm run watch-poll

But no effect... Which is the right way?

Are there some tolls to change color themes programmatically, say depending on logged user options ?

Thanks!

26th April, 2018

mstdmstd started a new conversation How To Use Glyphicon Icons With Bootstrap 4.1.0 • 3 weeks ago

Hi,

In my Laravel 5.6/vue.js 2.5 app I have bootstrap 4.1.0

I installed

npm install font-awesome --save

but in my views I see this icon :

    <i class="fa fa-bug"></i>

I do not see this icon :

    <i class="glyphicon glyphicon-edit m-r-20" ></i>

In my webpack.mix.js I have :

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

mix.copy('node_modules/font-awesome/fonts', 'public/fonts');

What have I to add to use glyphicon icons too?

Thanks!

25th April, 2018

mstdmstd left a reply on Having Errors On Server To Show These Errors In Vuelidate Errors Output ? • 3 weeks ago

Sorry, I still search for a decision. In my Laravel 5.5/vue.js2.5 application I used vee-validate and vee-validate-laravel ( https://www.npmjs.com/package/vee-validate-laravel ) libraries. The last was usefull to work with server errors as with client vuejs errors, and i my code I wrote like :

        axios({
            method: ( 'post' ),
        }).then((response) => {
            ...
        }).catch((error) => {
            this.$setLaravelValidationErrorsFromResponse(error.response.data);
            ...
        });

That was very usefull. Is there is some similar decision for vuelidate library? Can custom methods be used here?

Thanks!

24th April, 2018

mstdmstd left a reply on How Do I Switch To Bootstrap 4 In Laravel 5.5? • 4 weeks ago

Hello, I try to move from BS3 to BS4 As here https://getbootstrap.com/ I see:

Currently v4.1.0

In my package.json I changed :

  "devDependencies": {
    "bootstrap": "^4.1.0",
...

and run successully :

npm update
 npm run dev 
npm run watch-poll

My app is worked ok, but I notecide that my dialog models do not work at all, with definition :

<template>
    <div class="p-10 col-sm-offset-1 ">


        <!-- INFO MODAL START-->
        <div class="modal fade" id="info_dialog" tabindex="-1" role="dialog" aria-labelledby="info_dialog_label">
            <div class="modal-dialog" role="document">
                <div class="modal-content">

                    <div class="modal-header">
                    ...
                    </div>

                    <div class="modal-body text-info p-10">
                        ...
                    </div> <!-- modal-body -->

                    <div class="modal-footer">
                        ...
                    </div>

                </div>
            </div>
        </div>
        <!-- INFO MODAL END -->
...

           $("#info_dialog").modal('show');

I tried to check here https://getbootstrap.com/docs/4.1/migration/ but did not find what could raise the problem.

How to fix it ?

Thanks!

21st April, 2018

mstdmstd started a new conversation How To Update Node And Npm Of My Project ? • 1 month ago

Hello, on my Kubuntu 17.10 I want to upgrade all parts of my laravel/vue.js application. I have now:

$ node -v 
v8.11.1
$ npm -v 
5.6.0
$  php artisan --version
Laravel Framework 5.6.12

Looks like nmp and node.js are not the latest version. Which is the best way to upgrade and to which version ?

Thanks!

20th April, 2018

mstdmstd started a new conversation Having Errors On Server To Show These Errors In Vuelidate Errors Output ? • 1 month ago

Hello, I use vuelidate in my vue.js2.5.7 / vuetify,1.0.8 application and with validating on client with vuelidate I also make validation on server(php7.1/laravel5.6). If there is a way having errors on server to show these errors in vuelidate errors output ? I mean that some validations could be done only on server(like unique name of item). Also I prefer to duplicate validation on server too...

Thanks !

15th April, 2018

mstdmstd left a reply on How To Deal Invalid Urls In Laravel 5.5/vue.js2.5 Application ? • 1 month ago

No, that is Laravel 5.5/vue.js2.5/vuetify application with vue-router installed and in routes defined in resources/assets/js/app.js like:

const routes = [
    {
        path: '/',
        components: {
            appLogin: AppLogin,
            homePage: HomePage,
            ...
        }
    },
    {path: '/login', component: AppLogin, name: 'appLogin'},
    {path: '/home', component: HomePage, name: 'homePage'},
    ...
]

const router = new VueRouter( {
    mode: 'hash', // default
    routes
})

Googling I found this fiddle https://jsfiddle.net/6cL7h4at/

From the first view the decision in it seems simple and effective, but is it so?

Could it be done in some better way?

12th April, 2018

mstdmstd started a new conversation How To Deal Invalid Urls In Laravel 5.5/vue.js2.5 Application ? • 1 month ago

Hello,

Can you advice some decision(extention) to deal invalid urls in Laravel 5.5/vue.js2.5 application ?

Thanks!

10th April, 2018

mstdmstd left a reply on I Search AssertEquals And AssertStatus Methods In Desk • 1 month ago

Thank you, that method is usefull, but I want in my desk testing ADD document_category row, after THAT FIND/UPADTE it and DELETE it. For adding I do next:

                $new_document_category_name = 'new document category created  at ' . time(); // dummy value for name field

                $document_categories_rows_count= GET NUMBER OF ROWS
                $browser->loginAs(User::find($logged_user_id))
                        ->visit('/admin/dashboard#/admin/document_categories/edit/new')
                        ->type('#name', $new_document_category_name)// Поле заполняется ->type , но НЕ заполняется если ->value
                        ->select('#type', 'D')// Enum field
                        ->type('#document_category_content', $new_document_category_name . ' content lorem...')// textarea input
                        ->click('.editor_button_submit')
                        ->waitUntilMissing('.editor_button_submit')
                        ->assertTitle('Document Categories of ' . $site_name)
                ;

The row is inserted ok, but actually I would like to add 2 more assert methods, like:

                $browser->loginAs(User::find($logged_user_id))
                      ... // prior asserts
                       ->assertValue( CURRENT_NUMBER_OF_ROWS+ 1, $document_categories_rows_count)  // To check that 1 row was added
                        ->assertValue( "span_document_category_name_".$new_document_category_id, $new_document_category_name) // To check  that added row was fount by its ID
                ;

But I did not find if there is a way to get id of new row inserted?

I tried this way:

$new_document_category_id= DB::getPdo()->lastInsertId();

But I got 0 as results. Can I get that is and number of rows in this table after inserting row? Which methods could be used for that?

4th April, 2018

mstdmstd started a new conversation How To Update My Laravel / Vue.js / Vuetify Packages To The Latest? • 1 month ago

Hello, In laravel 5.6 / vue.js2.5 / vuetify application files package.json and composer.json are used for installing of packages. As I understand:

  1. In my composer.json file are written packages installed by commands like :
 composer require wboyz/laravel-enum

2)In my package.json are written packages installed by commands like :

 npm install vue-js-popover --save

Is it so?

  1. The question is which way is the best if I want to update my laravel / vue.js / vuetify packages to the latest? I mean question of compatibility of different packages? How better to trace it not to get errors in incompatibility of libraries?

Thanks !

mstdmstd left a reply on I Search AssertEquals And AssertStatus Methods In Desk • 1 month ago

I tried using commande:

$ php artisan dusk:make documentCategoriesCRUD 
Test created successfully.

And I got a file tests/Browser/documentCategoriesCRUD.php:

<?php

namespace Tests\Browser;

use Tests\DuskTestCase;
use Laravel\Dusk\Browser;
use Illuminate\Foundation\Testing\DatabaseMigrations;

class documentCategoriesCRUD extends DuskTestCase
{
    /**
     * A Dusk test example.
     *
     * @return void
     */
    public function testExample()
    {
        $this->browse(function (Browser $browser) {
            $browser->visit('/')
                    ->assertSee('Laravel');
        });
    }
}

And tests/DuskTestCase.php :

<?php

namespace Tests;

use Laravel\Dusk\TestCase as BaseTestCase;
use Facebook\WebDriver\Chrome\ChromeOptions;
use Facebook\WebDriver\Remote\RemoteWebDriver;
use Facebook\WebDriver\Remote\DesiredCapabilities;

abstract class DuskTestCase extends BaseTestCase
{
    use CreatesApplication;

    /**
     * Prepare for Dusk test execution.
     *
     * @beforeClass
     * @return void
     */
    public static function prepare()
    {
        static::startChromeDriver();
    }

    /**
     * Create the RemoteWebDriver instance.
     *
     * @return \Facebook\WebDriver\Remote\RemoteWebDriver
     */
    protected function driver()
    {
        $options = (new ChromeOptions)->addArguments([
            '--disable-gpu',
            '--headless'
        ]);

        return RemoteWebDriver::create(
            'http://localhost:9515', DesiredCapabilities::chrome()->setCapability(
                ChromeOptions::CAPABILITY, $options
            )
        );
    }
}

But trying to use assertEquals or assertStatus I got error that these methods were not found. have I to include to my test file some more libs? Or to add some other library ?

3rd April, 2018

mstdmstd started a new conversation I Search AssertEquals And AssertStatus Methods In Desk • 1 month ago

Hello, In Laravel 5.5.35 making Dusk tests I search for methods like assertEquals - check some condition, say get number of rows before adding new row - and after new row added check rows number + 1 , assertStatus - get http return code of my requests Here https://laravel.com/docs/5.6/dusk#available-assertions I did not not find any similar methods. Are there? maybe some extentions ?

Thanks!

28th March, 2018

mstdmstd left a reply on Vuetify, V-select : Problem With Drop Down Listing Of Select Component • 1 month ago

  1. I also noticed similar problems when I added to my form date picjker which I got from https://vuetifyjs.com site:
            <v-menu
                    ref="birthday_date_menu"
                    lazy
                    :close-on-content-click="false"
                    v-model="birthday_date_menu"
                    transition="scale-transition"
                    offset-y
                    full-width
                    :nudge-right="40"
                    max-width="290px"
                    min-width="290px"
                    :return-value.sync="artist_birthday"
            >
                <v-text-field
                        slot="activator"
                        label="Select birthday"
                        v-model="artist_birthday"
                        prepend-icon="event"
                        readonly
                ></v-text-field>

                <v-date-picker
                        v-model="artist_birthday"
                        scrollable
                        :header-date-format="date => new Date(date).toLocaleDateString(undefined, { day: 'numeric', month: 'short', year: 'numeric' })"
                        :formatted-value.sync="formatted"
                >
                    <v-spacer></v-spacer>
                    <v-btn flat color="primary" @click="birthday_date_menu = false">Cancel</v-btn>
                    <v-btn flat color="primary" @click="$refs.birthday_date_menu.save(artist_birthday)">OK</v-btn>
                </v-date-picker>
            </v-menu>

I mean menu with days selection is opened far below of the input.

  1. Also looks like not all styles were appllied to my project. As I wrote above in my resources/assets/js/app.js I added rows with css file included:
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css' // Ensure you are using css-loader
Vue.use(Vuetify)

But I got code https://vuetifyjs.com/en/components/data-tables ( CRUD Actions example ) and in my example it mostly works ok, but button “NEW ITEM” has no color visible : https://imgur.com/a/wcpXv

also I open modal dialog abd all data on the form below are visible. Could it be that I have to add some more css definitions apart 'vuetify/dist/vuetify.min.css' ?

Who works with vuetify? Have you similar problems ?

27th March, 2018

mstdmstd started a new conversation Vuetify, V-select : Problem With Drop Down Listing Of Select Component • 1 month ago

Hello, In my Laravel 5.6/vue.js2.5 application I use vuetify,1.0.8 and have some problem with drop down listing of select component On my page I have 3 inputs and the select input “Published” last:

<template>
    <v-flex xs12>
        <editor-header :show_loading_image="!is_page_loaded || is_page_updating" :header_icon="getHeaderIcon('event')" :header_title=header_title
                       :message=message></editor-header>


        <form>
            <v-text-field
                    label="Id"
                    v-model="genre_id"
                    readonly disabled
                    v-show="!is_insert"
            ></v-text-field>

            <v-text-field
                    label="Name"
                    v-model="genre_name"
                    :error-messages="genre_nameErrors"
                    @input="$v.genre_name.$touch()"
                    @blur="$v.genre_name.$touch()"
                    required
            ></v-text-field>

            <v-select
                    v-model="genre_SelectPublished"
                    :items="genrePublishedSelectionList"
                    label="Published"
                    item-text="label"
                    item-value="key"
                    return-object
                    :error-messages="genre_SelectPublishedErrors"
                    @change="$v.genre_SelectPublished.$touch()"
                    @blur="$v.genre_SelectPublished.$touch()"
                    required
            ></v-select>
        </form>
    </v-flex>
</template>


<script>
    import { validationMixin } from 'vuelidate'
    import { required, maxLength } from 'vuelidate/lib/validators'

    import {bus} from '../../app';
    import appMixin from '../../appMixin';

    export default {
        mixins: [validationMixin, appMixin],
...

But when I click on items selection sropdown listing on below of the menu and at right corner: https://imgur.com/a/RWSyR

I tried to play with styles of the menu, like in resources/assets/sass/app.scss :

body {
  font-size: 130% !important ;
}

.menu__content .menu__content--select .menuable__content__active {
  border: 2px solid blue !important; /* DEBUGGING */
  background-color: maroon !important;
  padding: 8px 0;
  transition: height .3s cubic-bezier(.4,0,.2,1);
  z-index: 2000;
  float: left;
  display: block;
  overflow-y: auto;
  overflow-x: auto;
  left:0;
  top:0;
  position: relative;
}
.list {
  list-style-type: none;
  padding: 8px 0;
  transition: height .3s cubic-bezier(.4,0,.2,1);
  border: 2px solid red !important; /* DEBUGGING */
  background-color: yellow !important;
  z-index: 2000;
  float: left;
  display: block;
  overflow-y: auto;
  overflow-x: auto;
}

background color and border are changed, but not the rest of properties. So all my attemptes to fix location by modifications by styles were failed.

In my resources/assets/js/app.js :

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

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

import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css' // Ensure you are using css-loader
Vue.use(Vuetify)

import Toaster from 'v-toaster' //https://github.com/paliari/v-toaster
import 'v-toaster/dist/v-toaster.css'
Vue.use(Toaster, {timeout: 3000})

import Vuelidate from 'vuelidate' // https://github.com/monterail/vuelidate
Vue.use(Vuelidate)

window.moment = require('moment');  // https://momentjs.com/

import HomePage from './components/home/HomePage.vue';
import CmsItemPage from './components/home/CmsItem.vue';
import DashboardIndex from './components/dashboard/DashboardIndex.vue';
import ArtistsIndex from './components/artists/artistsListing.vue';
import ArtistEdit from './components/artists/artistEdit.vue';
import GenresIndex from './components/genres/genresListing.vue';
import GenreEdit from './components/genres/genreEdit.vue';
import AppLogin from './components/AppLogin.vue'; // resources/assets/js/components/AppLogin.vue
import Contact from './components/Contact.vue';
import AppFooter from './components/layout/appFooter.vue'; // resources/assets/js/components/layout/appFooter.vue
Vue.component( 'backend-app-layout',  require( './components/layout/backendAppLayout.vue') );
Vue.component( 'listing-header',  require( './components/lib/ListingHeader.vue') );

const routes = [
    {
        path: '/',
        components: {
            homePage: HomePage,
            cmsItemPage: CmsItemPage,
            dashboardIndex: DashboardIndex,
            artistsIndex: ArtistsIndex,
            artistEditor: ArtistEdit,

            genresIndex: GenresIndex,
            genreEditor: GenreEdit,

            loginPage: AppLogin,
            contactPage: Contact,

        }
    },
    {path: '/home', component: HomePage, name: 'homePage'},
    {path: '/cms-item/:alias', component: CmsItemPage, name: 'cmsItemPage'},
    {path: '/admin/dashboard/:default_block?', component: DashboardIndex, name: 'dashboardIndex'},
    {path: '/login', component: AppLogin, name: 'login'},
    {path: '/contact', component: Contact, name: 'contact'},
    {path: '/admin/artists', component: ArtistsIndex, name: 'artistsIndex'},
    {path: '/admin/artist/edit/:id', component: ArtistEdit, name: 'artistEditor'},
    {path: '/admin/genres', component: GenresIndex, name: 'genresIndex'},
    {path: '/admin/genre/edit/:id', component: GenreEdit, name: 'genreEditor'},

]

const router = new VueRouter( {
    mode: 'hash', // default
    routes
})



export const bus = new Vue();

new Vue({ router,

    data:{
        app_title: '',
        loggedUserProfile: {},
        loggedUserInGroups: {},
        refsArray:[]
    },

} ).$mount('#app')  // new Vue({ router,

In my composer.json:

{
    "name": "laravel/laravel",
    "description": "The Laravel Framework.",
    "keywords": ["framework", "laravel"],
    "license": "MIT",
    "type": "project",
    "require": {
        "php": "^7.1.3",
        "fideloper/proxy": "^4.0",
        "graham-campbell/markdown": "^10.0",
        "intervention/image": "^2.4",
        "laracasts/utilities": "^3.0",
        "laravel/framework": "5.6.*",
        "laravel/tinker": "^1.0",
        "wboyz/laravel-enum": "^0.2.1"
    },
    "require-dev": {
        "barryvdh/laravel-debugbar": "^3.1",
        "filp/whoops": "^2.0",
        "fzaninotto/faker": "^1.4",
        "laravel/dusk": "^3.0",
        "mockery/mockery": "^1.0",
        "nunomaduro/collision": "^2.0",
        "phpunit/phpunit": "^7.0"
    },
    "autoload": {
        "classmap": [
            "database/seeds",
            "database/factories"
        ],
        "psr-4": {
            "App\": "app/"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "Tests\": "tests/"
        }
    },
    "extra": {
        "laravel": {
            "dont-discover": [
            ]
        }
    },
    "scripts": {
        "post-root-package-install": [
            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
        ],
        "post-create-project-cmd": [
            "@php artisan key:generate"
        ],
        "post-autoload-dump": [
            "Illuminate\Foundation\ComposerScripts::postAutoloadDump",
            "@php artisan package:discover"
        ]
    },
    "config": {
        "preferred-install": "dist",
        "sort-packages": true,
        "optimize-autoloader": true
    },
    "minimum-stability": "dev",
    "prefer-stable": true
}

Is it some kind of conflict with some other installed packets or it could be fixed by modifing in resources/assets/sass/app.scss ?

Thanks !

21st March, 2018

mstdmstd left a reply on Make Computed Fields Data-tables In Vuejs/vuetify Librray • 2 months ago

Thanks for your response!

  1. I know how to work with eloquent-mutators, but as I wrote above I dislike way of convirting this field on server side, as I need to sort them on client I would get wrong results. Setting my v-data-table I want to have functionality ut has, like sorting In API I found Scoped Slots, labeled as
items { item: object; index: number; selected: boolean; expanded: boolean; }
Slot to specify how items are rendered

but I do not see example of that functionality and is not sure which is correct syntax for it.

  1. I found
CRUD Actions
data-table with CRUD actions usin...

that looks what I need...

  1. Actually that iis https://vuetifyjs.com/ru/components/forms.

So only for 1) I still search for decision...

mstdmstd left a reply on Make Computed Fields Data-tables In Vuejs/vuetify Librray • 2 months ago

Thanks, I know this library, but what I really asked was how format fields in data-tables from vuetify, some kind of computed fields for rows in data-tables ?

mstdmstd started a new conversation Make Computed Fields Data-tables In Vuejs/vuetify Librray • 2 months ago

Hello, In my Laravel 5.5/vue.js2.5 spplication I use data-tables from vuetify,1.0.8 and reviwing docs I did not find if there are ways :

  1. to show some fields as computed fields, say having datetime field in raw db format as “2015-03-11 05:26:54” I would like to show it in “20 January, 2018 1:55 PM” format. I dislike way of convirting this field on server side, as I need to sort them on client I would get wrong results. Similar way with enum fields, as I want to show label, but have possibility to sort them by raw db fields.

  2. How to make view link to other page(row editor in my case) in data-tables?

  3. By link above I need to edit row. Are there some vuetify component/tools for this purpose(At least with material design)? Could you advice some ?

Thanks!

14th March, 2018

mstdmstd left a reply on Running Npm Ls With Errors • 2 months ago

Now I have :

$ node -v 
v8.9.4
$ npm -v 
5.6.0

Latest is 9.8.0. Have I raise to it? npm must be left as it now?

13th March, 2018

mstdmstd started a new conversation Running Npm Ls With Errors • 2 months ago

Hello, In my В Laravel 5.5/vue.js2.5 application running command to review installed all npm packages

npm ls

I have very long output(it is beyond my console buffer) and some errors at bottom of my listing :
 └── [email protected] deduped
│ ├── [email protected] deduped
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ └── [email protected] deduped
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ └─┬ [email protected]
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   └── [email protected] deduped
│ │ ├── [email protected]
│ │ ├── [email protected] deduped
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   ├─┬ [email protected]
│ │ │ │   │ └── [email protected]
│ │ │ │   └── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   ├─┬ [email protected]
│ │ │ │   │ ├── [email protected] deduped
│ │ │ │   │ ├── [email protected] deduped
│ │ │ │   │ ├── [email protected]
│ │ │ │   │ ├── [email protected] deduped
│ │ │ │   │ └─┬ [email protected]
│ │ │ │   │   └── [email protected]
│ │ │ │   ├── normalize-[email protected] deduped
│ │ │ │   └─┬ [email protected]
│ │ │ │     ├── [email protected] deduped
│ │ │ │     ├── [email protected]
│ │ │ │     └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   └── [email protected] deduped
│ │ │ └── [email protected]
│ │ ├── [email protected] deduped
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   └── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │   └── [email protected] deduped
│ │ │ │ ├── [email protected]
│ │ │ │ └─┬ [email protected]
│ │ │ │   └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │   ├── [email protected] deduped
│ │ │ │ │   ├── [email protected] deduped
│ │ │ │ │   └── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   ├── [email protected]
│ │ │ │   ├── [email protected] deduped
│ │ │ │   ├─┬ [email protected]
│ │ │ │   │ └── [email protected] deduped
│ │ │ │   ├─┬ [email protected]
│ │ │ │   │ └── [email protected] deduped
│ │ │ │   ├─┬ [email protected]
│ │ │ │   │ └── [email protected] deduped
│ │ │ │   ├─┬ [email protected]
│ │ │ │   │ └── [email protected] deduped
│ │ │ │   ├── [email protected]
│ │ │ │   └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   └── [email protected]
│ │ │ └─┬ [email protected]
│ │ │   ├── [email protected]
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   └─┬ [email protected]
│ │ │     └── [email protected]
│ │ └─┬ [email protected]
│ │   └── [email protected] deduped
│ ├─┬ [email protected]
│ │ ├── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │   └── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ └─┬ [email protected]
│ │ │   ├── [email protected] deduped
│ │ │   └── [email protected] deduped
│ │ └── [email protected] deduped
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected]
│ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ ├── [email protected]
│ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ └─┬ [email protected].1.2
│ │ │ │ │   ├── [email protected]
│ │ │ │ │   ├── [email protected]
│ │ │ │ │   └── [email protected] deduped
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │   ├── [email protected] deduped
│ │ │   ├─┬ [email protected]
│ │ │   │ └── [email protected] deduped
│ │ │   ├─┬ [email protected]
│ │ │   │ ├── [email protected]
│ │ │   │ ├── [email protected]
│ │ │   │ ├── [email protected]
│ │ │   │ └── [email protected] deduped
│ │ │   └── [email protected] deduped
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ └─┬ [email protected]
│ │ │   ├── [email protected]
│ │ │   ├─┬ [email protected]
│ │ │   │ └── [email protected] deduped
│ │ │   ├── [email protected]
│ │ │   └─┬ [email protected]
│ │ │     ├── [email protected]
│ │ │     └── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected] deduped
│ │ └── [email protected] deduped
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ └─┬ [email protected]
│ │   ├── [email protected]
│ │   ├─┬ [email protected]
│ │   │ ├─┬ [email protected]
│ │   │ │ ├─┬ [email protected]
│ │   │ │ │ ├── [email protected] deduped
│ │   │ │ │ ├── [email protected]
│ │   │ │ │ └── [email protected]
│ │   │ │ └── [email protected]
│ │   │ ├─┬ [email protected]
│ │   │ │ └── [email protected] deduped
│ │   │ └── [email protected]
│ │   ├── [email protected] deduped
│ │   └── [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   ├── [email protected] deduped
│ │ │ │   └── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   └── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └─┬ [email protected]
│ │ │ │   └── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ └─┬ [email protected]
│ │   ├─┬ [email protected]
│ │   │ └── [email protected]
│ │   └── [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected] deduped
│ │ ├── [email protected]
│ │ ├── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected] deduped
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ └── [email protected]
│ ├── [email protected] deduped
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   ├── [email protected] deduped
│ │ │ │   └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected] deduped
│ │ ├── [email protected]
│ │ ├── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected]
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │   ├─┬ [email protected]
│ │ │ │ │   │ ├─┬ [email protected]
│ │ │ │ │   │ │ ├── [email protected] deduped
│ │ │ │ │   │ │ └── [email protected] deduped
│ │ │ │ │   │ └── [email protected] deduped
│ │ │ │ │   └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ ├── [email protected]
│ │ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ └── [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │   ├─┬ [email protected]
│ │ │ │ │   │ ├── [email protected] deduped
│ │ │ │ │   │ ├── [email protected] deduped
│ │ │ │ │   │ └── [email protected] deduped
│ │ │ │ │   ├── [email protected] deduped
│ │ │ │ │   ├── [email protected] deduped
│ │ │ │ │   ├── [email protected] deduped
│ │ │ │ │   └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ └─┬ [email protected]
│ │ │ │ │   ├── [email protected] deduped
│ │ │ │ │   └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├─┬ [email protected]
│ │ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ │ └── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   ├── [email protected] deduped
│ │ │ │   └── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ └─┬ [email protected]
│ │ │   └── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ └── [email protected] deduped
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ └─┬ [email protected]
│ │ │   ├─┬ [email protected]
│ │ │   │ ├── [email protected] deduped
│ │ │   │ ├── [email protected]
│ │ │   │ └── [email protected]
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected]
│ │ │   └─┬ [email protected]
│ │ │     └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ └── [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └─┬ [email protected]
│ │ │ │   └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ └── [email protected] deduped
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ └─┬ [email protected]
│ │ │   └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected] deduped
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected] deduped
│ │ │ │ ├── [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └─┬ [email protected]
│ │ │ │   └─┬ [email protected]
│ │ │ │     ├── [email protected]
│ │ │ │     └── [email protected] deduped
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │   ├── [email protected]
│ │ │   └── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ └─┬ [email protected]
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected]
│ │ │   ├─┬ [email protected]
│ │ │   │ ├── [email protected] deduped
│ │ │   │ ├── [email protected] deduped
│ │ │   │ ├── [email protected] deduped
│ │ │   │ └── [email protected] deduped
│ │ │   ├── [email protected]
│ │ │   ├── [email protected] deduped
│ │ │   ├── [email protected] deduped
│ │ │   └─┬ [email protected]
│ │ │     └── [email protected]
│ │ ├─┬ [email protected]
│ │ │ └── [email protected]
│ │ ├── [email protected] deduped
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected] deduped
│ │ │ └── [email protected]
│ │ └─┬ [email protected]
│ │   ├── [email protected]
│ │   ├── [email protected] deduped
│ │   ├── [email protected] deduped
│ │   ├── [email protected] deduped
│ │   ├─┬ [email protected]
│ │   │ └── [email protected] deduped
│ │   ├── [email protected] deduped
│ │   ├── [email protected] deduped
│ │   ├── [email protected] deduped
│ │   ├── [email protected] deduped
│ │   ├─┬ [email protected]
│ │   │ ├── [email protected]
│ │   │ ├─┬ [email protected]
│ │   │ │ └── [email protected]
│ │   │ └── [email protected] deduped
│ │   ├── [email protected]
│ │   ├── [email protected] deduped
│ │   └─┬ [email protected]
│ │     └── [email protected] deduped
│ ├─┬ [email protected]
│ │ └── [email protected] deduped
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├── [email protected] deduped
│ │ │ │ └─┬ [email protected]
│ │ │ │   ├─┬ [email protected]
│ │ │ │   │ ├── [email protected]
│ │ │ │   │ └─┬ [email protected]
│ │ │ │   │   └── [email protected]
│ │ │ │   ├─┬ [email protected]
│ │ │ │   │ ├── [email protected]
│ │ │ │   │ ├── [email protected] deduped
│ │ │ │   │ ├── [email protected] deduped
│ │ │ │   │ ├── [email protected] deduped
│ │ │ │   │ └── [email protected]
│ │ │ │   ├─┬ [email protected]
│ │ │ │   │ └── [email protected]
│ │ │ │   ├── [email protected] deduped
│ │ │ │   └─┬ [email protected]
│ │ │ │     └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├─┬ [email protected]
│ │ │ │ ├─┬ [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected] deduped
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ ├── [email protected]
│ │ │ │ │ └── [email protected] deduped
│ │ │ │ └── [email protected]
│ │ │ ├── [email protected]
│ │ │ ├── [email protected] deduped
│ │ │ ├── [email protected]
│ │ │ └── [email protected] deduped
│ │ ├── [email protected] deduped
│ │ └── [email protected] deduped
│ └─┬ [email protected]
│   ├── [email protected]
│   ├─┬ [email protected]
│   │ ├── [email protected] deduped
│   │ ├── [email protected] deduped
│   │ └─┬ [email protected]
│   │   ├── [email protected] deduped
│   │   └── [email protected] deduped
│   ├── [email protected]
│   ├── [email protected]
│   ├─┬ [email protected]
│   │ ├─┬ [email protected]
│   │ │ ├── [email protected] deduped
│   │ │ ├── [email protected]
│   │ │ ├── [email protected]
│   │ │ ├─┬ [email protected]
│   │ │ │ └── [email protected]
│   │ │ ├── [email protected] deduped
│   │ │ ├── [email protected] deduped
│   │ │ └── [email protected]
│   │ ├─┬ [email protected]
│   │ │ └── [email protected]
│   │ └─┬ [email protected]
│   │   └── [email protected]
│   ├─┬ [email protected]
│   │ ├─┬ [email protected]
│   │ │ └─┬ [email protected]
│   │ │   ├─┬ [email protected]
│   │ │   │ └── [email protected]
│   │ │   └── [email protected]
│   │ └─┬ [email protected]
│   │   ├─┬ [email protected]
│   │   │ ├── [email protected] deduped
│   │   │ ├── [email protected] deduped
│   │   │ ├── [email protected]
│   │   │ └── [email protected]
│   │   ├── [email protected] deduped
│   │   └─┬ [email protected]
│   │     └── [email protected] deduped
│   ├── [email protected]
│   ├── [email protected]
│   ├── [email protected]
│   ├─┬ [email protected]
│   │ ├── [email protected]
│   │ └─┬ [email protected]
│   │   └── [email protected]
│   ├── [email protected]
│   ├── [email protected]
│   └─┬ [email protected]
│     └── [email protected] deduped
├── [email protected]
├── [email protected]
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ └─┬ [email protected]
│ │   ├── [email protected]
│ │   └── [email protected]
│ └── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├─┬ [email protected]
│ └─┬ [email protected]
│   ├── [email protected]
│   ├── [email protected] deduped
│   ├── [email protected] deduped
│   └─┬ [email protected]
│     └── [email protected] deduped
├─┬ [email protected]
│ └── [email protected] deduped
├─┬ [email protected]
│ ├── [email protected]
│ ├── [email protected] deduped
│ └── [email protected] deduped
├── [email protected]
├─┬ [email protected]
│ └── [email protected] deduped
├── [email protected]
├─┬ [email protected]
│ └── [email protected] deduped
├─┬ [email protected]
│ └── [email protected] deduped
├─┬ [email protected]
│ ├── [email protected]
│ └── [email protected] deduped
├── [email protected]
├── vu[email protected]
├── [email protected]
├─┬ [email protected]
│ ├── [email protected]
│ └── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: minim[email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]
npm ERR! missing: [email protected], required by [email protected]

It was rather frustrating, as I have no any problems now. Could this cause errors in the nearest future ? Which methods would you advice?

Say for the first error in the listing above:

npm ERR! missing: [email protected], required by [email protected]

Have I to run 

npm install hawk

? 

Thanks!

11th March, 2018

mstdmstd started a new conversation Vuetify Template With Latest Laravel • 2 months ago

Hello, I try to join that https://github.com/wxs77577/adminify vuejs/vuetify template with latest laravel.

I have :

$ nodejs --version 
v8.9.4
$ npm --version    
5.6.0

I do as next:

 laravel new Songs
 cd Songs
 php artisan --version
Laravel Framework 5.6.8
  1. I copied all files from adminify/src/ into /resources/assets/js/ in Songs project folder
  1. I modified my webpack.mix.js as :
let mix = require('laravel-mix');
mix.js('resources/assets/js/main.js', 'public/js')    // main.js is entry point of the project 
   .sass('resources/assets/sass/app.scss', 'public/css');
  1. Into my resources/assets/js/http.js I added axios headers configuration from Laravel's resources/assets/js/bootstrap.js, so it has content :
import Vue from 'vue'
import axios from 'axios'
import config from './config'

// enable mock
// import mock from './mock'
// if (!config.debug.mock) {
//   mock.restore()
// }


window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

/**
 * Next we will register the CSRF Token as a common header with Axios so that
 * all outgoing HTTP requests automatically have it attached. This is just
 * a simple convenience so we don't have to attach every token manually.
 */

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}


var http = axios.create({
  baseURL: config.api,
  timeout: 1000
  // headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }
})
http.interceptors.request.use(function (request) {
  return request
}, function (error) {
  // Do something with request error
  return Promise.reject(error)
})
http.interceptors.response.use(function (response) {
  const request = response.config
  if (config.debug.http) {
    console.log(
      '>>>', request.method.toUpperCase(), request.url, request.params,
      '\n   ', response.status, response.data
    )
  }
  return response
}, function (error) {
  if (config.debug.http) {
    let { response, config: request } = error
    if (request) {
      console.log(
        '>>>', request.method.toUpperCase(), request.url, request.params,
        '\n   ', response.status, response.data
      )
    }
  }
  // Do something with response error
  return Promise.reject(error)
})
Vue.prototype.$http = http
  1. In package.json I added dependencies from adminify/package.json, so now my /package.json has content :
{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },

    "dependencies": {
        "adonis-websocket-client": "^1.0.2",
        "babel-runtime": "^6.23.0",
        "i": "^0.3.5",
        "indicative": "^2.2.1",
        "vue": "^2.3.3",
        "vue-i18n": "^6.1.1",
        "vue-quill-editor": "^2.1.6",
        "vue-router": "^2.3.1",
        "vue-timeago": "^3.3.1",
        "vue2-dropzone": "^2.0.0"
    },

    "devDependencies": {
        "axios": "^0.18",
        "bootstrap": "^4.0.0",
        "popper.js": "^1.12",
        "cross-env": "^5.1",
        "jquery": "^3.2",
        "laravel-mix": "^2.0",
        "lodash": "^4.17.4",
        "vue": "^2.5.7"

        "Validator": "^1.0.4",
        "autoprefixer": "^6.7.2",
        "axios-mock-adapter": "^1.8.1",
        "babel-core": "^6.22.1",
        "babel-eslint": "^7.1.1",
        "babel-loader": "^6.2.10",
        "babel-plugin-transform-runtime": "^6.22.0",
        "babel-preset-env": "^1.3.2",
        "babel-preset-stage-2": "^6.22.0",
        "babel-register": "^6.22.0",
        "chalk": "^1.1.3",
        "connect-history-api-fallback": "^1.3.0",
        "copy-webpack-plugin": "^4.0.1",
        "css-loader": "^0.28.0",
        "eslint": "^3.19.0",
        "eslint-config-standard": "^6.2.1",
        "eslint-friendly-formatter": "^2.0.7",
        "eslint-loader": "^1.7.1",
        "eslint-plugin-html": "^2.0.0",
        "eslint-plugin-promise": "^3.4.0",
        "eslint-plugin-standard": "^2.0.1",
        "eventsource-polyfill": "^0.9.6",
        "express": "^4.14.1",
        "extract-text-webpack-plugin": "^2.0.0",
        "file-loader": "^0.11.1",
        "friendly-errors-webpack-plugin": "^1.1.3",
        "html-webpack-plugin": "^2.28.0",
        "http-proxy-middleware": "^0.17.3",
        "indicative": "^2.2.1",
        "mockjs": "^1.0.1-beta3",
        "opn": "^4.0.2",
        "optimize-css-assets-webpack-plugin": "^1.3.0",
        "ora": "^1.2.0",
        "pug": "^2.0.0-rc.1",
        "rimraf": "^2.6.0",
        "semver": "^5.3.0",
        "shelljs": "^0.7.6",
        "style-loader": "^0.13.1",
        "stylus": "^0.54.5",
        "stylus-loader": "^2.1.1",
        "url-loader": "^0.5.8",
        "vue-loader": "^12.1.0",
        "vue-style-loader": "^3.0.1",
        "vue-template-compiler": "^2.3.3",
        "vuetify": "^0.14",
        "vuex": "^2.3.1",
        "webpack": "^2.6.1",
        "webpack-bundle-analyzer": "^2.2.1",
        "webpack-dev-middleware": "^1.10.0",
        "webpack-hot-middleware": "^2.18.0",
        "webpack-merge": "^4.1.0"
    }

}
  1. After that I run
$ npm install
npm WARN The package vue is included as both a dev and production dependency.
npm WARN The package indicative is included as both a dev and production dependency.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
  1. and last :
$ npm run watch-poll   

> @ watch-poll /mnt/_work_sdb8/wwwroot/lar/Songs
> npm run watch -- --watch-poll


> @ watch /mnt/_work_sdb8/wwwroot/lar/Songs
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch-poll"

 10% building modules 1/1 modules 0 active                                         
Webpack is watching the files…

 78% advanced chunk optimization/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/laravel-mix/node_modules/extract-text-webpack-plugin/dist/index.js:188
            chunk.sortModules();
                  ^

TypeError: chunk.sortModules is not a function
    at /mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/laravel-mix/node_modules/extract-text-webpack-plugin/dist/index.js:188:19
    at /mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/async/dist/async.js:3096:16
    at eachOfArrayLike (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/async/dist/async.js:1055:9)
    at eachOf (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/async/dist/async.js:1103:5)
    at Object.eachLimit (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/async/dist/async.js:3158:5)
    at Compilation.<anonymous> (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/laravel-mix/node_modules/extract-text-webpack-plugin/dist/index.js:184:27)
    at Compilation.applyPluginsAsyncSeries (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/tapable/lib/Tapable.js:206:13)
    at Compilation.seal (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/webpack/lib/Compilation.js:579:8)
    at /mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/webpack/lib/Compiler.js:493:16
    at /mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/tapable/lib/Tapable.js:289:11
    at _addModuleChain (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/webpack/lib/Compilation.js:481:11)
    at processModuleDependencies.err (/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/webpack/lib/Compilation.js:452:13)
    at _combinedTickCallback (internal/process/next_tick.js:131:7)
    at process._tickCallback (internal/process/next_tick.js:180:9)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ watch: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch-poll"`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ watch script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/serge/.npm/_logs/2018-03-07T12_24_13_366Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ watch-poll: `npm run watch -- --watch-poll`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ watch-poll script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/serge/.npm/_logs/2018-03-07T12_24_13_388Z-debug.log

Content of 2018-03-07T12_24_13_388Z-debug.log :

0 info it worked if it ends with ok
1 verbose cli [ '/usr/bin/node', '/usr/bin/npm', 'run', 'development' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'predevelopment', 'development', 'postdevelopment' ]
5 info lifecycle @~predevelopment: @
6 info lifecycle @~development: @
7 verbose lifecycle @~development: unsafe-perm in lifecycle true
8 verbose lifecycle @~development: PATH: /usr/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/.bin:/usr/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/mnt/_work_sdb8/wwwroot/lar/Songs/node_modules/.bin:/home/serge/.composer/vendor/bin:/home/serge/.composer/vendor/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin
9 verbose lifecycle @~development: CWD: /mnt/_work_sdb8/wwwroot/lar/Songs
10 silly lifecycle @~development: Args: [ '-c',
10 silly lifecycle   'cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js' ]
11 silly lifecycle @~development: Returned: code: 1  signal: null
12 info lifecycle @~development: Failed to exec development script
13 verbose stack Error: @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (/usr/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:285:16)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at EventEmitter.emit (events.js:214:7)
13 verbose stack     at ChildProcess.<anonymous> (/usr/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at ChildProcess.emit (events.js:214:7)
13 verbose stack     at maybeClose (internal/child_process.js:925:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
14 verbose pkgid @
15 verbose cwd /mnt/_work_sdb8/wwwroot/lar/Songs
16 verbose Linux 4.13.0-36-generic
17 verbose argv "/usr/bin/node" "/usr/bin/npm" "run" "development"
18 verbose node v8.9.4
19 verbose npm  v5.6.0
20 error code ELIFECYCLE
21 error errno 1
22 error @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
22 error Exit status 1
23 error Failed at the @ development script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

Can you give a hint how to fix this error ?

Thanks!

7th March, 2018

mstdmstd started a new conversation Error Refering This.$refs By Name • 2 months ago

Hello, I have Laravel 5.5/Vue :2.5.13 application and looking at this demo https://jsfiddle.net/5k4ptmqg/431/ I want to make scrolling to the some element with ref "porto" when big page is loaded, like:

                <fieldset   >
                    <legend>Your calendar</legend>
                    &nbsp;<i class="glyphicon glyphicon-list-alt" title="Add Dummy user's events for current month" @click="recalcUserEvents(1)">Add Dummy user's events</i>
                    <div class="col-sm-12" ref="porto">
                        <div class="comp-full-calendar test-fc">
                            <events-calendar :eventsArray="yourEventUsersArray" :editable="true"></events-calendar>
                        </div>

                    </div>
                </fieldset>   
               ...



        mounted() {
            this.goto('porto')
            ...
        },
        
        methods: {

            goto(ref_name) {

               if ( ref_name == 'porto' ) {

                    console.log("this.$refs::")  // I show printscreen below
                    console.log( this.$refs )

                    console.log("!!!ref_name::")
                    console.log( ref_name )

                    var element = this.$refs[ref_name];
//                    var element = this.$refs.porto;  //  IF UNCOMMENT THIS VAR IS EMPTY!
                }
                console.log("?????? element::")
                console.log(element);   // THIS VAR IS EMPTY!

                if ( typeof element!= "undefined") {
                    var top = element.offsetTop;
                    console.log("INSIDE top::")
                    console.log( top )

                    window.scrollTo(0, top);
                }
            },

But element var is empty, while this.$refs is array with 1 element: https://imgur.com/a/RBiNN

Why error and how to fix it ?

Thanks!

5th March, 2018

mstdmstd left a reply on How To Use Laravel In Vuejs Admin Dasboard • 2 months ago

I have to mention I made this option :

Integrate vuejs frontend into Laravel. Basically you put all the files from adminify/src/ into /resources/assets/js/ in your Laravel project folder. So main.js becomes your entry point and you need to replace app.js with it in webpack.mix.js. You'll also likely need to copy axios headers configuration from Laravel's resources/assets/js/bootstrap.js into adminify's http.js. Then you configure your Laravel routes to serve same view (your frontend app) on all routes except your backend Api routes which gonna return json data to your frontend.

mstdmstd left a reply on How To Use Laravel In Vuejs Admin Dasboard • 2 months ago

Hello, I updated nodejs and npm to the latest versions and run all install commands with success. Now on

php artisan serve

command i run http://127.0.0.1:8000/ site - that is ardinary laravel welcome page.

I have a resources/assets/js/menu.js file but do not know how to tie it and embed it to my app.

Could you please give a hint or reference to a tutorial in which direction to move ahead?

Thanks!

mstdmstd left a reply on How Make List Of Buttons With Popover Text • 2 months ago

Thank you that was helpfull! I do it as :

            <li v-for="(popoverData, index) in popoverDataArray">

                <button v-popover="{ name: 'hint_'+popoverData.id, event :'hover' }" >

                    Toggle popover # {{ popoverData.id }}

                </button>

                <popover :name="'hint_'+popoverData.id">
                    <span v-html="popoverData.text"></span>
                </popover>

            </li>

the only thing that does not work is event , I expect that with the parameter

event :'hover'

popover text must be when mouse is OVER a button ? But that does not happaen and I have to click anyway...

4th March, 2018

mstdmstd left a reply on Add Highlightjs-line-numbers.js To Components/highlightjs • 2 months ago

I added import of highlightjs-line-numbers, like:

<script>
    ...
    import 'highlight.js/styles/rainbow.css'; // That works ok

    import 'highlight.js/lib/highlight.js'; // That works ok and looking at this file it has : 
    /*
Syntax highlighting with language autodetection.  - I can not see which version is this lib
https://highlightjs.org/
*/


    import 'highlightjs-line-numbers.js/dist/highlightjs-line-numbers.min.js';  // that file has no version in its content
    ...

I got error in console:

highlight.js not detected!

if line with highlightjs-line-numbers.min.js is not commented

and highlightjs-line-numbers functionality does not work. If to output hljs variable ti console, it shows: https://imgur.com/a/C6m5u

How to fix it ?

Thanks!

3rd March, 2018

mstdmstd started a new conversation Add Highlightjs-line-numbers.js To Components/highlightjs • 2 months ago

Hello, In my composer.json I have :

"require": {
    "php": ">=7.0.0",
    "components/highlightjs": "^9.12",

It works ok, but I also need to add number lines to it and I found that library: https://github.com/wcoder/highlightjs-line-numbers.js/

I installed

npm install highlightjs-line-numbers.js

and added lines :

                axios.post(window.API_VERSION_LINK + '/get_source_file', {'src_file': this.source_filename_1, 'file_type': this.source_ext_1}).then((response) => {
                    this.file_content_1 = response.data.file_content
                    this.message = ''
                    let hljs = require('highlight.js');
                    hljs.initHighlightingOnLoad();     // That works OK
                    console.log("before initLineNumbersOnLoad::")
                    hljs.initLineNumbersOnLoad();   // This flow breaks here, but no error in console
                    console.log("after initLineNumbersOnLoad::")
                }).catch((error) => {
                    this.is_page_updating = false
                    this.showPopupMessage('Error loading the source of the file.', 'error');
                    this.showRunTimeError(error, this);
                });

So code is highlighted, but no lines visible.

Is the library https://github.com/wcoder/highlightjs-line-numbers.js/ above I mentioned about is ok for components/highlightjs?

Why have I error?

Thanks!

2nd March, 2018

mstdmstd started a new conversation How Make List Of Buttons With Popover Text • 2 months ago

Hello, In my laravel5.5/vuejs2.5 application I need to show list of buttons with popover text using vue-js-popover ( https://github.com/euvl/vue-js-popover ) library But I failed the valid syntax. I tried as :

        <ul>
            <li v-for="popoverData, index in popoverDataArray">
                <button :v-popover="'hint_'+popoverData.id">Toggle popover # {{ popoverData.id }}</button>

                <popover :name="'hint_'+popoverData.id">
                    {{ popoverData.text }}
                </popover>

            </li>
        </ul>

        ...
        
        
        data: function () {
            return {
                ...
                popoverDataArray:[
                    {id: 1, text : 'Lorem  ipsum dolor sit amet, 1111' },
                    {id: 2, text : 'Lorem  ipsum dolor sit amet, 2222.' },
                    ...
                ],

        }

Which is the correct syntax in button definition to set link to popover block ?

Thanks!

24th February, 2018

mstdmstd started a new conversation A Module With Many Errors In Console • 2 months ago

Hello, I one of my prior laravel 5.5 application I had a module, developed as it was written here https://nwidart.com/laravel-modules/v2/basic-usage/creating-a-module

I moved it to my new laravel 5.5/vuejs2.5 application, installed laravel-modules, copied the source of this module to new project and run :

$ php artisan module:publish
Published: SqlMonitor

But when I run this module under my local server as

http://local-tasks.com/sqlmonitor

I got a lot of error, like:

GET http://local-tasks.com/modules/sqlmonitor/css/bootstrap-3/bootstrap.min.css net::ERR_ABORTED
sqlmonitor:19 GET http://local-tasks.com/modules/sqlmonitor/js/bootstrap-3/bootstrap.min.js net::ERR_ABORTED
sqlmonitor:18 GET http://local-tasks.com/modules/sqlmonitor/js/jquery.min.js net::ERR_ABORTED
sqlmonitor:12 GET http://local-tasks.com/modules/sqlmonitor/css/app.css net::ERR_ABORTED

Could,you, please, give a hint did I miss some options in config ?

Thanks!

22nd February, 2018

mstdmstd left a reply on How To Use Laravel In Vuejs Admin Dasboard • 3 months ago

Thank youi for explanations!

I have some expierence with webpack and laravel-mix, but maybe not much.

I want to try to make working adminify project, as I am interested in backend templates it provides.

I tried to follow you instructions and now in my package.json:

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },

    "dependencies": {
        "adonis-websocket-client": "^1.0.2",
        "babel-runtime": "^6.23.0",
        "i": "^0.3.5",
        "indicative": "^2.2.1",
        "vue": "^2.3.3",
        "vue-i18n": "^6.1.1",
        "vue-quill-editor": "^2.1.6",
        "vue-router": "^2.3.1",
        "vue-timeago": "^3.3.1",
        "vue2-dropzone": "^2.0.0"
    },
    
    "devDependencies": {
        "axios": "^0.18",
        "bootstrap": "^4.0.0",
        "popper.js": "^1.12",
        "cross-env": "^5.1",
        "jquery": "^3.2",
        "laravel-mix": "^2.0",
        "lodash": "^4.17.4",
        "vue": "^2.5.7",


        "Validator": "^1.0.4",
        "autoprefixer": "^6.7.2",
        "axios-mock-adapter": "^1.8.1",
        "babel-core": "^6.22.1",
        "babel-eslint": "^7.1.1",
        "babel-loader": "^6.2.10",
        "babel-plugin-transform-runtime": "^6.22.0",
        "babel-preset-env": "^1.3.2",
        "babel-preset-stage-2": "^6.22.0",
        "babel-register": "^6.22.0",
        "chalk": "^1.1.3",
        "connect-history-api-fallback": "^1.3.0",
        "copy-webpack-plugin": "^4.0.1",
        "css-loader": "^0.28.0",
        "eslint": "^3.19.0",
        "eslint-config-standard": "^6.2.1",
        "eslint-friendly-formatter": "^2.0.7",
        "eslint-loader": "^1.7.1",
        "eslint-plugin-html": "^2.0.0",
        "eslint-plugin-promise": "^3.4.0",
        "eslint-plugin-standard": "^2.0.1",
        "eventsource-polyfill": "^0.9.6",
        "express": "^4.14.1",
        "extract-text-webpack-plugin": "^2.0.0",
        "file-loader": "^0.11.1",
        "friendly-errors-webpack-plugin": "^1.1.3",
        "html-webpack-plugin": "^2.28.0",
        "http-proxy-middleware": "^0.17.3",
        "indicative": "^2.2.1",
        "mockjs": "^1.0.1-beta3",
        "opn": "^4.0.2",
        "optimize-css-assets-webpack-plugin": "^1.3.0",
        "ora": "^1.2.0",
        "pug": "^2.0.0-rc.1",
        "rimraf": "^2.6.0",
        "semver": "^5.3.0",
        "shelljs": "^0.7.6",
        "style-loader": "^0.13.1",
        "stylus": "^0.54.5",
        "stylus-loader": "^2.1.1",
        "url-loader": "^0.5.8",
        "vue-loader": "^12.1.0",
        "vue-style-loader": "^3.0.1",
        "vue-template-compiler": "^2.3.3",
        "vuetify": "^0.14",
        "vuex": "^2.3.1",
        "webpack": "^2.6.1",
        "webpack-bundle-analyzer": "^2.2.1",
        "webpack-dev-middleware": "^1.10.0",
        "webpack-hot-middleware": "^2.18.0",
        "webpack-merge": "^4.1.0"

    }
}

I run one more time : $ composer update and

$ npm install
npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /webpack-dev-server/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN [email protected] requires a peer of [email protected]^6.0.0 but none was installed.

But I am not sure had I to run them ?

But I got next errros:

$ npm run dev

> @ dev /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating
> npm run development


> @ development /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

 78% advanced chunk optimization/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/laravel-mix/node_modules/extract-text-webpack-plugin/dist/index.js:188
            chunk.sortModules();
                  ^

TypeError: chunk.sortModules is not a function
    at /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/laravel-mix/node_modules/extract-text-webpack-plugin/dist/index.js:188:19
    at /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/async/dist/async.js:3096:16
    at eachOfArrayLike (/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/async/dist/async.js:1055:9)
    at eachOf (/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/async/dist/async.js:1103:5)
    at Object.eachLimit (/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/async/dist/async.js:3158:5)
    at Compilation.<anonymous> (/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/laravel-mix/node_modules/extract-text-webpack-plugin/dist/index.js:184:27)
    at Compilation.applyPluginsAsyncSeries (/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/tapable/lib/Tapable.js:206:13)
    at Compilation.seal (/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/webpack/lib/Compilation.js:579:8)
    at /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/webpack/lib/Compiler.js:493:16
    at /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/tapable/lib/Tapable.js:289:11
    at _addModuleChain (/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/webpack/lib/Compilation.js:481:11)
    at processModuleDependencies.err (/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/node_modules/webpack/lib/Compilation.js:452:13)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)

npm ERR! Linux 4.13.0-36-generic
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "development"
npm ERR! node v6.11.4
npm ERR! npm  v3.5.2
npm ERR! code ELIFECYCLE
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ development script 'cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the  package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs 
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls 
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/npm-debug.log

npm ERR! Linux 4.13.0-36-generic
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "dev"
npm ERR! node v6.11.4
npm ERR! npm  v3.5.2
npm ERR! code ELIFECYCLE
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ dev script 'npm run development'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the  package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     npm run development
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs 
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls 
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/npm-debug.log

I have in my system :

 php artisan --version
Laravel Framework 5.6.4
$ node -v 
v6.11.4
$ npm -v 
3.5.2

I am not sure as for node and npm versions ?

20th February, 2018

mstdmstd left a reply on How To Use Laravel In Vuejs Admin Dasboard • 3 months ago

  1. Thank you for your answer, trying to follow your instructions I installed
npm install
   
npm run dev 

npm install --save  pug

the last command I did as I got errors that package pug was not found

After I run :

 npm run watch-poll     

And got next errors:

> @ watch-poll /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating
> npm run watch -- --watch-poll


> @ watch /mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch-poll"

 10% building modules 1/1 modules 0 active                                         
Webpack is watching the files…

 95% emitting                                                                          

 ERROR  Failed to compile with 16 errors                                                                                                                                                                                           5:50:06 PM

These dependencies were not found:

* @/config in ./resources/assets/js/i18n/index.js
* @/styles/main.styl in ./resources/assets/js/main.js
* Validator in ./resources/assets/js/main.js
* adonis-websocket-client in ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":[["env",{"modules":false,"targets":{"browsers":["> 2%"],"uglify":true}}]],"plugins":["transform-object-rest-spread",["transform-runtime",{"polyfill":false,"helpers":false}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/pages/Chat.vue
* i in ./resources/assets/js/helper.js
* vue-i18n in ./resources/assets/js/i18n/index.js
* vue-quill-editor in ./resources/assets/js/main.js
* vue-timeago in ./resources/assets/js/main.js
* vue-timeago/locales in ./resources/assets/js/main.js
* vue-timeago/locales/en-US.json in ./resources/assets/js/main.js
* vue2-dropzone in ./resources/assets/js/main.js
* vuetify in ./resources/assets/js/main.js
* vuetify/src/stylus/main.styl in ./resources/assets/js/main.js
* vuetify/src/stylus/settings/_colors.styl in ./resources/assets/js/main.js
* vuex in ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":[["env",{"modules":false,"targets":{"browsers":["> 2%"],"uglify":true}}]],"plugins":["transform-object-rest-spread",["transform-runtime",{"polyfill":false,"helpers":false}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/pages/Main.vue, ./resources/assets/js/store/index.js

To install them, you can run: npm install --save @/config @/styles/main.styl Validator adonis-websocket-client i vue-i18n vue-quill-editor vue-timeago vue-timeago/locales vue-timeago/locales/en-US.json vue2-dropzone vuetify vuetify/src/stylus/main.styl vuetify/src/stylus/settings/_colors.styl vuex
       Asset    Size  Chunks                    Chunk Names
 /js/main.js  555 kB       0  [emitted]  [big]  /js/main
/css/app.css  187 kB       0  [emitted]         /js/main

WARNING in ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-0727ce06","hasScoped":false,"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./resources/assets/js/components/Grid.vue
(Emitted value instead of an instance of Error) the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5. The new "slot-scope" attribute can also be used on plain elements in addition to <template> to denote scoped slots.
 @ ./resources/assets/js/components/Grid.vue 6:23-260
 @ ./resources/assets/js/main.js
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/app.scss

WARNING in ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-63b0f0e1","hasScoped":false,"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./resources/assets/js/pages/CrudGrid.vue
(Emitted value instead of an instance of Error) the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5. The new "slot-scope" attribute can also be used on plain elements in addition to <template> to denote scoped slots.
 @ ./resources/assets/js/pages/CrudGrid.vue 6:23-346
 @ ./resources/assets/js/pages ^\.\/.*\.vue$
 @ ./resources/assets/js/router.js
 @ ./resources/assets/js/main.js
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/app.scss

ERROR in ./resources/assets/js/i18n/index.js
Module not found: Error: Can't resolve '@/config' in '/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/resources/assets/js/i18n'
 @ ./resources/assets/js/i18n/index.js 2:0-30
 @ ./resources/assets/js/main.js
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/app.scss

ERROR in ./resources/assets/js/main.js
Module not found: Error: Can't resolve '@/styles/main.styl' in '/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/resources/assets/js'
 @ ./resources/assets/js/main.js 19:0-28
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/app.scss

ERROR in ./resources/assets/js/main.js
Module not found: Error: Can't resolve 'Validator' in '/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/resources/assets/js'
 @ ./resources/assets/js/main.js 39:0-34
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/app.scss

ERROR in ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":[["env",{"modules":false,"targets":{"browsers":["> 2%"],"uglify":true}}]],"plugins":["transform-object-rest-spread",["transform-runtime",{"polyfill":false,"helpers":false}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/pages/Chat.vue
Module not found: Error: Can't resolve 'adonis-websocket-client' in '/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/resources/assets/js/pages'
 @ ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":[["env",{"modules":false,"targets":{"browsers":["> 2%"],"uglify":true}}]],"plugins":["transform-object-rest-spread",["transform-runtime",{"polyfill":false,"helpers":false}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/pages/Chat.vue 21:0-41
 @ ./resources/assets/js/pages/Chat.vue
 @ ./resources/assets/js/pages ^\.\/.*\.vue$
 @ ./resources/assets/js/router.js
 @ ./resources/assets/js/main.js
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/app.scss

ERROR in ./resources/assets/js/helper.js
Module not found: Error: Can't resolve 'i' in '/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/resources/assets/js'
 @ ./resources/assets/js/helper.js 3:0-26
 @ ./resources/assets/js/main.js
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/app.scss

ERROR in ./resources/assets/js/i18n/index.js
Module not found: Error: Can't resolve 'vue-i18n' in '/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/resources/assets/js/i18n'
 @ ./resources/assets/js/i18n/index.js 3:0-31
 @ ./resources/assets/js/main.js
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/app.scss

ERROR in ./resources/assets/js/main.js
Module not found: Error: Can't resolve 'vue-quill-editor' in '/mnt/_work_sdb8/wwwroot/lar/ArtistsSongsRating/resources/assets/js'
 @ ./resources/assets/js/main.js 34:0-46
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/app.scss

As far as I can see the issue with

the "scope" attribute for...

that is because of different version of vue components in this backend template and in installed vue.js in laravel.

And many errors like :

Can't resolve '@/config'...

Is it possible/easy to fix? I have been learning vue.js last 2-3 monthes, that seems rather complicated for me...

  1. Are there some laravel (>=5.5)/vue.js(>=2.5) Backend templates based on vuetify components? can you advice some?

Thanks!

19th February, 2018

mstdmstd started a new conversation How To Use Laravel In Vuejs Admin Dasboard • 3 months ago

Hello, I am interested in this admin dasboard https://github.com/wxs77577/adminify and after installing I have a project with structure

$ ls -l
total 237
drwxrwxrwx 1 root root   4096 лют 17 13:31 build
drwxrwxrwx 1 root root      0 лют 17 13:31 config
-rwxrwxrwx 1 root root    324 лют 17 13:31 CONTRIBUTING.md
-rwxrwxrwx 1 root root    803 лют 17 13:31 index.html
-rwxrwxrwx 1 root root   1087 лют 17 13:31 LICENSE
drwxrwxrwx 1 root root 131072 лют 17 13:34 node_modules
-rwxrwxrwx 1 root root   2678 лют 17 13:31 package.json
drwxrwxrwx 1 root root      0 лют 17 13:31 public
-rwxrwxrwx 1 root root   6645 лют 17 13:31 README.md
drwxrwxrwx 1 root root   4096 лют 17 13:31 screenshots
drwxrwxrwx 1 root root   4096 лют 17 13:32 src
drwxrwxrwx 1 root root      0 лют 17 13:31 static
-rwxrwxrwx 1 root root  75607 лют 17 13:31 WechatGroup.png

If there is a way to use/install laravel 5 for API of this crud? I would like to use asll the power of laravel 5 (controls, models,migrations etc...).

If yes, which step have I to do ?

Thanks!

16th February, 2018

mstdmstd started a new conversation How To Open Block By Default In Vue2-collapse • 3 months ago

Hello, In my laravel5.5/vuejs2.5 application I use vue2-collapse component( https://roszpun.github.io/vue-collapse/#/?id=getting-started ) It works, but what I missed how to set some <v-collapse-wrapper> block opened by default ?

I docs I found :

Every wrapper components stores necessary data properties, which can be used at some point while extending plugin to own needs.
...
status  {Boolean}   The status of the component. Status decides whether element is toggled or not.

So I used syntax like:

                        <v-collapse-group :onlyOneActive="true">
                                
                            <v-collapse-wrapper  :status="false">
                                <div class="header a_link" v-collapse-toggle>
                                    <h4>Today</h4>
                                </div>
                                <div class="" v-collapse-content >
                                    ...
                                </div>
                            </v-collapse-wrapper>

                            <v-collapse-wrapper :status="true">
                                <div class="header a_link" v-collapse-toggle>
                                    <h4>Tomorrow</h4>
                                </div>
                                <div class="" v-collapse-content>
                                    ...
                                </div>
                            </v-collapse-wrapper>


                        </v-collapse-group>

But anyway none of my blocks was opened by default? Is there an error in the syntax ?

Thanks!

13th February, 2018

mstdmstd started a new conversation Error In Opening Of Block With Content • 3 months ago

Hello, In my laravel5.5/vuejs2.5 application I need to make listing of Weather Locations and any of them has collapse icon clicking on which I want to open block with content of any of Weather Location. in my component with userWeatherLocationBlockIsVisibleArray array, having reference to any weather Location with index and if content of any clock is visible: I do like :

                this.userWeatherLocationBlockIsVisibleArray::{{ userWeatherLocationBlockIsVisibleArray }};;;<hr>
                <ul class="user-weather-locations-list">
                    <li v-for="nextUserWeatherLocation, index in userWeatherLocationsList"  >
                    
                        ...
                        <a data-toggle="a_link" v-on:click="toggleUserWeatherLocationBlockIsVisible(nextUserWeatherLocation.id)" >
                            <i class="indicator glyphicon glyphicon-hand-down" style="font-size:14px;" ></i>
                        </a> <!-- Switcher if to show block below -->

                        <div :class="{ 'collapse row ':true, 'in': userWeatherLocationBlockIsVisibleArray[index].visible , 'out':!userWeatherLocationBlockIsVisibleArray[index].visible }" >
                            <h1>id:{{ userWeatherLocationBlockIsVisibleArray[index] }}     OPENED  BLOCK WITH CONTENT</h1>
                        </div>

                    </li>
                </ul>
                ...
                
<script>
    export default {

        data: function () {
            return {            
                userWeatherLocationBlockIsVisibleArray:[],
                ...
            }

        }, // data: function () {


                
        methods: {
            loadUserWeatherLocationsList() {
                axios.get(window.API_VERSION_LINK + '/user_weather_location_load').then((response) => {
                    this.userWeatherLocationsList = response.data.userWeatherLocationsList;
                    this.userWeatherLocationsList.map( ( nextUserWeatherLocation, index )=> {
                        var nextItem = { 'id': nextUserWeatherLocation.id, visible : false }
                        this.userWeatherLocationBlockIsVisibleArray[ this.userWeatherLocationBlockIsVisibleArray.length ] = nextItem;
                    }); <!--For any weather location set flag in this.userWeatherLocationBlockIsVisibleArray -->
                    ...
                }).catch((error) => {
                ...
                });

            }, // loadUserWeatherLocationsList() {
           ...
           
            toggleUserWeatherLocationBlockIsVisible(id) {   <!-- Switcher function to show block of content -->
                this.userWeatherLocationBlockIsVisibleArray.map( ( nextWeatherLocationBlockIsVisible, index )=> {

                    if ( id == nextWeatherLocationBlockIsVisible.id ) {
                        console.log("INSIDE id::")  <!-- In console I see this block-->
                        console.log( id )

                        <!-- Switcher of clicked item-->
                        this.userWeatherLocationBlockIsVisibleArray[index].visible = !this.userWeatherLocationBlockIsVisibleArray[index].visible;
                    }
                });


                console.log("+++toggleUserWeatherLocationBlockIsVisible this.userWeatherLocationBlockIsVisibleArray::")
                console.log( this.userWeatherLocationBlockIsVisibleArray )
                <!-- In console I see that my changes were applied -->

            },

With methods above my block I switch on is not opened. In view debugging https://imgur.com/a/k4Tch

I see that toggleUserWeatherLocationBlockIsVisible visible property is changed ( point 1 at image ), when I click on the icon of the second item ( point 3 at image ), but I output userWeatherLocationBlockIsVisibleArray array( point 2 at image ) and see that it content is not changed. Why my block is not opened? Can it be that in toggleUserWeatherLocationBlockIsVisible somewhow created new copy of userWeatherLocationBlockIsVisibleArray and how to fix it?

Thanks!

11th February, 2018

mstdmstd started a new conversation The Code Is NOT Highlighted With Parameters In Component • 3 months ago

Hello, In my laravel5.5/vuejs2.5 application I want to highlight some files and I have highlight.js installed with next in my package.json:

  "dependencies": {
    "highlight.js": "^9.12.0",

In my resources/assets/js/app.js I define route:

import SourceViewer from './components/lib/SourceViewer.vue';

...

const routes = [
    {
        path: '/',
        components: {
            ...
            sourceViewer: SourceViewer,
            ...
        }
     ...
     }   
    {path: '/admin/source_viewer/:filename/:ext', component: SourceViewer, name: 'sourceViewer'},
    ...

and the component itself resources/assets/js/components/lib/SourceViewer.vue :

<template>
   <section>

      <div class="panel-heading">
         <div v-if="message" class="text-danger col-xs-12">
            <center>{{ message }}</center>
         </div>
         source_filename::{{ source_filename }}<br>
         source_ext::{{ source_ext }}<br>


         <div>
            <pre><code class="php">{{ file_content }}</code></pre>
         </div>
      </div>

   </section>

</template>

<script>
    import appMixin from '../../appMixin';

    export default {

        data: function () {
            return {

                source_filename: 'app/Http/Controllers/DashboardController.php',
                source_ext: 'php',

                file_content: '',
                message: '',
            }
        }, // data: function () {

        mixins: [appMixin],

        created() {
        },

        mounted() {
            this.loadSourceFile()
        }, // mounted() {

        methods: {

            loadSourceFile() {
                this.message = '';

                var filename = this.$route.params.filename
                var ext = this.$route.params.ext

                console.log(typeof filename)
                console.log(typeof ext)

                if (typeof filename != 'undefined' && typeof ext != 'undefined') {
                    this.source_filename = filename.toString()
                    this.source_ext = ext.toString()
                    console.log("PARAMETERS ARE CHANGED FROM URL filename::" + filename)
                    console.log("ext::" + ext)
                }
                console.log("parameters would be applied: this.source_filename::" + (this.source_filename) + "  this.source_ext::" + this.source_ext)
                axios.post(window.API_VERSION_LINK + '/get_source_file', {'src_file': this.source_filename, 'file_type': this.source_ext}).then((response) => {
                    this.file_content = response.data.file_content
                    this.message = ''

                    let hljs = require('highlight.js');
                    console.log("hljs::")
                    console.log(hljs)

                    hljs.initHighlightingOnLoad();     // https://www.laravel-vuejs.com/vue-js-syntax-highlighting-with-highlight-js/
                    console.log("after initLineNumbersOnLoad::")


                    this.showPopupMessage('The source of the file was loaded', 'success');
                }).catch((error) => {
                    this.is_page_updating = false
                    this.showPopupMessage('Error loading the source of the file.', 'error');
                    this.showRunTimeError(error, this);
                });


            }, // loadSourceFile() {

        }, // methods: {


    }


</script>

The thing is that when I call this component without filename parameter as:

<source-viewer ></source-viewer>

It works ok, file's content is retrieved, set to this.file_content var and the code highlighted. In this case default file set in source_filename variable is retrieved.

But I need to show different files in this component and setting filename as parameter :

    <router-link :to="{ name: 'sourceViewer', params: { filename: 'app/Http/Controllers/DashboardController.php', ext: 'php' } }" >Open</router-link>

page with url

http://local-tasks.com/admin/test#/admin/source_viewer/app%2FHttp%2FControllers%2FDashboardController.php/php

is opened, and I see that variables source_filename and source_ext are set with values in parameter and content of the file is uploaded. I see text in console :

PARAMETERS ARE CHANGED FROM URL filename::app/Http/Controllers/DashboardController.php
ext::php
parameters would be applied: this.source_filename::app/Http/Controllers/DashboardController.php  this.source_ext::php

so parameters were applied and file's content is applied , but the code is NOT highlighted at all ! I do not see the difference and why so? How to fix it? Thanks!

8th February, 2018

mstdmstd left a reply on Error With Default Route Parameter • 3 months ago

Thank you for your advice, it looks good, but when I try to get 1 item like:

tasks/id

looks like it is confused with

tasks/{filter}

Can you advice simple/effective way to deal it ?

mstdmstd started a new conversation Error With Default Route Parameter • 3 months ago

Hello, In my laravel5.5/vuejs2.5 application I define resource in routes/web.php filter as :

    Route::resource('tasks/{filter}', 'TasksController', ['except' => ['create', 'edit']])->middleware('WorkTextString');

And in app/Http/Controllers/TasksController.php I have default filter :

<?php

namespace App\Http\Controllers;

use Auth;
...

class TasksController extends MyAppController
{
    use funcsTrait;


    public function index($filter= '')
    {

But I got error:

Route pattern "/admin/tasks/{filter}/{{filter}}" cannot reference variable name "filter" more than once.

even when I do not use this route...

Why this error and how to fix it?

Thanks!

3rd February, 2018

mstdmstd left a reply on How Extend Font-awesome Plugin • 3 months ago

Thank you! Could you please give a ref to full list of accessible icons? I found this https://fontawesome.com/icons?d=gallery, but testing found that some icons in this list ( like chart-pie, chess-pawn ) are not supported in my app

mstdmstd left a reply on How Extend Font-awesome Plugin • 3 months ago

Could you please to clarify mix.js - is it webpack.mix.js or node_modules/laravel-mix/src/Mix.js or /node_modules/laravel-mix/setup/webpack.mix.js ?

31st January, 2018

mstdmstd left a reply on How Extend Font-awesome Plugin • 3 months ago

I mean more of icons accessible for my app.

mstdmstd started a new conversation How Better Call Components • 3 months ago

Hello, In my laravel5.5/vue.js2.5 application I have some components used in some pages. Say in resources/assets/js/app.js I have next component called :

...
window.Vue = require('vue');
...
Vue.component( 'editor-header',  require( './components/lib/EditorHeader.vue') );
...

This is component used, say in 4 *.vue-files from my 30 *.vue-files in under resources/assets/js/components/ subdirectory.

Which way is preferable from the point of logics/site productivity/support to put once line

Vue.component( 'editor-header',  require( './components/lib/EditorHeader.vue') );

in resources/assets/js/app.js - and it would be accessible in all pages

or to insert calling of my components only in the *.vue files, when I use it?

Thanks!

30th January, 2018

mstdmstd started a new conversation How Extend Font-awesome Plugin • 3 months ago

Hello, Installing font-awesome plugin I can use awesome icons from here https://getbootstrap.com/docs/3.3/components/.

If there is a way to extend these icons list(especcially with social media icons, as twitter...)

Thanks!

29th January, 2018

mstdmstd left a reply on How Set Js/components/lib/StatusLine.vue In Resources/views/layouts/app.blade.php ? • 3 months ago

I am not sure what do you mean?

Code

"?dt=".time()

I used to clear my browser's cache...

Anyway removing it:

<script src="/js/app.js"></script>
<status-line></status-line>

the same problem, status-line is not triggere at all...

mstdmstd left a reply on How Set Js/components/lib/StatusLine.vue In Resources/views/layouts/app.blade.php ? • 3 months ago

  1. I have command
npm run watch-poll

run in my console

  1. I remade and My resources/assets/js/app.js has next :
require('./bootstrap');
require('jquery');
require('jquery-confirm');


 window.Vue = require('vue');

import VueRouter from 'vue-router';

import VueTimeago from 'vue-timeago'  // https://github.com/egoist/vue-timeago
Vue.use(VueTimeago, {
   ...
})


import Vue from 'vue';
import Element from 'element-ui'

import VueTreeNavigation from 'vue-tree-navigation'; //https://github.com/MisRob/vue-tree-navigation
Vue.use(VueTreeNavigation);

import VeeValidate from 'vee-validate'; // http://vee-validate.logaretm.com/  ,  http://vee-validate.logaretm.com/examples.html
...

Vue.component( 'tree-view-listing',  require( './components/lib/TreeViewListing') );
Vue.component( 'status-line',  require( './components/lib/StatusLine.vue') );
...

As my mentioned above status-line works ok when it is inserted in another vue file. It does not called(I added alert in mount event - it is not alerted) when inserted in resources/views/layouts/app.blade.php...

mstdmstd started a new conversation How Set Js/components/lib/StatusLine.vue In Resources/views/layouts/app.blade.php ? • 3 months ago

Hello,

In my laravel 5.5/vue.js 2.5 application I have resources/assets/js/components/lib/StatusLine.vue file as my status line functionality and inserting it into the footer of any my .vue file it works ok.

But In my application I have common layout file resources/views/layouts/app.blade.php, with structure like :

<!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">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    ...

</head>
<body>
    <div id="app">


        <nav class="navbar navbar-default navbar-static-top">
        ...
        
        
       
        </nav>

        @yield('content')
    </div> <!-- id="app">-->


    <!-- Scripts -->


    <script src="{{ asset('js/app.js'    ) }}{{  "?dt=".time()  }}"></script>
    <script src="{{ asset('js/debug.js'    ) }}{{  "?dt=".time()  }}"></script>
    <script src="{{ asset('js/moment.min.js'    ) }}{{  "?dt=".time()  }}"></script>
    <script src="{{ asset('js/jquery/jquery-confirm.min.js') }}"></script>

    <status-line></status-line>

</body>


</html>

The component is defined in my resources/assets/js/app.js :

window.Vue.component( 'status-line',  require( './components/lib/StatusLine.vue') );

But status-line component is not visible at all. Is it possible to insert my vuejs component in common template to be visible on all pages and if yes how?

Thanks!

Edit Your Profile
Update

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