13 |
14 | 
15 |
13 |
14 |
15 | 
45 |
--------------------------------------------------------------------------------
/angular.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3 | "version": 1,
4 | "defaultProject": "app",
5 | "newProjectRoot": "projects",
6 | "projects": {
7 | "app": {
8 | "root": "",
9 | "sourceRoot": "src",
10 | "projectType": "application",
11 | "prefix": "app",
12 | "schematics": {},
13 | "architect": {
14 | "build": {
15 | "builder": "@angular-devkit/build-angular:browser",
16 | "options": {
17 | "outputPath": "www",
18 | "index": "src/index.html",
19 | "main": "src/main.ts",
20 | "polyfills": "src/polyfills.ts",
21 | "tsConfig": "tsconfig.app.json",
22 | "assets": [
23 | {
24 | "glob": "**/*",
25 | "input": "src/assets",
26 | "output": "assets"
27 | },
28 | {
29 | "glob": "**/*.svg",
30 | "input": "node_modules/ionicons/dist/ionicons/svg",
31 | "output": "./svg"
32 | }
33 | ],
34 | "styles": [
35 | {
36 | "input": "src/theme/variables.scss"
37 | },
38 | {
39 | "input": "src/global.scss"
40 | }
41 | ],
42 | "scripts": []
43 | },
44 | "configurations": {
45 | "production": {
46 | "fileReplacements": [
47 | {
48 | "replace": "src/environments/environment.ts",
49 | "with": "src/environments/environment.prod.ts"
50 | }
51 | ],
52 | "optimization": true,
53 | "outputHashing": "all",
54 | "sourceMap": false,
55 | "extractCss": true,
56 | "namedChunks": false,
57 | "aot": true,
58 | "extractLicenses": true,
59 | "vendorChunk": false,
60 | "buildOptimizer": true,
61 | "budgets": [
62 | {
63 | "type": "initial",
64 | "maximumWarning": "2mb",
65 | "maximumError": "5mb"
66 | }
67 | ]
68 | },
69 | "ci": {
70 | "progress": false
71 | }
72 | }
73 | },
74 | "serve": {
75 | "builder": "@angular-devkit/build-angular:dev-server",
76 | "options": {
77 | "browserTarget": "app:build"
78 | },
79 | "configurations": {
80 | "production": {
81 | "browserTarget": "app:build:production"
82 | },
83 | "ci": {
84 | "progress": false
85 | }
86 | }
87 | },
88 | "extract-i18n": {
89 | "builder": "@angular-devkit/build-angular:extract-i18n",
90 | "options": {
91 | "browserTarget": "app:build"
92 | }
93 | },
94 | "test": {
95 | "builder": "@angular-devkit/build-angular:karma",
96 | "options": {
97 | "main": "src/test.ts",
98 | "polyfills": "src/polyfills.ts",
99 | "tsConfig": "tsconfig.spec.json",
100 | "karmaConfig": "karma.conf.js",
101 | "styles": [],
102 | "scripts": [],
103 | "assets": [
104 | {
105 | "glob": "favicon.ico",
106 | "input": "src/",
107 | "output": "/"
108 | },
109 | {
110 | "glob": "**/*",
111 | "input": "src/assets",
112 | "output": "/assets"
113 | }
114 | ]
115 | },
116 | "configurations": {
117 | "ci": {
118 | "progress": false,
119 | "watch": false
120 | }
121 | }
122 | },
123 | "lint": {
124 | "builder": "@angular-devkit/build-angular:tslint",
125 | "options": {
126 | "tsConfig": [
127 | "tsconfig.app.json",
128 | "tsconfig.spec.json",
129 | "e2e/tsconfig.json"
130 | ],
131 | "exclude": ["**/node_modules/**"]
132 | }
133 | },
134 | "e2e": {
135 | "builder": "@angular-devkit/build-angular:protractor",
136 | "options": {
137 | "protractorConfig": "e2e/protractor.conf.js",
138 | "devServerTarget": "app:serve"
139 | },
140 | "configurations": {
141 | "production": {
142 | "devServerTarget": "app:serve:production"
143 | },
144 | "ci": {
145 | "devServerTarget": "app:serve:ci"
146 | }
147 | }
148 | },
149 | "ionic-cordova-build": {
150 | "builder": "@ionic/angular-toolkit:cordova-build",
151 | "options": {
152 | "browserTarget": "app:build"
153 | },
154 | "configurations": {
155 | "production": {
156 | "browserTarget": "app:build:production"
157 | }
158 | }
159 | },
160 | "ionic-cordova-serve": {
161 | "builder": "@ionic/angular-toolkit:cordova-serve",
162 | "options": {
163 | "cordovaBuildTarget": "app:ionic-cordova-build",
164 | "devServerTarget": "app:serve"
165 | },
166 | "configurations": {
167 | "production": {
168 | "cordovaBuildTarget": "app:ionic-cordova-build:production",
169 | "devServerTarget": "app:serve:production"
170 | }
171 | }
172 | }
173 | }
174 | }
175 | },
176 | "cli": {
177 | "defaultCollection": "@ionic/angular-toolkit"
178 | },
179 | "schematics": {
180 | "@ionic/angular-toolkit:component": {
181 | "styleext": "scss"
182 | },
183 | "@ionic/angular-toolkit:page": {
184 | "styleext": "scss"
185 | }
186 | }
187 | }
188 |
--------------------------------------------------------------------------------
/browserslist:
--------------------------------------------------------------------------------
1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 |
5 | # You can see what browsers were selected by your queries by running:
6 | # npx browserslist
7 |
8 | > 0.5%
9 | last 2 versions
10 | Firefox ESR
11 | not dead
12 | not IE 9-11 # For IE 9-11 support, remove 'not'.
13 |
--------------------------------------------------------------------------------
/e2e/protractor.conf.js:
--------------------------------------------------------------------------------
1 | // Protractor configuration file, see link for more information
2 | // https://github.com/angular/protractor/blob/master/lib/config.ts
3 |
4 | const { SpecReporter } = require('jasmine-spec-reporter');
5 |
6 | exports.config = {
7 | allScriptsTimeout: 11000,
8 | specs: [
9 | './src/**/*.e2e-spec.ts'
10 | ],
11 | capabilities: {
12 | 'browserName': 'chrome'
13 | },
14 | directConnect: true,
15 | baseUrl: 'http://localhost:4200/',
16 | framework: 'jasmine',
17 | jasmineNodeOpts: {
18 | showColors: true,
19 | defaultTimeoutInterval: 30000,
20 | print: function() {}
21 | },
22 | onPrepare() {
23 | require('ts-node').register({
24 | project: require('path').join(__dirname, './tsconfig.json')
25 | });
26 | jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
27 | }
28 | };
29 |
--------------------------------------------------------------------------------
/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { AppPage } from './app.po';
2 |
3 | describe('new App', () => {
4 | let page: AppPage;
5 |
6 | beforeEach(() => {
7 | page = new AppPage();
8 | });
9 |
10 | it('should be blank', () => {
11 | page.navigateTo();
12 | expect(page.getParagraphText()).toContain('Start with Ionic UI Components');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | navigateTo() {
5 | return browser.get('/');
6 | }
7 |
8 | getParagraphText() {
9 | return element(by.deepCss('app-root ion-content')).getText();
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/e2e/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": [
8 | "jasmine",
9 | "jasminewd2",
10 | "node"
11 | ]
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/firebase.json:
--------------------------------------------------------------------------------
1 | {
2 | "hosting": {
3 | "public": "www",
4 | "ignore": [
5 | "firebase.json",
6 | "**/.*",
7 | "**/node_modules/**"
8 | ],
9 | "rewrites": [
10 | {
11 | "source": "**",
12 | "destination": "/index.html"
13 | }
14 | ]
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/ionic-3/.editorconfig:
--------------------------------------------------------------------------------
1 | # EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
2 | # editorconfig.org
3 |
4 | root = true
5 |
6 | [*]
7 | indent_style = space
8 | indent_size = 2
9 |
10 | # We recommend you to keep these unchanged
11 | end_of_line = lf
12 | charset = utf-8
13 | trim_trailing_whitespace = true
14 | insert_final_newline = true
15 |
16 | [*.md]
17 | trim_trailing_whitespace = false
--------------------------------------------------------------------------------
/ionic-3/.gitignore:
--------------------------------------------------------------------------------
1 | # Specifies intentionally untracked files to ignore when using Git
2 | # http://git-scm.com/docs/gitignore
3 |
4 | *~
5 | *.sw[mnpcod]
6 | *.log
7 | *.tmp
8 | *.tmp.*
9 | log.txt
10 | *.sublime-project
11 | *.sublime-workspace
12 | .vscode/
13 | npm-debug.log*
14 |
15 | .idea/
16 | .sass-cache/
17 | .tmp/
18 | .versions/
19 | coverage/
20 | dist/
21 | node_modules/
22 | tmp/
23 | temp/
24 | hooks/
25 | platforms/
26 | plugins/
27 | plugins/android.json
28 | plugins/ios.json
29 | www/
30 | $RECYCLE.BIN/
31 |
32 | .DS_Store
33 | Thumbs.db
34 | UserInterfaceState.xcuserstate
35 |
--------------------------------------------------------------------------------
/ionic-3/.io-config.json:
--------------------------------------------------------------------------------
1 | {"app_id":"6e8c940e","api_key":"ccc6d03303fdd396acfdf57b29e065529cba9d6615ae38f0"}
--------------------------------------------------------------------------------
/ionic-3/README.md:
--------------------------------------------------------------------------------
1 | ## Ionic 3 Forms
2 |
3 | ### Complete Tutorial in: https://ionicthemes.com/tutorials/about/forms-and-validation-in-ionic
4 |
5 | **Please support this project by simply putting a Github star ⭐. Share this library with friends on Twitter and everywhere else you can. 🙏**
6 |
7 | This repo is part of an Ionic 3 tutorial where you will learn everything about Ionic forms and input validations in Ionic apps.
8 |
9 | We will discuss the best practices for designing user-friendly forms with ionic. Then we will go through the differences between Angular template driven and reactive forms.
10 |
11 | For this ionic tutorial we created a mobile app example with lots of forms and validations to help you master data collection using angular reactive forms and also some techniques to excel the user experience.
12 |
13 | We will explain you the core concepts of: FormControl, FormGroup, FormBuilder and Validators and show you examples so you can learn to use them properly.
14 |
15 | We want this to be the best ionic forms tutorial, so we created advanced custom validators to show you how to validate passwords, phone numbers and unique usernames.
16 |
17 | Learn more in https://ionicthemes.com/tutorials/about/forms-and-validation-in-ionic
18 |
--------------------------------------------------------------------------------
/ionic-3/config.xml:
--------------------------------------------------------------------------------
1 |
2 |