Commit 5bdfc496 authored by Claudio Valerio's avatar Claudio Valerio

moved njin widgets that doesn't work

parent 84291e1f
......@@ -3,9 +3,9 @@
xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://www.njin.fr/sankore/apps/balance"
version="1.0"
width="540"
height="450"
ub:resizable="true">
width="800"
height="600"
ub:resizable="false">
<name>La Balance</name>
<author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
......
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://www.njin.fr/sankore/apps/Cadran opératoire"
version="1.0"
width="630"
height="540"
ub:resizable="true">
<name>Cadran opératoire</name>
<author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
<description></description>
<content src="index.html"/>
</widget>
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Font Face Demo</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
h1.fontface {font: 60px/68px 'Lobster13Regular', Arial, sans-serif;letter-spacing: 0;}
p.style1 {font: 18px/27px 'Lobster13Regular', Arial, sans-serif;}
#container {
width: 800px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div id="container">
<h1 class="fontface">Font-face Demo for the Lobster Font</h1>
<p class="style1">Lobster Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</body>
</html>
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2012 06:03:05 AM America/New_York */
@font-face {
font-family: 'Lobster13Regular';
src: url('Lobster_1.3-webfont.eot');
src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
url('Lobster_1.3-webfont.woff') format('woff'),
url('Lobster_1.3-webfont.ttf') format('truetype'),
url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
font-weight: normal;
font-style: normal;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Font Face Demo</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
h1.fontface {font: 60px/68px 'SFToontimeRegular', Arial, sans-serif;letter-spacing: 0;}
p.style1 {font: 18px/27px 'SFToontimeRegular', Arial, sans-serif;}
p.style2 {font: 18px/27px 'SFToontimeItalic', Arial, sans-serif;}
p.style3 {font: 18px/27px 'SFToontimeBold', Arial, sans-serif;}
p.style4 {font: 18px/27px 'SFToontimeBoldItalic', Arial, sans-serif;}
p.style5 {font: 18px/27px 'SFToontimeBlotchRegular', Arial, sans-serif;}
p.style6 {font: 18px/27px 'SFToontimeBlotchItalic', Arial, sans-serif;}
#container {
width: 800px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div id="container">
<h1 class="fontface">FONT-FACE DEMO FOR THE TOONTIME FONT</h1>
<p class="style1">SF Toontime Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style2">SF Toontime Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style3">SF Toontime Bold - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style4">SF Toontime Bold Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style5">SF Toontime Blotch Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style6">SF Toontime Blotch Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</body>
</html>
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2012 04:36:35 PM America/New_York */
@font-face {
font-family: 'SFToontimeRegular';
src: url('SF_Toontime-webfont.eot');
src: url('SF_Toontime-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime-webfont.woff') format('woff'),
url('SF_Toontime-webfont.ttf') format('truetype'),
url('SF_Toontime-webfont.svg#SFToontimeRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeItalic';
src: url('SF_Toontime_Italic-webfont.eot');
src: url('SF_Toontime_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Italic-webfont.woff') format('woff'),
url('SF_Toontime_Italic-webfont.ttf') format('truetype'),
url('SF_Toontime_Italic-webfont.svg#SFToontimeItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeBold';
src: url('SF_Toontime_Bold-webfont.eot');
src: url('SF_Toontime_Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Bold-webfont.woff') format('woff'),
url('SF_Toontime_Bold-webfont.ttf') format('truetype'),
url('SF_Toontime_Bold-webfont.svg#SFToontimeBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeBoldItalic';
src: url('SF_Toontime_Bold_Italic-webfont.eot');
src: url('SF_Toontime_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Bold_Italic-webfont.woff') format('woff'),
url('SF_Toontime_Bold_Italic-webfont.ttf') format('truetype'),
url('SF_Toontime_Bold_Italic-webfont.svg#SFToontimeBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeBlotchRegular';
src: url('SF_Toontime_Blotch-webfont.eot');
src: url('SF_Toontime_Blotch-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Blotch-webfont.woff') format('woff'),
url('SF_Toontime_Blotch-webfont.ttf') format('truetype'),
url('SF_Toontime_Blotch-webfont.svg#SFToontimeBlotchRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFToontimeBlotchItalic';
src: url('SF_Toontime_Blotch_Italic-webfont.eot');
src: url('SF_Toontime_Blotch_Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('SF_Toontime_Blotch_Italic-webfont.woff') format('woff'),
url('SF_Toontime_Blotch_Italic-webfont.ttf') format('truetype'),
url('SF_Toontime_Blotch_Italic-webfont.svg#SFToontimeBlotchItalic') format('svg');
font-weight: normal;
font-style: normal;
}
.selected,
.result,
.input {
color: #FFCC99;
}
#disc {
position: relative;
margin: 200px auto 0;
color: #FFF;
text-shadow: 0px 1px 2px #000;
}
#disc .circle {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
}
.result {
width: 430px;
height: 430px;
margin-top: -215px;
margin-left: -215px;
/*OPEN SANKORE bug sur cette animation*/
/*-webkit-transition: all 0.25s ease-in-out;*/
}
.hide {
visibility: hidden;
}
.numbers {
width: 300px;
height: 300px;
border: 4px solid #FFF;
margin-top: -150px;
margin-left: -150px;
background-color: rgba(0,0,0,0.2);
}
.operators {
width: 170px;
height: 170px;
border: 4px solid #FFF;
margin-top: -85px;
margin-left: -85px;
background-color: rgba(0,0,0,0.2);
}
.input {
width: 90px;
height: 90px;
border: 4px solid #FFF;
margin-top: -45px;
margin-left: -45px;
background-color: rgba(0,0,0,0.2);
box-shadow: inset 0px 0px 4px #000;
}
.result > div,
.numbers > div,
.operators > div {
position: absolute;
top: 0px;
bottom: 50%;
left: 50%;
text-align: center;
-webkit-transform-origin: 50% 100%;
}
.numbers > div {
width: 40px;
font-size: 32px;
line-height: 32px;
margin-left: -20px;
}
.operators > div {
width: 20px;
font-size: 28px;
line-height: 20px;
margin-left: -10px;
}
.result > div > div,
.numbers > div > div,
.operators > div > div {
cursor: pointer;
}
.numbers > div > div {
padding: 15px 0;
}
.operators > div > div {
padding: 5px 0;
}
.input > div {
padding: 0 8px;
font-size: 40px;
line-height: 90px;
text-align: center;
}
.result > div {
width: 60px;
font-size: 50px;
line-height: 40px;
margin-left: -30px;
text-align: center;
}
#result {
height: 40px;
}
#result > div {
position: relative;
overflow: hidden;
height: 100%;
}
#result > div > div {
position: absolute;
width: 100%;
}
.reste {
font-size: 24px;
}
#result > div > div:first-child {
display: block;
}
#result > div > div:last-child {
display: none;
}
#result.flip > div > div:first-child {
display: none;
}
#result.flip > div > div:last-child {
display: block;
}
/*OPEN SANKORE bug sur cette animation*/
/*
.csstransforms3d .result {
-webkit-perspective: 600px;
}
.csstransforms3d #result > div > div {
-webkit-transform-style: preserve-3d !important;
-webkit-transition: all .5s ease-in-out;
-webkit-backface-visibility: hidden;
}
.csstransforms3d #result > div > div:first-child {
-webkit-transform: rotateY( 0deg );
}
.no-csstransforms3d #result > div > div:first-child {
display: block;
}
.csstransforms3d #result > div > div:last-child {
-webkit-transform: rotateY( -180deg );
}
.no-csstransforms3d #result > div > div:last-child {
display: none;
}
.csstransforms3d #result.flip > div > div:first-child {
-webkit-transform: rotateY( 180deg );
}
.no-csstransforms3d #result.flip > div > div:first-child {
display: none;
}
.csstransforms3d #result.flip > div > div:last-child {
-webkit-transform: rotateY( 0deg );
}
.no-csstransforms3d #result.flip > div > div:last-child {
display: block;
}
*/
\ No newline at end of file
html, body {
margin:0;
padding: 0;
height: 100%;
font-family: "helvetica neue";
font-size: 14px;
color: #666666;
}
#body {
}
#core {
width: 100%;
height: 100%;
position: relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
-ms-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
background-image: linear-gradient(top, white 0%, #CCC 100%);
background-image: -o-linear-gradient(top, white 0%, #CCC 100%);
background-image: -moz-linear-gradient(top, white 0%, #CCC 100%);
background-image: -webkit-linear-gradient(top, white 0%, #CCC 100%);
background-image: -ms-linear-gradient(top, white 0%, #CCC 100%);
background-image: -webkit-gradient( linear, 50% top, 50% bottom, color-stop(0, white), color-stop(1, #CCC) );
}
#core .wrapper {
width: 100%;
height: 100%;
overflow: auto;
}
#core .wrapper > div {
padding: 10px 20px;
}
\ No newline at end of file
html, body {
margin:0;
padding: 0;
font-family: "helvetica neue";
font-size: 14px;
color: #666666;
}
#ubwidget {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url("images/bg.png");
}
.theme-pad #ubwidget {
border-radius: 40px;
border-width: 52px;
-webkit-border-image: url("images/pad-bd.png") 52 repeat;
-moz-border-image: url("images/pad-bd.png") 52 repeat;
border-image: url("images/pad-bd.png") 52 repeat;
}
.theme-slate #ubwidget {
border-radius: 44px;
border-width: 52px;
-webkit-border-image: url("images/slate-bd.png") 52 repeat;
-moz-border-image: url("images/slate-bd.png") 52 repeat;
border-image: url("images/slate-bd.png") 52 repeat;
}
#ubwidget > .wrapper {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
}
.theme-slate #ubwidget > .wrapper, .theme-pad #ubwidget > .wrapper {
position: absolute;
top: -49px;
bottom: -5px;
left: -5px;
right: -5px;
overflow: hidden;
}
#toolbar {
display: table;
width: 100%;
height: 44px;
font-family: "Lobster13Regular";
font-size: 24px;
color: #FFCC99;
padding:0 10px;
}
.theme-pad #toolbar, .theme-slate #toolbar {
height: 38px;
padding: 6px 0 0;
}
.theme-slate #toolbar {
color: #7F613F;
text-shadow: #FFDCA9 0 1px 0;
}
#toolbar > * {
display: table-cell;
height: 100%;
vertical-align: middle;
}
#toolbar .actions {
text-align: right;
}
#toolbar button, h1 {
font-weight: normal;
font-family: "Lobster13Regular";
font-size: 24px;
color: #FFCC99;
margin: 0;
}
.theme-slate #toolbar button, .theme-slate h1 {
color: #7F613F;
text-shadow: #FFDCA9 0 1px 0;
}
#toolbar button {
border: none;
padding: none;
outline: none;
background: none;
cursor: pointer;
padding-left: 34px;
margin-left: 10px;
height: 32px;
}
#toolbar button span {
display: block;
line-height: 32px;
}
#toolbar button[role='edit'] {
background: url("images/toolbar-edit.png") left top no-repeat;
}
#toolbar button[role='view'] {
display: none;
color: #FFF;
background: url("images/toolbar-edit.png") left -32px no-repeat;
}
#toolbar button[role='reload'] {
background: url("images/toolbar-reload.png") left top no-repeat;
}
#toolbar button[role='help'] {
background: url("images/toolbar-help.png") left top no-repeat;
display: none;
}
.hasHelp #toolbar button[role='help'] {
display: inline-block;
}
.showHelp #toolbar button[role='help'] {
color: #FFF;
background-position: left -32px;
}
.theme-slate #toolbar button[role='edit'] {
background-image: url("images/slate-toolbar-edit.png");
}
.theme-slate #toolbar button[role='view'] {
text-shadow: #7F613F 0 -1px 0;
background: url("images/slate-toolbar-edit.png") left -32px no-repeat;
}
.theme-slate #toolbar button[role='reload'] {
background-image: url("images/slate-toolbar-reload.png");
}
.theme-slate #toolbar button[role='help'] {
background-image: url("images/slate-toolbar-help.png");
}
.showHelp.theme-slate #toolbar button[role='help'] {
text-shadow: #7F613F 0 -1px 0;
}
.onEdit #toolbar button[role='view'] {
display: inline-block;
}
.onEdit #toolbar button[role='edit'] {
display: none;
}
#help {
width: 300px;
height: 400px;
position: absolute;
margin-top: 10px;
right: 10px;
z-index: 10000;
display: none;
}
.showHelp #help {
display: block;
}
#content {
position: absolute;
top: 44px;
bottom: 0;
overflow: auto;
left: 0;
right: 0;
background-image: -moz-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
background-image: -webkit-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
background-image: -o-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
background-image: -ms-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
background-image: radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
}
#parameters {
display:none;
padding: 10px 20px;
background: url("images/parameters-bg.png");
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-mz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
#parameters label {
font-style: italic;
}
#parameters label > select, #parameters label > input{
margin-left: 10px;
}
#parameters > div.inline {
display: inline-block;
}
#parameters > div.inline+div.inline {
margin-left: 20px;
}
#parameters input[type=text],
#parameters input[type=number] {
height: 26px;
border: 1px solid #BBB;
background-color: #FFF;
padding: 0 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 0 #FFF;
-moz-box-shadow: 0 1px 0 #FFF;
-ms-box-shadow: 0 1px 0 #FFF;
box-shadow: 0 1px 0 #FFF;
}
#parameters input.tiny {
width: 40px;
}
#parameters input.small {
width: 80px;
}
#parameters input.medium {
width: 120px;
}
#parameters input.long {
width: 160px;
}
#scene {
padding: 20px;
}
#scene > * {
margin: 0 auto;
}
.onEdit #scene {
}
.onEdit #parameters {
display: block;
}
/*
.card-container {
-webkit-perspective: 600px;
width:100%;
height: 100%;
}
.card {
position: relative;
width:100%;
height: 100%;
}
.card > div {
position: absolute;
width:100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-webkit-transition: all .5s ease-in-out;
-webkit-backface-visibility: hidden;
}
.card > div:first-child {
-webkit-transform: rotateY( 0deg );
}
.card > div:last-child {
-webkit-transform: rotateY( -180deg );
}
.card.flip > div:first-child {
-webkit-transform: rotateY( 180deg );
}
.card.flip > div:last-child {
-webkit-transform: rotateY( 0deg );
}
*/
\ No newline at end of file
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--
<link rel="stylesheet" href="css/fonts/Lobster/stylesheet.css">
<link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">
-->
<link rel="stylesheet" href="css/ubw-help.css">
<script src="js/lib/modernizr.js" type="text/javascript"></script>
<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/lib/mustache.js" type="text/javascript"></script>
</head>
<body>
<div id="core">
<div class="wrapper">
<div>
<script>
function loadFile(filename, locale) {
var toload = filename;
var nextlocale = undefined;
if(locale.length >= 5) {
toload += '_' + locale.substring(0, 5) +'-template.js';
nextlocale = locale.substring(0, 2);
}
else if(locale.length >= 2){
toload += '_' + locale.substring(0, 2) +'-template.js';
nextlocale = '';
}
else
toload += '-template.js';
$.ajax({
url: toload,
async: false,
contentType:'text/plain;charset=UTF-8',
dataType: 'text',
success: function(data, status) {
$("#core>.wrapper>div").html(Mustache.render(data, window));
}
})
.fail(function() {
if(nextlocale !== undefined)
loadFile(filename, nextlocale);
});
}
$(document).ready(function(){
var locale = window.parent.sankore ? window.parent.sankore.locale() : "";
loadFile("js/help", locale);
});
</script>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
fr.njin.i18n.document.title = Cadran opératoire
fr.njin.i18n.toolbar.edit = Edit
fr.njin.i18n.toolbar.view = Display
fr.njin.i18n.toolbar.reload = Reload
fr.njin.i18n.toolbar.help = Help
fr.njin.i18n.parameters.label.themes = Theme
fr.njin.i18n.parameters.label.slate.themes = slate
fr.njin.i18n.parameters.label.pad.themes = pad
fr.njin.i18n.parameters.label.none.themes = none
\ No newline at end of file
fr.njin.i18n.document.title = Cadran opératoire
fr.njin.i18n.toolbar.edit = Modifier
fr.njin.i18n.toolbar.view = Afficher
fr.njin.i18n.toolbar.reload = Recharger
fr.njin.i18n.toolbar.help = Aide
fr.njin.i18n.parameters.label.themes = Thèmes
fr.njin.i18n.parameters.label.slate.themes = ardoise
fr.njin.i18n.parameters.label.pad.themes = tablette
fr.njin.i18n.parameters.label.none.themes = aucun
\ No newline at end of file
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--
<link rel="stylesheet" href="css/fonts/Lobster/stylesheet.css">
<link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">
-->
<link rel="stylesheet" href="css/ubw-main.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/templates.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/modernizr.js" type="text/javascript"></script>
<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/lib/jquery-css-transform.js" type="text/javascript"></script>
<script src="js/lib/jquery.i18n.properties-min-1.0.9.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/mustache.js" type="text/javascript"></script>
<script src="js/lib/ubw-main.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="hasHelp">
<div id="ubwidget" data-themes="pad">
<div class="wrapper">
<div id="toolbar">
</div>
<div id="help">
<iframe src="help.html" width="100%" height="100%" frameborder="0"></iframe>
</div>
<div id="content">
<div id="parameters">
</div>
<div id="scene">
<div id="disc">
<div class="circle result hide">
<div>
<div id="result">
<div>
<div class="front">?</div>
<div class="back">12</div>
</div>
</div>
</div>
</div>
<div class="circle numbers">
<div><div>0</div></div>
<div><div>1</div></div>
<div><div>2</div></div>
<div><div>3</div></div>
<div><div>4</div></div>
<div><div>5</div></div>
<div><div>6</div></div>
<div><div>7</div></div>
<div><div>8</div></div>
<div><div>9</div></div>
<div><div>10</div></div>
<div><div>11</div></div>
</div>
<div class="circle operators">
<div><div>+</div></div>
<div><div>*</div></div>
<div><div>-</div></div>
<div><div>/</div></div>
</div>
<div class="circle input">
<div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<h3>Cadran opératoire</h3>
<h4>Calcul mental</h4>
<p>Linteractivité permet de travailler un nombre particulier (nombre du jour) avec des additions, soustractions, multiplications et divisions. Le but est deffectuer lopération de calcul mental en cliquant sur l'opérateur et le nombre pour ensuite vérifier le résultat en cliquant sur le point d'interrogation.</p>
<p>Le bouton Recharger réinitialise la sélection effectuée.</p>
<p>Le bouton "Modifier" vous permet de choisir :</p>
<ul><li>choisir le thème de linteractivité : tablette, ardoise ou aucun (par défaut tablette),</li>
<li>modifier le nombre travaillé (au centre).</li></ul>
<p>Pour modifier le nombre au centre, il suffit de cliquer dessus, de l'effacer et de le remplacer.</p>
<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>
function onTemplateLoadedCallback() {
}
function updateAnswer() {
var flipped = $("#result").hasClass("flip");
$("#result").removeClass("flip");
setTimeout(function(){
var nselected = $(".numbers .selected");
var oselected = $(".operators .selected");
var angle = 0;
if(nselected.size() > 0 && oselected.size() > 0) {
angle = nselected.data("angle");
$(".result").removeClass("hide");
var v = $(".input > div").text();
var o = oselected.text();
var n = nselected.text();
var e = Math.floor(eval(v+o+n));
if(isNaN(e) || e == Infinity)
e = "...";
else if(o == "/") {
var r = v%n;
e = $("<div>"+e+"</div>");
e.append($("<span class='reste'>"+r+"</span>"));
}
$("#result .back").html(e);
}else
$(".result").addClass("hide");
$(".result").css("transform","rotate("+angle+"deg)");
$("#result > div").css("transform","rotate("+((-1)*angle)+"deg)");
}, flipped ? 500 : 0);
}
function reloadApp(app) {
var input = parseInt(app.parameters.value("input"));
if(isNaN(input))
input = Math.floor(Math.random()*12);
var $input = $(".input > div");
$input.text(input);
//Clean
$(".numbers .selected").removeClass("selected");
$(".operators .selected").removeClass("selected");
$input.unbind("focus").unbind("blur");
$input.get(0).contentEditable = false;
updateAnswer();
if(app.onEdit) {
$input.get(0).contentEditable = true;
$input.focus(function(){
if($(this).text() == "...")
$(this).text("");
});
$input.bind('blur', function(){
var v = parseInt($(this).text().trim());
if(isNaN(v)) {
$(this).text("...");
}else{
}
app.parameters.value("input", v);
});
}
}
function reloadCallback(parameter) {
if(parameter === undefined)
reloadApp(this);
}
$(document).ready(function(){
var callbacks = {
onTemplatesLoaded: onTemplateLoadedCallback,
onEdit: reloadApp,
onView: reloadApp
};
init(reloadCallback, {toolbar: toolbarTemplate, parameters: parametersTemplate}, callbacks);
var nr = $(".numbers").width()/2;
$(".numbers > div").each(function(i){
var n = $(this);
var angle = 30*i;
var rotate = "rotate("+(angle)+"deg)";
var irotate = "rotate("+(-angle)+"deg)";
n.css("transform", rotate);
$(">div",n).css("transform", irotate)
.data("angle", angle)
.click(function() {
if($(this).hasClass("selected")) {
$(this).removeClass("selected");
}else {
$(".numbers .selected").removeClass("selected");
$(this).addClass("selected");
}
updateAnswer();
});
});
$(".operators > div").each(function(i){
var n = $(this);
var angle = 90*i;
var rotate = "rotate("+(angle)+"deg)";
var irotate = "rotate("+(-angle)+"deg)";
n.css("transform", rotate);
$(">div",n).css("transform", irotate)
.click(function() {
if($(this).hasClass("selected")) {
$(this).removeClass("selected");
}else {
$(".operators .selected").removeClass("selected");
$(this).addClass("selected");
}
updateAnswer();
});
});
$("#result").click(function(){
$(this).toggleClass("flip");
});
});
\ No newline at end of file
......@@ -3,8 +3,8 @@
xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://www.njin.fr/sankore/apps/tableur"
version="1.0"
width="600"
height="400"
width="800"
height="600"
ub:resizable="true">
<name>Calcul rapide</name>
......
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://www.njin.fr/sankore/apps/memory"
version="1.0"
width="820"
height="575"
ub:resizable="true">
<name>Memory</name>
<author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
<description>Correspondances/mémorisation de cartes deux à deux</description>
<content src="index.html"/>
</widget>
This diff is collapsed.
This diff is collapsed.
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