The ultimate guide to creating a course platform with Vue 3 & Filament 3

Want to learn how to create a course platform, with filament 3, Vue 3 and Laravel 10? Tune into my series as we explore how to build a course platform.

This is an ongoing course with lessons published each day, I aim for 2-3 lessons a day to be published. submitted by /u/Tilly-w-e
[link] [comments]

Read More

How to I add the sum of 2 dice throw continuously in JS?

I'm doing a school project of a dice game, the player select a number between 6-9 and afterwards throw two dices. If the dices show the chosen number, its game over. But i cant get the sum to add upp after each throw, it just shows each specific throws sum.


Also, how do i get the program to understand that it's game over when the dices shows the "knockout" number?


let knockoutSiffra = 0;

const dices = document.querySelectorAll('.dice');
console.log(dices);

dices.forEach(bt =>{
bt.addEventListener('click', (e) =>{
knockoutSiffra = e.target.innerHTML;
console.log(knockoutSiffra)
})
})

document.getElementById('go')
.addEventListener('click', () => {

if(knockoutSiffra != 0){
choose.style.display = 'none'
play.style.display = 'block'
console.log('kör')
}

else{
console.log('välj ett nummer')

}

const showNumber = document.getElementById('showNumber');
showNumber.innerText = 'Ditt valda nummer är:' + " " + knockoutSiffra

})

// Slide 3

let lost = document.querySelector('.lost')
lost.style.display = 'none';

const dice1 = document.querySelector('.dice1');
const dice2 = document.querySelector('.dice2');
const result = document.querySelector('.dice-result');
const game = document.querySelector('.game');

let score = 0;

game.addEventListener('click', () => {
let d1 = GetRandomDice ();
let d2 = GetRandomDice ();

dice1.src = `Dice img/Dice-${d1}.png`;
dice2.src = `Dice img/Dice-${d2}.png`;

let sum = d1 + d2;
result.innerText = 'Antal poäng:' + " " + sum;

function GetRandomDice(){
return Math.ceil(Math.random() * 6);

}

})

This is just the last part of the HTML



Ditt valda nummer är:




Antal poäng:



Kasta tärningarna









Du förlorade!


Spela igen




Tried very much of different stuff but i can't get the code to work properly.

Read More

PHP compare two arrays and output all with zero at different record

I have two arrays:



Array1:

ID: 1
ID: 2
ID: 3
ID: 4
ID: 5




Array2, with num value:

ID: 2, NUM: 200
ID: 4, NUM: 400




I want the output like: (adding zero if no record in array2)

ID: 1, NUM: 0
ID: 2, NUM: 200
ID: 3, NUM: 0
ID: 4, NUM: 400
ID: 5, NUM: 0




I am new to PHP, tried array_diff and array_intersect but not find the clue, could you please let me know how can I do that?



Thanks.

Read More

Using UPDATE ... SET arr[idx] = ... to aggregate rows into arrays

I currently have a database schema like the following table:
CREATE TABLE Measures(
expId SERIAL,
iteration INT NOT NULL,
value float4 NOT NULL,
PRIMARY KEY(expId, iteration)
);




So, a table of various measurements, repeated for n iterations.
Though, because we have more data than originally expected, I want to move to a new table layout that instead uses an array column, which overall gives better performance (already tested and benchmarked):
CREATE TABLE TmpMeasures(
expId SERIAL PRIMARY KEY,
values float4[] NOT NULL
);



My problem now is how to get the old data into the new format.
In the simplest case, the data may look something like this:
INSERT INTO Measures (expId, iteration, value)
VALUES
(1, 1, 1.1),
(1, 2, 2.1),
(1, 3, 3.1),
(2, 1, 1.2),
(3, 1, 1.3);



And conversion could be done with a two step process, roughly like this, to first create the array for an experiment, and then populate the iteration values:
INSERT INTO TmpMeasures(expId, values)
SELECT expId, '{}'::float4[]
FROM Measures
ON CONFLICT DO NOTHING;

UPDATE TmpMeasures tm
SET values[iteration] = m.value
FROM Measures m WHERE tm.expId = m.expId;



Though, my problem now is that the UPDATE actually only ever seems to take the first iteration, i.e., iteration = 1.
I am not quite understanding why that is the case.


I suspect, alternative approaches to values[iteration] would try to group by expId, and order by iteration and aggregate that into an array.


Unfortunately, the data isn't perfect, but iterations should line up.


So, the following seems to work, but it's extremely slow, and I don't quite understand why it's needed in the first place.
DO
$do$
BEGIN
FOR i IN 1..(SELECT max(iteration) FROM Measures m) LOOP
UPDATE TmpMeasures tm
SET values[i] = m.value
FROM Measures m
WHERE
tm.expId = m.expId AND
m.iteration=i;
END LOOP;
END
$do$;



Why does the "normal" update statement not suffice?

Read More

Integrating TypeScript with Inertia.js and Vue.js

submitted by /u/octarino
[link] [comments]

Read More

Laravel Request Forwarder

submitted by /u/tersakyan
[link] [comments]

Read More

How to Create a New Table from JSONB_ARRAY_ELEMENTS and JSONB_OBJECT_KEYS in Postgresql?

I am using the http extension in Postgresql, making a request, and getting a list of jsonb [{keys, values}] in a single column 'details' as a response.


It seems like there should be an easy way to create a new table from the keys and values.


Here is the request:
WITH sport_markets_api AS (
SELECT ((CONTENT::jsonb ->> 'data')::jsonb ->> 'sportMarkets')::jsonb AS details
FROM http_post(
'
https://api.thegraph.com/subgraphs/name/', /> '{"query": "{sportMarkets(first:2,skip:0,orderBy:timestamp,orderDirection:desc){id,timestamp,address,gameId,maturityDate,tags,isOpen,isResolved,isCanceled,finalResult,homeTeam,awayTeam }}"}'::text,
'application/json'))



I tried:

SELECT
jsonb_array_elements(details) ->> jsonb_object_keys(jsonb_array_elements(details))
FROM sport_markets_api




and was expecting a table with columns based on the keys.

Read More

Is there a way to set Horizon's timeout on a job class ?

I'm refactoring a class that records a (predefined length of) an audio stream using Symfony process and an OS executable file.

The way it used to work was the job was sent on a regular redis queue, and timeout would be set on the symfony process, effectively making the job run for the time it needed.

Now we want to send the job on a Horizon queue. The timeout is still set on the process, but Horizon's config has its own timeout value in the config. The problem is that the length of the recording will vary from case to case, with an average being 60 minutes, but we do have cases doing for multiple hours.

I could set it up to a very (very) long timeout, but I find it counterintuitive. Isn't there a way that I could specify the value for timeout on a job ? Otherwise, is setting a humongously long timeout the only logical way to do this ? submitted by /u/CouldHaveBeenAPun
[link] [comments]

Read More

Group the ones that are the same and right next to each other in sql

table:






websit_id

updated_at

display_id







1222

03-06 06:00

apple





1222

03-06 08:00

apple





1222

03-06 10:00

carrot





1222

03-06 12:00

apple





1222

03-06 14:00

fig





1234

03-06 06:00

apple





1234

03-06 08:00

peach









I wanted to label the rows so that it groups the same display ID that are right next to each other but would not group them if there's something else in btw.
The desired outcome should be the following:






websit_id

updated_at

display_id

group_label







1222

03-06 06:00

apple

1





1222

03-06 08:00

apple

1





1222

03-06 10:00

carrot

2





1222

03-06 12:00

apple

3





1222

03-06 14:00

fig

4





1234

03-06 06:00

apple

1





1234

03-06 08:00

peach

2









I am using snowflake for this.

Read More

Async Initializers Swift MVVM not working

Hi cann someone help me I really have trouble to get these inits to work. Due to the Tasks im always getting yelled at by xcode the not all properties are initialized:
import Foundation
import FirebaseFirestore

class ChatViewModel: ObservableObject {

@Published var chat: ChatModel
@Published var opposingUser: User

init(oppUser: User) {
self.opposingUser = oppUser
Task {
if let fetchedChat = try? await fetchChat(oppUser: oppUser) {
self.chat = fetchedChat
}
}
}

init(chat: ChatModel) {
self.chat = chat
Task {
if let fetchedUser = try? await getOpposingUser(chat: chat) {
self.opposingUser = fetchedUser
}
}
}

@MainActor
func fetchChat(oppUser: User) async throws -> ChatModel? {
do {
let documents = try await Firestore.firestore()
.collection("conversations")
.whereField("users", arrayContains: UserService.shared.currentUser?.id ?? "error")
.whereField("users", arrayContains: oppUser.id)
.getDocuments()

for document in documents.documents {
guard let chatData = try? document.data(as: ChatModel.self) else {
print("[DEBUG fetchChat(oppUser: User)]: Error while converting Firebase Document to ChatModel ")
return nil
}

return chatData
}
} catch {
print("[DEBUG fetchChat(oppUser: User)]: \(error)")
throw error // Re-throw the error so it can be handled by the caller if needed
}
return nil
}

@MainActor
func getOpposingUser(chat: ChatModel) async throws -> User? {
do {
let opposingUid: String
if chat.users[0] == UserService.shared.currentUser?.id {
opposingUid = chat.users[1]
} else {
opposingUid = chat.users[0]
}

let document = try await Firestore
.firestore()
.collection("users")
.document(opposingUid)
.getDocument()

guard let opposingUserDoc = try? document.data(as: User.self) else {
// Handle the case where conversion to User fails
print("[DEBUG (getOpposingUser(chat: chatModel)]: Error while converting Firebase-Document to User ")
return nil
}

return opposingUserDoc

} catch {
print("[DEBUG (getOpposingUser(chat: chatModel)]: \(error) ")
throw error
}
return nil
}
}



I tried to "pre initilize" the variables with something like self.chat = ChatModel() but due to the nature of my Cahtmodel I can't init it without properties.

Read More

Herd for Windows

Super psyched for the launch of Herd for Windows. That is all.

​


https://preview.redd.it/4t22y3gulvmc1.png?width=627&format=png&auto=webp&s=806bbe46479290857bc29f17e853d68667e03639


https://herd.laravel.com/ submitted by /u/VaguelyOnline
[link] [comments]

Read More

How to type two variables that are correlated in TypeScript?

I have a structure ComboChartSpec with primary and secondary fields. I'm defining a util function to process this ComboChartSpec.


If I define it in this way, it works
function process1() {
const yAxisType = 'primary';
const otherYAxisType = 'secondary';
return {
[yAxisType]: foo,
[otherYAxisType]: bar
}
}
function process2() {
const yAxisType = 'secondary';
const otherYAxisType = 'primary';
return {
[yAxisType]: foo,
[otherYAxisType]: bar
}
}



I want to merge these two functions. But I kept getting TS errors. How can I resolve it? Thanks!
function process(yAxisType: 'primary' | 'secondary') {
const otherYAxisType = yAxisType === 'primary' ? 'secondary' : 'primary';
return {
[yAxisType]: foo,
[otherYAxisType]: bar
}
}

Type '{ [x: string]: { fields: never[]; } | { type: "quantitative"; }; scale: { type: "quantitative"; }; }' is not assignable to type 'ComboChartAxisEncoding'.
Type '{ [x: string]: { fields: never[]; } | { type: "quantitative"; }; scale: { type: "quantitative"; }; }' is not assignable to type 'ComboChartSingleAxisEncoding'.
Type '{ [x: string]: { fields: never[]; } | { type: "quantitative"; }; scale: { type: "quantitative"; }; }' is missing the following properties from type '{ primary: ComboChartSingleAxisSectionEncoding; secondary: ComboChartSingleAxisSectionEncoding; scale: QuantitativeScale; }': primary, secondaryts(2322)
index.ts(85, 3): The expected type comes from property 'y' which is declared here on type 'ComboChartEncodingMap'



See Minimal repro on TS playground 👈
export type ComboChartAxisEncoding = ComboChartSingleAxisEncoding | ComboChartDualAxisEncoding;

export type ComboChartSingleAxisEncoding = {
primary: ComboChartSingleAxisSectionEncoding;
secondary: ComboChartSingleAxisSectionEncoding;
scale: 'quantitative';
};
export type ComboChartSingleAxisSectionEncoding = {
fields: number[];
};
export type ComboChartDualAxisEncoding = {
primary: ComboChartDualAxisSectionEncoding;
secondary: ComboChartDualAxisSectionEncoding;
};
export type ComboChartDualAxisSectionEncoding = {
fields: number[];
scale: 'quantitative';
};

function process1(): ComboChartAxisEncoding {
const yAxisType: 'primary' | 'secondary' = 'primary';
const otherYAxisType: 'primary' | 'secondary' = 'secondary';

return { // this works
[yAxisType]: { fields: [] },
[otherYAxisType]: { fields: [] },
scale: 'quantitative',
};
}
function process2(yAxisType: T): ComboChartAxisEncoding {
const otherYAxisType = (yAxisType === 'primary' ? 'secondary' : 'secondary') as (T extends 'primary' ? 'secondary' : 'primary');

// this doesn't work. Note that in my case this function wraps lots of test cases and each of them has this structure.
// So, if I don't have to change the structure of the JS objects, and just need to change the types, it would be better.
return {
[yAxisType]: { fields: [] },
[otherYAxisType]: { fields: [] },
scale: 'quantitative',
};
}

Read More

Receiving Incoming SMS post Android 8

Since android 8 the OS has placed may restrictions on how and when can the apps use Broadcast Receivers and Services.



* Background Service Limitations

* Broadcast Limitations






TL;DR: Starting Android 8 the OS will stop your Services and Broadcast Receivers except in some situations mentioned in above documents.


What is then a proper way to detect incoming sms? We can use WorkManager to manually query the SMS to check for new entries every 15 minutes. But what would be a way to get it instantly?


Also the official docs list the SMS_RECEIVE intent in the list of broadcasts that are exceptions to the above rules, but many have found that the receivers and services still get terminated and I have confirmed that by testing it myself.


There are some spend tracking apps out there that still do track the incoming sms regardless of the situation.


Would appreciate any inputs on the situation.


Thanks.

Read More

Logo puzzle I made for Laracon

I am just getting into Laravel, but a friend of mine that went to Laracon asked me to make him a thing to hand out at the Laracon in Nashville last year. It actually was a bunch of pieces and surprisingly difficult to figure out believe it or not. I thought I would share a picture of it. I'm out of these and they're not for sale as I sold my lasercutter. Just thought I'd share for that like this sorta thing.


https://preview.redd.it/mdeyzgg68smc1.jpg?width=1201&format=pjpg&auto=webp&s=6cb85cacca07a36125d7ee6b8db1f588f651bb01 submitted by /u/jeffjohnvol
[link] [comments]

Read More

Query Builder whereAll() and whereAny() Methods Added to Laravel 10.47

---



The Laravel team released v10.47 this week, which added the whereAll and whereAny methods to the query builder, the ability to use sorting flags with the Collection sortByMany method, and more.


This week will likely be the last release to the 10.x branch before Laravel 11’s release on Tuesday, March 12th, 2024. Laravel 10 will continue to receive bug fixes until August 6th, 2024, and security fixes until February 4th, 2025.


New whereAll and whereAny query builder methods




@musiermoore contributed a new whereAll and whereAny methods to the query builder, along with orWhereAll and orWhereAny methods. These new methods can search against multiple columns using or or and logic
// Before using `orWhere`
User::query()
->where(function ($query) use ($search) {
$query
->where('first_name', 'LIKE', $search)
->orWhere('last_name', 'LIKE', $search)
->orWhere('email', 'LIKE', $search)
->orWhere('phone', 'LIKE', $search);
});

// Using `whereAny`
User::whereAny(
[
'first_name',
'last_name',
'email',
'phone'
],
'LIKE',
"%$search%"
);



Here’s an example of using whereAll, in which all columns would need to match using AND:
$search = 'test';

User::whereAll([
'first_name',
'last_name',
'email',
], 'LIKE', "%$search%");

/*
SELECT * FROM "users" WHERE (
"first_name" LIKE "%test%"
AND "last_name" LIKE "%test%"
AND "email" LIKE "%test%"
)
*/



You can combine multiple like this using orWhereAll and orWhereAny methods.


Support Sort Option Flags on sortByMany Collections




Tim Withers contributed the ability to pass multiple sorting options to the Collection sortBy method. Before this update, you could accomplish this using multiple callables, but using PHP’s sorting flags:
// Pull Request before example
$this->campaigns = $campaigns
->with('folder', 'campaignCategory')
->get()
->sortBy([
fn ($a, $b) => str($a->folder?->name)->lower() str($b->folder?->name)->lower(),
fn ($a, $b) => str($a->campaignCategory->name)->lower() str($b->campaignCategory->name)->lower(),
fn ($a, $b) => str($a->name)->lower() str($b->name)->lower(),
])

// Using sorting flags
$this->campaigns = $campaigns
->with('folder', 'campaignCategory')
->get()
->sortBy(['folder.name', 'campaignCategory.name', 'name'], SORT_NATURAL | SORT_FLAG_CASE)



You can learn more about sorting flags from the sort function in the PHP manual.


Set $failOnTimeout on Queue Listeners




Saeed Hosseini contributed the ability to set the $failOnTimeout property on the queue job that indicates if the job should fail if the timeout is exceeded:
class UpdateSearchIndex implements ShouldQueue
{
public $failOnTimeout = false;
}



Release notes




You can see the complete list of new features and updates below and the diff between 10.46.0 and 10.47.0 on GitHub. The following release notes are directly from the changelog:


v10.47.0






* [10.x] Allow for relation key to be an enum by @AJenbo in
https://github.com/laravel/framework/pull/50311 />

* Fix for "empty" strings passed to Str::apa() by @tiagof in
https://github.com/laravel/framework/pull/50335 />

* [10.x] Fixed header mail text component to not use markdown by @dmyers in
https://github.com/laravel/framework/pull/50332 />

* [10.x] Add test for the "empty strings in Str::apa()" fix by @osbre in
https://github.com/laravel/framework/pull/50340 />

* [10.x] Fix the cache cannot expire cache with 0 TTL by @kayw-geek in
https://github.com/laravel/framework/pull/50359 />

* [10.x] Add fail on timeout to queue listener by @saeedhosseiinii in
https://github.com/laravel/framework/pull/50352 />

* [10.x] Support sort option flags on sortByMany Collections by @TWithers in
https://github.com/laravel/framework/pull/50269 />

* [10.x] Add whereAll and whereAny methods to the query builder by @musiermoore in
https://github.com/laravel/framework/pull/50344 />

* [10.x] Adds Reverb broadcasting driver by @joedixon in
https://github.com/laravel/framework/pull/50088 />






The post Query Builder whereAll() and whereAny() Methods Added to Laravel 10.47 appeared first on Laravel News.


Join the Laravel Newsletter to get Laravel articles like this directly in your inbox.

Read More

compare file's date bash

I'm working on a tiny dropbox-like bash script, how can I compare the dates of 2 files and replace the old one(s) with the new one without using rsync
is there any simple way to process this?
can the SHA1 help me with knowing the newer?

Read More

Cannot get TRUE when assigning report URL Param to a field

I have a param coming in from a URL.


It is seen on the report/dashboard side.


However when I try to assign this paramater to the field to use as a filter the resolution is always FALSE.


if


Filter_Field_In_DataSet = thepassed in parameter

Read More

Running Python code in Docker gives: "/usr/bin/python3: can't find '__main__' module in 'test.py'"

So I'm trying to run this docker container
FROM ubuntu:latest

RUN apt update
RUN apt install software-properties-common -y
RUN add-apt-repository ppa:deadsnakes/ppa
RUN apt install python3-pip -y
RUN apt-get remove swig
RUN apt-get install swig3.0
RUN ln -s /usr/bin/swig3.0 /usr/bin/swig
RUN pip3 install auto-sklearn

# During debugging, this entry point will be overridden. For more information, please refer to
https://aka.ms/vscode-docker-python-debug /> ADD . /test.py
WORKDIR /
CMD ["python3", "test.py"]



and I get the error "/usr/bin/python3: can't find 'main' module in 'test.py'" from Docker Desktop. There are other posts similar to this on Stack Overflow, but I made the appropriate changes and it still doesn't seem to work. My Python code is quite simple
import pandas as pd
import autosklearn.classification as classification
import sklearn.model_selection as model_selection

if __name__ == "__main__":
def split_train_val(self, X: pd.DataFrame, y: pd.DataFrame):
X_train, X_val, y_train, y_val = model_selection.train_test_split(
X, y, test_size=0.25)
return X_train, X_val, y_train.to_frame(), y_val.to_frame()

model = classification.AutoSklearnClassifier(
time_left_for_this_task=3600,
ensemble_size=1,
ensemble_nbest=1,
)

dataset = pd.read_csv('data.csv')
dataset = dataset.iloc[:100]
X, y = dataset.drop(columns=[target_col]), dataset[target_col]
self.model.fit(X, y)

print(self.model.cv_results_)

Read More

Laravel Validation Provider Package

submitted by /u/1ndexZer0
[link] [comments]

Read More

The Evolution of the Laravel Welcome Page

---



The release of Laravel 11 and Laravel Reverb will happen on Tuesday, March 12, 2024. Along with major updates to Laravel, we'll get a new welcome page when creating a new Laravel application with laravel new or composer.


I thought it would be fun to see how the welcome page has evolved over previous versions of Laravel. Whether you are new to the framework or have been around a while, there's something special about creating a new Laravel project and seeing that welcome screen!


Laravel 11




Laravel 11 will feature a light and dark theme, which looks gorgeous and inviting. It has a vibrant background, clean icons, and a welcoming feel that inspires creativity:


Laravel 11 welcome page (dark mode)



Laravel 11 welcome page (light mode)



Comparing Laravel 11 (top) to Laravel 10 (bottom)



Laravel 10




It's hard to believe that Laravel 10 was released a year ago on February 14, 2023. Over the last year, we've received countless amazing new features and quality-of-life updates. Here's what the welcome page looks like with a fresh Laravel 10 installation:


Laravel 10 welcome (dark mode)



Laravel 10 welcome (light mode)



Notably, the Laravel logo is centered and is only the logo mark. Laravel 9 and 8 had a left-aligned logo + Laravel text mark:


Logo mark changes between Laravel 8 and Laravel 10



Laravel 8




The welcome page featured in Laravel 8 was the first time we saw a significant change since Laravel 5.x. Laravel 8 was released on September 8, 2020, during the period of time Laravel released a major version every six months:


Laravel 8 dark mode featuring updated Laravel branding



Laravel 8 light mode featuring updated Laravel branding



Laravel's branding was technically updated around the Laravel 6 release. However, Laravel 8 was the first time the new logo was introduced on the welcome page. It featured four main areas/links: documentation, Laravel News, Laracasts, and prominent ecosystem links.


Laravel 5.5




Between Laravel 6 and 7, we didn't see any significant changes to the welcome page, but at some point in the 5.x releases, the welcome page included links to documentation, Laracasts, Laravel News, Forge, and GitHub:


Laravel 5.5 welcome page



Laravel 5.0




Laravel 5.0's landing page had the words "Laravel 5" and rendered a random inspiring quote using the Inspiring facade:

Laravel 5
{{ Inspiring::quote() }}




Laravel 5.0 welcome page



Bonus: Laravel 4.2




Laravel 4.2 had a minimal welcome page featuring a nostalgic logo (base64 image) and folder structure, which included this hello.php file, with the text, "You have arrived."


Laravel 4.2 hello page




The post The Evolution of the Laravel Welcome Page appeared first on Laravel News.


Join the Laravel Newsletter to get Laravel articles like this directly in your inbox.

Read More

Laravel 11 + Laravel Reverb will be released on Tuesday, March 12th.

submitted by /u/brownmanta
[link] [comments]

Read More

My page won't load despite routes on Flask pointing to the right .html code

I have been bashing my head for a while here...


I am trying to make my index open a page (lessonplan.html) after hitting a button.


`This is the captions route on my deployed website:
@app.route('/captions', methods=['GET']) def captions(): global transcript_text, lesson # Declare transcript_text as a global variable youtube_link = request.args.get('youtube_link')
if youtube_link:
transcript_list = get_youtube_transcript(youtube_link)
transcript_text = ' '.join([item['text'] for item in transcript_list])

try:
openai.api_key = os.getenv("sk-xxx")
lesson_title, lesson = generate_lesson(transcript_text)
except Exception as e:
lesson_title = "Lesson Title Generation Error"
lesson = f"Error generating lesson: {str(e)}"

qr_code_filename = generate_qr_code(youtube_link)
return render_template('lessonplan.html', youtube_link=youtube_link, lesson_title=lesson_title, lesson=lesson, qr_code=qr_code_filename)



Now, this is my index:

Guide Maker body { font-family: 'Arial', sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; }
.container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}

h1 {
color: #333;
}

form {
display: flex;
flex-direction: column;
align-items: center;
}

label {
margin-top: 10px;
font-weight: bold;
color: #555;
}

input, select {
width: 100%;
padding: 8px;
margin-top: 5px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}

button {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
margin-top: 15px;
}

button:hover {
background-color: #0056b3;
}

Welcome to the Guide Maker
Enter YouTube Link: Get Captions







And my lessonpage.html whch should open up as I hit the button





Lesson Generated






{{ lesson_title }}




Watch the video here:





{{ lesson | safe }}








Send




function sendMessage() {
// Your JavaScript code for sendMessage
}

// Rest of your JavaScript code...


Download PDF

Go Back









Instead of opening up, I just get:



http://website.xyz/%7B%7B%20url_for('captions')%20%7D%7D 404 (Not Found).


My folder structure is correct. When I deploy this locally, I have no problem whatsoever.

Read More

FilamentPHP and Socialite

I have an upcoming project that I will be using Filamentphp for - curious if anyone has paired Socialite with it? The client uses Google Workspace for all their employees and it would be great if I could implement Oauth via Google.

If not, even if you've used just Socialite I'm interested in your experience as it will be my first time using it. submitted by /u/acjshook
[link] [comments]

Read More

Phone Number Formatting, Validation, and Model Casts in Laravel

submitted by /u/RecognitionDecent266
[link] [comments]

Read More

VS Code Extension for API Insights

---



Recently, at Treblle, we released a Visual Studio Code extension to work with our free developer tool, API Insights. After releasing this new tool, we wanted to look for ways developers building OpenAPI Specifications could benefit without stopping what they were doing.


So, for those who need to be made aware, API Insights is a free developer tool we created at Treblle that lets you get insights into your API design. It will score your OpenAPI Specification against:



* Performance

* Quality

* Security






The way this works is that we analyze your specification to understand what this API does. We then compare your API to a set of industry standards for APIs and see how close you are to having an "industry standard API".


However, we go a step further than just analyzing your specification; we send a request to the first endpoint that could be successful and measure load time and response size. We can analyze something similar to understand your API better.


The VS Code extension will allow you to analyze your specifications without leaving your editor. Even better, though, is that it will then watch this file for changes and prompt you to re-run the analysis if a change is detected.


We wrote about this new free tool in a little more detail on our blog and would love to hear your thoughts about the extension - also, what developer tool you would find helpful! You never know; we may build it.



The post VS Code Extension for API Insights appeared first on Laravel News.


Join the Laravel Newsletter to get Laravel articles like this directly in your inbox.

Read More

Phone Number Formatting, Validation, and Model Casts in Laravel

---



The Laravel-Phone package makes working with phone numbers in PHP and Laravel a breeze, offering validation rules, attribute casting, utility helpers, and more.


Have you ever built validation around phone numbers that supports multiple countries? This package has helpful validation rules built in, which makes it easy to validate numbers for any country. You can specify acceptible country code formats, but at the same time accept valid "international" numbers:
// Validate either USA or Belguim
Validator::make($request->all(), [
'phone_number' => 'phone:US,BE',
]);

// Validate US specifically, but also accept other countries
Validator::make($request->all(), [
'phone_number' => 'phone:US,INTERNATIONAL',
]);

// Use the Phone rule
Validator::make($request->all(), [
'phone_number' => (new Phone)->country(['US', 'BE']),
]);

// Match country code against another data field
Validator::make($request->all(), [
'phone_number' => (new Phone)->countryField('custom_country_field'),
'custom_country_field' => 'required_with:phone_number',
]);



This package uses the PHP port of Google's phone number handling library under the hood, which has robust parsing, formatting, and validation capabilities for working with phone numbers in PHP:
// Formatting examples

$phone = new PhoneNumber('012/34.56.78', 'BE');

$phone->format($format); // Custom formatting
$phone->formatE164(); // +3212345678
$phone->formatInternational(); // +32 12 34 56 78
$phone->formatRFC3966(); // +32-12-34-56-78
$phone->formatNational(); // 012 34 56 78



You can learn more about this package, get full installation instructions, and view the source code on GitHub. I recommend getting started with the readme for full documentation about this package.



The post Phone Number Formatting, Validation, and Model Casts in Laravel appeared first on Laravel News.


Join the Laravel Newsletter to get Laravel articles like this directly in your inbox.

Read More

Error: formControlName must be used with a parent formGroup directive. You'll want to add a formGroup directive - Angular reactive forms

I have the following template. I'm trying to get to grips with reactive forms but am having a problem.





First Name*









Then in my component I have:
@Component({
selector: 'guest-input',
templateUrl: './guest-input.component.html',
})
export class GuestInputComponent implements OnInit {
@Input()
guest: Guest;

guestForm: FormGroup;

constructor(private _fb: FormBuilder) { }

ngOnInit() {
this.guestForm = this._fb.group({
firstname: ['test', [Validators.required, Validators.minLength(3)]]
});
}
}



This all looks fine to me but for some reason I am getting:



Error: Uncaught (in promise): Error: formControlName must be used with a parent formGroup directive. You'll want to add a formGroup
directive and pass it an existing FormGroup instance (you can create one in your class).



I thought I had declared this in my .

Read More

Weekly /r/Laravel Help Thread

Ask your Laravel help questions here. To improve your chances of getting an answer from the community, here are some tips:

* What steps have you taken so far?
* What have you tried from the documentation?
* Did you provide any error messages you are getting?
* Are you able to provide instructions to replicate the issue?

* Did you provide a code example?

* Please don't post a screenshot of your code. Use the code block in the Reddit text editor and ensure it's formatted correctly.






For more immediate support, you can ask in the official Laravel Discord.

Thanks and welcome to the /r/Laravel community! submitted by /u/AutoModerator
[link] [comments]

Read More

How to add variation stock status to Woocommerce product variation dropdown

I would like to show the stock status (eg. In Stock / Out of Stock) for each product variation shown in the drop down list of variations on the Woocommerce Product Page. I have copied the relevant function to my theme's functions.php file, and can edit the content, but am unsure how to pull out the required stock status for each variation.



// Updated Woocommerce Product Variation Select

if ( ! function_exists( 'wc_dropdown_variation_attribute_options' ) ) {

/**
* Output a list of variation attributes for use in the cart forms.
*
* @param array $args
* @since 2.4.0
*/

/*

function wc_dropdown_variation_attribute_options( $args = array() ) {
$args = wp_parse_args( apply_filters( 'woocommerce_dropdown_variation_attribute_options_args', $args ), array(
'options' => false,
'attribute' => false,
'product' => false,
'selected' => false,
'name' => '',
'id' => '',
'class' => '',
'show_option_none' => __( 'Choose an option', 'woocommerce' ),
) );

$options = $args['options'];
$product = $args['product'];
$attribute = $args['attribute'];
$name = $args['name'] ? $args['name'] : 'attribute_' . sanitize_title( $attribute );
$id = $args['id'] ? $args['id'] : sanitize_title( $attribute );
$class = $args['class'];
$show_option_none = $args['show_option_none'] ? true : false;
$show_option_none_text = $args['show_option_none'] ? $args['show_option_none'] : __( 'Choose an option', 'woocommerce' ); // We'll do our best to hide the placeholder, but we'll need to show something when resetting options.

if ( empty( $options ) && ! empty( $product ) && ! empty( $attribute ) ) {
$attributes = $product->get_variation_attributes();
$options = $attributes[ $attribute ];
}

$html = '';
$html .= '' . esc_html( $show_option_none_text ) . '';

if ( ! empty( $options ) ) {
if ( $product && taxonomy_exists( $attribute ) ) {
// Get terms if this is a taxonomy - ordered. We need the names too.
$terms = wc_get_product_terms( $product->get_id(), $attribute, array( 'fields' => 'all' ) );

foreach ( $terms as $term ) {
if ( in_array( $term->slug, $options ) ) {
$html .= 'slug ) . '" ' . selected( sanitize_title( $args['selected'] ), $term->slug, false ) . '>' . esc_html( apply_filters( 'woocommerce_variation_option_name', $term->name ) ) . ' ';
}
}
} else {
foreach ( $options as $option ) {
// This handles lt 2.4.0 bw compatibility where text attributes were not sanitized.
$selected = sanitize_title( $args['selected'] ) === $args['selected'] ? selected( $args['selected'], sanitize_title( $option ), false ) : selected( $args['selected'], $option, false );

$html .= '' . esc_html( apply_filters( 'woocommerce_variation_option_name', $option ) ) . ' Output Stock Details Here ';
}
}
}

$html .= '';

echo apply_filters( 'woocommerce_dropdown_variation_attribute_options_html', $html, $args );
}
}





I can pull out the stock level for the overall product, but now for each variation.



Any help would be greatly appreciated.

Read More

How to get rid of the padding of SF Symbol in SwiftUI

In example, I have a simple SwiftUI code that has an SF Symbol yet without any paddings. Here, I'm using .scaledToFit, so the image would be edge to edge (in future I'm gonna apply padding to it).
VStack{
Image(systemName: "drop")
.resizable()
.font(.largeTitle.weight(.ultraLight))
.scaledToFit()
}




Screenshot shows a small gap on the right side:





After using additional padding, the image still looks off. That gap becomes less but it's still noticable.


My expectation was that applying .scaledToFit would actually scale the image to fit the screen, and then I could use the padding.


Though even with padding the issue persists:





I tried to use .aspectRatio(contentMode: .fit), and also different aspect ratios hoping that it could fix it.


Also the same issue persists even using the "square" SF Symbol (that likely excludes aspect ratio issue cuz square is 1:1) Though I fixed issue with square using .imageScale(.large)


Square without .imageScale(.large):





Square with .imageScale(.large):

Read More