Commit b15c3926 authored by GROSS-AMBLARD David's avatar GROSS-AMBLARD David
Browse files

Adds credits to /pages (correction credits on the way)

Moves credit.html to templates directory
Supresses useless files
parent 05b7ff91
<!doctype html>
<html>
<head>
<title>Tutorial 1: Getting Started</title>
<script src='cytoscape.min.js'></script>
<style>
#cy {
width: 400px;
height: 400px;
//position: absolute;
//top: 0px;
//left: 0px;
}
</style>
</head>
<body>
<table width="100%" height="100%">
<tr>
<td width="50%" height="500px"><div id="cy"></div></td>
<td width="50%"><div id="info">Hello</div></td>
</tr>
</table>
<script>
var cy = cytoscape({
container: document.getElementById('cy'),
elements: [
// nodes
{ data: { id: 'start' } },
{ data: { id: '1' } },
{ data: { id: '2' } },
{ data: { id: '3' } },
{ data: { id: '4' } },
{ data: { id: '5' } },
// edges
{
data: {
id: '0-1',
source: 'start',
target: '1'
}
},
{
data: {
id: '1-2',
source: '1',
target: '2'
}
},
{
data: {
id: '2-3',
source: '2',
target: '3'
}
},
{
data: {
id: '2-4',
source: '2',
target: '4'
}
},
{
data: {
id: '4-5',
source: '4',
target: '5'
}
},
{
data: {
id: '3-5',
source: '3',
target: '5'
}
},
],
style: [
{
selector: 'node',
style: {
shape: 'ellipse',
'background-color': 'black',
label: 'data(id)'
}
},
{
selector: 'node[id="1"]',
style: {
'background-color': 'green'
}
},
{
selector: 'edge',
style: {
'curve-style':'straight',
'line-color': 'black',
'target-arrow-shape': 'triangle',
'target-arrow-fill':'filled',
'target-arrow-color':'black'
}
},
{
selector: 'edge[id="0-1"]',
style: {
'curve-style':'straight',
'line-color': 'green',
'target-arrow-shape': 'triangle',
'target-arrow-fill':'filled',
'target-arrow-color':'green'
}
}
],
layout: { name: 'grid'}
});
/* for (var i = 0; i < 10; i++) {
cy.add({
data: { id: 'node' + i }
}
);
var source = 'node' + i;
cy.add({
data: {
id: 'edge' + i,
source: source,
target: (i % 2 == 0 ? 'a' : 'b')
}
});
}
*/
/*
cy.layout({
name: 'breadthfirst',
roots: 'start',
circle: 'true',
directed: 'true'
}).run();
*/
cy.on('tap', 'node', function(evt){
var node = evt.target;
document.getElementById("info").innerHTML = '<h1>Info on node ' + node.id()+'</h1><pre>select * from toto;</pre>';
});
cy.on('tap', 'edge', function(evt){
var node = evt.target;
document.getElementById("info").innerHTML = '<h1>Info on edge ' + node.id()+'</h1><pre>select * from toto;</pre>';
});
cy.layout({
name: 'cose',
animate:'end',
animationDuration: 0,
fit:'true'
}).run();
cy.resize();
cy.fit();
</script>
</body>
</html>
<html>
<body>
<h1>A Graph</h1>
<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
<script src="dagre.min.js"></script>
<script src="graphlib.min.js"></script>
<script src="dagre-d3.js"></script>
<script>
var g = new graphlib.Graph();
// Add node "a" to the graph with no label
g.setNode("a");
g.hasNode("a");
// => true
// Add node "b" to the graph with a String label
g.setNode("b", "b's value");
// Get the label for node b
g.node("b");
// => "b's value"
// Add node "c" to the graph with an Object label
g.setNode("c", { k: 123 });
// What nodes are in the graph?
g.nodes();
// => `[ 'a', 'b', 'c' ]`
// Add a directed edge from "a" to "b", but assign no label
g.setEdge("a", "b");
// Add a directed edge from "c" to "d" with an Object label.
// Since "d" did not exist prior to this call it is automatically
// created with an undefined label.
g.setEdge("c", "d", { k: 456 });
// What edges are in the graph?
g.edges();
// => `[ { v: 'a', w: 'b' },
// { v: 'c', w: 'd' } ]`.
// Which edges leave node "a"?
g.outEdges("a");
// => `[ { v: 'a', w: 'b' } ]`
// Which edges enter and leave node "d"?
g.nodeEdges("d");
// Create the renderer
var render = new dagreD3.render();
// Set up an SVG group so that we can translate the final graph.
var svg = d3.select("svg"),
inner = svg.append("g");
// Run the renderer. This is what draws the final graph.
render(inner, g);
// Center the graph
var xCenterOffset = (svg.attr("width") - g.graph().width) / 2;
inner.attr("transform", "translate(" + xCenterOffset + ", 20)");
svg.attr("height", g.graph().height + 40);
</script>
</body>
</html>
\ No newline at end of file
// selection de la balise svg
var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
// pour la couleur
var color = d3.scaleOrdinal(d3.schemeCategory20);
var simulation = d3.forceSimulation()
.force("link", d3.forceLink().id(function(d) { return d.id; }))
.force("charge", d3.forceManyBody())
.force("center", d3.forceCenter(width / 2, height / 2));
//chargement du fichier json
d3.json("miserables.json", function(error, graph) {
if (error) throw error;
var link = svg.append("g")
.attr("class", "links")
.selectAll("line")
.data(graph.links)
.enter().append("line")
.attr("stroke-width", function(d) { return Math.sqrt(d.value); });
.on("click");
var node = svg.append("g")
.attr("class", "nodes")
.selectAll("g")
.data(graph.nodes)
.enter().append("g")
var circles = node.append("circle")
.attr("r", 5)
.attr("fill", function(d) { return color(d.group); })
.call(d3.drag()
.on("start", dragstarted)
.on("drag", dragged)
.on("end", dragended));
var lables = node.append("text")
.text(function(d) {
return d.id;
})
.attr('x', 6)
.attr('y', 3);
node.append("title")
.text(function(d) { return d.id; });
simulation
.nodes(graph.nodes)
.on("tick", ticked);
simulation.force("link")
.links(graph.links);
function ticked() {
link
.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })
.attr("x2", function(d) { return d.target.x; })
.attr("y2", function(d) { return d.target.y; });
node
.attr("transform", function(d) {
return "translate(" + d.x + "," + d.y + ")";
})
}
});
function dragstarted(d) {
if (!d3.event.active) simulation.alphaTarget(0.3).restart();
d.fx = d.x;
d.fy = d.y;
}
function dragged(d) {
d.fx = d3.event.x;
d.fy = d3.event.y;
}
function dragended(d) {
if (!d3.event.active) simulation.alphaTarget(0);
d.fx = null;
d.fy = null;
}
\ No newline at end of file
......@@ -33,6 +33,7 @@ require("show-pages.php");
require("show-artifact.php");
require("drawArtifact.php");
require("pages/workflowdesign/workflowdesign.php");
require("pages/showCredit/showCredit.php");
session_start();
......@@ -122,7 +123,8 @@ switch ($mode) {
case "Home":
showTasks($conn);
break;
case "ShowCredit":
case "showCredit":
// moved to /pages
showCredit();
break;
case "maintenance":
......
<?php
function showCredit()
{
global $VIEW;
$VIEW['MAIN'] = file_get_contents("templates/credit.html");
}
?>
......@@ -38,7 +38,6 @@ function showSkillsRec($conn,$skill,$level,$skillid,$userid,$parentid=0){
else {
$VIEW['MAIN'].="<li>".$skill.$wikipediaQuery;
$VIEW['MAIN'].=$slider;
//"<input type='range' class='slider' id='$skill' name='$skill' min='0' max='100' step='20' value='$level' parent='$parentid'>";
$VIEW['MAIN'].="</li>";
}
}
......
......@@ -1092,11 +1092,6 @@ function showHome()
$VIEW['MAIN'] = file_get_contents("home.html");
}
function showCredit()
{
global $VIEW;
$VIEW['MAIN'] = file_get_contents("credit.html");
}
/**
* Display a table which contains every user feedback, with pagination (see limit if you want to increase the number of row displayed)
......
......@@ -4,7 +4,6 @@
<ul class='creditlist'>
<li><a href="https://www.linkedin.com/in/ange-armand-n-gatta-958a80151/"> Ange Armand Virgile N'Gatta (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="https://www.linkedin.com/in/constance-thierry?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3Bdu%2BaDVDURjSEroXOwIhqrQ%3D%3D">Constance Thierry(Irisa): uncertainty and belief functions in crowdsourcing </a> </li>
......@@ -12,25 +11,13 @@
<li><a href="https://www.linkedin.com/in/iandry-rakotoniaina-021595113?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3BilPP%2BzyjS9q%2FLwrMboWgCQ%3D%3D">Iandry Rakotoniaina (Spipoll / MNHN): core engine, Headwork/Spipoll connection </a></li>
<li><a href=""> Quentin Sarrazin (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="https://www.linkedin.com/in/pierredelaunay35">Pierre Delaunay (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="https://www.linkedin.com/in/karimamouchal/"> Karim Amouchal (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="https://www.linkedin.com/in/leo-jacoboni?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3BWVTWFrUkQ%2FKYVO73XjVKNA%3D%3D">Leo Jacoboni (FouleFactory / Wirk): Headwork/Wirk connection</a></li>
<li><a href="https://fr.linkedin.com/in/ma%C3%ABlla-gheraia-628a5314a"> Maella Gheraia (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="http://marion.tommasi.free.fr"> Marion Tommasi (Inria Lille): core engine, crowd artifact and CrowdFlow language</a></li>
<li><a href="https://www.linkedin.com/in/rituraj-singh-786a5872?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3BbSuv3HxzRX2xICHGEV%2BB2g%3D%3D"> Rituraj Singh (Irisa / Inria Rennes): task mapping, complex crowdsourcing model and verification</a></li>
<li><a href="www.linkedin.com/in/sidy-kone-a05394174">Sidy Mohamed Aziz Kone (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="https://www.linkedin.com/in/yannickzohou/">Yannick Stanley Gben Zohou (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
</ul>
<h2>HEADWORK interns</h2>
......@@ -38,6 +25,23 @@
<li><a href="https://www.linkedin.com/in/moussa-bamba-141a32171?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3B%2BLxvM%2BLmR2yCzz6Oj7USvg%3D%3D"> Moussa Bamba (Irisa, ISTIC, Rennes 1): artifact vizualisation</a></li>
<li><a href="https://www.linkedin.com/in/adrien-wacquet-321729185?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3B3MisevnYRhyUXreTwAzlzA%3D%3D"> Adrien Wacquet (Irisa, ISTIC, Rennes 1): task user interface, chat, feedbacks, forum, Ajax</a></li>
<li><a href="https://www.linkedin.com/in/ange-armand-n-gatta-958a80151/"> Ange Armand Virgile N'Gatta (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href=""> Quentin Sarrazin (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="https://www.linkedin.com/in/pierredelaunay35">Pierre Delaunay (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="https://www.linkedin.com/in/karimamouchal/"> Karim Amouchal (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="https://fr.linkedin.com/in/ma%C3%ABlla-gheraia-628a5314a"> Maella Gheraia (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="www.linkedin.com/in/sidy-kone-a05394174">Sidy Mohamed Aziz Kone (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
<li><a href="https://www.linkedin.com/in/yannickzohou/">Yannick Stanley Gben Zohou (ISTIC): automaton viewer, Blockly & visualization and animation of tasks </a> </li>
</ul>
<h2>Dev Movie (from start to 06-2021)</h2>
......
......@@ -135,7 +135,7 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle bg-dark navbar-dark" style="background-color: black;" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">About Headwork</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="index.php?mode=ShowCredit">Credits</a>
<a class="dropdown-item" href="index.php?mode=showCredit">Credits</a>
<a class="dropdown-item" href="http://headwork.gforge.inria.fr">Our project</a>
<a class="dropdown-item" href="https://gitlab.inria.fr/druid/headwork">Source <img src="images/gitlab-icon-rgb.png" width="30" height="30" alt=""></a>
<a class="dropdown-item" href="documentation/html/files.html">Documentation</a>
......
<html>
<head>
<meta charset="utf8">
</head>
<body>
<form action="index.php" method="POST" >
<input type="hidden" name="mode" value="insertAnswer" placeholder="" >
<input type="hidden" name="id" value="3001" placeholder="" >
<p >-</p>
<table>
<tr><td><p >Spipoll/HW</p></td></tr>
<tr><td><p >Annotate difficult photo from the <a href="http://www.spipoll.org">Spipoll</a> project</p></td></tr>
<tr><td><p >Please propose a taxon for picture 1<br/>
<center><img width="200px" src="http://indicia.mnhn.fr/indicia/upload/1528364634244.jpg"></center>
<center>
<select id="ordre">
<option>Orthoptères</option>
<option>Coléoptères</option>
<option>Lépidoptères</option>
<option>Hémiptères</option>
<option>Hyménoptères</option>
<option>Aranéides</option>
<option>Diptères</option>
</select>
<br/>
<select id="mySelect2">
</select>
</center>
</p></td></tr>
</table><p >
<textarea id="answer" cols="60" rows="3" ></textarea>
</p><table><tr><td><p >free input</p></td></tr></table>
<input type="submit" name="name" value="submit" placeholder="" >
</form>
<script language="JavaScript">
function updateFamille(val){
document.getElementById("answer").value = val;
//for(var i = 0; i < document.getElementById("mySelect2").options.length; i++){
// document.getElementById("mySelect2").options.remove(i);
//}
var options=document.getElementById("mySelect2").options;
while (options.length) {
options.remove(0);
}
var taxo={};
var skilltree = array(
array('id' :'1','parent_skill' : NULL,'skill' : 'Any'),
array('id' :'2','parent_skill' : '1','skill' : 'Computing'));
taxo['Orthoptères']=["Gryllidae"];
taxo['Coléoptères']=["Anobiidae","Buprestidae","Byturidae","Cerambycidae","Cetoniidae","Chrysomelidae","Cleridae","Coccinellidae","Dascillidae","Dermestidae","Elateridae","Malachiidae","Pyrochroidae","Rutelidae","Pentatomidae"];
var familles=taxo[val];
for(var i = 0; i < familles.length; i++){
var famille = familles[i];
document.getElementById("mySelect2").options.add(new Option(famille, famille, false),i);
}
}
document.getElementById("ordre").onchange = function(){ updateFamille(this.value)};
</script>
</body>
</html>
<?php
require("HWlib.php");
require("HTML.php");
require("lib/HWlib.php");
require("lib/HTML.php");
require("profile.php");
require("skills.php");
require("pages/skills/skills.php");
require("tasks.php");
require("actions.php");
require("connection.php");
require("show-pages.php");
require("artifacts.php");
require("lib/artifacts.php");
require("show-artifact.php");
require("drawArtifact.php");
require("workflowdesign.php");
require("pages/workflowdesign/workflowdesign.php");
/**
* check
......
Markdown is supported
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