Skip to content
Snippets Groups Projects
Commit facbd376 authored by Clément's avatar Clément
Browse files

update: convert to pug

parent a7d8a914
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 150 additions and 92 deletions
.gitignore
+ 1
− 1
View file @ facbd376
......@@ -10,6 +10,6 @@ dist/html/*
# Files
index.html
config.php
config.pug
issues.md
oidc-client-preprod-config.json
Makefile 0 → 100644
+ 21
− 0
View file @ facbd376
default: install
config.pug:
cp config-sample.pug config.pug
dist/css/hd-app.css: src/scss/main.scss
npx grunt sass
install:
git submodule update --init --recursive
npm install
build: config.pug
npx grunt sass
npx pug --pretty -p index.pug < index.pug > index.html
serve: dist/css/hd-app.css
php -S 127.0.0.1:8080 router.php
.PHONY: default install build serve
README.md
+ 16
− 9
View file @ facbd376
# HD app
HD app is the magic tool that allows the Happy Dev network to thrive in a decentralized way.
## Install
* `git clone --recurse-submodules https://git.happy-dev.fr/happy-dev/hd-app.git`
* `cd hd-app`
* `cp config-sample.php config.php`
* Edit `config.php` to suit your own setup
* `npm install -g grunt-cli`
* `npm install`
## Compile SASS
* `grunt watch`
clone then:
* `make install`
## Build
Compile sass & pug
* `make build`
## Run server
require PHP
* `make serve`
config-sample.php deleted 100644 → 0
+ 0
− 8
View file @ a7d8a914
<?php
$dn = getenv("DN");// Domain Name of the app
$sdn = getenv("SDN");// Server Domain Name
if ($dn === NULL) {
$dn = 'http://hd-app.local';
$sdn = 'http://localhost:8000';
}
config-sample.pug 0 → 100644
+ 3
− 0
View file @ facbd376
- var dn = 'http://127.0.0.1:8080'
- var sdn = 'http://127.0.0.1:8000'
- v = Math.random()
\ No newline at end of file
index.php → index.pug
+ 48
− 0
View file @ facbd376
<?php
// Some useful variables
$v = rand();// Used to avoid abusive caching by the browser
require_once("config.php");// Use "config-sample.php" to create your own
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Happy Dev App</title>
<?php
// Prod/Dev setup
if (in_array($dn, array('https://app.happy-dev.fr', 'https://staging-app.happy-dev.fr'))) {
require_once("src/html/dependencies-prod.php");
} else {
require_once("src/html/dependencies-dev.php");
}
?>
</head>
<body>
<?php require_once('src/html/menu.html'); ?>
<main id="mainContainer" class="container-fluid">
<?php require_once('src/html/dashboard.html'); ?>
<?php require_once('src/html/members.html'); ?>
<?php require_once('src/html/member.php'); ?>
<?php require_once('src/html/projects.html'); ?>
<?php require_once('src/html/project.php'); ?>
<?php require_once('src/html/client-creation.html'); ?>
<?php require_once('src/html/channels.html'); ?>
<?php require_once('src/html/channel.php'); ?>
<?php require_once('src/html/search.html'); ?>
</main>
<sib-chat
id="chat-singleton"
data-authentication="login"
data-auto-login="true"
data-bosh-service-url="https://jabber.happy-dev.fr/http-bind/"
data-debug="false"
data-locales-url="en"
bind-resources
></sib-chat>
<script>
include config.pug
html(lang='fr')
head
meta(charset='UTF-8')
meta(name='viewport', content='width=device-width, initial-scale=1.0')
meta(http-equiv='X-UA-Compatible', content='ie=edge')
title Happy Dev App
//- Prod/Dev setup
if (['https://app.happy-dev.fr', 'https://staging-app.happy-dev.fr'].includes(dn))
include src/html/dependencies-prod.pug
else
include src/html/dependencies-dev.pug
body
include src/html/menu.pug
main#mainContainer.container-fluid
include src/html/dashboard.pug
include src/html/members.pug
include src/html/member.pug
include src/html/projects.pug
include src/html/project.pug
include src/html/client-creation.pug
include src/html/channels.pug
include src/html/channel.pug
include src/html/search.pug
sib-chat#chat-singleton(data-authentication='login', data-auto-login='true', data-bosh-service-url='https://jabber.happy-dev.fr/http-bind/', data-debug='false', data-locales-url='en', bind-resources='')
script.
// Move the chat singleton to the right view on "page load"
window.onload = function() {
if (window.location.pathname.indexOf("-chat") !== -1) {
......@@ -69,6 +46,3 @@
view.querySelector(".chat-view").appendChild(chatSingleton);
chatSingleton.dataset.src = view.dataset.src;
});
</script>
</body>
</html>
oidc-client-config.json
+ 2
− 2
View file @ facbd376
{
"authority": "https://test-paris.happy-dev.fr/openid/",
"client_id": "125356",
"redirect_uri": "http://hd-app.local",
"redirect_uri": "http://127.0.0.1:8080",
"response_type": "id_token token",
"scope": "openid profile email",
"automaticSilentRenew": true,
"silent_redirect_uri": "http://hd-app.local",
"silent_redirect_uri": "http://127.0.0.1:8080",
"loadUserInfo": true
}
router.php 0 → 100644
+ 8
− 0
View file @ facbd376
<?php
if (PHP_SAPI == 'cli-server') {
$url = parse_url($_SERVER['REQUEST_URI']);
$file = __DIR__ . $url['path'];
if (is_file($file)) return false;
}
include "index.html";
\ No newline at end of file
src/html/calendar.html deleted 100644 → 0
+ 0
− 4
View file @ a7d8a914
<div id="calendar" style="display: none">
<h1 class="page-title">Agenda</h1>
<ldp-calendar data-src="http://lucky.alwaysdata.net/api/events/" style="display: block; height: 300px; width: 500px;"></ldp-calendar>
</div>
src/html/calendar.pug 0 → 100644
+ 6
− 0
View file @ facbd376
#calendar(style='display: none')
h1.page-title Agenda
ldp-calendar(
data-src='http://lucky.alwaysdata.net/api/events/',
style='display: block; height: 300px; width: 500px;'
)
src/html/channel-chat.html deleted 100644 → 0
+ 0
− 2
View file @ a7d8a914
<div id="channel-chat" class="chat-view" style="display: none" bind-resources></div>
src/html/channel-chat.pug 0 → 100644
+ 1
− 0
View file @ facbd376
#channel-chat.chat-view(style='display: none', bind-resources='')
src/html/channel-create.html deleted 100644 → 0
+ 0
− 9
View file @ a7d8a914
<div id="channel-create" style="display: none">
<sib-form
data-src="<?php echo $sdn; ?>/channels/"
range-owner="<?php echo $sdn; ?>/members/"
widget-members="sib-form-multiple-dropdown"
range-members="<?php echo $sdn; ?>/members/"
></sib-form>
</div>
src/html/channel-create.pug 0 → 100644
+ 7
− 0
View file @ facbd376
#channel-create(style='display: none')
sib-form(
data-src=`${sdn}/channels/`,
range-owner=`${sdn}/members/`,
widget-members='sib-form-multiple-dropdown',
range-members=`${sdn}/members/`
)
src/html/channel-edit.html deleted 100644 → 0
+ 0
− 8
View file @ a7d8a914
<div id="channel-edit" style="display: none">
<sib-form
range-owner="<?php echo $sdn; ?>/members/"
widget-members="sib-form-multiple-dropdown"
range-members="<?php echo $sdn; ?>/members/"
bind-resources
></sib-form>
</div>
src/html/channel-edit.pug 0 → 100644
+ 7
− 0
View file @ facbd376
#channel-edit(style='display: none')
sib-form(
range-owner=`${sdn}/members/`,
widget-members='sib-form-multiple-dropdown',
range-members=`${sdn}/members/`,
bind-resources=''
)
src/html/channel-profile.html → src/html/channel-profile.pug
+ 15
− 17
View file @ facbd376
<script>
script.
document.addEventListener("WebComponentsReady", function(event) {
class HDAppMember extends SIBWidget {
get template() {
......@@ -18,21 +18,19 @@
}
customElements.define("hdapp-member", HDAppMember);
});
</script>
<div id="channel-profile" style="display: none">
<sib-display
data-fields="name, description, owner"
widget-owner="hdapp-member"
bind-resources
></sib-display>
#channel-profile(style='display: none')
sib-display(
data-fields='name, description, owner',
widget-owner='hdapp-member',
bind-resources=''
)
h2.section.skills Participants
sib-display(
id-suffix='members',
data-fields='avatar, user',
widget-avatar='sib-display-img',
widget-user='hdapp-userinfo',
bind-resources=''
)
<h2 class="section skills">Participants</h2>
<sib-display
id-suffix="members"
data-fields="avatar, user"
widget-avatar="sib-display-img"
widget-user="hdapp-userinfo"
bind-resources
></sib-display>
</div>
src/html/channel.php deleted 100644 → 0
+ 0
− 23
View file @ a7d8a914
<div id="channel" style="display: none">
<sib-router id="channel-router" default-route="channel-profile">
<sib-route name="channel-chat">
<button>Chat</button>
</sib-route>
<sib-route name="channel-profile">
<button>Info</button>
</sib-route>
<sib-route name="channel-edit">
<button>Éditer</button>
</sib-route>
<sib-route name="channel-create">
<button>Nouveau</button>
</sib-route>
</sib-router>
<div id="network-views-container">
<?php require_once('channel-chat.html'); ?>
<?php require_once('channel-profile.html'); ?>
<?php require_once('channel-edit.html'); ?>
<?php require_once('channel-create.html'); ?>
</div>
</div>
src/html/channel.pug 0 → 100644
+ 15
− 0
View file @ facbd376
#channel(style='display: none')
sib-router#channel-router(default-route='channel-profile')
sib-route(name='channel-chat')
button Chat
sib-route(name='channel-profile')
button Info
sib-route(name='channel-edit')
button Éditer
sib-route(name='channel-create')
button Nouveau
#network-views-container
include channel-chat.pug
include channel-profile.pug
include channel-edit.pug
include channel-create.pug
src/html/channels.html deleted 100644 → 0
+ 0
− 9
View file @ a7d8a914
<div id="channels" style="display: none">
<sib-display
id="channels-list"
data-src="<?php echo $sdn; ?>/channels/"
data-fields="name, description"
search-fields="name, description"
next="channel"
></sib-display>
</div>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment