diff --git a/01_HelloWorld.md b/01_HelloWorld.md deleted file mode 100644 index c760d0c4..00000000 --- a/01_HelloWorld.md +++ /dev/null @@ -1,92 +0,0 @@ -Ref: https://angular.io/docs/ts/latest/quickstart.html - -## Step #1: Package definition and configuration files - -Add the following package definition and configuration files to the project folder: - -**package.json** lists packages the QuickStart app depends on and defines some useful scripts. -**tsconfig.json** is the TypeScript compiler configuration file. -**typings.json** identifies TypeScript definition files. -**systemjs.config.js** is the SystemJS configuration file. - -## Step #2: Install packages -We install the packages listed in package.json using npm. -```sh -$ npm install -``` -## Step #4: app folder -Let's create a folder to hold our application and add a super-simple Angular component. -```sh -$ mkdir app -``` -**File: app/app.component.ts** -AppComponent is the root of the application - -Every Angular app has at least one root component, conventionally named AppComponent, that hosts the client user experience. Components are the basic building blocks of Angular applications. A component controls a portion of the screen — a view — through its associated template. - -```javascript -import { Component } from '@angular/core'; -@Component({ - selector: 'my-app', - template: '<h1>My First Angular 2 App</h1>' -}) -export class AppComponent { } -``` -**File: app/app.module.ts** -We compose Angular apps into closely related blocks of functionality with Angular Modules. Every app requires at least one module, the root module, that we call AppModule by convention. - -```javascript -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; - -import { AppComponent } from './app.component'; - -@NgModule({ - imports: [ BrowserModule ], - declarations: [ AppComponent ], - bootstrap: [ AppComponent ] -}) -export class AppModule { } -``` -**File: app/main.ts** -Now we need something to tell Angular to load the app module. Create the file app/main.ts -```javascript -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; -import { AppModule } from './app.module'; -platformBrowserDynamic().bootstrapModule(AppModule); -``` - -**File: index.html** -In the project root folder create an index.html file with appropriate content -Minimal index file Eg: -```html - - - Angular 2 QuickStart - - - - - - - - - - - - - - - Loading... - - -``` - -## Step #5: lite-server (optional) -We could use lite-server from npm without needing to worry about webserver installation and configuration -Enter the following command in a terminal window (command window in Windows): -```sh -$ npm start -``` diff --git a/02_Theme.md b/02_Theme.md deleted file mode 100644 index db02d45a..00000000 --- a/02_Theme.md +++ /dev/null @@ -1,63 +0,0 @@ -# Changes over previous version: -- **Removed "exclude" definitions** from tsconfig.json - it causes npm install to fail installing all the required files - - -# Implementation of Theme - -## Pre-setup -Create folder structure for global assets such as stylesheets, images and other scripts -- ** assets/css** : Globally acccessable style sheets -- ** assets/img** : Globally acccessable images -- ** assets/js** : Globally acccessable javascripts - -As a foundation, Downloaded and deployed bootstrap v4.0.0-alpha.3 in to the assets folders -## Changes to File: index.html: -```html - - ... - - - -``` - -```html - - - - -``` - -## Folder structure for custom theme -- ** themes/** : Theme folder -- ** themes//css** : All style sheets related to theme goes here -- ** themes//img** : All image files related to theme goes here -- ** themes//theme.tpl.html** : Main template file, which defines the style and appearance of the web pages. - -### Eg. -- ** themes/bs4/** : Theme folder -- ** themes/bs4/css/theme.css** : Custome theme folder -- ** themes/bs4/img/logo.png** : Logo -- ** themes/bs4/theme.tpl.html** : -```html -
- -
-

© Company 2016

-
-
-``` - -## Code changes - - -**File: app.component.ts**: -```javascript -import { Component } from '@angular/core'; -var theme = 'default'; // default theme -@Component({ - selector: 'my-app', - templateUrl: '../themes/'+ theme +'/theme.tpl.html', -}) -export class AppComponent {} -``` diff --git a/03_Routing.md b/03_Routing.md deleted file mode 100644 index 98f25ff0..00000000 --- a/03_Routing.md +++ /dev/null @@ -1,72 +0,0 @@ -# Implementation of Routing -## Step #1: Folder structure and basic components -Create Folder: app/components -Components to create -app/components/about - - about.component.ts -```javascript - import { Component } from '@angular/core'; - @Component({ - template: '

About page

' - }) - export class AboutComponent { - } -``` -app/components/contact - - contact.component.ts -app/components/home - - home.component.ts -app/components/profile - - profile.component.ts - -## Step #2: Add components to app.module.ts -```javascript -... -import { HomeComponent } from './components/home/home.component'; -import { AboutComponent } from './components/about/about.component'; -import { ProfileComponent } from './components/profile/profile.component'; -import { ContactComponent } from './components/contact/contact.component'; -... -declarations: [ AppComponent, HomeComponent, AboutComponent, ProfileComponent, ContactComponent ], -... -``` - -## Step #3: Create a new file app.routing.ts -File contents: -... - -## Step #4: include app.routing to app.module -```javascript -... -import {routing} from './app/app.routing'; -... -imports: [ BrowserModule, routing ], -... -``` - -## Step #5: Add base href to index.html - -```html - - -``` - -## Step #6: create router-outlet -File : theme.tpl.html -Include router-outline where the page content goes -```html - -... - -... - -... -``` - -## Step #7: Create menu items -File: themes/default/theme.tpl.html -```html -... - Home -... -``` \ No newline at end of file diff --git a/04_MultiLang.md b/04_MultiLang.md deleted file mode 100644 index 79250797..00000000 --- a/04_MultiLang.md +++ /dev/null @@ -1,113 +0,0 @@ -# Implimentation of Multi Lingual content - -## Step #1: Installation of ng2-translate -Run the following command from the command line: -```sh - npm install ng2-translate --save -``` - -## Step #2: Changes to systemjs.config.js -```javascript -... - var map = { - 'app': 'app', // 'dist', - '@angular': 'node_modules/@angular', - 'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', - 'rxjs': 'node_modules/rxjs', - 'ng2-translate': 'node_modules/ng2-translate', // + included in the map list - }; -// packages tells the System loader how to load when no filename and/or no extension - var packages = { - 'app': { main: 'main.js', defaultExtension: 'js' }, - 'rxjs': { defaultExtension: 'js' }, - 'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' }, - 'ng2-translate': { main: 'ng2-translate.js', defaultExtension: 'js' } // + Included in the packages list - }; - ... -``` -## Step #3: changes to app/app.module.ts - -```javascript -... -import {HttpModule} from '@angular/http'; -import {TranslateModule} from 'ng2-translate/ng2-translate'; - -@NgModule({ - imports: [ - BrowserModule, - routing, - HttpModule, - TranslateModule.forRoot() - ], -... -``` - - -## Step #4: chagnes to app/app.component.ts -```javascript -... -import {TranslateService} from 'ng2-translate/ng2-translate'; -... -export class AppComponent implements OnInit { - constructor(private translate: TranslateService) { - translate.setDefaultLang('en'); - translate.use('de'); - } -} -``` - - -## Step #5: Create language files: -File : i18n/en.json -```json -{ - "HELLO": "hello" -} -``` -Files : i18n/de.json -```json -{ - "HELLO": "hallo" -} -``` - - - - - -# Implementing Language Switcher -## Step #1: changes to app/app.component.ts -```javascript -export class AppComponent implements OnInit { - public langList = []; - constructor(private translate: TranslateService) { - translate.setDefaultLang('en'); - translate.use('de'); - } - ngOnInit(){ - this.langList = [ - {lang:'en', 'flag':'en.gif' }, - {lang:'de', 'flag':'de.gif' } - ]; - } - onLangChange(val){ - this.translate.use(val); - } -} -``` -## Step #2: Changes to theme file -File: themes/default/theme.tpl.html - -```html - - - - - - - - - -     - -``` \ No newline at end of file diff --git a/npm-debug.log b/npm-debug.log new file mode 100644 index 00000000..9c6fce87 --- /dev/null +++ b/npm-debug.log @@ -0,0 +1,48 @@ +0 info it worked if it ends with ok +1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe', +1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js', +1 verbose cli 'run', +1 verbose cli 'lite' ] +2 info using npm@3.9.5 +3 info using node@v6.2.2 +4 verbose run-script [ 'prelite', 'lite', 'postlite' ] +5 info lifecycle ngProfile@0.2.0~prelite: ngProfile@0.2.0 +6 silly lifecycle ngProfile@0.2.0~prelite: no script for prelite, continuing +7 info lifecycle ngProfile@0.2.0~lite: ngProfile@0.2.0 +8 verbose lifecycle ngProfile@0.2.0~lite: unsafe-perm in lifecycle true +9 verbose lifecycle ngProfile@0.2.0~lite: PATH: C:\Program Files\nodejs\node_modules\npm\bin\node-gyp-bin;D:\ng2sites\ngProfile\node_modules\.bin;C:\Program Files\nodejs;C:\Program Files\nodejs\node_modules\npm\bin\node-gyp-bin;D:\ng2sites\ngProfile\node_modules\.bin;C:\Program Files\nodejs;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;d:\go\bin;C:\Program Files (x86)\Skype\Phone\;d:\MyFolders\xampp\php;C:\Program Files\nodejs\;C:\Users\Ganesh\AppData\Local\ComposerSetup\bin;C:\Users\Ganesh\AppData\Roaming\Composer\vendor\bin;C:\Users\Ganesh\AppData\Roaming\npm +10 verbose lifecycle ngProfile@0.2.0~lite: CWD: D:\ng2sites\ngProfile +11 silly lifecycle ngProfile@0.2.0~lite: Args: [ '/d /s /c', 'lite-server' ] +12 silly lifecycle ngProfile@0.2.0~lite: Returned: code: 1 signal: null +13 info lifecycle ngProfile@0.2.0~lite: Failed to exec lite script +14 verbose stack Error: ngProfile@0.2.0 lite: `lite-server` +14 verbose stack Exit status 1 +14 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:245:16) +14 verbose stack at emitTwo (events.js:106:13) +14 verbose stack at EventEmitter.emit (events.js:191:7) +14 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:24:14) +14 verbose stack at emitTwo (events.js:106:13) +14 verbose stack at ChildProcess.emit (events.js:191:7) +14 verbose stack at maybeClose (internal/child_process.js:852:16) +14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:215:5) +15 verbose pkgid ngProfile@0.2.0 +16 verbose cwd D:\ng2sites\ngProfile +17 error Windows_NT 10.0.10586 +18 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "lite" +19 error node v6.2.2 +20 error npm v3.9.5 +21 error code ELIFECYCLE +22 error ngProfile@0.2.0 lite: `lite-server` +22 error Exit status 1 +23 error Failed at the ngProfile@0.2.0 lite script 'lite-server'. +23 error Make sure you have the latest version of node.js and npm installed. +23 error If you do, this is most likely a problem with the ngProfile package, +23 error not with npm itself. +23 error Tell the author that this fails on your system: +23 error lite-server +23 error You can get information on how to open an issue for this project with: +23 error npm bugs ngProfile +23 error Or if that isn't available, you can get their info via: +23 error npm owner ls ngProfile +23 error There is likely additional logging output above. +24 verbose exit [ 1, true ] diff --git a/themes/default/css/theme.css b/themes/default/css/theme.css deleted file mode 100644 index 1135e251..00000000 --- a/themes/default/css/theme.css +++ /dev/null @@ -1,154 +0,0 @@ -/*! - * ngProfile - * Licensed under MIT - */ -/* -body { - - background: #f4f4f4 url("../images/03.jpg") repeat scroll 0 0; - - border-top: 3px solid #d9534f; - background-color: #F5F5F5; - color: #1e3948; - font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; - font-size: 14px; - line-height: 1.6; - - font-weight: 300; - letter-spacing: 0; - border-top: 3px solid #d9534f; - min-width: 100%; - width: 1px; - padding: 20px; -} -*/ -body { - background: #f1f3f6 none repeat scroll 0 0; - border-top: 3px solid #d9534f; - color: #546673; - overflow-y: scroll; - - - font-family: "Open Sans",Helvetica,Arial,sans-serif; - font-size: 14px; - font-weight: 300; - line-height: 18px; - margin: 0; - padding: 10px; - -} - - -h1, h2, h3, h4, h5, h6 { - font-family: "Open Sans Condensed",Arial,Helvetica,sans-serif; -} -.navbar-brand{ - font-family: "Open Sans Condensed",Arial,Helvetica,sans-serif; - font-size: 200%; -} - -.line{ - border-bottom: 1px solid #d1d3d4; -} - - -.card33 { - background: #fff none repeat scroll 0 0; - border: 1px solid #e0e3e9; - border-radius: 2px; - color: #546673; - font-size: 15px; - line-height: 1.45em; - margin-bottom: 7.5px; - position: relative; - word-wrap: break-word; -} -.box { - background-color: #fff; - border: 1px solid #d3e0e9; - display: block; - margin-bottom: -1px; - padding: 10px 15px 15px 15px; - position: relative; - -} -.breadcrumb2 { - background-color: #f5f8fa; - border: 1px solid #d3e0e9; - display: block; - margin-bottom: 10px; - padding: 5px 5px 5px 5px; - position: relative; - -} -.box2 { - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 4px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - margin-bottom: 22px; - border-radius: 4px; -} - -.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { - background-color: #fff; - border-color: #d9534f; - color: #d9534f; - z-index: 2; -} - -a.list-group-item, button.list-group-item { - color: #d9534f; - text-align: inherit; - width: 100%; -} - -a { - color: #d9534f; - text-decoration: none; - background-color: transparent; -} -a.hover { - color: #d9534f; - text-decoration: bold; - background-color: transparent; -} - -hr { - border-color: #d1d3d4; -moz-use-text-color -moz-use-text-color; -} - -.responsive-video { -position: relative; -padding-bottom: 56.25%; -padding-top: 60px; overflow: hidden; -} - - -.responsive-video iframe, -.responsive-video object, -.responsive-video embed { -position: absolute; -top: 0; -left: 0; -width: 100%; -height: 100%; -} - - - -.boxb { - padding:5px 5px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; -border-radius: 2px; - - border: solid #ccc 3px; - box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8); - -moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8); - -webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8); - text-shadow: 0 1px 2px #fff; -} - - - diff --git a/themes/default/theme.tpl.html b/themes/default/theme.tpl.html deleted file mode 100644 index db97ccd1..00000000 --- a/themes/default/theme.tpl.html +++ /dev/null @@ -1,50 +0,0 @@ -
- - - -
- -
-
-
{{'FOOTER_TEXT' | translate}}
-
-

- - - - - - - -     - - -

- -
- -
- -

-
- -
diff --git a/themes/theme2/css/theme.css b/themes/theme2/css/theme.css deleted file mode 100644 index 1135e251..00000000 --- a/themes/theme2/css/theme.css +++ /dev/null @@ -1,154 +0,0 @@ -/*! - * ngProfile - * Licensed under MIT - */ -/* -body { - - background: #f4f4f4 url("../images/03.jpg") repeat scroll 0 0; - - border-top: 3px solid #d9534f; - background-color: #F5F5F5; - color: #1e3948; - font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; - font-size: 14px; - line-height: 1.6; - - font-weight: 300; - letter-spacing: 0; - border-top: 3px solid #d9534f; - min-width: 100%; - width: 1px; - padding: 20px; -} -*/ -body { - background: #f1f3f6 none repeat scroll 0 0; - border-top: 3px solid #d9534f; - color: #546673; - overflow-y: scroll; - - - font-family: "Open Sans",Helvetica,Arial,sans-serif; - font-size: 14px; - font-weight: 300; - line-height: 18px; - margin: 0; - padding: 10px; - -} - - -h1, h2, h3, h4, h5, h6 { - font-family: "Open Sans Condensed",Arial,Helvetica,sans-serif; -} -.navbar-brand{ - font-family: "Open Sans Condensed",Arial,Helvetica,sans-serif; - font-size: 200%; -} - -.line{ - border-bottom: 1px solid #d1d3d4; -} - - -.card33 { - background: #fff none repeat scroll 0 0; - border: 1px solid #e0e3e9; - border-radius: 2px; - color: #546673; - font-size: 15px; - line-height: 1.45em; - margin-bottom: 7.5px; - position: relative; - word-wrap: break-word; -} -.box { - background-color: #fff; - border: 1px solid #d3e0e9; - display: block; - margin-bottom: -1px; - padding: 10px 15px 15px 15px; - position: relative; - -} -.breadcrumb2 { - background-color: #f5f8fa; - border: 1px solid #d3e0e9; - display: block; - margin-bottom: 10px; - padding: 5px 5px 5px 5px; - position: relative; - -} -.box2 { - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 4px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - margin-bottom: 22px; - border-radius: 4px; -} - -.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { - background-color: #fff; - border-color: #d9534f; - color: #d9534f; - z-index: 2; -} - -a.list-group-item, button.list-group-item { - color: #d9534f; - text-align: inherit; - width: 100%; -} - -a { - color: #d9534f; - text-decoration: none; - background-color: transparent; -} -a.hover { - color: #d9534f; - text-decoration: bold; - background-color: transparent; -} - -hr { - border-color: #d1d3d4; -moz-use-text-color -moz-use-text-color; -} - -.responsive-video { -position: relative; -padding-bottom: 56.25%; -padding-top: 60px; overflow: hidden; -} - - -.responsive-video iframe, -.responsive-video object, -.responsive-video embed { -position: absolute; -top: 0; -left: 0; -width: 100%; -height: 100%; -} - - - -.boxb { - padding:5px 5px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; -border-radius: 2px; - - border: solid #ccc 3px; - box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8); - -moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8); - -webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8); - text-shadow: 0 1px 2px #fff; -} - - - diff --git a/themes/theme2/theme.tpl.html b/themes/theme2/theme.tpl.html deleted file mode 100644 index bf50967c..00000000 --- a/themes/theme2/theme.tpl.html +++ /dev/null @@ -1,175 +0,0 @@ -
- -
-
- - -
- {{'LOGO_TEXT' | translate}} -
-

{{profile?.PersonalData?.DisplayName}}
{{profile?.PersonalData?.DisplayProfession}}

-

{{profile?.PersonalData?.DisplayCaption}}

- - - -
-
- - - -
- -
- - - {{profile?.PersonalData?.DisplayName}} - - {{item.Title}} - - -
-
-
Profile
-
- - -
-
-
ganesh35
-
- -
-
-
GoLang
-
- -
-
-
PHP Development
-
- -
-
-
Mediadoxx
-
- - - - - - - - -
- - -
-

Seeking employment

-
- - -
- - - - -
-
-

Language Skills

-

- - - -

-
English
-
Fluent
-
- -
-
German
-
Good Knowledge
-
- -
-
Telugu
-
First language
-
- -
-
Hindi
-
Good Knowledge
-
- - -

-
-
- - - - -
-
- - - -
- - - -
- -
-
-
- - - - - -
- -
-
-
{{'FOOTER_TEXT' | translate}}
-
-

- - - - - - - -     - - -

- -
- -
- -

-
- -