Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/centraldashboard/app/api.ts
Original file line number Diff line number Diff line change
Expand Up @@ -249,4 +249,4 @@ export class Api {
const languagelist = Array.from(new Set(languages.map(lang => lang.split(/-|;/)[0])));
return languagelist;
}
}
}
6 changes: 6 additions & 0 deletions components/centraldashboard/public/assets/i18n/languages.json
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,9 @@
"dashboardView.docItemOfficialKubeflowDocsText": "Official Kubeflow Docs",
"dashboardView.docItemOfficialKubeflowDocsDesc": "Advanced documentation for installing, running, and using Kubeflow",
"dashboardView.docItemOfficialKubeflowDocsLink": "https://www.kubeflow.org/docs/",
"dashboardView.releaseNotes": "Latest changes in our notebook server images",
"dashboardView.releaseNotesEnglish": "(Release notes in english only)",
"dashboardView.releaseNotesMessage": "View the latest release notes for our notebook server images.",
"activityView.msgSelectNamespace": "Select a workspace to see recent events",
"activityView.errNoActivities": "No activities for workspace {namespace}",
"activityView.errRetrivingActivities": "Error retrieving activities for workspace {namespace}",
Expand Down Expand Up @@ -180,6 +183,9 @@
"dashboardView.docItemOfficialKubeflowDocsText": "Documents Kubeflow Officiels",
"dashboardView.docItemOfficialKubeflowDocsDesc": "Documentation avancé pour installer, exécuter et utiliser Kubeflow",
"dashboardView.docItemOfficialKubeflowDocsLink": "https://www.kubeflow.org/docs/",
"dashboardView.releaseNotes": "Derniers changements dans nos images de serveurs bloc-notes",
"dashboardView.releaseNotesEnglish": "(Notes de changements en anglais uniquement)",
"dashboardView.releaseNotesMessage": "Consultez les dernières notes de changements de nos images de serveurs bloc-notes.",
"activityView.msgSelectNamespace": "Sélectionner un espace de travail pour voir les activités récentes",
"activityView.errNoActivities": "Aucune activité pour l'espace de travail {namespace}",
"activityView.errRetrivingActivities": "Erreur en récupérant les activités pour l'espace de travail {namespace}",
Expand Down
10 changes: 7 additions & 3 deletions components/centraldashboard/public/components/dashboard-view.css
Original file line number Diff line number Diff line change
Expand Up @@ -16,16 +16,20 @@
}
}

.dashboard-cards{
display: flex;
align-items: center;
justify-content: center;
}

#grid {
display: grid;
grid-gap: .75em; /* 12px */
grid-template-columns: repeat(3, 1fr);
margin: 0 auto;
}

.security-messages {
.single-column {
width: 80%;
margin: 0 auto;
}

.column {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import '@polymer/paper-card/paper-card.js';
import '@polymer/paper-ripple/paper-ripple.js';
import '@polymer/paper-item/paper-icon-item.js';
import '@polymer/paper-icon-button/paper-icon-button.js';

// eslint-disable-next-line max-len
import {AppLocalizeBehavior} from '@polymer/app-localize-behavior/app-localize-behavior.js';
import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class.js';
Expand Down
109 changes: 62 additions & 47 deletions components/centraldashboard/public/components/dashboard-view.pug
Original file line number Diff line number Diff line change
@@ -1,59 +1,74 @@
template(is='dom-if', if='[[securityMessages.length]]')
div.security-messages
security-messages-card(messages='[[securityMessages]]')
div#grid
.column
notebook-default-card(namespace='[[namespace]]', language='[[language]]', resources='[[resources]]')
.column
paper-card#Quick-Links(heading="{{localize('dashboardView.headingQuickLinks')}}")
template(is='dom-repeat', items='[[quickLinks]]')
template(is='dom-if', if='[[equals(item.type, "internal")]]')
iframe-link.link(href$="[[item.link]]")
paper-icon-item.external
paper-ripple
paper-item-body(two-line)
.header [[item.text]]
aside(secondary) [[item.desc]]
iron-icon(icon='kubeflow:bolt', slot='item-icon')
template(is='dom-if', if='[[equals(item.type, "external")]]')
a.link(href$='[[item.link]]', tabindex='-1', target='_blank')
.dashboard-cards
.single-column
security-messages-card(messages='[[securityMessages]]')
.dashboard-cards
div#grid
.column
notebook-default-card(namespace='[[namespace]]', language='[[language]]', resources='[[resources]]')
.column
paper-card#Quick-Links(heading="{{localize('dashboardView.headingQuickLinks')}}")
template(is='dom-repeat', items='[[quickLinks]]')
template(is='dom-if', if='[[equals(item.type, "internal")]]')
iframe-link.link(href$="[[item.link]]")
paper-icon-item.external
paper-ripple
paper-item-body(two-line)
.header [[item.text]]
aside(secondary) [[item.desc]]
iron-icon(icon='kubeflow:bolt', slot='item-icon')
template(is='dom-if', if='[[equals(item.type, "external")]]')
a.link(href$='[[item.link]]', tabindex='-1', target='_blank')
paper-icon-item.external
paper-ripple
paper-item-body(two-line)
.header [[item.text]]
aside(secondary) [[item.desc]]
paper-icon-button.button(icon='open-in-new',
slot='item-icon', alt='[[item.text]]', tabindex=-1)
template(is='dom-if', if='[[metrics.resourceChartsLinkText]]')
resource-chart(header-text='Cluster CPU Utilization', metric='cpu',
interval='Last60m',
external-link='[[metrics.resourceChartsLink]]',
external-link-text='[[metrics.resourceChartsLinkText]]')
resource-chart(header-text='Pod CPU Utilization', metric='podcpu',
interval='Last60m',
external-link='[[metrics.resourceChartsLink]]'
external-link-text='[[metrics.resourceChartsLinkText]]')
.column
template(is='dom-if', if='[[platformDetails.links]]')
paper-card#Platform-Links(class$='[[platformDetails.name]]',
heading='[[platformDetails.title]]', image='[[platformDetails.logo]]')
template(is='dom-repeat', items='[[platformDetails.links]]')
a.link(href$='[[item.link]]', tabindex='-1', target='_blank')
paper-icon-item.external
paper-ripple
paper-item-body(two-line)
.header [[item.headerText]]
aside(secondary) [[item.secondaryText]]
paper-icon-button.button(icon='open-in-new',
slot='item-icon', alt='[[item.text]]', tabindex=-1)
paper-card#Documentation(heading="{{localize('dashboardView.headingDocumentation')}}")
template(is='dom-repeat', items='[[documentationItems]]')
a.link(href$='[[item.link]]', tabindex='-1',
target='_blank')
paper-icon-item.external
paper-ripple
paper-item-body(two-line)
.header [[item.text]]
aside(secondary) [[item.desc]]
paper-icon-button.button(icon='open-in-new',
slot='item-icon', alt='[[item.text]]', tabindex=-1)
template(is='dom-if', if='[[metrics.resourceChartsLinkText]]')
resource-chart(header-text='Cluster CPU Utilization', metric='cpu',
interval='Last60m',
external-link='[[metrics.resourceChartsLink]]',
external-link-text='[[metrics.resourceChartsLinkText]]')
resource-chart(header-text='Pod CPU Utilization', metric='podcpu',
interval='Last60m',
external-link='[[metrics.resourceChartsLink]]'
external-link-text='[[metrics.resourceChartsLinkText]]')
.column
template(is='dom-if', if='[[platformDetails.links]]')
paper-card#Platform-Links(class$='[[platformDetails.name]]',
heading='[[platformDetails.title]]', image='[[platformDetails.logo]]')
template(is='dom-repeat', items='[[platformDetails.links]]')
a.link(href$='[[item.link]]', tabindex='-1', target='_blank')
.dashboard-cards
.single-column
paper-card(heading="{{localize('dashboardView.releaseNotes')}}")
a.link(href='https://github.com/StatCan/zone-kubeflow-containers/releases/latest', tabindex='-1',
Comment thread
mathis-marcotte marked this conversation as resolved.
target='_blank', rel='noopener noreferrer')
paper-icon-item.external
paper-ripple
paper-item-body(two-line)
.header [[item.headerText]]
aside(secondary) [[item.secondaryText]]
.header {{localize('dashboardView.releaseNotesMessage')}}
aside(secondary) {{localize('dashboardView.releaseNotesEnglish')}}
paper-icon-button.button(icon='open-in-new',
slot='item-icon', alt='[[item.text]]', tabindex=-1)
paper-card#Documentation(heading="{{localize('dashboardView.headingDocumentation')}}")
template(is='dom-repeat', items='[[documentationItems]]')
a.link(href$='[[item.link]]', tabindex='-1',
target='_blank')
paper-icon-item.external
paper-ripple
paper-item-body(two-line)
.header [[item.text]]
aside(secondary) [[item.desc]]
paper-icon-button.button(icon='open-in-new',
slot='item-icon', alt='[[item.text]]', tabindex=-1)
slot='item-icon', alt="{{localize('dashboardView.releaseNotesMessage')}}", tabindex=-1)