teradata / vantage-ui-template Goto Github PK
View Code? Open in Web Editor NEWTemplate for UI applications in Vantage
License: MIT License
Template for UI applications in Vantage
License: MIT License
Hi,
I think this is a bug report
Stepper methods doesn't work for TDStepComponent, toogle(), nor open() and close()
for exemple I tried adding a stepper in the userformcomponent please see the code in files below.
The line nextStep.toggle() in form.component.ts should trigger a toggle but it doesn't
I also tried to mix curStep.close() and nextStep.open().... same problems.
Thank you for your help
Regards
I just cloned this repo, run all the commands and when I try to run ng serve it has an error:
You have to be inside an angular-cli project in order to use the serve command.
And I'm sure that I'm in the correct folder!
I have another project that works, cloned for this quickstart (version of covalent 0.10.0), but now I want to have the latest version of covalent. I think that is better cloned the repo again and only copy my src
folder...
I'm on LinuxMint 18 and have node v6.10.0 and npm v4.3.0
Thanks!
Big fan of this; using it to prototype much faster.
Is it possible to remove the "Loading Covalent Quickstart" screen that occurs every time I refresh? It would rapidly increase my development time.
This repository's issues are reserved for feature requests and bug reports.
Bug
please first make sure your request falls under the official Material Design spec guidelines https://material.google.com/
please provide steps to reproduce and if possible screenhots or animated Gifs.
you can easily create animated Gif with this free PC/OSX App: http://www.cockos.com/licecap/
Using Edge on Win 10 navigate to https://teradata.github.io/covalent/#/
It hangs on the logo in the middle of the screen.
Same thing for the Quick Start project (http://localhost:4200/#/). Error from Edge dev tools below.
SCRIPT65535: Argument not optional
main.bundle.js (154028,13)
Note: Both urls work fine in Chrome and Firefox on the same machine.
Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.
(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)
This repository's issues are reserved for feature requests and bug reports.
BUG
svg icons are oversized in Firefox vs Chrome.
To check by yourself, go to official Teradata Covalent Template Plnker for Landing page app Template : https://run.plnkr.co/preview/cj81wh64u0007345sb154egxq/
svg rendering should be homogeneous across browsers. Chrome seems to render the svg in a corerct way, whereas Firefox doesn't
Web page design is distorted in Firexfox.
angular/cli: 1.4.1
node: 7.10.1
FireFox:
55.0.2 (64-bit)
Chrome:
Version 61.0.3163.100 (Official Build) (64-bit)
OS:
Linux Mint 17 Qiana
RELEASE=17
CODENAME=qiana
EDITION="Cinnamon 64-bit"
DESCRIPTION="Linux Mint 17 Qiana"
DESKTOP=Gnome
TOOLKIT=GTK
Don't know
Any chance to test with angular-cli
webpack branch which is landing in master this week?
This repository's issues are reserved for feature requests and bug reports.
Feature Request...(documentation)
Please add an example of using the custom themes to the docs. I can't for the life of me get them to work...
Top bar will change color to match the custom theme specs
I see the custom theme definitions in theme.scss but can't get them to be reflected in the UI following the latest guidance from the Angular Material project...i.e adding a wrapping div with class='white-orange'
, for example.
On Windows, clone the repo and npm i.
Error = '.' is not recognized as an internal or external command,
Installation works.
Availability to windows users.
Fix = "webdriver-manager update && bash ./scripts/protractor.sh" in package.json
Hi!
Report a bug
I cloned this repo and do all the stuff.. when I run "ng serve", it shows me an error and doesn't compile:
ERROR in Cannot read property 'getSymbolByModule' of undefined
I searched in google and adding this line to tsconfig.app.json
:
"files": ["main"],
, below of "compileOnSave", and it works...
Do you know if it is right to add this line? maybe you forgotten to add that line? or I'm wrong?
Thanks!
This repository's issues are reserved for feature requests and bug reports.
please provide steps to reproduce and if possible screenhots or animated Gifs.
you can easily create animated Gif with this free PC/OSX App: http://www.cockos.com/licecap/
dir="rtl"
in index.html
file cause collapsing the layout.Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.
Windows 10
node v6.9.5
npm 3.10.10
@covalent/core 1.0.0-beta.3
(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)
Hi,
My app is based on : npm install -g yo generator-aspnetcore-spa
Then I removed Bootstrap and now I try to install Angular Material + Covalent
This is my packages.json
"name": "WebApplicationBasic",
"version": "0.0.0",
"scripts": {
"test": "karma start ClientApp/test/karma.conf.js"
},
"dependencies": {
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/material": "2.0.0-beta.5",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/platform-server": "^4.0.0",
"@angular/router": "^4.0.0",
"@covalent/core": "1.0.0-beta.4",
"@types/node": "7.0.18",
"angular2-template-loader": "0.6.2",
"aspnet-prerendering": "^2.0.5",
"aspnet-webpack": "^1.0.29",
"awesome-typescript-loader": "3.1.3",
"css": "2.2.1",
"css-loader": "0.28.1",
"es6-shim": "0.35.3",
"event-source-polyfill": "0.0.9",
"expose-loader": "0.7.3",
"extract-text-webpack-plugin": "2.1.0",
"file-loader": "0.11.1",
"html-loader": "0.4.5",
"isomorphic-fetch": "2.2.1",
"jquery": "3.2.1",
"json-loader": "0.5.4",
"preboot": "4.5.2",
"reflect-metadata": "0.1.10",
"rxjs": "^5.0.1",
"style-loader": "0.17.0",
"to-string-loader": "1.1.5",
"typescript": "2.3.2",
"url-loader": "0.5.8",
"webpack": "2.5.1",
"webpack-hot-middleware": "2.18.0",
"webpack-merge": "4.1.0",
"zone.js": "^0.8.4",
"raw-loader": "^0.5.1",
"sass-loader": "^6.0.5"
},
"devDependencies": {
"@types/chai": "3.5.2",
"@types/jasmine": "2.5.47",
"chai": "3.5.0",
"jasmine-core": "2.6.1",
"karma": "1.7.0",
"karma-chai": "0.1.0",
"karma-chrome-launcher": "2.1.1",
"karma-cli": "1.0.1",
"karma-jasmine": "1.1.0",
"karma-webpack": "2.0.3",
"node-sass": "^4.5.3"
}
}
In app.module.client, I added:
import { MaterialModule } from '@angular/material';
import {
CovalentCoreModule
} from '@covalent/core';
@NgModule({
bootstrap: sharedConfig.bootstrap,
declarations: sharedConfig.declarations,
imports: [
//...
CovalentCoreModule.forRoot(),
//...
...sharedConfig.imports
],
providers: [
{ provide: 'ORIGIN_URL', useValue: location.origin }
]
})
export class AppModule {
}
CovalentCoreModule is not available anymore, what is the workaround to make it work?
I tried by adding all the module available:
CovalentChipsModule,
CovalentCommonModule,
CovalentDataTableModule,
CovalentDialogsModule,
CovalentExpansionPanelModule,
CovalentFileModule,
CovalentJsonFormatterModule,
CovalentLayoutModule,
CovalentLoadingModule,
CovalentMediaModule,
CovalentMenuModule,
CovalentMessageModule,
CovalentNotificationsModule,
CovalentPagingModule,
CovalentSearchModule,
CovalentStepsModule,
But I still have an error:
If 'md-card-content' is an Angular component, then verify that it is part of this module.
What do you suggest?
Hi all,
It seems that the example is not compatible with beta 7. for example
1- the menu button is not showing (as in your documentation we must add the following which is not present in the quickstart.
<button md-icon-button [tdLayoutToggle]="true"> menu
).
2- The logo is not aligned so i needed to add the folowwin in my css to align it :
.mat-icon.md-icon-logo {
height: auto;
width: 100px
}
Can you please cofirm me if the quickstart is compatible or not?
Thankyou in advance
Include examples using:
This repository's issues are reserved for feature requests and bug reports.
As the package.json has all the dependencies written with ^
, npm is installling typescript version 2.1.4 and this version breaks something in the build process (s-panferov/awesome-typescript-loader#190 (comment)).
$ ng serve
Could not start watchman; falling back to NodeWatcher for file system events.
Visit http://ember-cli.com/user-guide/#watchman for more info.
** NG Live Development Server is running on http://localhost:4200. **
11% building modules 9/18 modules 9 active ...s/webpack-dev-server/client/socket.jsTypeError: Cannot read property 'exclude' of undefined
at applyDefaults (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
at Object.ensureInstance (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
at compiler (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:37:20)
at Object.loader (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:18:18)
at LOADER_EXECUTION (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
at runSyncOrAsync (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:213:10)
at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:228:3
at Object.context.callback (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
at Object.module.exports (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/angular2-template-loader/index.js:32:10)
at LOADER_EXECUTION (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
at runSyncOrAsync (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:197:4
at Storage.finished (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:39:16)
at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/enhanced-resolve/node_modules/graceful-fs/graceful-fs.js:78:16
at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:445:3) 'TypeError: Cannot read property \'exclude\' of undefined\n at applyDefaults (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:266:72)\n at Object.ensureInstance (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:145:5)\n at compiler (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:37:20)\n at Object.loader (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:18:18)\n at LOADER_EXECUTION (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n at runSyncOrAsync (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:213:10)\n at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:228:3\n at Object.context.callback (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:106:13)\n at Object.module.exports (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/angular2-template-loader/index.js:32:10)\n at LOADER_EXECUTION (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n at runSyncOrAsync (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:197:4\n at Storage.finished (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:39:16)\n at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/enhanced-resolve/node_modules/graceful-fs/graceful-fs.js:78:16\n at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:445:3)'
3544ms building modules 1ms add1m309ms c32ms asset15ms emittinggHash: 74b3a6409ee63f01d662
Version: webpack 2.1.0-beta.25
Time: 3980ms
Asset Size Chunks Chunk Names
scripts.bundle.js 97.5 kB 2, 3 [emitted] scripts
e79bfd88537def476913f3ed52f4f4b3.eot 143 kB [emitted]
012cf6a10129e2275d79d6adac7f3b02.woff 57.6 kB [emitted]
570eb83859dc23dd0eec423a49e147fe.woff2 44.3 kB [emitted]
main.bundle.js 241 kB 0, 3 [emitted] main
styles.bundle.js 354 kB 1, 3 [emitted] styles
a37b0c01c0baf1888ca812cc0508f6e2.ttf 128 kB [emitted]
inline.js 5.53 kB 3 [emitted] inline
main.map 299 kB 0, 3 [emitted] main
styles.map 473 kB 1, 3 [emitted] styles
scripts.map 119 kB 2, 3 [emitted] scripts
inline.map 5.59 kB 3 [emitted] inline
index.html 694 bytes [emitted]
ERROR in ./src/main.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
at applyDefaults (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
at Object.ensureInstance (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
at compiler (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:37:20)
at Object.loader (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:18:18)
@ multi main
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 2.97 kB 0
webpack: bundle is now VALID.
After changing the package.json and install typescript 2.0.10 fixes the problem.
"typescript": "2.0.10"
. I would suggest to don't declare the versions with ^
in the package.json.
The Version you specified is depreciated.
If i update it mannually.. i getting Error
Ng Serv not working.. It need both global and local should be same.. So make your angular-cli latest
The example will install sucessfully on Windows.
This affects the most recent version as of 7-13-2017
I am trying to install the example on my Windows laptop, but it fails on the second to last step npm i
.
Here is the error message, log file attached below:
PS C:\Users\ks777e\Angular\covalent-quickstart> npm i
> [email protected] postinstall C:\Users\ks777e\Angular\covalent-quickstart
> webdriver-manager update && ./scripts/protractor.sh
[16:25:42] I/update - chromedriver: file exists C:\Users\ks777e\Angular\covalent-quickstart\node_modules\protractor\node
_modules\webdriver-manager\selenium\chromedriver_2.30.zip
[16:25:42] I/update - chromedriver: unzipping chromedriver_2.30.zip
[16:25:42] I/update - chromedriver: chromedriver_2.30.exe up to date
[16:25:42] I/update - selenium standalone: file exists C:\Users\ks777e\Angular\covalent-quickstart\node_modules\protract
or\node_modules\webdriver-manager\selenium\selenium-server-standalone-3.4.0.jar
[16:25:42] I/update - selenium standalone: selenium-server-standalone-3.4.0.jar up to date
[16:25:43] I/update - geckodriver: file exists C:\Users\ks777e\Angular\covalent-quickstart\node_modules\protractor\node_
modules\webdriver-manager\selenium\geckodriver-v0.18.0.zip
[16:25:43] I/update - geckodriver: unzipping geckodriver-v0.18.0.zip
[16:25:43] I/update - geckodriver: geckodriver-v0.18.0.exe up to date
'.' is not recognized as an internal or external command,
operable program or batch file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any
"} (current: {"os":"win32","arch":"x64"})
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "i"
npm ERR! node v6.11.1
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] postinstall: `webdriver-manager update && ./scripts/protractor.sh`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'webdriver-manager update && ./scripts/protractor.sh
'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with th
[npm-debug.txt](https://github.com/Teradata/covalent-quickstart/files/1145327/npm-debug.txt)
e covalent-quickstart package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webdriver-manager update && ./scripts/protractor.sh
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs covalent-quickstart
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls covalent-quickstart
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\ks777e\Angular\covalent-quickstart\npm-debug.log
PS C:\Users\ks777e\Angular\covalent-quickstart> npm bugs covalent-quickstart
Node and npm versions:
PS C:\Users\ks777e\Angular\covalent-quickstart> node --version
v6.11.1
PS C:\Users\ks777e\Angular\covalent-quickstart> npm --version
3.10.10
I also tried converting my postinstall attribute in package.json to "postinstall": "webdriver-manager update && bash ./scripts/protractor.sh"
, which also did not help.
Any suggestions what to try next?
Bug
Covalent-data doesn't work by default in covalent-quickstart. Running "npm run start-api" fails because covalent-data expects the datum and schemas folders to be within a config folder.
https://github.com/Teradata/covalent-data/blob/6f9e2afdb161b1d3bae4ed4abb07217b2b8ce2f3/server.go
In order to fix this create a config folder within mock-api/ and move the datum and schemas folders within the config folder.
Addressed in PR #75
I can't find typeScript files in @covalent (v1.0.0-beta.2) node_modules anymore, do you plan to put those files back in next releases?
for example, dialog.module.ts and dialog.component.ts are missing in the picture below :
Typscript files were present in @covalent previous versions
Thanks,
Adding collapsible Sidenav and Navlists items. This would allow for options to organize these when used as menus.
Here's a live example
I ran all the steps with a clean install of node and npm, and got this error on ng serve from the covalent-quickstart directory:
You have to be inside an angular-cli project in order to use the serve command
Copy from Teradata/covalent#366
With pagination enabled on a data table, if you page and then start searching and it returns less items that can fit on a page, it says there are no results. But there are just no results on the page you currently are on. It should flip you back to page 1 so you can see your search results.
To reproduce:
i have clone quickstart repo -> npm install -> ng build --prod --aot and i got following error
ERROR in ./~/@covalent/core/index.ts
Module build failed: TypeError: Cannot read property 'text' of undefined
at Object.getTokenPosOfNode (/home/vinay/covalent-quickstart/node_modules/typescript/lib/typescript.js:6635:71)
at IdentifierObject.TokenOrIdentifierObject.getStart (/home/vinay/covalent-quickstart/node_modules/typescript/lib/typescript.js:78683:23)
at IdentifierObject.TokenOrIdentifierObject.getText (/home/vinay/covalent-quickstart/node_modules/typescript/lib/typescript.js:78704:77)
at refactor.findAstNodes.filter (/home/vinay/covalent-quickstart/node_modules/@ngtools/webpack/src/loader.js:135:44)
at Array.filter (native)
at refactor.findAstNodes.forEach.node (/home/vinay/covalent-quickstart/node_modules/@ngtools/webpack/src/loader.js:134:14)
at Array.forEach (native)
at _removeDecorators (/home/vinay/covalent-quickstart/node_modules/@ngtools/webpack/src/loader.js:125:10)
at Promise.resolve.then (/home/vinay/covalent-quickstart/node_modules/@ngtools/webpack/src/loader.js:295:33)
@ ./src/$$_gendir/app/app.module.ngfactory.ts 68:0-49
@ ./src/main.ts
@ multi ./src/main.ts
It's running fine with the existing develop branch (Aug 19), I can see the toggle button on the top left of the top toolbar. However, after I upgraded to latest version (see below), the toggle button is missing.
Qing
i am new too angular 2, i dont have idea about Angular Universal. i have gone through many articles and universal-cli but i got confused.
feature
please make this quick start production ready with Angular Universal, so noob developer like me can easily make production ready app.
Need to update this:
md-slide-toggle {
&.md-checked {
.md-slide-toggle-thumb {
background-color: $md-accent;
}
.md-slide-toggle-bar {
background-color: $md-accent-opacity;
}
}
}
to
md-slide-toggle {
&.md-checked {
.md-slide-toggle-thumb {
background-color: $md-accent;
}
.md-slide-toggle-bar {
background-color: $md-accent-opacity;
}
}
&.md-slide-toggle-focused {
.md-ink-ripple {
background-color: $md-accent-opacity;
}
}
}
so the ink-ripple matches the theme we're overriding in app/app.component.scss
To align better with the Angular 2 Style Guide, the quickstart should have feature modules for each directory under the app folder.
Loading all components into a single app module is not scalable. Demonstrating how to create feature modules would make it easier for users to adapt the quickstart to their needs.
This repository's issues are reserved for feature requests and bug reports.
please first make sure your request falls under the official Material Design spec guidelines https://material.google.com/
please provide steps to reproduce and if possible screenhots or animated Gifs.
you can easily create animated Gif with this free PC/OSX App: http://www.cockos.com/licecap/
Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.
(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)
Clone repo
yarn (install)
open in editor
TypeScript project is discovered and editor features light up.
Editor assistance
"dependencies": {
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/flex-layout": "2.0.0-beta.7",
"@angular/material": "2.0.0-beta.2",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/platform-server": "^4.0.0",
"@angular/router": "^4.0.0",
"@covalent/core": "1.0.0-beta.3",
"@covalent/dynamic-forms": "1.0.0-beta.3",
"@covalent/highlight": "1.0.0-beta.3",
"@covalent/http": "1.0.0-beta.3",
"@covalent/markdown": "1.0.0-beta.3",
"@swimlane/ngx-charts": "^5.0.0",
"core-js": "^2.4.1",
"hammerjs": "^2.0.8",
"highlight.js": "9.10.0",
"rxjs": "^5.2.0",
"showdown": "1.6.4",
"zone.js": "^0.8.5",
"d3": "^4.6.0"
},
"devDependencies": {
"@angular/cli": "1.0.0",
"@angular/compiler-cli": "4.0.0",
"@types/hammerjs": "2.0.30",
"@types/jasmine": "2.5.38",
"@types/node": "~6.0.60",
"@types/selenium-webdriver": "2.53.36",
"codelyzer": "~2.0.0",
"jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "3.2.0",
"karma": "~1.4.1",
"karma-chrome-launcher": "~2.0.0",
"karma-cli": "~1.0.1",
"karma-jasmine": "^1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"karma-coverage-istanbul-reporter": "^0.2.0",
"karma-firefox-launcher": "1.0.0",
"phantomjs-prebuilt": "2.1.7",
"protractor": "~5.1.0",
"ts-node": "~2.1.0",
"tslint": "^4.5.1",
"typescript": "~2.2.0"
},
"optionalDependencies": {
"@covalent/data": "0.4.0"
}
I worked around the issue by creating a tsconfig.json and adding:
{
"extends": "./tsconfig.app.json"
}
When I use ng build -prod
and upload everything where is on my dist/ folder to a server, I am getting the following error:
DevTools failed to parse SourceMap: http://mysite.com/hammer.min.js.map
And the same error happens with showdown.
angular-cli: 1.0.0-beta.15
node: 7.0.0
webpack: 2.1.0-beta.22
os: darwin x64
I'm using covalent 8.0
I am trying to start writing an application with covalent-quickstart as starting point.
But when I tries to get data from java rest api, i get an error of cross origin access.
Use the latest templates & nested objects from Teradata/covalent-highlight-nightly#18
When following the getting started instructions from behind a corporate proxy, the command webdriver-manager update
fails. Simply adding args --proxy=<proxy>
and --ignore_ssl
does not help.
Bug
It appears that the schemas for the mock-api might be outdated?
The current schema in users.yaml is:
displayName: _firstname_ _lastname_
id: _firstname_._lastname_
email: _firstname_._lastname_@_company_.com
created: _createdtimestamp_
lastAccess: _itemtimestamp_
siteAdmin: _admin_
which produces:
[{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"},{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"},{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"},{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"},{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"}]
The documentation here shows a different syntax:
displayName: {{.firstname}} {{.lastname}}
id: {{toLower(.firstname)}}.{{toLower(.lastname)}}
email: {{toLower(.firstname)}}.{{toLower(.lastname)}}@{{.company}}.com
created: {{.createdtimestamp}}
lastAccess: {{.itemtimestamp}}
siteAdmin: {{randomNumber(1)}}
which produces:
[{"created":"10/01/2015 11:05 AM","displayName":"Aaron Burke","email":"[email protected]","id":"aaron.burke","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0},{"created":"10/01/2015 11:06 AM","displayName":"Olive Park","email":"[email protected]","id":"olive.park","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0},{"created":"10/01/2015 11:05 AM","displayName":"Benjamin Davidson","email":"[email protected]","id":"benjamin.davidson","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0},{"created":"10/01/2015 11:07 AM","displayName":"Edward Gonzales","email":"[email protected]","id":"edward.gonzales","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0},{"created":"10/01/2015 11:06 AM","displayName":"Carl Kim","email":"[email protected]","id":"carl.kim","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0}]
The other two (features.yaml and items.yaml) suffer the same issue. I'd just fix it and create a pull request, but I'm not sure how...
I'm in the process of trying to use the quickstart for a new project, but it's difficult to figure out what can be removed without breaking some aspect of the project structure. It would be nice if the quickstart was more minimalistic and/or provided instructions outlining the best way to strip out example elements
CovalentHttpModule.forRoot({
inteceptors: [{
interceptor: RequestInterceptor, paths: ['**'],
}],
}),
inteceptors should be interceptors
This repository's issues are reserved for feature requests and bug reports.
Feature
Deploy to heroku
I can't deply to heroku as soon as I have added a new dependency in the package.json.
I get an erro message that says to run yarn install in the covalent reporsitory, but running this command (yarn install) also throw an error..
A way to easily deployt to heroku and use the sources on Wnidows.
Thank you for your help,
Greetings, looking forward to checking out Covalent. I was unable to get the quick-start running 'out of the box', I had to update the package.json file with the following dependencies:
"dependencies": {
"@angular/common": "2.0.0-rc.4",
"@angular/compiler": "2.0.0-rc.4",
"@angular/core": "2.0.0-rc.4",
"@angular/forms": "0.2.0",
"@angular/http": "2.0.0-rc.4",
"@angular/platform-browser": "2.0.0-rc.4",
"@angular/platform-browser-dynamic": "2.0.0-rc.4",
"@angular/router": "3.0.0-beta.1",
"@angular/router-deprecated": "2.0.0-rc.2",
"@angular/upgrade": "2.0.0-rc.4",
"@angular2-material/button": "2.0.0-alpha.6-2",
"@angular2-material/card": "2.0.0-alpha.6-2",
"@angular2-material/core": "2.0.0-alpha.6-2",
"@angular2-material/icon": "2.0.0-alpha.6-2",
"@angular2-material/input": "2.0.0-alpha.6-2",
"@angular2-material/list": "2.0.0-alpha.6-2",
"@angular2-material/progress-bar": "2.0.0-alpha.6-2",
"@angular2-material/progress-circle": "2.0.0-alpha.6-2",
"@angular2-material/sidenav": "2.0.0-alpha.6-2",
"@angular2-material/toolbar": "2.0.0-alpha.6-2",
"@covalent/core": "0.5.0",
"@covalent/file-upload": "0.5.0",
"@covalent/highlight": "0.5.0",
"@covalent/markdown": "0.5.0",
"es6-shim": "^0.35.1",
"reflect": "^0.1.3",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.6",
"showdown": "^1.4.2",
"systemjs": "^0.19.35",
"zone.js": "^0.6.12"
},
Note: rxjs has to be 5.0 beta 6, the current beta 10 throws a symbol-observable error.
Thanks!
This repository's issues are reserved for feature requests and bug reports.
bug
please first make sure your request falls under the official Material Design spec guidelines https://material.google.com/
please provide steps to reproduce and if possible screenhots or animated Gifs.
you can easily create animated Gif with this free PC/OSX App: http://www.cockos.com/licecap/
I'd think the placeholder text should appear when the search is expanded so that they know what the field is for. I ended up adding a block of text to the side for the time being until I play with it more.
^
I'm on the latest build (with 2.4.1) and using chrome
Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.
Haven't checked the others
(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)
Main covalent was upgraded to "@covalent/core": "^1.0.0-beta.8-1",
which has support for "@angular/material": "^2.0.0-beta.12",
and "@angular/cdk": "^2.0.0-beta.12",
. I upgraded my app but got this error were I can not see <div mat-toolbar td-toolbar-content layout="row" layout-align="start center" flex>
and <a mat-fab color="accent" class="mat-fab-bottom-right" [routerLink]="['add']"> <mat-icon>add</mat-icon> </a> ![screen shot 2017-10-13 at 9 44 51 am](https://user-images.githubusercontent.com/4210156/31533491-3555de84-affb-11e7-8342-56f49df4173d.png)
how to call overview.component method from dashboard-product.component in Teradata covalent quickstart app
How to call the function of another component in angular 2. I have two parents and child component and I want to call child method from the parent component.
Actually, I am using service from child class component. and I want to call child method from parents class components. and I tried to call from parents using @ViewChild but it gives an error and not working for me.
please help me
Hi!
I got a problem when I build the covalent with webpack like below:
File to import not found or unreadable: ~@angular/material/core/theming/all-theme.
And when I replace '~' with '../node_modules/@angular/material/core/theming/all-theme' ,it changed to print the error with covalent's theme files.
So is there anyone can help?
This repository's issues are reserved for feature requests and bug reports.
Report a Bug
After installing yo aspnetgenerator-spa I am trying to add CovalentCoreModule.
But getting unmet error:
UNMET PEER DEPENDENCY @angular/[email protected]
+-- @covalent/[email protected]
| `-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- @covalent/[email protected]
Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.
My dependencies are:
"dependencies": {
"@angular/animations": "^4.1.3",
"@angular/common": "^4.1.3",
"@angular/compiler": "^4.1.3",
"@angular/compiler-cli": "^4.1.3",
"@angular/core": "^4.1.3",
"@angular/forms": "^4.1.3",
"@angular/http": "^4.1.3",
"@angular/material": "^2.0.0-beta.6",
"@angular/platform-browser": "^4.1.3",
"@angular/platform-browser-dynamic": "^4.1.3",
"@angular/platform-server": "^4.1.3",
"@angular/router": "^4.1.3",
"@covalent/core": "1.0.0-beta.4",
"@covalent/dynamic-forms": "1.0.0-beta.4",
"@covalent/highlight": "1.0.0-beta.4",
"@covalent/http": "1.0.0-beta.4",
"@covalent/markdown": "1.0.0-beta.4",
"@types/node": "7.0.18",
"angular2-template-loader": "0.6.2",
"aspnet-prerendering": "^2.0.5",
"aspnet-webpack": "^1.0.29",
"awesome-typescript-loader": "3.1.3",
"bootstrap": "3.3.7",
"css": "2.2.1",
"css-loader": "0.28.1",
"es6-shim": "0.35.3",
"event-source-polyfill": "0.0.9",
"expose-loader": "0.7.3",
"extract-text-webpack-plugin": "2.1.0",
"file-loader": "0.11.1",
"hammerjs": "^2.0.8",
"html-loader": "0.4.5",
"isomorphic-fetch": "2.2.1",
"jquery": "3.2.1",
"json-loader": "0.5.4",
"less": "^2.7.2",
"less-loader": "^4.0.4",
"preboot": "4.5.2",
"raw-loader": "0.5.1",
"reflect-metadata": "0.1.10",
"rxjs": "5.4.0",
"style-loader": "0.17.0",
"to-string-loader": "1.1.5",
"typescript": "^2.3.4",
"url-loader": "0.5.8",
"webpack": "2.5.1",
"webpack-hot-middleware": "2.18.0",
"webpack-merge": "4.1.0",
"zone.js": "0.8.10"
},
Please help me with installing CovalentCoreModule.
Thank you
I'm not sure if this counts as a bug - but figured I'd open this issue to see if you all think worth having a discussion. I'm playing around with this starter app (it's great!), and decided to run it through Google's Lighthouse tool to see what it says. Turns out, there may be some low-hanging fruit to improve the baseline performance and demonstrate even more Angular best-practices in this quickstart.
Let me know if there's a better place to chat about this, or if you have any questions for me!
The easiest way is to use the chrome extension.
instead for the ghpages-deploy we should search and replace those API endpoints with hosted endpoints on Firebase or Heroku
Hello ,
I have successfully used covalent-quickstart for prototyping this site:
,but the pages which I have added are not rendered in Firefox and Safari , in Chrome everything works fine ! Really to say the rest of the demo pages are rendered correctly and I'm wondering where is my mistake, If someone could help will be great!
Reggards
On yarn install
, the following message is displayed:
error [email protected]: The engine "node" is incompatible with this module. Expected version ">4.4 < 7".
Is there support for Node 9? Of course I can work around this by editing the default package.json but I'm curious if there is some incompatibility I should be aware of.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.