Class: Loading

caph.stripe.ui.component. Loading

new Loading(option)

A class which provides Loading component.

Parameters:
Name Type Description
option Object

option is object for set component's attribute.
Details : caph.ui.base.component.Sprite#setOption

Since:
  • 2.0.0
Author:
  • jlux.son@samsung.com
  • jlux.son@samsung.com
Example
var Loading = caph.require('equus.ui.component.Loading');
Loading.SMALL();
Loading.MEDIUM();
Loading.LARGE();

var loading = new Loading({
	    type : small
});

Extends

  • caph.ui.base.component.Sprite

Methods

<static> LARGE() → {caph.stripe.ui.component.Loading}

Returns large size loading component.

Since:
  • 2.0.0
Returns:
Type
caph.stripe.ui.component.Loading
Example
var Loading = caph.require('stripe.ui.component.Loading');

var brightLargeLoading = Loading.LARGE('bright');
var darkLargeLoading = Loading.LARGE('dark');
//default color : dark
var darkLargeLoading2 = Loading.LARGE('dark');

<static> MEDIUM() → {caph.stripe.ui.component.Loading}

Returns medium size loading component.

Since:
  • 2.0.0
Returns:
Type
caph.stripe.ui.component.Loading
Example
var Loading = caph.require('stripe.ui.component.Loading');

var brightMediumLoading = Loading.MEDIUM('bright');
var darkMediumLoading = Loading.MEDIUM('dark');
//default color : dark
var darkMediumLoading2 = Loading.MEDIUM('dark');

<static> SMALL() → {caph.stripe.ui.component.Loading}

Returns small size loading component.

Since:
  • 2.0.0
Returns:
Type
caph.stripe.ui.component.Loading
Example
var Loading = caph.require('stripe.ui.component.Loading');

var brightSmallLoading = Loading.SMALL('bright');
var darkSmallLoading = Loading.SMALL('dark');
//default color : dark
var darkSmallLoading2 = Loading.SMALL('dark');

setOption(option)

Set property for loading component.

Parameters:
Name Type Description
option Object

specific properties for loading component.

Since:
  • 2.0.0
Example
var Loading = caph.require('stripe.ui.component.Loading');
var smallDark = new Loading({
		type : 'small',
		color : 'dark'
});
var mediumBright = new Loading({
		type : 'medium',
		color : 'bright'
});

//if you want to running loading component, you should call 'run' method.
smallDark.run();
mediumBright.run();