hjortur17

@tykus - So this is how my watch looks like. But numberOfDays doesn't work anymore:

watch: {
		booking: {
			deep: true,
			handler () {
				if (this.booking.luggage.size == "regular") {
					this.booking.price = 2000;
				} else if (this.booking.luggage.size == "odd-size") {
					this.booking.price = 2500;
				}
			}
		},

		numberOfDays: async function () {
			let priceForDays = 0;

			let prices = await axios.get('/api/prices/get/' + this.booking.luggage.size).then(response => response.data);

			if (this.numberOfDays === 1) {
				priceForDays += prices.base
			} else if (this.numberOfDays >= 2 && this.numberOfDays <= 7) {
				priceForDays += prices.base + (prices.afterOneDay * (this.numberOfDays-1))
			} else if (this.numberOfDays >= 8) {
				priceForDays += 8000 + (prices.afterWeek * (this.numberOfDays-7))
			}

			this.booking.price = (priceForDays * this.booking.luggage.numberOfBags);
		}
	}

@tykus - Any idea how to get both solutions to work together?

@tykus - But now your other solution stopped working

This works! And I think I'm starting to understand how watchers work. But one question, do you have an idea how I could make a watcher for booking.luggage.size?

This is what I have right now, but Vue complains because of an unexpected token .

booking.luggage.size: function () {
			if (this.booking.luggage.size == "regular") {
				this.booking.price = 2000;
			} else if (this.booking.luggage.size == "odd-size") {
				this.booking.price = 2500;
			}
		},

So I have my data set-up like this:

booking: {
				user: {
					name: '',
					email: ''
				},
				
				luggage: {
					size: 'regular',
					numberOfBags: 1
				},
				
				days: {
					dropOff: {
						date: null,
						time: null
					},

					pickUp: {
						date: null,
						time: null
					}
				},

				validation: false,
				price: 2000
			},

The chosen date in the system, basically the numberOfDays computed property.

@martinbean - So what I'm doing is a simple booking system. You enter in your name and your dept. date and arrival date. What I'm trying to do is getting the prices from the database and calculating it.

Yes, this is a computed property.

I have never worked with watch so I'm not familiar with it. I tried this but it doesn't work:

watch: {
		price: async function () {
			let priceForDays = 0;
			
			let prices = await axios.get('/api/prices/get/' + this.booking.luggage.size).then(response => response.data);

			if (this.numberOfDays === 1) {
				priceForDays += prices.base
			} else if (this.numberOfDays >= 2 && this.numberOfDays <= 7) {
				priceForDays += prices.base + (prices.afterOneDay * (this.numberOfDays-1))
			} else if (this.numberOfDays >= 8) {
				priceForDays += 8000 + (prices.afterWeek * (this.numberOfDays-7))
			}

			this.price = (priceForDays * this.booking.luggage.numberOfBags);
		}
	}

Any ideas how I can get VUE to return the price I'm calculating instead of Promise

Here is the code:

price: async function () {
			let priceForDays = 0;
			let finalPrice = 0;

			let prices = await axios.get('/api/prices/get/' + this.booking.luggage.size).then(response => response.data);

			if (this.numberOfDays === 1) {
				priceForDays += prices.base
			} else if (this.numberOfDays >= 2 && this.numberOfDays <= 7) {
				priceForDays += prices.base + (prices.afterOneDay * (this.numberOfDays-1))
			} else if (this.numberOfDays >= 8) {
				priceForDays += 8000 + (prices.afterWeek * (this.numberOfDays-7))
			}

			finalPrice = (priceForDays * this.booking.luggage.numberOfBags);

			return finalPrice;
		},

@tykus - Now I have changed my function but now it just returns Promise. Any idea how I can return the price needed?

price: async function () {
			let priceForDays = 0;
			let finalPrice = 0;

			let prices = await axios.get('/api/prices/get/' + this.booking.luggage.size).then(response => response.data);

			if (this.numberOfDays === 1) {
				priceForDays += prices.base
			} else if (this.numberOfDays >= 2 && this.numberOfDays <= 7) {
				priceForDays += prices.base + (prices.afterOneDay * (this.numberOfDays-1))
			} else if (this.numberOfDays >= 8) {
				priceForDays += 8000 + (prices.afterWeek * (this.numberOfDays-7))
			}

			finalPrice = (priceForDays * this.booking.luggage.numberOfBags);

			return finalPrice;
		},

I do not understand why Axios doesn't allow me to assign response.data to a variable inside the same function I'm calling it.

Should I move this to data() and assign the response to that? Is that safe for keeping prices there?

Here is what I'm trying to do:

let prices;

			axios.get('/api/prices/get/regular')
			.then(response => {
				prices = response.data;
				
				return prices;
			});

			console.log(prices);

Hi, when I try to install PHP 8.0 on my server I get an error. This is the error I'm getting:

Hit:1 http://archive.ubuntu.com/ubuntu bionic InRelease
Hit:2 http://ppa.launchpad.net/chris-lea/redis-server/ubuntu bionic InRelease
Hit:3 http://ppa.launchpad.net/nginx/development/ubuntu bionic InRelease
Hit:4 http://ppa.launchpad.net/ondrej/apache2/ubuntu bionic InRelease
Hit:5 http://ppa.launchpad.net/ondrej/php/ubuntu bionic InRelease
Get:6 https://repos.sonar.digitalocean.com/apt main InRelease [4875 B]
Hit:7 http://mirrors.digitalocean.com/ubuntu bionic InRelease
Hit:8 http://mirrors.digitalocean.com/ubuntu bionic-updates InRelease
Hit:9 http://mirrors.digitalocean.com/ubuntu bionic-backports InRelease
Get:10 http://security.ubuntu.com/ubuntu bionic-security InRelease [88.7 kB]
Err:6 https://repos.sonar.digitalocean.com/apt main InRelease
  The following signatures couldn't be verified because the public key is not available: NO_PUBKEY DE88104AA4C6383F
Reading package lists...

This is now returning an empty array.

$myArray = [];

	$crawler = Goutte::request('GET', 'https://www.borgarleikhus.is/syningar/leikarid-2020-2021/');
	$crawler->filter('.info h3')->each(function ($node) use ($myArray) {
		array_push($myArray, array($node->text() => 'Hallo heimur!'));
	});

	dd($myArray);

I can't figure out how to create a JSON object like this:

    "results": [
        {
            "busNr": "1",
            "busses": [
                {
                    "unixTime": 1354618575,
                    "x": 64.090668,
                    "y": -21.92904,
                    "from": "Hlemmur",
                    "to": "Klukkuvellir"
                },
                {
                    "unixTime": 1354618575,
                    "x": 64.086315,
                    "y": -21.937813,
                    "from": "Klukkuvellir",
                    "to": "Hlemmur"
                }
            ]
        },
        {
            "busNr": "5",
            "busses": [
                {
                    "unixTime": 1354618563,
                    "x": 64.135644,
                    "y": -21.850126,
                    "from": "Hlemmur",
                    "to": "Elliðabraut / Árvað"
                },
                {
                    "unixTime": 1354618577,
                    "x": 64.143989,
                    "y": -21.913048,
                    "from": "Elliðabraut / Árvað",
                    "to": "Hlemmur"
                }
            ]
        }
    ]

This is what I have been trying to do, but always get this error message array_push() expects parameter 1 to be array, null given

Route::get('/', function() {
	$myArray = array();

	$crawler = Goutte::request('GET', 'https://www.borgarleikhus.is/syningar/leikarid-2020-2021/');
	$crawler->filter('.info h3')->each(function ($node) {
		array_push($myArray, array($node->text() => 'Hallo heimur!'));
	});

	json_encode($myArray);

	return view('welcome');
});

It is working now. How would I start it on my server? SSH into it and run the command?

Its a string

The update did work 🙂

@snapey - Running Laravel 8.4.0, but I get this error while trying to run this command

Command "schedule:work" is not defined.

My expiry_date has the format of d/m/Y (27/11/2020). So does this command work

@snapey - I'm going to run this daily, just testing. The expiry_date column in Coupon is a string.

I did not run this command php artisan schedule:work. So I don't think I have a cron job setup.

When I run this command: php artisan schedule:run, it deletes all data with today as expiry_date, but it doesn't run again the job. How can I make it run again every minute?

How do I make the command run the same command every minute? When I ran this command: php artisan schedule:run it only ran it once and not again after another minute.

Here is the command:

protected function schedule(Schedule $schedule)
{
	$schedule->call(function () {
		Coupon::where('expiry_date', Carbon::now()->format('d/m/Y'))->delete();
	})->everyMinute();
}

Hi, I have coupons and I want to check every day if some of them have expired (some of them has expiry date), and if they are expired then delete them. What is the best thing to use?

Thanks alot! Much cleaner code

@michaloravec - I don't understand how I would move my query over to this scope. This is what I'm trying, but I'm getting this error Undefined variable: type

public function scopeOfType($query, $type, $day)
	{
		return $query->with(['services' => $closure = function ($q) {
					$q->where('servicing', $type);
				}])
				->where('booking_type', 'service')
				->where('dropOffDate', $day)
				->whereHas('services', $closure)
				->orWhere('booking_type', 'storage')
				->where('dropOffDate', $day)
				->whereHas('services', $closure)
				->orderBy('dropOffTime');
	}

Quick question, do any of you have an idea of how I can use my code better? I'm copy-pasting on for different places, always the same code only difference is two attributes.

This is what I am repeating:

Booking::with(['services' => $closure = function ($query) {
			$query->where('servicing', 'garage')		
		}])
		->where('booking_type', 'service')
		->where('dropOffDate', $today)
		->whereHas('services', $closure)
		->orWhere('booking_type', 'storage')
		->where('dropOffDate', $today)
		->whereHas('services', $closure)
		->orderBy('dropOffTime')
		->get();

Sorry. So I have two bookings in my bookings table. Both of them have the booking_type = service, but the first one has associated service with servicing = garage and the second one has the servicing = cleaning.

This code is giving me both of these bookings but I'm only trying to get that one with servicing = cleaning.

Here is my migration:

Schema::create('bookings', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->unsignedMediumInteger('user_id')->nullable();

            $table->string('name');
            $table->string('email');
            $table->string('phone');

            $table->string('carNumber');
            $table->string('carSize');

            $table->string('dropOffDate');
            $table->string('dropOffTime');
            $table->string('pickUpDate')->nullable();
            $table->string('pickUpTime')->nullable();

            $table->string('numberOfDays')->nullable();
            
            $table->boolean('send_bill')->nullable();
            $table->string('companyName')->nullable();
            $table->string('companyId')->nullable();

            $table->string('discountUsed')->nullable();
            $table->string('discountValue')->nullable();
            $table->string('discountPrice')->nullable();

            $table->string('priceForServices');
            $table->string('priceForStorage');
            $table->unsignedMediumInteger('price');

            $table->boolean('paid')->default(0);

            $table->string('korta_authcode')->nullable();
            $table->string('cardbrand')->nullable();
            $table->string('card4')->nullable();

            $table->boolean('accepted_terms');

            $table->string('booking_type');
            
            $table->string('randomKey')->unique();

            $table->timestamps();
        });

Schema::create('services', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('carSize');
            $table->string('title');
            $table->string('category');
            $table->integer('price');
            $table->boolean('visible');
            $table->string('servicing');
            $table->timestamps();
        });

Schema::create('booking_service', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->unsignedBigInteger('booking_id');
            $table->unsignedBigInteger('service_id');
            $table->timestamps();

            $table->unique(['booking_id', 'service_id']);
        });

The whereHas is not working. Here is what I'm trying:

I added this column to the services table called servicing, so I'm trying to get all Bookings which has a service with the servicing column set to cleaning.

$cleaningToday = Booking::where('booking_type', 'service')
			->where('dropOffDate', $today)
			->orWhere('booking_type', 'storage')
			->where('dropOffDate', $today)
			->whereHas('services', function (Builder $query) {
				$query->where('servicing', 'cleaning');
			})
			->orderBy('dropOffTime')
			->with('services')
			->get();

Hi, is it possible to have a where clause on belongsToMany relationship? I want to only get the Bookings associated with services that have the category garage.

So what I'm trying to do is: Bookings where services->category = garage

Here is my SQL right now:

$today = Carbon::now()->format('d/m/Y');

$garageToday = Booking::where('booking_type', '=', 'service')
	->where('dropOffDate', '=', $today)
	->orderBy('dropOffTime')
	->with('services')
	->get();

Try running this command inside your Laravel project remove ./composer/cache and after that, run composer global update

Make sure that you are inside the correct folder when running your commands.

Try to run: composer self-update

Can you show me your composer.json file?

Just start simple, follow Bootstrap4 documentation on how to make cards, and then add one thing at a time.

<div class="card" style="width: 18rem;">
  <img src="..." class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>

This is a simple card.

Here is a link to there documentation on cards: https://getbootstrap.com/docs/4.5/components/card/

What were you doing when this error came up? Did you install something or change something in the composer.json file?

Have you tried making your own middleware for handling CORS? You can follow this tutorial of how to do it, https://medium.com/@abdoumjr/laravel-cors-middleware-58d08048cc74

Try this, the composer.json file is most likely broken.

1. remove ./composer/cache folder
2. run composer global update

@boubou - This might help, https://laravel.com/docs/8.x/queues#rate-limiting

@seaniz - You might be want to do something like this,

let checkedElements = 0;
let uncheckedElements = 0;

for (i = 0; i < document.getElementByClass('choices').length; i++) { 
	if ([i].checked) {
		checkedElements += 1;
	} else {
		uncheckedElements += 1;
	}
}

@lilo - Are you trying to make the div fade away when the user scrolls?

@boubou - This might help, https://laravel.com/docs/8.x/queues#rate-limiting

@uniquehope - My thought of using the component was similar to @newbie360 solution. Then you can make components for the layout.

Here is an example:

<!doctype html>
<html lang="is">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="csrf-token" content="{{ csrf_token() }}">

	<title>{{ $title }}</title>

</head>
<body>
	<div id="app">
		{{ $header }}

		<main>
			{{ $slot }}
		</main>

		{{ $footer }}
	</div>
</body>
</html>

And then when you would use the layout, you could do something like this:

menu

<ul>
	<li>
		<x-slot name="title">Server Error</x-slot>
	</li>
</ul>

I might want to create a Laravel component, https://laravel.com/docs/8.x/blade#components. And then connecting the menu item to the title of the page.

You could do the validation on the backend and then catch the error if the validation failed, but if it passed then you would do something.

submitMobile(){
      axios.post('/customer/send-sms', {
        mobile: this.mobile
      })
          .then(response => {
           // Validation did NOT fail, do something
          })
          .catch(function (error) {
            // Validation DID fail, do something
          });
    }

Make sure that your event-bus.js and analytics-manager.js are in the same folder

@ziben69 - You could use Laravel Notifications. Read more here: https://laravel.com/docs/8.x/notifications

And I think you are looking for something like the Mail Notifications. Read more here: https://laravel.com/docs/8.x/notifications#mail-notifications

@farshadf - Why not use Axios to do this call? Then you won't need to insert the csrf token using prop and then bind it to input. Then you can add this line to your bootstrap.js file:

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

And then for your input, I would recommend to use v-model. So your input would look like this:

<input class="form-control send-sms-btn" v-model="mobile"  v-validate="'required:11'" placeholder="_ _ _ _">

And if you would go with Axios for this, your script would look something like this:

 export default {
        props: [ 'route' ],

        data: function () {
            return {
                mobile: ''
            }
        },

        methods: {
	  	axios.post('/customer/send-sms', {
				mobile: this.mobile
		})
		.then(response => {
				// Do something
		})
		.catch(function (error) {
			console.log(error)
		});
	}
}

@farshadf - Do you have Axios installed? How does your bootstrap.js file look like?

@farshadf - What error are you getting?

@farshadf - Why not use Axios to do this call? Then you won't need to insert the csrf token using prop and then bind it to input. Then you can add this line to your bootstrap.js file:

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

And then for your input, I would recommend to use v-model. So your input would look like this:

<input class="form-control send-sms-btn" v-model="mobile"  v-validate="'required:11'" placeholder="_ _ _ _">

And if you would go with Axios for this, your script would look something like this:

 export default {
        props: [ 'route' ],

        data: function () {
            return {
                mobile: ''
            }
        },

        methods: {
	  	axios.post('/customer/send-sms', {
				mobile: this.mobile
		})
		.then(response => {
				// Do something
		})
		.catch(function (error) {
			console.log(error)
		});
	}
}

I ended up doing it like this:

watch: {
		'booking.car.carSize': function () {
			let services = this.services.cleaning;
			let selected = this.booking.services.selected;

			for (var i = selected.length - 1; i >= 0; i--) {
				if (selected[i].carSize != this.booking.car.carSize) {
					selected.splice(selected[i], 1)
				}
			}

			for (var i = services.length - 1; i >= 0; i--) {
				if (services[i].carSize == this.booking.car.carSize & services[i].title == "Alþrif") {
					this.booking.services.selected.push(services[i]);
				}
			}
		}
	},

I ended up doing it like this:

watch: {
		'booking.car.carSize': function () {
			let services = this.services.cleaning;
			let selected = this.booking.services.selected;

			for (var i = selected.length - 1; i >= 0; i--) {
				if (selected[i].carSize != this.booking.car.carSize) {
					selected.splice(selected[i], 1)
				}
			}

			for (var i = services.length - 1; i >= 0; i--) {
				if (services[i].carSize == this.booking.car.carSize & services[i].title == "Alþrif") {
					this.booking.services.selected.push(services[i]);
				}
			}
		}
	},

@gitwithravish - It is storing þ and the simplified version did not work. I need to have v-model, so is my only option to create some kind of method that adds Alþrif to booking.services.selected?

Hi, can anyone help me figure out how to make all the checkboxes with the title Alþrif checked? Right now it is only disabled but I need to have it checked as well.

Here is my code:

<label v-for="cleaning in services.cleaning">
	<input type="checkbox" :value="cleaning" v-model="booking.services.selected" :checked="cleaning.title == 'Alþrif' ? true : false" :disabled="cleaning.title === 'Alþrif'">
</label>