creativetimofficial / argon-design-system-angular Goto Github PK

T

Hello, i downloaded your template to incorporate it in my project, but when i edit the file app.module.ts i find an error in the imports, i add the line NgbModule, but when i gonna put the '.forRoot()' it throws me an error, and i don't know where or how fix it.
Can you help me with that?

Version

latest

Reproduction link

https://codepen.io/

Operating System

linux

Device

desktop

Browser & Version

google chrome, firefox

Steps to reproduce

1. open the application.
2. inspect element
3. simulate phone view
4. the drop down components which contains getting started, foundation, and components don't work

What is expected?

drop down components work in responsive mode

What is actually happening?

drop down components don't work in responsive mode

Solution

Additional comments

What is your enhancement?

test

Version

1.1.0

Reproduction link

https://github.com/creativetimofficial/argon-design-system-angular

Operating System

Any

Device

Any

Browser & Version

Firefox

Steps to reproduce

1. Just run the app and navigate to profile template page

What is expected?

No white lines across page

What is actually happening?

White line across page

Solution

Additional comments

#15

For smaller screens, on the profile page there is a white line across not just the profile photo, but the whole page.

Please see the attached photo.

This issue is in reference to the Angular version of Argon Design System.
https://www.creative-tim.com/new-issue/argon-design-system-angular

Issue: Performing ng build --prod fails with the following error.

92% chunk asset optimization optimize-css-webpack-pluginAn unhandled exception occurred: Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: 100% - $icon-size-xl - 1
^.........^

dropdown components wich contains (Get started, Foundation, Components) don't work in responsive mode

When I attempt production build following error appears in template component.

ERROR in src/app/sections/angular-section/angular-section.component.html(133,86): : Property 'model' does not exist on type 'AngularSectionComponent'. Did you mean 'model1'?
src/app/sections/angular-section/angular-section.component.html(133,86): : Property 'model' does not exist on type 'AngularSectionComponent'. Did you mean 'model1'?
src/app/sections/angular-section/angular-section.component.html(133,216): : Property 'onDateSelection' does not exist on type 'AngularSectionComponent'.
src/app/sections/angular-section/angular-section.component.html(146,168): : Property 'mama' does not exist on type 'AngularSectionComponent'.

Version

latest

Reproduction link

https://codepen.io/

Operating System

windows 10

Device

desktop

Browser & Version

chrome latest

Steps to reproduce

-unzip the folder
-run the command 'npm install' on the project folder
-got a NPM ERROR

What is expected?

to work

What is actually happening?

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/core
npm ERR! @angular/core@"^13.3.1" from the root project
npm ERR! peer @angular/core@"13.3.1" from @angular/[email protected]
npm ERR! node_modules/@angular/animations
npm ERR! @angular/animations@"13.3.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/core@"13.3.12" from @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"^13.3.1" from the root project
npm ERR! peer @angular/common@"13.3.12" from @angular/[email protected]
npm ERR! node_modules/@angular/platform-browser
npm ERR! @angular/platform-browser@"^13.3.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\julia\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\julia\AppData\Local\npm-cache_logs\2023-02-25T11_53_34_441Z-debug-0.log

Solution

Additional comments

Version

last

Reproduction link

https://demos.creative-tim.com/argon-design-system-angular/#/landing

Operating System

Windows

Device

PC

Browser & Version

Chrome 100.0.4896.127

Steps to reproduce

1. go to your live preview: https://demos.creative-tim.com/argon-design-system-angular/#/landing
2. in the navbar, hover over "Examples"
3. click anything in the dropdown list

What is expected?

the dropdown to close

What is actually happening?

dropdown stays open.

same happens for the other option in navbar, "Components", but it redirects you to another page and it's not visible.

Solution

Additional comments

What is your enhancement?

test

The template cannot be used, because it wont start.

Steps:

• unzip the folder
• checked that ng is installed (latest version)
• checked that node is installed (latest version)
• run the command 'npm install' on the project folder
• got a NPM ERROR

Console shows:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/core
npm ERR! @angular/core@"^13.3.1" from the root project
npm ERR! peer @angular/core@"13.3.1" from @angular/[email protected]
npm ERR! node_modules/@angular/animations
npm ERR! @angular/animations@"13.3.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/core@"13.3.12" from @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"^13.3.1" from the root project
npm ERR! peer @angular/common@"13.3.12" from @angular/[email protected]
npm ERR! node_modules/@angular/platform-browser
npm ERR! @angular/platform-browser@"^13.3.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\julia\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\julia\AppData\Local\npm-cache_logs\2023-02-25T11_53_34_441Z-debug-0.log

I already tried to run it whit angular 13.0.0 wich is the version of angular in the last update of the template, but still the same error.

There is node-sass issue in dependencies. Please update the dependencies as per new angular version

Error found in install

iMac-de-Ezequiel:argon ezequiel_tav$ npm install
npm WARN deprecated [email protected]: TSLint has been deprecated in favor of ESLint. Please see palantir/tslint#4534 for more information.
npm WARN deprecated @angular/[email protected]: Package no longer supported. Use @angular/common instead, see https://angular.io/guide/deprecations#angularhttp
npm WARN deprecated [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm ERR! Unexpected end of JSON input while parsing near '...est","grunt-benchmark'

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ezequiel_tav/.npm/_logs/2020-05-31T06_32_35_078Z-debug.log

This issue relates to the Angular version of Argon Design System.
https://www.creative-tim.com/new-issue/argon-design-system-angular

Issue: Performing an ng build --prod dies with the following errors.

ERROR in src/app/sections/angular-section/angular-section.component.html:133:99 - error TS2551: Property 'model' does not exist on type 'AngularSectionComponent'. Did you mean 'model1'?

133           <input class="form-control datepicker" placeholder="Select date" name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" (click)="d.toggle()" (focus)="focus2=true" (blur)="focus2=false" type="text" (select)="onDateSelection($event)" autocomplete="off"/>
                                                                                                      ~~~~~

  src/app/sections/angular-section/angular-section.component.ts:7:16
    7   templateUrl: './angular-section.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component AngularSectionComponent.
src/app/sections/angular-section/angular-section.component.html:133:105 - error TS2551: Property 'model' does not exist on type 'AngularSectionComponent'. Did you mean 'model1'?

133           <input class="form-control datepicker" placeholder="Select date" name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" (click)="d.toggle()" (focus)="focus2=true" (blur)="focus2=false" type="text" (select)="onDateSelection($event)" autocomplete="off"/>
                                                                                                            ~~~~~~

  src/app/sections/angular-section/angular-section.component.ts:7:16
    7   templateUrl: './angular-section.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component AngularSectionComponent.
src/app/sections/angular-section/angular-section.component.html:133:226[0m - error TS2339: Property 'onDateSelection' does not exist on type 'AngularSectionComponent'.

133           <input class="form-control datepicker" placeholder="Select date" name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" (click)="d.toggle()" (focus)="focus2=true" (blur)="focus2=false" type="text" (select)="onDateSelection($event)" autocomplete="off"/>
                                                                                                                                                                                                                                     ~~~~~~~~~~~~~~~~~~~~~~~

  src/app/sections/angular-section/angular-section.component.ts:7:16
    7   templateUrl: './angular-section.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component AngularSectionComponent.
src/app/sections/angular-section/angular-section.component.html:146:178 - error TS2339: Property 'mama' does not exist on type 'AngularSectionComponent'.

146               <input class="form-control datepicker" placeholder="Select date" name="dp1" [(ngModel)]="model1" ngbDatepicker #d1="ngbDatepicker" (click)="d1.toggle()" (select)="mama($event)" type="text" [dayTemplate]="t" (dateSelect)="startDateChanged($event)" autocomplete="off" (focus)="focus3=true" (blur)="focus3=false"/>
                                                                                                                                                                                     ~~~~~~~~~~~~

  src/app/sections/angular-section/angular-section.component.ts:7:16
    7   templateUrl: './angular-section.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component AngularSectionComponent.

Hello , I downloaded your project and tried to integrate it in mine, but I can't get the background image

Hi, I update news versions of Angular and ajust app.module.ts but no have access to create a pull request.