feat(core) : colibris unbundle with config support

This commit is contained in:
Florian Schmitt 2021-11-29 19:14:50 +01:00
parent b7ae41fc45
commit 2a292ade9b
17 changed files with 1732 additions and 1884 deletions

View file

@ -1,35 +1,20 @@
doctype html
html(lang="fr")
head
link(rel="stylesheet" type="text/css" href="css/style.css")
link(rel="icon" type="image/png" href="/images/favicon.png")
title Post-it Colibris Outils Libres
extends layout
block header
div.connected= "Personnes en ligne : " + connected
body
div#colibris-menu
div.container
header.main-header
a(href="/", title="Retour à la page d'accueil")
img.logo(src="/images/logo-Post-it.svg", alt="logo Post-it")
div.base-line Organiser ses idées collectivement
main
div.board-outline
div#board
div#board-doodles
block body
main.container
div.board-outline
div#board
div#board-doodles
table#board-table.board-table
tr
td
form.home(onsubmit="return go();")
label Nommez votre nouveau tableau :
br
input.text(type="text", name="name")
a#go(onclick="return go();")  Allons-y.
p.home Exemple :
p.home!= '<a href="//' + locals.url + '/demo">' + locals.url + '/demo</a>'
//display # of active users here
div.active-connections= "Connexions en cours : " + connected
div.credits Logiciel libre basé sur <a href="https://framagit.org/framasoft/framemo">Framemo</a> et <a href="https://github.com/aliasaria/scrumblr">Scrumblr</a> - <a href="https://framagit.org/colibris/framemo">Code source</a>
script(type="text/javascript", src="/home.js")
table#board-table.board-table
tr
td
form.home(onsubmit="return go();")
label Nommez votre nouveau tableau :
br
input.text(type="text", name="name")
a#go(onclick="return go();") &nbsp;Allons-y.
p.home Exemple :
p.home!= '<a href="//' + locals.url + '/demo">' + locals.url + '/demo</a>'

View file

@ -1,73 +1,73 @@
extends layout
block header
- if (locals.demo)
div.notice-bar Tableau de démonstration.<br />Ny mettez rien dimportant !
div.actions
a#share-link(href="#share", aria-controls="share", title="Partager le tableau")
i.fa.fa-fw.fa-lg.fa-share-alt
span Partager
a#revisions-link(href="#revisions", aria-controls="revisions", title="Révisions")
i.fa.fa-fw.fa-lg.fa-exchange
span Révisions
a#smallify(href="javascript:void(0);", title="Réduire la taille des post-it")
i.fa.fa-fw.fa-lg.fa-search-plus
span.big Grands Post-it
span.small Petits Post-it
a#full-page(href="javascript:void(0);", aria-hidden="true", title="Plein écran")
i.fa.fa-fw.fa-lg.fa-expand
span.full-screen Plein écran
span.contain-screen Réduire
block body
div.container
- if (locals.demo)
div.pull-left.notice-bar Tableau de démonstration. Ny mettez rien dimportant !
div.actions
a#share-link(href="#share", aria-controls="share", title="Partager le tableau")
i.fa.fa-fw.fa-lg.fa-share-alt
span Partager
a#revisions-link(href="#revisions", aria-controls="revisions", title="Révisions")
i.fa.fa-fw.fa-lg.fa-exchange
span Révisions
a#smallify(href="javascript:void(0);", title="Réduire la taille des post-it")
i.fa.fa-fw.fa-lg.fa-search-plus
span.big Grands Post-it
span.small Petits Post-it
a#full-page(href="javascript:void(0);", aria-hidden="true", title="Plein écran")
i.fa.fa-fw.fa-lg.fa-expand
span.full-screen Plein écran
span.contain-screen Réduire
div.clearfix
div.board-container
div.board-outline
div#board
div#board-doodles
table#board-table.board-table
tr
td#icon-col(width='1%')
image#add-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/plus_alt_32x32.png' alt='Ajouter une colonne')
image#delete-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/minus_alt_32x32.png' alt='Supprimer une colonne')
div.board-container
div.board-outline
div#board
div#board-doodles
table#board-table.board-table
tr
td#icon-col(width='1%')
image#add-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/plus_alt_32x32.png' alt='Ajouter une colonne')
image#delete-col.col-icon(width='20', height='20', src='images/icons/iconic/raster/black/minus_alt_32x32.png' alt='Supprimer une colonne')
div.container
div.buttons
i#create-card.fa.fa-plus-circle.fa-2x.bottom-icon(title='Ajouter une note')
span Ajouter un Post-it
div.form-group
label.control-label(for='choose-card-color') Couleur
select#choose-card-color.form-control
option(value='random') Au hasard
option(value='yellow') Jaune
option(value='green') Vert
option(value='blue') Bleu
option(value='white') Blanc
div.container
div.buttons
i#create-card.fa.fa-plus-circle.fa-2x.bottom-icon(title='Ajouter une note')
span Ajouter un Post-it
div.form-group
label.control-label(for='choose-card-color') Couleur
select#choose-card-color.form-control
option(value='random') Au hasard
option(value='yellow') Jaune
option(value='green') Vert
option(value='blue') Bleu
option(value='white') Blanc
div.stickers
div.sticker#sticker-red(title='Ajouter une pastille rouge')
div.sticker#sticker-blue(title='Ajouter une pastille bleue')
div.sticker#sticker-yellow(title='Ajouter une pastille jaune')
div.sticker#sticker-green(title='Ajouter une pastille verte')
br
div.sticker#sticker-pink(title='Ajouter une pastille rose')
div.sticker#sticker-lightblue(title='Ajouter une pastille bleu clair')
div.sticker#sticker-orange(title='Ajouter une pastille orange')
div.sticker#sticker-purple(title='Ajouter une pastille violette')
br
div.sticker#sticker-gold(title='Ajouter une étoile dorée')
div.sticker#sticker-bluestar(title='Ajouter une étoile bleue')
div.sticker#sticker-silverstar(title='Ajouter une étoile argentée')
div.sticker#sticker-redstar(title='Ajouter une étoile rouge')
br
div.sticker#nosticker(title='Supprimer les pastilles ou les étoiles d\'une note')
div.stickers
div.sticker#sticker-red(title='Ajouter une pastille rouge')
div.sticker#sticker-blue(title='Ajouter une pastille bleue')
div.sticker#sticker-yellow(title='Ajouter une pastille jaune')
div.sticker#sticker-green(title='Ajouter une pastille verte')
br
div.sticker#sticker-pink(title='Ajouter une pastille rose')
div.sticker#sticker-lightblue(title='Ajouter une pastille bleu clair')
div.sticker#sticker-orange(title='Ajouter une pastille orange')
div.sticker#sticker-purple(title='Ajouter une pastille violette')
br
div.sticker#sticker-gold(title='Ajouter une étoile dorée')
div.sticker#sticker-bluestar(title='Ajouter une étoile bleue')
div.sticker#sticker-silverstar(title='Ajouter une étoile argentée')
div.sticker#sticker-redstar(title='Ajouter une étoile rouge')
br
div.sticker#nosticker(title='Supprimer les pastilles ou les étoiles d\'une note')
div.names
p <i class="fa fa-fw fa-lg fa-users"></i> connectés :
input#yourname-input
span.you-text (vous)
ul#names-ul
div.names
p <i class="fa fa-fw fa-lg fa-users"></i> connectés :
input#yourname-input
span.you-text (vous)
ul#names-ul
div#share.modal
div.modal-content

View file

@ -8,7 +8,8 @@ html(lang="fr")
<link rel="stylesheet" title="cardsize" href="css/bigcards.css" type="text/css" media="all" />
<!-- jQuery -->
<script src="lib/jquery-1.11.0.min.js"></script>
//- <script src="lib/jquery-1.11.0.min.js"></script>
<script src="lib/jquery.min.js"></script>
<script src="lib/jquery-ui.js"></script>
<!-- External Scripts -->
@ -23,20 +24,27 @@ html(lang="fr")
<!-- ** My Script ** -->
<script src="script.js"></script>
link(rel="icon" type="image/png" href="/images/favicon.png")
if locals.faviconUrl
link(rel="icon" type="image/png" href=locals.faviconUrl)
else
link(rel="icon" type="image/png" href="/images/favicon.png")
title= locals.pageTitle
body
div#colibris-menu
div.container
header.main-header
div#header-bar(data-url=locals.headerBarUrl)
header.container.main-header
div.title
a(href="/", title="Retour à la page d'accueil")
img.logo(src="/images/logo-Post-it.svg", alt="logo Post-it")
if locals.logoUrl
img.logo(src=locals.logoUrl, alt="logo Post-it")
else
img.logo(src="/images/logo-Post-it.svg", alt="logo Post-it")
div.base-line Organiser ses idées collectivement
block header
main
block body
div.clearfix
div.container
footer.container
block footer
div.credits Logiciel libre basé sur <a href="https://framagit.org/framasoft/framemo">Framemo</a> et <a href="https://github.com/aliasaria/scrumblr">Scrumblr</a> - <a href="https://framagit.org/colibris/framemo">Code source</a>