GS1UiShowLogo - Gs1TestTeam/GS1_Angular_Prototype GitHub Wiki

GS1UiShowLogo:

Display GS1 Canada's logo in the top of its website.

Class Diagram:

eps01

Definition of Attributes

Attributes type Description
logoWidth Number Define the width of GS1 Canada's logo image (e.g: 60)
logoHeight Number Define the height of GS1 Canada's logo image (e.g: 60)
logoSlogan1 string Define a slogan, which is displayed the top of GS1 Canada's website (e.g: Welcome to GS1 Canada)
logoSlogan2 string Define a slogan, which is displayed the top of GS1 Canada's website (e.g: The Global Language of Business)

Examples:

Source Code:

<app-gs1-ui-show-logo
    [logoW]    = "60"
    [logoH]    = "60"        
    [logoS1]   = "Welcome to GS1 Canada"
    [logoS2]   = "The Global Language of Business"
>
</app-gs1-ui-show-logo>

Output:

eps011

Source Code:

<app-gs1-ui-show-logo
    [logoW]    = "40" <-- change the width to 40
    [logoH]    = "40" <-- change the height to 40        
    [logoS1]   = "'With GS1 Canada,'" <-- change slogan
    [logoS2]   = "'Improve Your Business Communication'" <-- change slogan
>
</app-gs1-ui-show-logo>

Output:

eps012