by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jul 11 2016 19:26

    Splaktar on master

    fix(toast): apply theming corre… perf(icon): better handling of … fix(list): copy ng-show, ng-hid… and 49 more (compare)

  • Jun 15 2016 16:14

    Splaktar on v1.1.0-rc.5

    release: version 1.1.0-rc.5 (compare)

  • May 14 2016 05:55

    Splaktar on master

    feat(panel): initial implementa… update(panel): promise logic im… update(panel): add and remove p… and 44 more (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc4

    release: version 1.1.0-rc4 (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc3

    release: version 1.1.0-rc3 (compare)

  • May 03 2016 22:28

    Splaktar on es6-tutorial

    Prepare clean start Remove bow… install angular-material And i… working version of starter-app and 19 more (compare)

  • May 03 2016 22:22

    Splaktar on master

    Tutorial Readme updates Updates for Tutorial #2 Update README with tutorial ste… and 56 more (compare)

  • May 01 2016 22:56

    Splaktar on fixBlurryRightNavIe11

    fix(sidenav): rightNav button a… (compare)

  • May 01 2016 22:37

    Splaktar on master

    fix(dialog): don't clobber md-d… update version number in packag… update(changelog): sort so 1.1.… and 1 more (compare)

  • May 01 2016 22:34

    Splaktar on fixSideNavDemo

    docs(sidenav): leftNav text isn… (compare)

  • Apr 27 2016 04:14

    Splaktar on fixSideNavDemo

    docs(sidenav): invalid `md-whit… (compare)

  • Apr 27 2016 03:54

    Splaktar on master

    update(changelog): add missing … fix(toolbar): remove transition… fix(tests): Cleans up the DOM a… and 2 more (compare)

  • Apr 23 2016 01:32

    Splaktar on master

    update(docs): improve docs for … update(docs): renamed `md-text-… fix(list): clickable list-items… and 71 more (compare)

  • Apr 11 2016 03:20

    Splaktar on improveExtendThemeDoc

    update(docs): improve docs for … (compare)

  • Apr 11 2016 03:15

    Splaktar on improveExtendThemeDocs

    update(docs): improve docs for … (compare)

  • Apr 11 2016 02:57

    Splaktar on updateThemingDocs

    update(docs): renamed `md-text-… (compare)

  • Apr 11 2016 02:48

    Splaktar on master

    fix(demo, codepen): use secure … fix(build, layout): remove depr… update(build): remove stale bow… and 72 more (compare)

  • Apr 11 2016 02:48

    Splaktar on v1.1.0-rc2

    release: version 1.1.0-rc2 (compare)

  • Mar 19 2016 03:00

    Splaktar on master

    fix(checkbox): pointer events d… update(tests): remove disabled/… fix(datepicker): enable scrolli… and 20 more (compare)

  • Mar 13 2016 05:41

    Splaktar on v1.0.6

    Revert "fix(select): made selec… update(layout): add layout-nowr… fix(whiteframe): update breakpo… and 57 more (compare)

Mateus Carniatto
@Carniatto
Hey Guys, I have a recurrent problem with Angular Material. Every time I close a dialog or a sidenav the mat-button-icon is focused under it. Am I doing something wrong or there is a fix for this?
Mateus Carniatto
@Carniatto
cdkTrapFocus does not seems to work
gopigopi096
@gopigopi096
how to add mat auto complete not found message when the list is empty in angular 5
pookdeveloper
@pookdeveloper
If any want to use emojis in angular or ionic: https://github.com/pookdeveloper/emojis-angular-ionic
Russel Porosky
@metaloha
Is it possible to emit values from an open dialog to the calling component without closing the dialog?
Or do I need to pass a Subject as one of the data values?
Fran Denia
@fdenia
good to all, I currently have a component that draws multiple mat-progress-bar and I would like to be able to update the value of only one of the elements of progress. I can not find the way, what I do is the following:
@ViewChildren(MatProgressBar) progress: QueryList<MatProgressBar>; 

  playTrack(event){
  let pr   = this.progress.filter(ins => ins._elementRef.nativeElement.dataset.hash == id)[0];             
  pr.value = 50;
  }
cdskill
@cdskill

@cdskill
Hi guys, is there someone who can help me with the sorting of column of dataTable ?
there is my issue : I actually retrieve from the server a field of type date with the format TZ (yyyy-MM-dd'T'HH:mm:ss.SSS'Z') and then I format this with momentJS to have a this format DD/MM/YYYY HH:mm
BUT the sorting method of the column considere it like a string
so the sort is f*cked up...
I tried to go this way : I created a new Class

export class DateFinal {
    inputDate?: any;
    outputDate?: string;

    public toString = () : string => {

        return this.outputDate;
    }
}

in the inputDate I define the the TZ format date and the output the DD/MM/YYYY HH:mm

in the md-cell of the datatble, with the toString() method I dispay the formated date
but I want that the sorting accessor SORT the date column in the inputDate attribut of the object DateFinal
is there an other way ? any solution ?

cdskill
@cdskill
problem SOLVED.
pookdeveloper
@pookdeveloper
@cdskill put the code resolved :)
cdskill
@cdskill
hahaha :D their is no solution in the internet I've the only one to sort a date
:-p
well
cdskill
@cdskill
This is the class :
export class DateFinal {
    inputDate?: any;
    outputDate?: string;

    public toString = () : string => {

        return this.outputDate;
    }
}
this the formatter :
value is the timestamp from the back-end and this.options.format is the DD/MM/YYYY for example
let tmpValue = new DateFinal();
        tmpValue.inputDate = new Date(value);
        tmpValue.outputDate = moment(value).format(this.options.format);
        return tmpValue;
there is the custom sorting :
  ngOnInit() {
    this.dataSource = new MatTableDataSource < any > (this.data.rows);

    this.dataSource.sortingDataAccessor = (item, property) => {

      if(item[property] instanceof DateFinal) {
        return item[property].inputDate;
      } else {
        return item[property];
      }
    };

  }

  ngAfterViewInit() {
    this.dataSource.paginator = this.paginator;
    this.dataSource.sort = this.sort;
  }
Fernando L. Estuesta
@champolot
hey guys. is it fine to jump to angular material from bootstrap?
Lisa Copeland
@lisacopeland
@champolot I think there is no problem using angular material with bootstrap
Daniel Netzer
@DanielNetzer
evening/morning all, what's the best way to make an app with material stretch to 100% height and width of the window?
Daniel Netzer
@DanielNetzer
another thing is, when I use the new schematics and generate a sidenav template as an app component
i get the following error
Error: The selector "app" did not match any elements
Daniel Netzer
@DanielNetzer
nvm solved all issues
last problem which is weird, why does the mat-grid-list have this crazy padding on the bottom?
cedvdb
@cedvdb
where in the repo does the .io website lives ? https://github.com/angular/material2
Fernando L. Estuesta
@champolot
any one here uses angular + firebase?
Daniel Netzer
@DanielNetzer
depends who asking
Fernando L. Estuesta
@champolot
is angular + firebase is only for seniors?
Daniel Netzer
@DanielNetzer
what is a senior? someone who tried and failed many times and learnt a great deal byb doing that... try it out, angular + firebase is very strong. there's plenty of good tutorials out there.
Anthony Nahas
@AnthonyNahas
🖒 Angular 💙 Firebase
Fernando L. Estuesta
@champolot
what i mean is. Angular + firebase are only offered for the senior programmers.
Nico Kokonas
@nicoandmee
Speaking of firebase & angular I'm banging my head against the wall trying to do something pretty simple in firestore, https://github.com/codediodeio/angular-firestarter using this as a base. I have a /users collection and each doc has a balance attribute. When a new item is added/button pressed I want the balance to decrease by one. Im new to angular though and I've managed to confuse myself, where exactly do I want to put my updateBalance method?
https://gyazo.com/092c1fd726afecbea6d12eb2435d3251 Here's what my firestore structure looks like, really simple stuff..
Adam
@avb100

@nicoandmee You are going to want to update the field on the appropriate document. Something like:

userRef.update({balance: currentBalance - 1});

You will need to instantiate currentBalance, but that's the basic concept. The button handler function will need to be in your component class, but the component could, in turn, call a service that is injected into the component. See: Documents in AngularFirestore

Daniel Netzer
@DanielNetzer
hello all, is there anyway to add global validators to all inputs of certain type?
Alain Kaiser
@alainkaiser
hi all :)
Madhav
@madhavmahesh1969
Hi
Daniel Netzer
@DanielNetzer
hello all
what's the best place to learn theming for material?
Roel
@roelzkie15
Why is mat-tab is breaking 3rd party component libraries when placed inside its content??
Russel Porosky
@metaloha
@badcoder28 Like which ones have you noticed?
Roel
@roelzkie15
@metaloha like rich text editors quilljs and tinymce and fortunately i was able to solve it by lazy loading the tab and it force me to upgrade to angularv6 though
Russel Porosky
@metaloha
Some of those libs require a visible element in order to work (usually to get size information), and if the tab is hidden, the context won't be valid (Google Maps is the same way). Once the tab content area is made visible, you can initialize the 3rd-party lib and it will use the element properly. Or lazy-load the content :) Same effect
Roel
@roelzkie15
@metaloha oh yes, and that's a very clear detail and i did not figure it out early, i could do better without upgrading then . lot of thanks
Daniel Dorantes
@thesmallbang
Anyone run across issue with angular forms validation when you tab off a control it is marked invalid and get the red border but no messages because statusChanges observable or valueChanges do not fire for touched and I dont see registerOnTouch as an option as i've seen in some google results
Daniel Netzer
@DanielNetzer
evening all
is there anyway to create an HTMLElement and createa a tooltip for him?
warlockD
@warlockdn
I want to only use expansion panel component for my project. do I need to download the whole material library
or is there a standalone available
Daniel Netzer
@DanielNetzer
Anyone have any idea how I can attach a MatTooltip to an HTMLElement programatically?