**progressive**: Loads the visible image as soon as the page is displayed and the other ones after everything else is loaded in the background (&quot;*loads the visible slides on init, and then progressively loads the rest of the slides on window.load().*&quot;). Should be used if the other images will be used most (or all) of the times the page is displayed.

**on-demand**: Loads the visible image as soon as the page is displayed and the other ones only when they&#39;re displayed. (&quot;*[...] loads slides on demand. When a slide becomes visible (or on the before slide callback) the load is fired.*&quot;) Should be used if the other images of the carousel are displayed very rarely.

Source: https://github.com/kenwheeler/slick/issues/35, especially jasonday&#39;s comment from 5. Apr

It&#39;s worth mentioning that there is another value for the lazyLoad option in the source code, not documented though: &#39;anticipated&#39;.
It was introduced in [release 1.7.1][1]

lazyLoad accepts &#39;ondemand&#39;, &#39;progressive&#39;, or &#39;anticipated&#39; for lazy load technique. 

**&#39;ondemand&#39;** will load the image as soon as you slide to it.

**&#39;progressive&#39;** loads one image after the other when the page loads.

**&#39;anticipated&#39;** pre-loads the 1 next and 1 previous image.


  [1]: https://github.com/kenwheeler/slick/releases/tag/1.7.1

I found a weird white space on `UITableView` for **iPhone 6 Simulator** (iOS 8) on Xcode 6 GM. I have tried to set the `SeparatorInset` from both storyboard and also the code, but the white space is till there. 

The following code works on iOS 7 but not on iOS 8 (iPhone 6 simulator).

    -(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
        if ([tableView respondsToSelector:@selector(setSeparatorInset:)]) {
            [tableView setSeparatorInset:UIEdgeInsetsZero];
        }
    }

I attached screenshot below:

![iPhone 6 Simulator weird white space on tableview][1]

I am using AutoLayout by the way. I hope someone can show me a way to remove the weird white space on the `TableView`.

  [1]: https://i.stack.imgur.com/XKIsp.png

Remove SeparatorInset on iOS 8 UITableView for Xcode 6 iPhone Simulator

If I do:
				

    var number = 3500;
    alert(number.toLocaleString(&quot;hi-IN&quot;));

I will get `३,५००` in Hindi.

But how can I convert it back to `3500`.
I want something like:

    var str=&#39;३,५००&#39;;
    alert(str.toLocaleNumber(&quot;en-US&quot;));

So, that it can give `3500`.

Is it possible by javascript or jquery?

How do I convert String to Number according to locale (opposite of .toLocaleString)?

This is a conceptual question. In my particular case, I am using [slick.js][1] to create an image carousel for a website. Since these are high resolution photographs, I want to speed up the page load time by allowing the photographs to be loaded asynchronously instead of on page load.

When looking through the documentation for this library, I saw the settings available for the &#39;lazyLoad&#39; property with little information as to what those settings mean in practice.

Essentially my question is, what is the difference between progressive and on-demand in the context of lazy loading.


  [1]: http://kenwheeler.github.io/slick/

lazy loading: progressive vs on-demand

This is a conceptual question. In my particular case, I am using <a href="http://kenwheeler.github.io/slick/" target="_blank" rel="noopener noreferrer">slick.js</a> to create an image carousel for a website. Since these are high resolution photographs, I want to speed up the page load time by allowing the photographs to be loaded asynchronously instead of on page load.
When looking through the documentation for this library, I saw the settings available for the 'lazyLoad' property with little information as to what those settings mean in practice.
Essentially my question is, what is the difference between progressive and on-demand in the context of lazy loading.

I&#39;m trying to send files to my server with a post request, but when it sends it causes the error:

&lt;!-- language: lang-none --&gt;

&gt;Request header field Content-Type is not allowed by Access-Control-Allow-Headers.

So I googled the error and added the headers:

    $http.post($rootScope.URL, {params: arguments}, {headers: {
        &quot;Access-Control-Allow-Origin&quot; : &quot;*&quot;,
        &quot;Access-Control-Allow-Methods&quot; : &quot;GET,POST,PUT,DELETE,OPTIONS&quot;,
        &quot;Access-Control-Allow-Headers&quot;: &quot;Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With&quot;
    }

Then I get the error: 

&lt;!-- language: lang-none --&gt;

&gt;Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers

So I googled that and the only similar question I could find was provided a half answer then closed as off topic. What headers am I supposed to add/remove?

Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers

Folks,

  I am trying to understand the MomentJS API.  What is the appropriate way to get the current time on the machine?

    var CurrentDate = moment();

vs

    var CurrentDate = moment().format();


Trying to parse their docs, and its not apparent what to use.

http://momentjs.com/docs/#/query/is-a-moment/

How to return the current timestamp with Moment.js?

I am trying to convert a string to a Date object, and it works for all days except for December 31st where by object says December 1st instead of 31st. I have no idea why. Here is my `JavaScript` code:

    var dt = new Date();
    dt.setDate(&quot;31&quot;);
    dt.setMonth(&quot;11&quot;);
    dt.setFullYear(&quot;2014&quot;);

but my variable value is:

    Mon Dec 01 2014 11:48:08 GMT+0100 (Paris, Madrid)

If I do the same for any other date, my object returns to the appropriate value. Do you have any idea what I did wrong?

new Date() set to 31 december 2014 says 1st december instead

I&#39;ve spend over 6 hours to find an exception or a special character to find in my code but I couldn&#39;t. I checked every similar messages in here.

I&#39;m sending the form with magnific popup. First I&#39;m using inline popup to open my form than I&#39;m sending all inputs to main.js to validate. 

So, I just need a third-eye. 

I&#39;ve got: `index.html`, `register.php`, `main.js`

&gt; **Here&#39;s the code**

[**FORM**][1]

[**JS/AJAX**][2]

[**PHP-register.php**][3]


   

&gt; **Here goes the error messages**


*JSON Output*
![json](http://i.imgur.com/i45ESNs.png)


**Chrome Console:**

![chrome](http://i.imgur.com/A3rHJni.png)


**Firefox console :** 
![firefox](http://i.imgur.com/qEWD7UG.png)

----------
**What am i  missing?**


  [1]: http://pastebin.com/2nxEjHrC
  [2]: http://pastebin.com/v7UKTPYR
  [3]: http://pastebin.com/W9MZgjWP

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

I have searched on Google and the SO site and I get answers for JAVA but do not seem to get answers for node.js

I have a web app that takes time to load. I would like the selenium program to wait till the page is loaded and then perform some actions.

My current code is as follows

&lt;!-- language: js --&gt;

    //dependencies
    var webdriver = require(&#39;selenium-webdriver&#39;),
    	util = require(&#39;util&#39;),
    	_ = require(&#39;underscore&#39;);
    
    var driver = new webdriver.Builder().withCapabilities(webdriver.Capabilities.chrome()).build();
    var branchName =  _.isUndefined(process.argv[3]) ? &#39;branch&#39; : process.argv[3], 
        hostName = _.isUndefined(process.argv[2]) ? &#39;localhost&#39; : process.argv[2],
        appTmpl = &#39;http://%s/%s&#39;,
        username = &#39;xxxx&#39;,
        password = &#39;xxxx&#39;;
    var appUrl = util.format(appTmpl, hostName, branchName);
    
    driver.get(appUrl);
    driver.findElement(webdriver.By.name(&quot;username&quot;)).sendKeys(username);
    driver.findElement(webdriver.By.name(&quot;password&quot;)).sendKeys(password);
    driver.findElement(webdriver.By.name(&quot;login_button&quot;)).click();
    driver.quit();

The error I get is:

        C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\promise.js:1643
          throw error;
                ^
    NoSuchElementError: no such element
      (Session info: chrome=37.0.2062.103)
      (Driver info: chromedriver=2.10.267521,platform=Windows NT 6.1 SP1 x86_64)
        at new bot.Error (C:\Work\study\selenium\node_modules\selenium-webdriver\lib\atoms\error.js:109:18)
        at Object.bot.response.checkResponse (C:\Work\study\selenium\node_modules\selenium-webdriver\lib\atoms\response.js:106:9)
        at C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\webdriver.js:277:20
        at C:\Work\study\selenium\node_modules\selenium-webdriver\lib\goog\base.js:1243:15
        at webdriver.promise.ControlFlow.runInNewFrame_ (C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\promise.js:1539:20)
        at notify (C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\promise.js:362:12)
        at notifyAll (C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\promise.js:331:7)
        at resolve (C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\promise.js:309:7)
        at fulfill (C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\promise.js:429:5)
        at C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\promise.js:1406:10
    ==== async task ====
    WebDriver.findElement(By.name(&quot;username&quot;))
        at webdriver.WebDriver.schedule (C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\webdriver.js:268:15)
        at webdriver.WebDriver.findElement (C:\Work\study\selenium\node_modules\selenium-webdriver\lib\webdriver\webdriver.js:711:17)
        at Object.&lt;anonymous&gt; (C:\Work\study\selenium\test.js:15:8)
        at Module._compile (module.js:456:26)
        at Object.Module._extensions..js (module.js:474:10)
        at Module.load (module.js:356:32)
        at Function.Module._load (module.js:312:12)
        at Function.Module.runMain (module.js:497:10)
        at startup (node.js:119:16)

Selenium WebDriver wait till element is displayed

I have a modal in my page. When I try to call it when the windows load, it prints an error to the console that says : 

    $(...).modal is not a function

This is my Modal HTML :

    &lt;div class=&quot;modal fade&quot; id=&quot;prizePopup&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;myModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
    &lt;div class=&quot;modal-dialog&quot;&gt;
        &lt;div class=&quot;modal-content&quot;&gt;
            &lt;div class=&quot;modal-header&quot;&gt;
                &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;
                    &amp;times;
                &lt;/button&gt;
                &lt;h4 class=&quot;modal-title&quot; id=&quot;myModalLabel&quot;&gt;
                    This Modal title
                &lt;/h4&gt;
            &lt;/div&gt;
            &lt;div class=&quot;modal-body&quot;&gt;
                Add some text here
            &lt;/div&gt;
            &lt;div class=&quot;modal-footer&quot;&gt;
                &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;
                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;
                    Submit changes
                &lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

    &lt;script type=&quot;text/javascript&quot; src=&quot;js/bootstrap.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;//code.jquery.com/jquery-1.11.0.min.js&quot;&gt;&lt;/script&gt;

And this is my JavaScript to run it with when a window is loaded :

    &lt;script type=&quot;text/javascript&quot;&gt;
    $(window).load(function() {
        $(&#39;#prizePopup&#39;).modal(&#39;show&#39;);
    });
    &lt;/script&gt;

How can I fix this problem?

Bootstrap modal: is not a function

Brand new to JS.    	
I am trying to check if the file input element is empty when submitting the form with jQuery/JavaScript.
I have gone through a bunch of solutions and nothing is working for me.  I am trying to avoid the `/c/fakepath` (unless there is no other option)

    &lt;input type=&quot;file&quot; name=&quot;videoFile&quot; id=&quot;videoUploadFile&quot; /&gt;

This does not work:

    var vidFile = $(&quot;#videoUploadFile&quot;).value;

The only way I can get the filename is if I use the following:

    var vidFile = document.getElementById(&quot;videoUploadFile&quot;).files[0].name;

If there is no file available the code throws an error: 
&gt;cannot read property name of undefined

which makes sense because the array is not set. but I cannot figure out how to do any error handling with this.

How do I properly grab the file input element `videoUploadFile`, check if it&#39;s empty, throw an error message if it&#39;s empty?

How to check if input file is empty in jQuery

Following is my code of HTML

Scripts:

    &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;background.js&quot;&gt;&lt;/script&gt;


HTML:

    	  &lt;button name=&quot;btnlogin&quot; id=&quot;btnlogin&quot;&gt;Login&lt;/button&gt;&lt;br/&gt;&lt;br/&gt;

and following is js

    $(document).ready(function(){
    document.getElementById(&quot;#btnlogin&quot;).click(function(){
       alert(&quot;s&quot;);
     });
    });


manifest file:

   

    {
    &quot;manifest_version&quot;: 2,
    &quot;name&quot;: &quot;One-click Kittens&quot;,
    &quot;description&quot;: &quot;This extension demonstrates a &#39;browser action&#39; with kittens.&quot;,
     &quot;version&quot;: &quot;1.0&quot;,
    &quot;browser_action&quot;: {
    &quot;default_icon&quot;: &quot;icon.png&quot;,
    &quot;default_popup&quot;: &quot;popup.html&quot;
    },
    }

 

I found that when I run this code simply in browser than alert appears properly but when I run it as a chrome extension it gives me following errors.

**Uncaught ReferenceError: $ is not defined**

and

**Refused to load the script &#39;http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js&#39; because it violates the following Content Security Policy directive: &quot;script-src &#39;self&#39; chrome-extension-resource:&quot;.**


I don&#39;t understand what are these errors. Please help me understanding the extension..

Thank you

Extension refuses to load the script due to Content Security Policy directive

Recently I was coding away, and I ran into a weird issue.  I was attempting to assign a data attribute to a new element I had created (via jQuery), only to discover it wouldn&#39;t actually assign the attribute.    See the link below for an example, the code is listed below:

http://jsfiddle.net/y95p100c/1/

Any idea why this is happening?  I&#39;ve never stumbled into this...

    var div = $(&quot;&lt;div /&gt;&quot;)
    $(div).data(&quot;foo&quot;, &quot;bar&quot;)
    console.log($(div)[0].outerHTML) // prints &lt;div&gt;&lt;/div&gt;

JQuery .data() not working?

I want to keep all the transformation, stoke and animations identical and was thinking if we can pass resource ID or asset name in Glide to load it locally?

Using Glide for Android, how do I load images from asset and resources?

I just noticed that `static` members of Swift `structs` are implicitly `lazy`. 

For instance, this will only call the `init` once:

    class Baz {
        init(){
            print(&quot;initializing a Baz&quot;)
        }
    }
    struct Foo {
        static let bar = Baz()
    }
    
    var z = Foo.bar
    z = Foo.bar

What&#39;s the rationale behind this?

What if I want the opposite behaviour?

Implicitly lazy static members in Swift

I was trying to find any solution for this error but nothing works for me. I have simple Angular2 App created with Angular-CLI. When I serve this app in browser I&#39;m getting this error: `EXCEPTION: Uncaught (in promise): Error: Cannot find module &#39;/app/test.module&#39;.`  I was trying using different path in loadChildren: 

    &#39;/app/test.module&#39;
    &#39;./app/test.module&#39;
    &#39;./test.module&#39;
    &#39;/src/app/test.module&#39;

**Folders**

    src/
      app/
        app-routing.module.ts
        app.component.ts
        app.module.ts
        test.component.ts
        test.module.ts

**app.module.ts**
```js
import { BrowserModule } from &#39;@angular/platform-browser&#39;;
import { NgModule } from &#39;@angular/core&#39;;
import { FormsModule } from &#39;@angular/forms&#39;;
import { HttpModule } from &#39;@angular/http&#39;;
    
import { RoutingModule } from &#39;./app-routing.module&#39;;
    
import { AppComponent } from &#39;./app.component&#39;;
    
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    RoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```
**app-routing.module.ts**
```js
import { NgModule } from &#39;@angular/core&#39;;
import { Routes, RouterModule } from &#39;@angular/router&#39;;
    
    
const routes: Routes = [
  { path: &#39;&#39;, loadChildren: &#39;/app/test.module&#39; }
];
    
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
  providers: []
})
export class RoutingModule { }
```    

**test.module.ts**
```js
import { NgModule } from &#39;@angular/core&#39;;
import { Routes, RouterModule } from &#39;@angular/router&#39;;
import { CommonModule } from &#39;@angular/common&#39;;
import { TestComponent } from &#39;./test.component&#39;;
    
export const routes: Routes = [
    { path: &#39;&#39;, component: TestComponent }
];
    
@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(routes)
  ],
  exports: [TestComponent],
  declarations: [TestComponent]
})
export default class TestModule { }
```    

**stack trace**
```js
        error_handler.js:45EXCEPTION: Uncaught (in promise): Error: Cannot find module &#39;/app/test.module&#39;.ErrorHandler.handleError @ error_handler.js:45next @ application_ref.js:273schedulerFn @ async.js:82SafeSubscriber.__tryOrUnsub @ Subscriber.js:223SafeSubscriber.next @ Subscriber.js:172Subscriber._next @ Subscriber.js:125Subscriber.next @ Subscriber.js:89Subject.next @ Subject.js:55EventEmitter.emit @ async.js:74onError @ ng_zone.js:120onHandleError @ ng_zone_impl.js:64ZoneDelegate.handleError @ zone.js:207Zone.runGuarded @ zone.js:113_loop_1 @ zone.js:379drainMicroTaskQueue @ zone.js:386
    2016-10-08 14:22:50.612 error_handler.js:50ORIGINAL STACKTRACE:ErrorHandler.handleError @ error_handler.js:50next @ application_ref.js:273schedulerFn @ async.js:82SafeSubscriber.__tryOrUnsub @ Subscriber.js:223SafeSubscriber.next @ Subscriber.js:172Subscriber._next @ Subscriber.js:125Subscriber.next @ Subscriber.js:89Subject.next @ Subject.js:55EventEmitter.emit @ async.js:74onError @ ng_zone.js:120onHandleError @ ng_zone_impl.js:64ZoneDelegate.handleError @ zone.js:207Zone.runGuarded @ zone.js:113_loop_1 @ zone.js:379drainMicroTaskQueue @ zone.js:386
    2016-10-08 14:22:50.613 error_handler.js:51Error: Uncaught (in promise): Error: Cannot find module &#39;/app/test.module&#39;.
        at resolvePromise (zone.js:429)
        at zone.js:406
        at ZoneDelegate.invoke (zone.js:203)
        at Object.onInvoke (ng_zone_impl.js:43)
        at ZoneDelegate.invoke (zone.js:202)
        at Zone.run (zone.js:96)
        at zone.js:462
        at ZoneDelegate.invokeTask (zone.js:236)
        at Object.onInvokeTask (ng_zone_impl.js:34)
        at ZoneDelegate.invokeTask (zone.js:235)ErrorHandler.handleError @ error_handler.js:51next @ application_ref.js:273schedulerFn @ async.js:82SafeSubscriber.__tryOrUnsub @ Subscriber.js:223SafeSubscriber.next @ Subscriber.js:172Subscriber._next @ Subscriber.js:125Subscriber.next @ Subscriber.js:89Subject.next @ Subject.js:55EventEmitter.emit @ async.js:74onError @ ng_zone.js:120onHandleError @ ng_zone_impl.js:64ZoneDelegate.handleError @ zone.js:207Zone.runGuarded @ zone.js:113_loop_1 @ zone.js:379drainMicroTaskQueue @ zone.js:386
    2016-10-08 14:22:50.614 zone.js:355Unhandled Promise rejection: Cannot find module &#39;/app/test.module&#39;. ; Zone: angular ; Task: Promise.then ; Value: Error: Cannot find module &#39;/app/test.module&#39;.(…) Error: Cannot find module &#39;/app/test.module&#39;.
        at webpackEmptyContext (http://localhost:4200/main.bundle.js:49550:8)
        at SystemJsNgModuleLoader.loadAndCompile (http://localhost:4200/main.bundle.js:57952:40)
        at SystemJsNgModuleLoader.load (http://localhost:4200/main.bundle.js:57945:60)
        at RouterConfigLoader.loadModuleFactory (http://localhost:4200/main.bundle.js:22354:128)
        at RouterConfigLoader.load (http://localhost:4200/main.bundle.js:22346:81)
        at MergeMapSubscriber.project (http://localhost:4200/main.bundle.js:61105:111)
        at MergeMapSubscriber._tryNext (http://localhost:4200/main.bundle.js:32515:27)
        at MergeMapSubscriber._next (http://localhost:4200/main.bundle.js:32505:18)
        at MergeMapSubscriber.Subscriber.next (http://localhost:4200/main.bundle.js:7085:18)
        at ScalarObservable._subscribe (http://localhost:4200/main.bundle.js:48555:24)consoleError @ zone.js:355_loop_1 @ zone.js:382drainMicroTaskQueue @ zone.js:386
    2016-10-08 14:22:50.620 zone.js:357Error: Uncaught (in promise): Error: Cannot find module &#39;/app/test.module&#39;.(…)consoleError @ zone.js:357_loop_1 @ zone.js:382drainMicroTaskQueue @ zone.js:386
```

Angular2 lazy loading module error &#39;cannot find module&#39;

I recently started implementing lazy loading in my application. I was wondering whether there is any way to create a routing.module.ts while generating a new module in angular-cli application other than creating it manually?

Generate a routing module while creating a module in angular-cli

I am trying to implement lazy loading but getting error as following
**

&gt; ERROR Error: Uncaught (in promise): Error: BrowserModule has already
&gt; been loaded. If you need access to common directives such as NgIf and
&gt; NgFor from a lazy loaded module, import CommonModule instead.

**

Need Help on this.
Here are my Modules 

 1. Shared MOdule

&gt;     @NgModule({
&gt;     
&gt;       declarations: [TimePipe],
&gt;       providers: [
&gt;         EmsEmployeeService,
&gt;         EmsDesignationService,
&gt;         EmsOrganizationService,
&gt;         EmsAuthService,
&gt;         AmsEmployeeService,
&gt;         AmsShiftService,
&gt;         ValidatorService,
&gt;         AmsLeaveService,
&gt;         AmsAttendanceService,
&gt;         AmsDeviceService,
&gt;         AmsOrganizationService,
&gt;         AmsAlertService,
&gt;         AmsHolidayService,
&gt;         AutoCompleteService,
&gt;         AmsTimelogsService,
&gt;         LocalStorageService
&gt;       ],
&gt;       imports: [
&gt;         HttpModule,
&gt;         ToastyModule.forRoot(),
&gt;         AgmCoreModule.forRoot({
&gt;           apiKey: &#39;xxxxxxxxxxxxxxxxxxxxxxxxxxx&#39;
&gt;         }),
&gt;       ],
&gt;       exports: [
&gt;         FormsModule,
&gt;         HttpModule,
&gt;         BrowserAnimationsModule,
&gt;         RouterModule,
&gt;         MaterialModule,
&gt;         MdDatepickerModule,
&gt;         MdNativeDateModule,
&gt;         ToastyModule,
&gt;         FileUploadModule,
&gt;         NgxPaginationModule,
&gt;         NguiAutoCompleteModule,
&gt;         AgmCoreModule,
&gt;         TimePipe
&gt;       ]
&gt;     })
&gt;     export class SharedModule { }

 2.SettingModule

&gt;      @NgModule({
&gt;       imports: [
&gt;         CommonModule,
&gt;         SharedModule,
&gt;         SettingsRoutingModule
&gt;       ],
&gt;       declarations: [
&gt;         SettingsComponent,
&gt;         ShiftsComponent,
&gt;         DevicesComponent,
&gt;         AlertsComponent,
&gt;         HolidaysComponent,
&gt;         AlterTypesComponent,
&gt;         AlterEditComponent,
&gt;         ShiftTypeNewComponent,
&gt;         DeviceLogsComponent,
&gt;         ChannelTypesComponent,
&gt;         ChannelTypeEditComponent
&gt;       ], exports: [
&gt;         SettingsComponent,
&gt;         ShiftsComponent,
&gt;         DevicesComponent,
&gt;         AlertsComponent,
&gt;         HolidaysComponent,
&gt;         AlterTypesComponent,
&gt;         AlterEditComponent,
&gt;         ShiftTypeNewComponent,
&gt;         DeviceLogsComponent,
&gt;         ChannelTypesComponent,
&gt;         ChannelTypeEditComponent,
&gt;       ]
&gt;     })
&gt;     export class SettingsModule { }

    3.SettingRoutingModule

&gt;     const settings_routes: Routes = [
&gt;       { path: &#39;&#39;, redirectTo: &#39;shifts&#39;, pathMatch: &#39;full&#39; },
&gt;       { path: &#39;shifts&#39;, component: ShiftsComponent },
&gt;       { path: &#39;shifts/new&#39;, component: ShiftTypeNewComponent },
&gt;       { path: &#39;shifts/edit/:id&#39;, component: ShiftTypeNewComponent },
&gt;       { path: &#39;devices&#39;, component: DevicesComponent },
&gt;       { path: &#39;deviceLogs&#39;, component: DeviceLogsComponent },
&gt;       { path: &#39;holidays&#39;, component: HolidaysComponent },
&gt;       { path: &#39;alerts&#39;, component: AlertsComponent },
&gt;       { path: &#39;alerts/types&#39;, component: AlterTypesComponent },
&gt;       { path: &#39;alerts/:id&#39;, component: AlterEditComponent },
&gt;       { path: &#39;channelTypes&#39;, component: ChannelTypesComponent },
&gt;       { path: &#39;channelTypes/:id&#39;, component: ChannelTypeEditComponent }
&gt;     ];
&gt;     
&gt;     
&gt;     const routes: Routes = [
&gt;       { path: &#39;&#39;, component: SettingsComponent, children: settings_routes }
&gt;     ];
&gt;     
&gt;     
&gt;     
&gt;     @NgModule({
&gt;       imports: [RouterModule.forChild(routes)],
&gt;       exports: [RouterModule]
&gt;     })
&gt;     export class SettingsRoutingModule { }

4. App-routing-module

&gt;     const attdendance_routes: Routes = [
&gt;       { path: &#39;&#39;, redirectTo: &#39;daily&#39;, pathMatch: &#39;full&#39; },
&gt;       { path: &#39;monthly&#39;, component: MonthlyComponent },
&gt;       { path: &#39;daily&#39;, component: DailyComponent },
&gt;     
&gt;       { path: &#39;daily/:empId&#39;, component: AttendanceDetailsComponent },
&gt;       { path: &#39;details/:empId&#39;, component: AttendanceDetailsComponent },
&gt;       { path: &#39;monthly/:empId&#39;, component: AttendanceDetailsComponent },
&gt;       { path: &#39;leaves/:empId&#39;, component: AttendanceDetailsComponent },
&gt;     
&gt;       { path: &#39;details/:empId/apply-leave&#39;, component: ApplyLeaveComponent },
&gt;       { path: &#39;daily/:empId/apply-leave&#39;, component: ApplyLeaveComponent },
&gt;       { path: &#39;daily/:empId/attendance-logs/:ofDate&#39;, component: AttendanceLogsComponent },
&gt;       { path: &#39;monthly/:empId/apply-leave&#39;, component: ApplyLeaveComponent },
&gt;       { path: &#39;leaves/:empId/apply-leave&#39;, component: ApplyLeaveComponent },
&gt;       { path: &#39;leaves/new/apply&#39;, component: ApplyLeaveComponent },
&gt;     
&gt;       { path: &#39;leaves&#39;, component: LeavesComponent },
&gt;       { path: &#39;leave-balances&#39;, component: LeaveBalancesComponent },
&gt;       { path: &#39;leave-balances/:empId&#39;, component: AttendanceDetailsComponent },
&gt;       { path: &#39;manage-leaves&#39;, component: ManageLeavesComponent },
&gt;     
&gt;     ];
&gt;     
&gt;
&gt;     
&gt;     const emp_routes: Routes = [
&gt;       { path: &#39;&#39;, redirectTo: &#39;list&#39;, pathMatch: &#39;full&#39; },
&gt;       { path: &#39;list&#39;, component: EmployeeListComponent },
&gt;       { path: &#39;list/:id&#39;, component: EmpEditComponent },
&gt;       { path: &#39;designations&#39;, component: DesignationsComponent }
&gt;     ];
&gt;     
&gt;     
&gt;     
&gt;     const page_routes: Routes = [
&gt;       { path: &#39;&#39;, redirectTo: &#39;attendances&#39;, pathMatch: &#39;full&#39; },
&gt;       { path: &#39;employees&#39;, component: EmployeesComponent, children: emp_routes },
&gt;       { path: &#39;attendances&#39;, component: AttendancesComponent, children: attdendance_routes },
&gt;
&gt;       { path: &#39;settings&#39;, loadChildren: &#39;./pages/settings/settings.module#SettingsModule&#39; },
&gt;     ];
&gt;     
&gt;     // main routes
&gt;     const routes: Routes = [
&gt;       { path: &#39;&#39;, redirectTo: &#39;pages&#39;, pathMatch: &#39;full&#39; },
&gt;       { path: &#39;login&#39;, component: LoginComponent, canActivate: [LoginGuard] },
&gt;       { path: &#39;pages&#39;, component: PagesComponent, canActivate: [UserGuard], children: page_routes },
&gt;       { path: &#39;loginViaOrg&#39;, component: OrgLoginComponent },
&gt;       { path: &#39;download&#39;, component: AppDownloadComponent },
&gt;       { path: &#39;**&#39;, redirectTo: &#39;pages&#39; },
&gt;     ];
&gt;     
&gt;     @NgModule({
&gt;       imports: [RouterModule.forRoot(routes, { useHash: true })],
&gt;       exports: [RouterModule]
&gt;     })
&gt;     export class AppRoutingModule { }

5.AppModule

&gt;     @NgModule({
&gt;     
&gt;       declarations: [
&gt;         AppComponent,
&gt;         PagesComponent,
&gt;         LoginComponent,
&gt;         EmployeesComponent,
&gt;         OrgLoginComponent,
&gt;         EmployeeListComponent,
&gt;         EmpEditComponent,
&gt;         DayEventDialogComponent,
&gt;         AttendancesComponent,
&gt;         MonthlyComponent,
&gt;         AttendanceDetailsComponent,
&gt;         DailyComponent,
&gt;         DeviceDialogComponent,
&gt;         LeaveActionDialogComponent,
&gt;         LeavesComponent,
&gt;         LeaveBalancesComponent,
&gt;         ManageLeavesComponent,
&gt;         ApplyLeaveComponent,
&gt;         ConfirmDialogComponent,
&gt;         ResetPasswordDialogComponent,
&gt;         AppDownloadComponent,
&gt;         DesignationsComponent,
&gt;         AttendanceLogsComponent,
&gt;       ],
&gt;     
&gt;       entryComponents: [
&gt;         DayEventDialogComponent,
&gt;         DeviceDialogComponent,
&gt;         LeaveActionDialogComponent,
&gt;         ConfirmDialogComponent,
&gt;         ResetPasswordDialogComponent
&gt;       ],
&gt;     
&gt;       imports: [
&gt;         BrowserModule,
&gt;         // CommonModule,
&gt;         SharedModule,
&gt;         AppRoutingModule,
&gt;         // feature modules
&gt;         // SettingsModule
&gt;       ],
&gt;     
&gt;       providers: [
&gt;         LoginGuard, UserGuard,
&gt;       ],
&gt;     
&gt;       bootstrap: [AppComponent]
&gt;     })
&gt;     export class AppModule { }



Content Type	Original Author	Original Content on Stackoverflow
Question	Caleb Faruki	View Question on Stackoverflow
Solution 1 - Javascript	Reeno	View Answer on Stackoverflow
Solution 2 - Javascript	Baras	View Answer on Stackoverflow

lazy loading: progressive vs on-demand

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

How do I convert String to Number according to locale (opposite of .toLocaleString)?

Remove SeparatorInset on iOS 8 UITableView for Xcode 6 iPhone Simulator

Attributions