mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
refactor: review fix 2
This commit is contained in:
Timothy Alcaide
@@ -1,11 +1,11 @@
|
||||
# Save your form's bacon: with the navigation alert
|
||||
# Save the form data with the navigation alert
|
||||
|
||||
> author: [Timothy Alcaide](https://github.com/alcaidio)
|
||||
|
||||
### Run Application
|
||||
|
||||
```bash
|
||||
npx nx serve angular-dialog-alert-form
|
||||
npx nx serve form-dialog-alert
|
||||
```
|
||||
|
||||
Challenge documentation is [here](https://angular-challenges.vercel.app/challenges/angular/48-dialog-alert-form/).
|
||||
Challenge documentation is [here](https://angular-challenges.vercel.app/challenges/forms/48-form-dialog-alert/).
|
||||
@@ -1,26 +1,26 @@
|
||||
{
|
||||
"name": "angular-dialog-alert-form",
|
||||
"name": "form-dialog-alert",
|
||||
"$schema": "../../../node_modules/nx/schemas/project-schema.json",
|
||||
"projectType": "application",
|
||||
"prefix": "app",
|
||||
"sourceRoot": "apps/angular/dialog-alert-form/src",
|
||||
"sourceRoot": "apps/forms/form-dialog-alert/src",
|
||||
"tags": [],
|
||||
"targets": {
|
||||
"build": {
|
||||
"executor": "@angular-devkit/build-angular:application",
|
||||
"outputs": ["{options.outputPath}"],
|
||||
"options": {
|
||||
"outputPath": "dist/apps/angular/dialog-alert-form",
|
||||
"index": "apps/angular/dialog-alert-form/src/index.html",
|
||||
"browser": "apps/angular/dialog-alert-form/src/main.ts",
|
||||
"outputPath": "dist/apps/forms/form-dialog-alert",
|
||||
"index": "apps/forms/form-dialog-alert/src/index.html",
|
||||
"browser": "apps/forms/form-dialog-alert/src/main.ts",
|
||||
"polyfills": ["zone.js"],
|
||||
"tsConfig": "apps/angular/dialog-alert-form/tsconfig.app.json",
|
||||
"tsConfig": "apps/forms/form-dialog-alert/tsconfig.app.json",
|
||||
"inlineStyleLanguage": "scss",
|
||||
"assets": [
|
||||
"apps/angular/dialog-alert-form/src/favicon.ico",
|
||||
"apps/angular/dialog-alert-form/src/assets"
|
||||
"apps/forms/form-dialog-alert/src/favicon.ico",
|
||||
"apps/forms/form-dialog-alert/src/assets"
|
||||
],
|
||||
"styles": ["apps/angular/dialog-alert-form/src/styles.scss"],
|
||||
"styles": ["apps/forms/form-dialog-alert/src/styles.scss"],
|
||||
"scripts": []
|
||||
},
|
||||
"configurations": {
|
||||
@@ -51,10 +51,10 @@
|
||||
"executor": "@angular-devkit/build-angular:dev-server",
|
||||
"configurations": {
|
||||
"production": {
|
||||
"buildTarget": "angular-dialog-alert-form:build:production"
|
||||
"buildTarget": "form-dialog-alert:build:production"
|
||||
},
|
||||
"development": {
|
||||
"buildTarget": "angular-dialog-alert-form:build:development"
|
||||
"buildTarget": "form-dialog-alert:build:development"
|
||||
}
|
||||
},
|
||||
"defaultConfiguration": "development"
|
||||
@@ -62,7 +62,7 @@
|
||||
"extract-i18n": {
|
||||
"executor": "@angular-devkit/build-angular:extract-i18n",
|
||||
"options": {
|
||||
"buildTarget": "angular-dialog-alert-form:build"
|
||||
"buildTarget": "form-dialog-alert:build"
|
||||
}
|
||||
},
|
||||
"lint": {
|
||||
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
@@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>angular-dialog-alert-form</title>
|
||||
<title>form-dialog-alert</title>
|
||||
<base href="/" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
||||
@@ -6,10 +6,11 @@ interface Props {
|
||||
twitter?: string;
|
||||
linkedin?: string;
|
||||
github?: string;
|
||||
youtube?: string;
|
||||
labels?: Record<string, string>;
|
||||
}
|
||||
|
||||
const { name, twitter, linkedin, github, data } = Astro.props;
|
||||
const { name, twitter, linkedin, github, youtube, data } = Astro.props;
|
||||
---
|
||||
|
||||
<p class="author">
|
||||
@@ -23,6 +24,9 @@ const { name, twitter, linkedin, github, data } = Astro.props;
|
||||
{github && <a href={github}>
|
||||
<Icon class="icon" name="github" size="0.75rem" />
|
||||
</a>}
|
||||
{youtube && <a href={youtube}>
|
||||
<Icon class="icon" name="youtube" size="0.75rem" />
|
||||
</a>}
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
@@ -8,6 +8,7 @@ const authors = defineCollection({
|
||||
twitter: z.string().url().optional(),
|
||||
linkedin: z.string().url().optional(),
|
||||
github: z.string().url().optional(),
|
||||
youtube: z.string().url().optional(),
|
||||
}),
|
||||
});
|
||||
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
---
|
||||
title: 🟠 Save your form's bacon: with the navigation alert
|
||||
title: 🟠 Save the form data with the navigation alert
|
||||
description: Challenge 48 is about Bob 🧙♂️ the product owner, he wants to develop a new feature in response to customer complaints about losing form input information.
|
||||
author: timothy-alcaide
|
||||
contributors:
|
||||
- Timothy Alcaide
|
||||
- alcaidio
|
||||
challengeNumber: 48
|
||||
command: angular-dialog-alert-form
|
||||
command: form-dialog-alert
|
||||
sidebar:
|
||||
order: 121
|
||||
badge: New
|
||||
@@ -13,7 +13,7 @@ hero:
|
||||
icon: right-arrow
|
||||
variant: primary
|
||||
- text: Ir al Desafío más reciente
|
||||
link: /es/challenges/angular/48-dialog-alert-form/
|
||||
link: /es/challenges/forms/48-form-dialog-alert/
|
||||
icon: rocket
|
||||
- text: Dar una estrella
|
||||
link: https://github.com/tomalaforge/angular-challenges
|
||||
|
||||
@@ -13,7 +13,7 @@ hero:
|
||||
icon: right-arrow
|
||||
variant: primary
|
||||
- text: Aller au dernier Challenge
|
||||
link: /fr/challenges/angular/48-dialog-alert-form/
|
||||
link: /fr/challenges/forms/48-form-dialog-alert/
|
||||
icon: rocket
|
||||
- text: Donne une étoile
|
||||
link: https://github.com/tomalaforge/angular-challenges
|
||||
|
||||
@@ -13,7 +13,7 @@ hero:
|
||||
icon: right-arrow
|
||||
variant: primary
|
||||
- text: Ir para o desafio mais recente
|
||||
link: /pt/challenges/angular/48-dialog-alert-form/
|
||||
link: /pt/challenges/forms/48-form-dialog-alert/
|
||||
icon: rocket
|
||||
- text: Dar uma estrela
|
||||
link: https://github.com/tomalaforge/angular-challenges
|
||||
|
||||
@@ -13,7 +13,7 @@ hero:
|
||||
icon: right-arrow
|
||||
variant: primary
|
||||
- text: Перейти к последней задаче
|
||||
link: /ru/challenges/angular/48-dialog-alert-form/
|
||||
link: /ru/challenges/forms/48-form-dialog-alert/
|
||||
icon: rocket
|
||||
- text: Добавить звезду
|
||||
link: https://github.com/tomalaforge/angular-challenges
|
||||
|
||||
Reference in New Issue
Block a user