mrflos/memo
1
0
Fork 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

WIP refacto

Browse source
This commit is contained in:
Florian Schmitt 2022-04-14 09:21:17 +03:00
parent 324cd85a02
commit c71306264b
11 changed files with 2146 additions and 1632 deletions
Download patch file Download diff file Expand all files Collapse all files

141
views/layout.jade
View file

@ -1,49 +1,106 @@
doctype html
html(lang="fr")
head
<!-- STYLES -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" title="cardsize" href="css/bigcards.css" type="text/css" media="all" />
<!-- jQuery -->
<script src="lib/jquery.min.js"></script>
<script src="lib/jquery-ui.min.js"></script>
<!-- External Scripts -->
<script src="lib/jquery.ui.touch-punch.min.js"></script>
<script src="lib/jquery.jeditable.js"></script>
<script src="lib/jquery.blockUI.js"></script>
<script src="lib/marked.min.js"></script>
<script src="lib/moment-with-locales.min.js"></script>
<!-- Socket.IO -->
<script src="socket.io/socket.io.js"></script>
<!-- ** My Script ** -->
<script src="script.js"></script>
link(href="css/font-awesome.min.css", rel="stylesheet")
link(href="bootstrap-icons/font/bootstrap-icons.css", rel="stylesheet")
link(rel="stylesheet", type="text/css", href="css/style.css")
link(rel="stylesheet" title="cardsize", href="css/bigcards.css", type="text/css", media="all")
if locals.faviconUrl
link(rel="icon" type="image/png" href=locals.faviconUrl)
link(rel="icon", type="image/png", href=locals.faviconUrl)
else
link(rel="icon" type="image/png" href="/images/favicon.png")
link(rel="icon", type="image/png", href="/images/favicon.png")
title= locals.pageTitle
body
div#header-bar(data-url=locals.headerBarUrl)
header.container.main-header
div.title
a(href="//" + locals.url, title="Retour à la page d'accueil")
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
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>
div#site-wrapper
div#site-canvas
div#site-menu
a.toggle-nav.pull-right.close-link(href="#") Fermer&nbsp;&nbsp;
i.fa.fa-times
div#share
div.copy
h2 Partager le tableau
h3 par lien
div.form-inline
div.input-group
input.replace-url.form-control(disabled='disabled')
div.input-group-addon
a.copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
i.fa.fa-clipboard
h3 en iframe HTML
div.form-inline
div.input-group
textarea.share-iframe.form-control(disabled='disabled', name="html-widget", cols="30", rows="3")
&lt;iframe src="{{replace-url}}" width="100%" height="600" frameborder="0"&gt;&lt;/iframe&gt;
div.input-group-addon
a#copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
i.fa.fa-clipboard
div.export
h2 Exporter le tableau
button#export-txt.btn.btn-primary Format texte
button#export-csv.btn.btn-primary Format CSV
button#export-json.btn.btn-primary Format JSON (pour import dans Post-it)
div#settings
h2 Image de fond
div.backgrounds
img.bg(src="images/backgrounds/lagune.jpg", alt="lagune")
img.bg(src="images/backgrounds/canoe.jpg", alt="canoe")
img.bg(src="images/backgrounds/ciel.jpg", alt="ciel")
img.bg(src="images/backgrounds/contreplaque.jpg", alt="contreplaque")
img.bg(src="images/backgrounds/muscaris.jpg", alt="muscaris")
img.bg(src="images/backgrounds/nuagesoir.jpg", alt="nuagesoir")
img.bg(src="images/backgrounds/osier.jpg", alt="osier")
img.bg(src="images/backgrounds/planches.jpg", alt="planches")
img.bg(src="images/backgrounds/ardoise.jpg", alt="ardoise")
img.bg(src="images/backgrounds/clouds.jpg", alt="clouds")
img.bg(src="images/backgrounds/crab.jpg", alt="crab")
img.bg(src="images/backgrounds/ecorces.jpg", alt="ecorces")
img.bg(src="images/backgrounds/kiwi.jpg", alt="kiwi")
img.bg(src="images/backgrounds/plants.jpg", alt="plants")
img.bg(src="images/backgrounds/straw.jpg", alt="straw")
img.bg(src="images/backgrounds/textile.jpg", alt="textile")
img.bg(src="images/backgrounds/trees.jpg", alt="trees")
img.bg(src="images/backgrounds/yellow-bamboos.jpg", alt="yellow-bamboos")
input.bgurl.form-control(type="url", placeholder="URL vers image de fond", name="bgurl")
div.revisions
h2 Révisions
button#create-revision.btn.btn-primary Créer une révision
div
ul#revisions-list
div.import
h2 Importer un tableau
div.form-inline
div.form-group
label(for="import-input") Fichier JSON à importer
input(type="file")#import-input.form-control
button#import-file.btn.btn-primary Importer
div#header-bar(data-url=locals.headerBarUrl)
header.container.main-header
div.title
a(href="/", title="Retour à la page d'accueil")
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")
if (locals.home === true)
div.base-line Organiser ses idées collectivement
if (locals.demo === true)
div.base-line Tableau de démonstration.<br />N’y mettez rien d’important !
block header
main
block body
div.clearfix
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>
script(src="/reload/reload.js")
script(src="lib/jquery.min.js")
script(src="lib/jquery-ui.min.js")
script(src="lib/jquery.ui.touch-punch.min.js")
script(src="lib/jquery.jeditable.js")
script(src="lib/jquery.blockUI.js")
script(src="lib/marked.min.js")
script(src="lib/moment-with-locales.min.js")
script(src="socket.io/socket.io.js")
script(src="script.js")