ui : temp commit to test template

This commit is contained in:
simon louvet 2018-11-20 16:28:00 +01:00
parent 7c0f88153d
commit b7da28c3a8
10 changed files with 66 additions and 40 deletions

View File

@ -25,7 +25,7 @@ html(lang="en")
include page-job-offers.pug include page-job-offers.pug
#job-offer-create(hidden) #job-offer-create(hidden)
include page-job-offer-create.pug include page-job-offer-create.pug
//-#projects(hidden) #projects(hidden)
include page-projects.pug include page-projects.pug
#project(hidden) #project(hidden)
include page-project.pug include page-project.pug

View File

@ -1,4 +1,5 @@
#job-create //#job-offer-create
div
h1 New job offer h1 New job offer
.form-view .form-view
sib-form.block( sib-form.block(

View File

@ -1,17 +1,14 @@
div.containerH.reverse div.containerH.reverse
div.containerV.fix div.containerV.fix
div.containerH.containerCenter.action-link sib-link(next="job-offer-create").containerH.containerCenter.action-link
div.containerV.fix.icon-plus div.containerV.fix.icon-plus
div.containerV.fix div.containerV.fix Post a new offer
sib-trigger(next="job-offer-create") Post a new offer sib-link().containerH.containerCenter.how-link
div.containerH.containerCenter.how-link
div.containerV.fix.icon-idea div.containerV.fix.icon-idea
div.containerV.grow div.containerV.grow How To find a new offer
sib-trigger() How To find a new offer sib-link().containerH.containerCenter.how-link
div.containerH.containerCenter.how-link
div.containerV.fix.icon-idea div.containerV.fix.icon-idea
div.containerV.grow div.containerV.grow How to set notification ?
sib-trigger() How to set notification ?
div.containerV.grow div.containerV.grow
h1 New offers h1 New offers
span Here you can find and post offers span Here you can find and post offers

View File

@ -1,7 +1,7 @@
h1 Edit project h1 Edit project
//- sib-display(data-fields="name" bind-resources)] //- sib-display(data-fields="name" bind-resources)]
.form-view .form-view
sib-form.block( sib-form(
range-client=`${sdn}/clients/`, range-client=`${sdn}/clients/`,
range-team=`${sdn}/members/`, range-team=`${sdn}/members/`,
data-fields=`name, number, client, description, team, jabberRoom, foaf:jabberID`, data-fields=`name, number, client, description, team, jabberRoom, foaf:jabberID`,

View File

@ -1,13 +1,16 @@
.frame .frame
template#client-template
div.toto ${value.address}
sib-display( sib-display(
data-fields='title, label-description, description, client', data-fields='client',
set-title='number, client.name, name', template-client='client-template',
set-client='label-client, client.name, client.logo, client.address', bind-resources,
value-label-description="Description:" )
value-label-client="Client:" sib-display(
widget-client.logo='sib-display-img', data-fields='client.logo,label-description, description, label-client, client',
widget-client='hdapp-client', value-label-description="Description:",
widget-team='sib-display-lookuplist', value-label-client="Client:",
template-client='client-template',
bind-resources, bind-resources,
) )

View File

@ -1,4 +1,4 @@
sib-router#project-router(default-route='project-chat') sib-router#project-router(default-route='project-profile')
sib-route(name='project-chat') sib-route(name='project-chat')
div Chat div Chat
sib-route(name='project-profile') sib-route(name='project-profile')

View File

@ -1,4 +1,5 @@
#projects //#projects
div
h1 Projects h1 Projects
sib-display( sib-display(
data-src=`${sdn}/projects/`, data-src=`${sdn}/projects/`,

View File

@ -55,15 +55,24 @@ document.addEventListener('WebComponentsReady', function(event) {
class HDAppClient extends SIBWidget { class HDAppClient extends SIBWidget {
get template() { get template() {
return `<img name="${this.name}" src="${this.value.logo}"/>`;
return `<div>${this.value}</div>`;
} }
render() { render() {
store.get(this.value).then(value => {
this._value = value;
this.innerHTML = this.template; this.innerHTML = this.template;
});
} }
// get template() {
// return `<img name="${this.name}" src="${this.value.logo}"/>`;
// }
//
// render() {
// store.get(this.value).then(value => {
// this._value = value;
// this.innerHTML = this.template;
// });
// }
} }
customElements.define('hdapp-client', HDAppClient); customElements.define('hdapp-client', HDAppClient);

View File

@ -318,14 +318,32 @@ hdapp-available {
} }
#project-edit form{
display: flex;
flex-direction: column;
align-items: stretch;
>*{
display: flex;
margin-bottom: 1em;
label{
flex-basis : 8em;
flex-shrink: 0;
}
input,textarea{
flex-grow: 1;
min-width: 0;
}
}
}
.right-link{ .right-link{
padding: 0.5em; padding: 0.5em;
margin-bottom: 1em; margin-bottom: 1em;
margin-left: 1em; margin-left: 1em;
flex-basis: content; flex-basis: content;
border-radius: 2em; border-radius: 2em;
sib-trigger{ div[class*="icon-"]{
padding-left: 1em; margin-right: 1em
} }
} }
@ -344,10 +362,7 @@ hdapp-available {
flex-direction: column; flex-direction: column;
width: 1.8em; width: 1.8em;
height: 1.8em; height: 1.8em;
} //margin-right: 1em;
sib-trigger{
padding-left: 1em;
width: 12em;
} }
} }
@ -364,7 +379,7 @@ hdapp-available {
align-items: center; align-items: center;
display: flex; display: flex;
&:before { &:before {
font-size: 1.3em; //font-size: 1.3em;
} }
} }
} }

View File

@ -172,16 +172,16 @@ h4 {
#mainContainer > div { #mainContainer > div {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
align-items: flex-start; align-items: stretch;
> sib-router { > sib-router {
font-family: monospace; font-family: monospace;
color: $color-black; color: $color-black;
display: block;
background-color: $color-grey-light2; background-color: $color-grey-light2;
display: flex;
flex-direction: column;
sib-route { sib-route {
display: block;
cursor: pointer; cursor: pointer;
> div { > div {