CV Generator Documentation
  1. Components
  2. ProjectCardComponent

File

src/app/components/project-card/project-card.component.ts

Description

Project card component ~extends PropertyComponent

Extends

PropertyComponent

Metadata

selector app-project-card
styleUrls ./project-card.component.scss
templateUrl ./project-card.component.html

Index

Properties
Methods
Inputs
Accessors

Inputs

propertyName
Type : Indexable

Injected propery name setter.

Methods

Public getDecryptedProjectPeriod
getDecryptedProjectPeriod(project: Project)

Get decrypted project period delegate.

Parameters :
Name Type Optional
project Project No
Returns : string
Public getProjectLogoUri
getProjectLogoUri(imageName: string)

Get project logo uri delegate.

Parameters :
Name Type Optional
imageName string No
Returns : any
Public getProjectProjectImageUri
getProjectProjectImageUri(imageName: string, full: boolean)

Get project image uri delegate.

Parameters :
Name Type Optional Default value
imageName string No
full boolean No false
Returns : any
Public isEmptyProjectProjectImage
isEmptyProjectProjectImage(imageName: string)

Is empty project image delegate.

Parameters :
Name Type Optional
imageName string No
Returns : boolean
Public replaceAll
replaceAll(str: string, search: string | RegExp, replacement: any)

Replace all delegate.

Parameters :
Name Type Optional
str string No
search string | RegExp No
replacement any No
Returns : string
tabName
tabName(key: string)

Tab name delegate.

Parameters :
Name Type Optional
key string No
Returns : string
rotateDateFormat
rotateDateFormat()

Rotate date format changer.

Returns : void
getBackgroundLogoImageUri
getBackgroundLogoImageUri(imageName: string)

Get background logoimage uri delegate.

Parameters :
Name Type Optional
imageName string No
Returns : any
getJsDateValueFromExcel
getJsDateValueFromExcel(excelDate: any)

Get JS date value from Excel delegate.

Parameters :
Name Type Optional
excelDate any No
Returns : any
getSafeUri
getSafeUri(url: string)

Get safe uri delegate.

Parameters :
Name Type Optional
url string No
Returns : any
linkLabel
linkLabel(key: string | undefined)

Link label delegate.

Parameters :
Name Type Optional
key string | undefined No
Returns : string

Properties

Public Readonly dataService
Type : DataService
The data service injected dependency.
Public Readonly excelDateFormatterService
Type : ExcelDateFormatterService
The Excel date formatter service injected dependency.
Public Readonly inputService
Type : InputService
The input service injected dependency.
Public Readonly portfolioService
Type : PortfolioService
The portfolio service injected dependency.
Public Readonly uiService
Type : UiService
The UI service injected dependency.

Accessors

dateFormat
getdateFormat()

Date format
projectProjectLinkUri
getprojectProjectLinkUri()

Project link uri.
idesAndTools
getidesAndTools()

Ides and tools.

./project-card.component.scss 

@use "../stylesheets/stylesheets.component.color.scss" as color;

.cell-header {
  font-size: 14px;
  color: color.$header-fore-color;
}

div[class^="col-"].cell-title {
  background-color: color.$cell-title-color;
}

div[class^="ckol-"].cell-capacity {
  background-color: color.$cell-capacity-color;
}

div[class^="col-"].cell-normal {
  background-color: color.$cell-normal-color;
}

div[class^="col-"].cell-feature {
  background-color: color.$cell-feature-color;
}

div[class^="col-"].cell-faded {
  background-color: color.$cell-faded-color;
}

div[class^="col-"].cell-key {
  color: color.$header-fore-color;
  border-color: transparent;
}

div[class^="col-"].cell-value {
  border-color: transparent;
}

div[class^="col-"].cell-title.faded-fore,
div[class^="col-"].cell-faded.faded-fore,
.cell-header.faded-fore {
  color: color.$faded-fore-color;
}

$figcaption-width: 12pt + 4px;

.image {
  position: relative;
  max-width: 900px + $figcaption-width;
}

.figure-img {
  padding-right: $figcaption-width;
}

.image figcaption {
  position: absolute;
  width: 100%;
  left: 100%;
  transform: rotate(-90deg);
  transform-origin: top left;
  margin-left: 2px - $figcaption-width;
  padding-left: 0.5rem;
  font-size: 12px;
  text-transform: uppercase;
}

.logo {
  float: right;
  width: 50px;
  margin-left: 2px;
  margin-bottom: 2px;
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""