feature: status icon on left menu
This commit is contained in:
parent
120af5b322
commit
7c00d2391a
@ -1,4 +1,5 @@
|
||||
import { widgetFactory } from 'https://unpkg.com/@startinblox/core@0.9/dist/widgets/widget-factory.js';
|
||||
import { importCSS } from 'https://unpkg.com/@startinblox/core@0.9/dist/libs/helpers.js';
|
||||
import SlimSelect from 'https://dev.jspm.io/slim-select@1.23';
|
||||
|
||||
const HublStatus = widgetFactory(
|
||||
|
@ -8,6 +8,10 @@ sib-widget(name='hubl-menu-jabberid')
|
||||
data-jabberID="${value}"
|
||||
)
|
||||
|
||||
sib-widget(name='hubl-menu-publicprivate')
|
||||
template
|
||||
div ${value == 'Public' ? '#' : ''}
|
||||
|
||||
sib-widget(name='hubl-create')
|
||||
template
|
||||
p.create Tu ne fais partie d'aucun ${value}.
|
||||
@ -19,8 +23,9 @@ sib-widget(name='hubl-menu-fix-url-circle')
|
||||
template
|
||||
sib-display(
|
||||
data-src='${value}'
|
||||
fields='name, jabberID, badge'
|
||||
fields='status, name, jabberID, badge'
|
||||
value-badge='${value}'
|
||||
widget-status='hubl-menu-publicprivate'
|
||||
widget-badge='hubl-counter'
|
||||
widget-jabberID='hubl-menu-jabberid'
|
||||
widget-name='sib-display-div'
|
||||
@ -30,10 +35,11 @@ sib-widget(name='hubl-menu-fix-url-project')
|
||||
template
|
||||
sib-display(
|
||||
data-src='${value}'
|
||||
fields='project(customer.name, name, jabberID), badge'
|
||||
fields='status, project(customer.name, name, jabberID), badge'
|
||||
class-name='project-name'
|
||||
class-customer.name='project-customer'
|
||||
value-badge='${value}'
|
||||
widget-status='hubl-menu-publicprivate'
|
||||
widget-jabberID='hubl-menu-jabberid'
|
||||
widget-badge='hubl-counter'
|
||||
widget-name='sib-display-div'
|
||||
|
@ -154,6 +154,17 @@
|
||||
}
|
||||
}
|
||||
|
||||
hubl-menu-publicprivate {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
div {
|
||||
font-family: simple-line-icons;
|
||||
width: 20px;
|
||||
font-size: 0.8em;
|
||||
padding-top: 0.1em;
|
||||
}
|
||||
}
|
||||
|
||||
>sib-display.nosub>div>sib-display>div {
|
||||
padding: 1rem 1rem 1rem 3rem;
|
||||
}
|
||||
|
@ -28,7 +28,6 @@
|
||||
|
||||
>* {
|
||||
border-right: 1px solid var(--color-table-border);
|
||||
flex: 1;
|
||||
padding: 2.1rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user