AngularClass/NG6-starter

Starter for Angular + ES6 + Webpack

Andrew Lombardi

@kinabalu

@fesor i’ve been trying to use angular-base64 and I think I have the import right, and the module declaration ,but it won’t inject into my code … is it silly to use it?

Sergey Protko

@fesor

.component('myComponent', {
   bindings: {
        'oneWay': '<',
        'twoWay': '='
   },
   template: `
      <div class="my-component">
        <div class="my-component__two-way">{{$ctrl.twoWay}}</div>
        <div class="my-component__one-way">{{$ctrl.oneWay}}</div>
      </div>
   `
   controller: function () {
       this.twoWay = 'we are screwed'; // will override value
       this.oneWay = 'hell yeah!'; // will override just copy, no side effects
   }
});

Andrew Lombardi

@kinabalu

hey @fesor, when I did this:

export function loginInterceptor($q, $location) {
    "ngInject";

    let response = (response) => {
        console.log("response");
        console.log(response);
        return response;
    };
    let responseError = (response) => {
        var status = response.status;
        console.log(response.status);
        if (status == 403) {
            console.log("redirect to login screen");
            $location.path('/login');
        }
        return $q.reject(response);
    };

    return {response, responseError};
}

it complained that the Argument was not a function when I tried to add it to .factor(). but if I add default after function, it worked … is that … normal?

Andrew Lombardi

@kinabalu

how are you guys including font-awesome into your project? I’ve attempted @import ‘~font-awesome/css/font-awesome.min.css’ and then added url-loader to the webpack.config.js but it complains about the module loading

ERROR in ./~/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0
Module parse failed: ~/client/node_modules/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0 Line 1: Unexpected token ILLEGAL
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
 @ ./~/css-loader!./~/font-awesome/css/font-awesome.min.css 6:576-627

Sergey Protko

@fesor

You may need an appropriate loader to handle this file type.

https://www.npmjs.com/package/font-awesome-webpack

there is example of how to configure url/file loaders for fonts

Andrew Lombardi

@kinabalu

that was the trick, thanks @fesor!

Andrew Lombardi

@kinabalu

what do you guys use for accessing localStorage? I’ve been using ngStorage but having some issues where it errors out with TypeError: Cannot read property 'indexOf' of undefined if I’m trying to check for the existence of a stored variable

ah nevermind, i’m silly

Andrew Lombardi

@kinabalu

@fesor i’m trying to include ng-table in my app from a previous angular project, and it seems that webpack really won’t load it. I guess it’s looking for an index.js, or several other types of files but it doesn’t exist

the last bit errors out after finding the directory but unable to do anything:

resolve directory
  directory default file index
    resolve file index in /~/client/node_modules/ng-table
      /~/client/node_modules/ng-table/index doesn't exist
      /~/client/node_modules/ng-table/index.webpack.js doesn't exist
      /~/client/node_modules/ng-table/index.web.js doesn't exist
      /~/client/node_modules/ng-table/index.js doesn't exist
      /~/client/node_modules/ng-table/index.json doesn't exist

Sergey Protko

@fesor

@kinabalu it seems to be package.json for ngTable is wrong… you can send PR to authors)

Andrew Lombardi

@kinabalu

saw your response in github just now, thanks @fesor. that’s odd indeed. wondering if it might be worth refactoring to use something like ui-grid instead

Sergey Protko

@fesor

@kinabalu by looking on github activity, ui-grid is looks a way better than ng-table

p.s. I hate grids in UI)))

Andrew Lombardi

@kinabalu

hage?

Sergey Protko

@fesor

typo, sorry

Andrew Lombardi

@kinabalu

hate?

Sergey Protko

@fesor

yep, i prefer lists, multicolumn layouts and stuff. I use grid rarelly if I don’t have any time to think about better UI

i.e. gmail-like

Andrew Lombardi

@kinabalu

what i’m attempting to represent is basically excel-like in nature, at least that’s how it’s represented now. it’s a list of accounts with financial numbers throughout

not sure how else I would really represent that

Sergey Protko

@fesor

i don’t say you sholdnt use grids, there is a lot of cases when it just fits

Andrew Lombardi

@kinabalu

i actually would love to represent this data differently, but I have no clue how that might look really.

like your todo example, the way that was coded up, definitely like that a lot

Sergey Protko

@fesor

this is very large topic) I hate when developers just throw all data into big fat grid)

I will cleanup my todomvc a little bit on the next week

to make use some of angualr 1.5 features

Andrew Lombardi

@kinabalu

oh fun

i don’t like big fat grids either, but i lack the design / ux chops to really do anythign else sometimes

Sergey Protko

@fesor

@kinabalu there is always traid-off

it’s ok)

Andrew Lombardi

@kinabalu

i probably need to just hire a talented UX designer to wield some more effective design to my crazy ideas

Sergey Protko

@fesor

@kinabalu for many cases it just additional overhead. For example for crud-like control panels.

Andrew Lombardi

@kinabalu

@fesor it’s nice though, because you can tell when someone put the extra effort in to a design and the UX behind it

Sergey Protko

@fesor

Angular 1.5 landed in NG6-starter

Andrew Lombardi

@kinabalu

nice

@fesor i probably need to put together a test or example of this problem I’m having

but if I have a component which is making a Restangular call, and a second component kinda depends on the value returned from that call… is this possible?

Sergey Protko

@fesor

@kinabalu promises?

I use uiRouter’s resolvers and try to never get data from components

Andrew Lombardi

@kinabalu

@fesor oh, shit… yeah … forgot about that

@fesor refactoring is fun and illuminating so very often

@fesor do you have any examples of doing this? I think I may just google around to see if I find something, or see if it’s in the todo app

Sergey Protko

@fesor

todoapp is single screen app… I don’t see how I can add something like that.

I tried to find some more complex applications and didn’t found anything useful

Andrew Lombardi

@kinabalu

hrmm bummer, ok

Sergey Protko

@fesor

I had a crazy idea of writting UI for jenkins CI in angular))

Andrew Lombardi

@kinabalu

that’s … ambitious

Where communities thrive

People

Repo info

Activity