- Sandbox-commits - mailman.cloud.codelutin.com

r1224 - oipf/js/test
by ygrego＠users.nuiton.org April 17, 2015

April 17, 2015

Author: ygrego Date: 2015-04-17 15:24:59 +0000 (Fri, 17 Apr 2015) New Revision: 1224 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1224 Log: Deletion of method "testBindToCurrentChannel". Modified: oipf/js/test/VideoBroadcastTest.js Modified: oipf/js/test/VideoBroadcastTest.js =================================================================== --- oipf/js/test/VideoBroadcastTest.js 2015-04-17 14:45:25 UTC (rev 1223) +++ oipf/js/test/VideoBroadcastTest.js 2015-04-17 15:24:59 UTC (rev 1224) @@ -109,23 +109,6 @@ }, /* - * Descrtiption: - * This method test the binding between the video broadcast object and the current program stream. - * ToDO: Extraction of method onPlayStateChange out. - */ - testBindToCurrentChannel: function(resolve, reject) { - var self = this; - - this.addTransition(this.UNREALIZED, this.CONNECTING, function() { - self.vidBroadObj.bindToCurrentChannel(); - }); - - this.addTransition(this.CONNECTING, this.PRESENTING, resolve); - - this.vidBroadObj.bindToCurrentChannel(); - }, - - /* * This method must throw a error by using the method reject. * * @param {type} resolve

1 0

r1223 - oipf/js/test
by ygrego＠users.nuiton.org April 17, 2015

April 17, 2015

Author: ygrego Date: 2015-04-17 14:45:25 +0000 (Fri, 17 Apr 2015) New Revision: 1223 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1223 Log: Replacement of "_volume" by "getVolume" for all methods of test in keeping with "getVolume" and "setVolume". Modified: oipf/js/test/VideoBroadcastTest.js Modified: oipf/js/test/VideoBroadcastTest.js =================================================================== --- oipf/js/test/VideoBroadcastTest.js 2015-04-17 14:40:44 UTC (rev 1222) +++ oipf/js/test/VideoBroadcastTest.js 2015-04-17 14:45:25 UTC (rev 1223) @@ -580,7 +580,7 @@ var volume = 15; var done = this.vidBroadObj.setVolume(volume); - if (done && this.assertEquals(volume, this.vidBroadObj._volume)) { + if (done && this.assertEquals(volume, this.vidBroadObj.getVolume())) { resolve(); } else { reject(); @@ -601,7 +601,7 @@ var volume = 15.8; var done = this.vidBroadObj.setVolume(volume); - if (done || this.assertEquals(volume, this.vidBroadObj._volume)) { + if (done || this.assertEquals(volume, this.vidBroadObj.getVolume())) { reject("[Stub]Wrong Implementation."); } else { resolve(); @@ -612,7 +612,7 @@ var volume = -15.8; var done = this.vidBroadObj.setVolume(volume); - if (done || this.assertEquals(volume, this.vidBroadObj._volume)) { + if (done || this.assertEquals(volume, this.vidBroadObj.getVolume())) { reject("[Stub]Wrong Implementation."); } else { resolve(); @@ -623,7 +623,7 @@ var volume = 151.74; var done = this.vidBroadObj.setVolume(volume); - if (done || this.assertEquals(volume, this.vidBroadObj._volume)) { + if (done || this.assertEquals(volume, this.vidBroadObj.getVolume())) { reject("[Stub]Wrong Implementation."); } else { resolve(); @@ -634,7 +634,7 @@ var volume = -15; var done = this.vidBroadObj.setVolume(volume); - if (done && this.assertEquals(volume, this.vidBroadObj._volume)) { + if (done && this.assertEquals(volume, this.vidBroadObj.getVolume())) { reject(); } else { resolve(); @@ -645,7 +645,7 @@ var volume = 105; var done = this.vidBroadObj.setVolume(volume); - if (done && this.assertEquals(volume, this.vidBroadObj._volume)) { + if (done && this.assertEquals(volume, this.vidBroadObj.getVolume())) { reject(); } else { resolve(); @@ -675,9 +675,9 @@ var finalVolume = this.vidBroadObj.getVolume(); - if (done && this.assertEquals(initialVolume, this.vidBroadObj._volume) + if (done && this.assertEquals(initialVolume, this.vidBroadObj.getVolume()) && this.assertEquals(initialVolume, finalVolume) - && this.assertEquals(this.vidBroadObj._volume, finalVolume)) { + && this.assertEquals(this.vidBroadObj.getVolume(), finalVolume)) { resolve(); } else {

1 0

r1222 - oipf/js/test
by ygrego＠users.nuiton.org April 17, 2015

April 17, 2015

Author: ygrego Date: 2015-04-17 14:40:44 +0000 (Fri, 17 Apr 2015) New Revision: 1222 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1222 Log: Deletion of transitions additions and call to "bindTocurrentCahnnel" for all methods of test in keeping with "getVolume" and "setVolume". Modified: oipf/js/test/VideoBroadcastTest.js Modified: oipf/js/test/VideoBroadcastTest.js =================================================================== --- oipf/js/test/VideoBroadcastTest.js 2015-04-17 14:37:50 UTC (rev 1221) +++ oipf/js/test/VideoBroadcastTest.js 2015-04-17 14:40:44 UTC (rev 1222) @@ -578,120 +578,78 @@ */ testSetVolume: function(resolve, reject) { var volume = 15; - var self = this; - this.addTransition(this.UNREALIZED, this.CONNECTING); + var done = this.vidBroadObj.setVolume(volume); - this.addTransition(this.CONNECTING, this.PRESENTING, function() { - var done = self.vidBroadObj.setVolume(volume); - if (done && self.assertEquals(volume, self.vidBroadObj._volume)) { - resolve(); - } else { - reject(); - } - }); - - this.vidBroadObj.bindToCurrentChannel(); + if (done && this.assertEquals(volume, this.vidBroadObj._volume)) { + resolve(); + } else { + reject(); + } }, testSetVolumeWithoutArgument: function(resolve, reject) { - var self = this; - this.addTransition(this.UNREALIZED, this.CONNECTING); + var done = this.vidBroadObj.setVolume(); - this.addTransition(this.CONNECTING, this.PRESENTING, function() { - var done = self.vidBroadObj.setVolume(); - if (done) { - reject(); - } else { - resolve(); - } - }); - - this.vidBroadObj.bindToCurrentChannel(); + if (done) { + reject(); + } else { + resolve(); + } }, testSetVolumeWithFloatArgument: function(resolve, reject) { var volume = 15.8; - var self = this; - this.addTransition(this.UNREALIZED, this.CONNECTING); + var done = this.vidBroadObj.setVolume(volume); - this.addTransition(this.CONNECTING, this.PRESENTING, function() { - var done = self.vidBroadObj.setVolume(volume); - if (done || self.assertEquals(volume, self.vidBroadObj._volume)) { - reject("[Stub]Wrong Implementation."); - } else { - resolve(); - } - }); - - this.vidBroadObj.bindToCurrentChannel(); + if (done || this.assertEquals(volume, this.vidBroadObj._volume)) { + reject("[Stub]Wrong Implementation."); + } else { + resolve(); + } }, testSetVolumeWithFloatUnderBoundMin: function(resolve, reject) { var volume = -15.8; - var self = this; - this.addTransition(this.UNREALIZED, this.CONNECTING); + var done = this.vidBroadObj.setVolume(volume); - this.addTransition(this.CONNECTING, this.PRESENTING, function() { - var done = self.vidBroadObj.setVolume(volume); - if (done || self.assertEquals(volume, self.vidBroadObj._volume)) { - reject("[Stub]Wrong Implementation."); - } else { - resolve(); - } - }); - - this.vidBroadObj.bindToCurrentChannel(); + if (done || this.assertEquals(volume, this.vidBroadObj._volume)) { + reject("[Stub]Wrong Implementation."); + } else { + resolve(); + } }, testSetVolumeWithFloatAboveBoundMax: function(resolve, reject) { var volume = 151.74; - var self = this; - this.addTransition(this.UNREALIZED, this.CONNECTING); + var done = this.vidBroadObj.setVolume(volume); - this.addTransition(this.CONNECTING, this.PRESENTING, function() { - var done = self.vidBroadObj.setVolume(volume); - if (done || self.assertEquals(volume, self.vidBroadObj._volume)) { - reject("[Stub]Wrong Implementation."); - } else { - resolve(); - } - }); - - this.vidBroadObj.bindToCurrentChannel(); + if (done || this.assertEquals(volume, this.vidBroadObj._volume)) { + reject("[Stub]Wrong Implementation."); + } else { + resolve(); + } }, testSetVolumeWithValueUnderBoundMin: function(resolve, reject) { var volume = -15; - var self = this; - this.addTransition(this.UNREALIZED, this.CONNECTING); + var done = this.vidBroadObj.setVolume(volume); - this.addTransition(this.CONNECTING, this.PRESENTING, function() { - var done = self.vidBroadObj.setVolume(volume); - if (done && self.assertEquals(volume, self.vidBroadObj._volume)) { - reject(); - } else { - resolve(); - } - }); - - this.vidBroadObj.bindToCurrentChannel(); + if (done && this.assertEquals(volume, this.vidBroadObj._volume)) { + reject(); + } else { + resolve(); + } }, testSetVolumeWithValueAboveBoundMax: function(resolve, reject) { var volume = 105; - var self = this; - this.addTransition(this.UNREALIZED, this.CONNECTING); + var done = this.vidBroadObj.setVolume(volume); - this.addTransition(this.CONNECTING, this.PRESENTING, function() { - var done = self.vidBroadObj.setVolume(volume); - if (done && self.assertEquals(volume, self.vidBroadObj._volume)) { - reject(); - } else { - resolve(); - } - }); - - this.vidBroadObj.bindToCurrentChannel(); + if (done && this.assertEquals(volume, this.vidBroadObj._volume)) { + reject(); + } else { + resolve(); + } }, // testSetVolume: function(resolve, reject) { @@ -713,24 +671,18 @@ */ testGetVolume: function(resolve, reject) { var initialVolume = 15; - var self = this; - this.addTransition(this.UNREALIZED, this.CONNECTING); + var done = this.vidBroadObj.setVolume(initialVolume); - this.addTransition(this.CONNECTING, this.PRESENTING, function() { - var done = self.vidBroadObj.setVolume(initialVolume); - var finalVolume = self.vidBroadObj.getVolume(); - - if (done && self.assertEquals(initialVolume, self.vidBroadObj._volume) - && self.assertEquals(initialVolume, finalVolume) - && self.assertEquals(self.vidBroadObj._volume, finalVolume)) { - - resolve(); - } else { - reject(); - } - }); - - this.vidBroadObj.bindToCurrentChannel(); + var finalVolume = this.vidBroadObj.getVolume(); + + if (done && this.assertEquals(initialVolume, this.vidBroadObj._volume) + && this.assertEquals(initialVolume, finalVolume) + && this.assertEquals(this.vidBroadObj._volume, finalVolume)) { + + resolve(); + } else { + reject(); + } }, // testGetVolume: function(resolve, reject) {

1 0

r1221 - in wit: . css js js/components
by jruchaud＠users.nuiton.org April 17, 2015

April 17, 2015

Author: jruchaud Date: 2015-04-17 14:37:50 +0000 (Fri, 17 Apr 2015) New Revision: 1221 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1221 Log: Migrate rapport.html to react Added: wit/js/Rapport.js wit/js/components/FilterBar.js wit/js/components/FilterLogs.js wit/js/main.js Removed: wit/rapport.html Modified: wit/css/style.less wit/index.html wit/js/App.js wit/js/components/ActionsBar.js Modified: wit/css/style.less =================================================================== --- wit/css/style.less 2015-04-17 13:17:26 UTC (rev 1220) +++ wit/css/style.less 2015-04-17 14:37:50 UTC (rev 1221) @@ -10,3 +10,7 @@ background-color: #f8f8f8; color: #f3f3f3; } + +table { + color: black; +} Modified: wit/index.html =================================================================== --- wit/index.html 2015-04-17 13:17:26 UTC (rev 1220) +++ wit/index.html 2015-04-17 14:37:50 UTC (rev 1221) @@ -11,7 +11,11 @@ <script type="text/jsx" src="js/components/Tags.js"></script> <script type="text/jsx" src="js/components/Time.js"></script> <script type="text/jsx" src="js/components/ActionsBar.js"></script> + <script type="text/jsx" src="js/components/FilterBar.js"></script> + <script type="text/jsx" src="js/components/FilterLogs.js"></script> <script type="text/jsx" src="js/App.js"></script> + <script type="text/jsx" src="js/Rapport.js"></script> + <script type="text/jsx" src="js/main.js"></script>  <link rel="stylesheet/less" type="text/css" href="css/style.less" /> Modified: wit/js/App.js =================================================================== --- wit/js/App.js 2015-04-17 13:17:26 UTC (rev 1220) +++ wit/js/App.js 2015-04-17 14:37:50 UTC (rev 1221) @@ -1,9 +1,6 @@ /** @jsx React.DOM */ -var timer = require('./js/TimerService.js'); - var App = React.createClass({ - render: function() { return ( <div> @@ -15,7 +12,3 @@ } }); -React.render( - <App/>, - document.getElementById('content') -); Added: wit/js/Rapport.js =================================================================== --- wit/js/Rapport.js (rev 0) +++ wit/js/Rapport.js 2015-04-17 14:37:50 UTC (rev 1221) @@ -0,0 +1,21 @@ +/** @jsx React.DOM */ + +var Rapport = React.createClass({ + + getInitialState : function() { + return {result: []}; + }, + + handleSearchResult: function(result) { + this.setState({result: result}); + }, + + render: function() { + return ( + <div> + <FilterBar onSearchResult={this.handleSearchResult}/> + <FilterLogs data={this.state.result}/> + </div> + ); + } +}); Modified: wit/js/components/ActionsBar.js =================================================================== --- wit/js/components/ActionsBar.js 2015-04-17 13:17:26 UTC (rev 1220) +++ wit/js/components/ActionsBar.js 2015-04-17 14:37:50 UTC (rev 1221) @@ -12,7 +12,7 @@ onRapport: function(e) { var gui = require('nw.gui'); - var new_win = gui.Window.open('rapport.html', { + var new_win = gui.Window.open('index.html#rapport', { position: 'center', toolbar: true }); Added: wit/js/components/FilterBar.js =================================================================== --- wit/js/components/FilterBar.js (rev 0) +++ wit/js/components/FilterBar.js 2015-04-17 14:37:50 UTC (rev 1221) @@ -0,0 +1,41 @@ +/** @jsx React.DOM */ + +var FilterBar = React.createClass({ + + componentWillMount: function() { + var moment = require('moment'); + + var now = moment(); + now.add(1, 'hours'); + this.endDefaultDate = now.format("YYYY-MM-DDThh:mm"); + + now.subtract(7, 'days'); + this.startDefaultDate = now.format("YYYY-MM-DDThh:mm"); + }, + + onSearch: function() { + var self = this; + var moment = require('moment'); + var db = require("./js/database.js"); + + var beginDate = moment(React.findDOMNode(this.refs.beginDate).value).toDate(); + var endDate = moment(React.findDOMNode(this.refs.endDate).value).toDate(); + + db.searchLogs(null, beginDate) + .then(function(result) { + self.props.onSearchResult(result); + console.log(result); + }); + }, + + render: function() { + + return ( + <div className="filter"> + <input ref="beginDate" type="datetime-local" required value={this.startDefaultDate}></input> + <input ref="endDate" type="datetime-local" required value={this.endDefaultDate}></input> + <button onClick={this.onSearch}>Search</button> + </div> + ); + } +}); Added: wit/js/components/FilterLogs.js =================================================================== --- wit/js/components/FilterLogs.js (rev 0) +++ wit/js/components/FilterLogs.js 2015-04-17 14:37:50 UTC (rev 1221) @@ -0,0 +1,24 @@ +/** @jsx React.DOM */ + +var FilterLogs = React.createClass({ + + render: function() { + var moment = require('moment'); + + var items = this.props.data.map(function(log) { + return ( + <tr> + <td>{moment(log.startDate).format("MM/DD/YY, h:mm:ss")}</td> + <td>{moment(log.endDate).format("MM/DD/YY, h:mm:ss")}</td> + <td>{log.tags.join(",")}</td> + </tr> + ); + }); + + return ( + <table> + {items} + </table> + ); + } +}); Added: wit/js/main.js =================================================================== --- wit/js/main.js (rev 0) +++ wit/js/main.js 2015-04-17 14:37:50 UTC (rev 1221) @@ -0,0 +1,12 @@ +/** @jsx React.DOM */ + +var timer = require('./js/TimerService.js'); + +(function() { + var app = location.hash == "#rapport" ? <Rapport/> : <App/>; + + React.render( + app, + document.getElementById('content') + ); +})(); Deleted: wit/rapport.html =================================================================== --- wit/rapport.html 2015-04-17 13:17:26 UTC (rev 1220) +++ wit/rapport.html 2015-04-17 14:37:50 UTC (rev 1221) @@ -1,51 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>WIT</title> - - </head> - <body> - <h1>Rapport</h1> - <input id="begin" type="datetime-local" required></input> - <input id="end" type="datetime-local" required></input> - <div id="search">Search</div> - <table><tbody id="result"></tbody></table> - - - <script type="application/javascript"> - var moment = require('moment'); - var db = require("./js/database.js"); - - var beginNode = document.getElementById("begin"); - var endNode = document.getElementById("end"); - var searchNode = document.getElementById("search"); - var resultNode = document.getElementById("result"); - - var now = moment(); - now.add(1, 'hours'); - endNode.value = now.format("YYYY-MM-DDThh:mm"); - - now.subtract(7, 'days'); - beginNode.value = now.format("YYYY-MM-DDThh:mm"); - - searchNode.onclick = function() { - var beginDate = moment(beginNode.value).toDate(); - var endDate = moment(beginNode.value).toDate(); - - resultNode.innerHTML = ""; - - db.searchLogs(null, beginDate) - .then(function(result) { - for (var i = 0, l = result.length; i < l; i ++) { - var log = result[i]; - resultNode.insertAdjacentHTML("beforeend", "<tr>" - + "<td>" + moment(log.startDate).format("MM/DD/YY, h:mm:ss") + "</td>" - + "<td>" + moment(log.endDate).format("MM/DD/YY, h:mm:ss") + "</td>" - + "<td>" + log.tags + "</td>" - + "</tr>"); - } - }); - } - </script> - </body> -</html>

1 0

r1220 - wit
by jruchaud＠users.nuiton.org April 17, 2015

April 17, 2015

Author: jruchaud Date: 2015-04-17 13:17:26 +0000 (Fri, 17 Apr 2015) New Revision: 1220 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1220 Log: Remove bower Removed: wit/bower.json Modified: wit/index.html wit/package.json Deleted: wit/bower.json =================================================================== --- wit/bower.json 2015-04-17 13:13:38 UTC (rev 1219) +++ wit/bower.json 2015-04-17 13:17:26 UTC (rev 1220) @@ -1,7 +0,0 @@ -{ - "name": "wit", - "dependencies": { - "less": "~2.5.0", - "react": "~0.13.1" - } -} Modified: wit/index.html =================================================================== --- wit/index.html 2015-04-17 13:13:38 UTC (rev 1219) +++ wit/index.html 2015-04-17 13:17:26 UTC (rev 1220) @@ -5,8 +5,8 @@ <script type="application/javascript" src="js/gui.js"></script>  - <script type="text/javascript" src="bower_components/react/react-with-addons.js"></script> - <script type="text/javascript" src="bower_components/react/JSXTransformer.js"></script> + <script type="text/javascript" src="node_modules/react/dist/react-with-addons.js"></script> + <script type="text/javascript" src="node_modules/react/dist/JSXTransformer.js"></script> <script type="text/jsx" src="js/components/Tags.js"></script> <script type="text/jsx" src="js/components/Time.js"></script> @@ -18,7 +18,7 @@ <link rel="stylesheet/less" type="text/css" href="css/select.less" /> <link rel="stylesheet/less" type="text/css" href="css/actions.less" /> - <script type="text/javascript" src="bower_components/less/dist/less.min.js"></script> + <script type="text/javascript" src="node_modules/less/dist/less.min.js"></script> </head> <body> Modified: wit/package.json =================================================================== --- wit/package.json 2015-04-17 13:13:38 UTC (rev 1219) +++ wit/package.json 2015-04-17 13:17:26 UTC (rev 1220) @@ -10,12 +10,14 @@ "transparent": false }, "dependencies": { + "less": "^2.5.0", + "moment": "^2.10.2", "nedb": "^1.1.2", - "moment": "^2.10.2", + "react": "^0.13.1", "x11": "^1.0.3" }, "devDependencies": { - "grunt": "^0.4.5", - "grunt-node-webkit-builder": "^1.0.2" + "grunt": "^0.4.5", + "grunt-node-webkit-builder": "^1.0.2" } }

1 0

r1219 - in wit: . css js js/components
by jruchaud＠users.nuiton.org April 17, 2015

April 17, 2015

Author: jruchaud Date: 2015-04-17 13:13:38 +0000 (Fri, 17 Apr 2015) New Revision: 1219 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1219 Log: Plug reactjs and less Added: wit/bower.json wit/css/actions.less wit/css/select.less wit/css/style.less wit/js/App.js wit/js/TimerService.js wit/js/components/ wit/js/components/ActionsBar.js wit/js/components/Tags.js wit/js/components/Time.js Removed: wit/css/actions.css wit/css/select.css wit/css/style.css wit/js/main.js Modified: wit/ wit/index.html wit/js/database.js wit/js/gui.js Property changes on: wit ___________________________________________________________________ Modified: svn:ignore - cache webkitbuilds node_modules nbproject + bower_components cache node_modules webkitbuilds nbproject Added: wit/bower.json =================================================================== --- wit/bower.json (rev 0) +++ wit/bower.json 2015-04-17 13:13:38 UTC (rev 1219) @@ -0,0 +1,7 @@ +{ + "name": "wit", + "dependencies": { + "less": "~2.5.0", + "react": "~0.13.1" + } +} Deleted: wit/css/actions.css =================================================================== --- wit/css/actions.css 2015-04-17 08:37:03 UTC (rev 1218) +++ wit/css/actions.css 2015-04-17 13:13:38 UTC (rev 1219) @@ -1,50 +0,0 @@ -.actions { - display: flex; - justify-content: center; - - background-color: #47484b; - position: absolute; - bottom: 0; - width: 100%; - border-top: 2px #ccc solid; -} - -.actions>div { - height: 50px; - width: 50px; - background-color: #2d2e30; - margin: 5px; - - display: flex; - justify-content: center; - align-items: center; - - border-radius: 25px; -} - -#play .icon { - border-top: transparent 15px solid; - /* border-right: transparent 20px solid; */ - border-bottom: transparent 15px solid; - border-left: #699bb1 15px solid; - - height: 0px; - width: 0px; - background-color: transparent; -} - -#stop .icon { - height: 20px; - width: 20px; - background-color: #699bb1; -} - -#time { - text-align: center; - position: absolute; - width: 100%; - bottom: 60px; - - border-top: 2px #ccc solid; - background-color: #47484b; -} \ No newline at end of file Copied: wit/css/actions.less (from rev 1218, wit/css/actions.css) =================================================================== --- wit/css/actions.less (rev 0) +++ wit/css/actions.less 2015-04-17 13:13:38 UTC (rev 1219) @@ -0,0 +1,53 @@ +.actions { + display: flex; + justify-content: center; + + background-color: #47484b; + position: absolute; + bottom: 0; + width: 100%; + + >div { + height: 50px; + width: 50px; + background-color: #2d2e30; + margin: 5px; + + display: flex; + justify-content: center; + align-items: center; + + border-radius: 25px; + } + + #play { + .icon { + border-top: transparent 15px solid; + /* border-right: transparent 20px solid; */ + border-bottom: transparent 15px solid; + border-left: #699bb1 15px solid; + + height: 0px; + width: 0px; + background-color: transparent; + } + } + + #stop { + .icon { + height: 20px; + width: 20px; + background-color: #699bb1; + } + } +} + +#time { + text-align: center; + position: absolute; + width: 100%; + bottom: 60px; + + border-top: 2px #ccc solid; + background-color: #47484b; +} Deleted: wit/css/select.css =================================================================== --- wit/css/select.css 2015-04-17 08:37:03 UTC (rev 1218) +++ wit/css/select.css 2015-04-17 13:13:38 UTC (rev 1219) @@ -1,55 +0,0 @@ -.selection { - background-color: #f8f8f8; - border-radius: 4px; - cursor: text; - - overflow-x: scroll; - overflow-y: hidden; - height: 50px; - - -webkit-user-select: none; -} - -.selection ul { - list-style: outside none none; - margin: 0px; - padding: 0px 5px; - - display: inline-block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.selection li.tag { - background-color: #47484b; - border: 1px solid #AAA; - border-radius: 4px; - cursor: default; - display: inline-block; - margin-right: 5px; - margin-top: 5px; - padding: 0px 5px; -} - -.selection .remove { - color: #699bb1; - cursor: pointer; - display: inline-block; - font-weight: bold; - margin-right: 2px; -} - -.selection li.input { - display: inline-block; -} - -.selection li input { - width: 6em; - background: none repeat scroll 0% 0% transparent; - border: medium none; - outline: 0px none; - - font-size: 100%; - margin-top: 5px; -} \ No newline at end of file Copied: wit/css/select.less (from rev 1218, wit/css/select.css) =================================================================== --- wit/css/select.less (rev 0) +++ wit/css/select.less 2015-04-17 13:13:38 UTC (rev 1219) @@ -0,0 +1,57 @@ +.selection { + background-color: #f8f8f8; + border-radius: 4px; + cursor: text; + + overflow-x: scroll; + overflow-y: hidden; + height: 50px; + + -webkit-user-select: none; + + ul { + list-style: outside none none; + margin: 0px; + padding: 0px 5px; + + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + + li { + &.tag { + background-color: #47484b; + border: 1px solid #AAA; + border-radius: 4px; + cursor: default; + display: inline-block; + margin-right: 5px; + margin-top: 5px; + padding: 0px 5px; + + .remove { + color: #699bb1; + cursor: pointer; + display: inline-block; + font-weight: bold; + margin-right: 2px; + } + } + + &.input { + display: inline-block; + + input { + width: 6em; + background: none repeat scroll 0% 0% transparent; + border: medium none; + outline: 0px none; + + font-size: 100%; + margin-top: 5px; + } + } + } + } +} Deleted: wit/css/style.css =================================================================== --- wit/css/style.css 2015-04-17 08:37:03 UTC (rev 1218) +++ wit/css/style.css 2015-04-17 13:13:38 UTC (rev 1219) @@ -1,12 +0,0 @@ -* { - box-sizing: border-box; - margin: 0; - padding: 0; -} - -body { - width: 100%; - height: 100%; - background-color: #f8f8f8; - color: #f3f3f3; -} Added: wit/css/style.less =================================================================== --- wit/css/style.less (rev 0) +++ wit/css/style.less 2015-04-17 13:13:38 UTC (rev 1219) @@ -0,0 +1,12 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + width: 100%; + height: 100%; + background-color: #f8f8f8; + color: #f3f3f3; +} Modified: wit/index.html =================================================================== --- wit/index.html 2015-04-17 08:37:03 UTC (rev 1218) +++ wit/index.html 2015-04-17 13:13:38 UTC (rev 1219) @@ -1,36 +1,27 @@ -<!DOCTYPE html> <html> <head> <title>WIT</title> - <link type="text/css" href="css/style.css" rel="stylesheet"/> - <link type="text/css" href="css/select.css" rel="stylesheet"/> - <link type="text/css" href="css/actions.css" rel="stylesheet"/> - </head> - <body> - <div class="selection"> - <ul id="tags"> - <li class="tag"><span class="remove">x</span>wit</li> - <li class="tag"><span class="remove">x</span>js</li> - <li class="tag"><span class="remove">x</span>dev</li> - <li class="input"><input id="inputTag" tabindex="-1" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" type="text"></input></li> - </ul> - </div> - <div class="actions"> - <div id="play"> - <div class="icon"></div> - </div> - <div id="stop"> - <div class="icon"></div> - </div> - <div id="rapport"> - <div class="icon">R</div> - </div> - </div> - - <div id="time"></div> - - <script type="application/javascript" src="js/main.js"></script> <script type="application/javascript" src="js/gui.js"></script> + +  + <script type="text/javascript" src="bower_components/react/react-with-addons.js"></script> + <script type="text/javascript" src="bower_components/react/JSXTransformer.js"></script> + + <script type="text/jsx" src="js/components/Tags.js"></script> + <script type="text/jsx" src="js/components/Time.js"></script> + <script type="text/jsx" src="js/components/ActionsBar.js"></script> + <script type="text/jsx" src="js/App.js"></script> + +  + <link rel="stylesheet/less" type="text/css" href="css/style.less" /> + <link rel="stylesheet/less" type="text/css" href="css/select.less" /> + <link rel="stylesheet/less" type="text/css" href="css/actions.less" /> + + <script type="text/javascript" src="bower_components/less/dist/less.min.js"></script> + + </head> + <body> + <div id="content"></div> </body> </html> Added: wit/js/App.js =================================================================== --- wit/js/App.js (rev 0) +++ wit/js/App.js 2015-04-17 13:13:38 UTC (rev 1219) @@ -0,0 +1,21 @@ +/** @jsx React.DOM */ + +var timer = require('./js/TimerService.js'); + +var App = React.createClass({ + + render: function() { + return ( + <div> + <Tags /> + <Time /> + <ActionsBar /> + </div> + ); + } +}); + +React.render( + <App/>, + document.getElementById('content') +); Added: wit/js/TimerService.js =================================================================== --- wit/js/TimerService.js (rev 0) +++ wit/js/TimerService.js 2015-04-17 13:13:38 UTC (rev 1219) @@ -0,0 +1,55 @@ +var moment = require('moment'); +var db = require("./database.js"); + +var events = require('events'); +var eventEmitter = new events.EventEmitter(); + +var tags = ["wit", "js", "dev"]; +var time = null; + +exports.start = function() { + time = new Date(); + timeChange(); +}; + +exports.stop = function() { + if (time) { + db.insertLog(tags, time, new Date()); + time = null; + timeChange(); + } +}; + +exports.getTime = function() { + if (time) { + var diff = moment(moment().diff(time)).utcOffset(0); + return diff.format("HH:mm:ss"); + } +}; + +exports.getTags = function() { + return tags; +}; + +exports.addTag = function(tag) { + tags.push(tag); +}; + +exports.removeTag = function(index) { + tags.splice(index, 1); +}; + +var timeChangeTimer = null; + +var timeChange = function() { + clearTimeout(timeChangeTimer); + + eventEmitter.emit('onTimeChanged'); + if (time) { + timeChangeTimer = setTimeout(timeChange.bind(), 1000); + } +}; + +exports.subscribeTimeChanged = function(callback) { + eventEmitter.on('onTimeChanged', callback); +}; Added: wit/js/components/ActionsBar.js =================================================================== --- wit/js/components/ActionsBar.js (rev 0) +++ wit/js/components/ActionsBar.js 2015-04-17 13:13:38 UTC (rev 1219) @@ -0,0 +1,37 @@ +/** @jsx React.DOM */ + +var ActionsBar = React.createClass({ + + onPlay: function() { + timer.start(); + }, + + onStop: function() { + timer.stop(); + }, + + onRapport: function(e) { + var gui = require('nw.gui'); + var new_win = gui.Window.open('rapport.html', { + position: 'center', + toolbar: true + }); + //new_win.maximize(); + }, + + render: function() { + return ( + <div className="actions"> + <div id="play" onClick={this.onPlay}> + <div className="icon"></div> + </div> + <div id="stop" onClick={this.onStop}> + <div className="icon"></div> + </div> + <div id="rapport" onClick={this.onRapport}> + <div className="icon">R</div> + </div> + </div> + ); + } +}); Added: wit/js/components/Tags.js =================================================================== --- wit/js/components/Tags.js (rev 0) +++ wit/js/components/Tags.js 2015-04-17 13:13:38 UTC (rev 1219) @@ -0,0 +1,49 @@ +/** @jsx React.DOM */ + +var Tags = React.createClass({ + + getInitialState : function() { + return timer; + }, + + onKey: function(e) { + var target = e.target; + var value = target.value; + + if (e.keyCode == 13 && value != "") { // On enter + target.value = ""; + + timer.addTag(value); + timer.stop(); + this.forceUpdate(); + } + }, + + onRemove: function(e) { + var target = e.target; + var index = target.dataset.index; + + timer.removeTag(index); + timer.stop(); + this.forceUpdate(); + }, + + render: function() { + var self = this; + + var items = this.state.getTags().map(function(item, index) { + return ( + <li className="tag"><span className="remove" onClick={self.onRemove} data-index={index}>x</span>{item}</li> + ); + }); + + return ( + <div className="selection"> + <ul id="tags"> + {items} + <li className="input"><input id="inputTag" onKeyDown={this.onKey} tabIndex="-1" autoComplete="off" autoCorrect="off" autoCapitalize="off" spellCheck="false" role="textbox" type="text"></input></li> + </ul> + </div> + ); + } +}); Added: wit/js/components/Time.js =================================================================== --- wit/js/components/Time.js (rev 0) +++ wit/js/components/Time.js 2015-04-17 13:13:38 UTC (rev 1219) @@ -0,0 +1,18 @@ +/** @jsx React.DOM */ + +var Time = React.createClass({ + + getInitialState: function() { + return timer; + }, + + componentDidMount: function() { + timer.subscribeTimeChanged(this.forceUpdate.bind(this)); + }, + + render: function() { + return ( + <div id="time">{this.state.getTime() || "Not started"}</div> + ); + } +}); Modified: wit/js/database.js =================================================================== --- wit/js/database.js 2015-04-17 08:37:03 UTC (rev 1218) +++ wit/js/database.js 2015-04-17 13:13:38 UTC (rev 1219) @@ -15,7 +15,7 @@ } }); }); -}, +}; exports.searchLogs = function (tags, startDate, endDate) { var query = {}; @@ -33,4 +33,4 @@ } }); }); -} +}; Modified: wit/js/gui.js =================================================================== --- wit/js/gui.js 2015-04-17 08:37:03 UTC (rev 1218) +++ wit/js/gui.js 2015-04-17 13:13:38 UTC (rev 1219) @@ -28,3 +28,16 @@ }); }); +var x11 = require('x11'); + +var getUserIdleTime = function() { + x11.createClient(function(err, display) { + var X = display.client; + X.require('screen-saver', function(err, SS) { + SS.QueryInfo(display.screen[0].root, function(err, info) { + console.log('Idle time ' + info.idle + "ms"); + }); + }); + X.on('error', console.error); + }); +}; Deleted: wit/js/main.js =================================================================== --- wit/js/main.js 2015-04-17 08:37:03 UTC (rev 1218) +++ wit/js/main.js 2015-04-17 13:13:38 UTC (rev 1219) @@ -1,91 +0,0 @@ -var moment = require('moment'); -var db = require("./js/database.js"); -var gui = require('nw.gui'); -var x11 = require('x11'); - -var tagsNode = document.getElementById("tags"); -var inputTagNode = document.getElementById("inputTag"); -var playNode = document.getElementById("play"); -var stopNode = document.getElementById("stop"); -var timeNode = document.getElementById("time"); -var rapportNode = document.getElementById("rapport"); - -var templateTag = "<li class=\"tag\"><span class=\"remove\">x</span>{{value}}</li>"; - -inputTagNode.onkeydown = function(e) { - if (e.keyCode == 13 && this.value != "") { // On enter - inputTagNode.parentNode.insertAdjacentHTML("beforebegin", templateTag.replace("{{value}}", this.value)); - this.value = ""; - - stopTime(); - } -} - -tagsNode.onclick = function(e) { - if (e.target.classList.contains("remove")) { - tagsNode.removeChild(e.target.parentNode); - stopTime(); - - } else { - inputTagNode.focus(); - } -} - -var time = null; - -playNode.onclick = function(e) { - time = new Date(); -} - -stopNode.onclick = function(e) { - stopTime(); -} - -var stopTime = function() { - if (!time) { - return; - } - - var tags = []; - - var children = tagsNode.children; - for (var i = 0, l = children.length - 1; i < l; i ++) { // -1 without input - var tag = children[i].childNodes[1].nodeValue; - tags.push(tag); - } - - db.insertLog(tags, time, new Date()); - - time = null; -} - -var getUserIdleTime = function() { - x11.createClient(function(err, display) { - var X = display.client; - X.require('screen-saver', function(err, SS) { - SS.QueryInfo(display.screen[0].root, function(err, info) { - console.log('Idle time ' + info.idle + "ms"); - }); - }); - X.on('error', console.error); - }); -}; - -var updateTime = function() { - if (time) { - var diff = moment(moment().diff(time)).utcOffset(0); - timeNode.textContent = diff.format("HH:mm:ss"); - } else { - timeNode.textContent = "Not started"; - } - setTimeout(updateTime.bind(), 1000); -} -updateTime(); - -rapportNode.onclick = function(e) { - var new_win = gui.Window.open('rapport.html', { - position: 'center', - toolbar: true - }); - //new_win.maximize(); -}

1 0

r1218 - in wit: . js
by echatellier＠users.nuiton.org April 17, 2015

April 17, 2015

Author: echatellier Date: 2015-04-17 08:37:03 +0000 (Fri, 17 Apr 2015) New Revision: 1218 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1218 Log: Add native code to get user idle time Modified: wit/js/main.js wit/package.json Modified: wit/js/main.js =================================================================== --- wit/js/main.js 2015-04-16 10:38:28 UTC (rev 1217) +++ wit/js/main.js 2015-04-17 08:37:03 UTC (rev 1218) @@ -1,6 +1,7 @@ var moment = require('moment'); var db = require("./js/database.js"); var gui = require('nw.gui'); +var x11 = require('x11'); var tagsNode = document.getElementById("tags"); var inputTagNode = document.getElementById("inputTag"); @@ -58,6 +59,18 @@ time = null; } +var getUserIdleTime = function() { + x11.createClient(function(err, display) { + var X = display.client; + X.require('screen-saver', function(err, SS) { + SS.QueryInfo(display.screen[0].root, function(err, info) { + console.log('Idle time ' + info.idle + "ms"); + }); + }); + X.on('error', console.error); + }); +}; + var updateTime = function() { if (time) { var diff = moment(moment().diff(time)).utcOffset(0); @@ -69,7 +82,6 @@ } updateTime(); - rapportNode.onclick = function(e) { var new_win = gui.Window.open('rapport.html', { position: 'center', Modified: wit/package.json =================================================================== --- wit/package.json 2015-04-16 10:38:28 UTC (rev 1217) +++ wit/package.json 2015-04-17 08:37:03 UTC (rev 1218) @@ -11,7 +11,8 @@ }, "dependencies": { "nedb": "^1.1.2", - "moment": "^2.10.2" + "moment": "^2.10.2", + "x11": "^1.0.3" }, "devDependencies": { "grunt": "^0.4.5",

1 0

r1217 - in wit: . js
by jruchaud＠users.nuiton.org April 16, 2015

April 16, 2015

Author: jruchaud Date: 2015-04-16 10:38:28 +0000 (Thu, 16 Apr 2015) New Revision: 1217 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1217 Log: Display first rapport Modified: wit/js/database.js wit/rapport.html Modified: wit/js/database.js =================================================================== --- wit/js/database.js 2015-04-16 09:21:59 UTC (rev 1216) +++ wit/js/database.js 2015-04-16 10:38:28 UTC (rev 1217) @@ -5,8 +5,8 @@ return new Promise(function(resolve, reject) { db.insert({ tags: tags, - startDate: startDate, - endDate: endDate + startDate: startDate.getTime(), + endDate: endDate.getTime() }, function(err, newDocs) { if (!err) { resolve(newDocs); @@ -21,8 +21,8 @@ var query = {}; if (tags) { query.tags = { $in: tags }; } - if (startDate) { query.startDate = { $gte: startDate } } - if (endDate) { query.endDate = { $lte: endDate } } + if (startDate) { query.startDate = { $gte: startDate.getTime() } } + if (endDate) { query.endDate = { $lte: endDate.getTime() } } return new Promise(function(resolve, reject) { db.find(query, function(err, docs) { Modified: wit/rapport.html =================================================================== --- wit/rapport.html 2015-04-16 09:21:59 UTC (rev 1216) +++ wit/rapport.html 2015-04-16 10:38:28 UTC (rev 1217) @@ -6,7 +6,46 @@ </head> <body> <h1>Rapport</h1> - <input type="datetime-local"></input> - <input type="datetime-local"></input> + <input id="begin" type="datetime-local" required></input> + <input id="end" type="datetime-local" required></input> + <div id="search">Search</div> + <table><tbody id="result"></tbody></table> + + + <script type="application/javascript"> + var moment = require('moment'); + var db = require("./js/database.js"); + + var beginNode = document.getElementById("begin"); + var endNode = document.getElementById("end"); + var searchNode = document.getElementById("search"); + var resultNode = document.getElementById("result"); + + var now = moment(); + now.add(1, 'hours'); + endNode.value = now.format("YYYY-MM-DDThh:mm"); + + now.subtract(7, 'days'); + beginNode.value = now.format("YYYY-MM-DDThh:mm"); + + searchNode.onclick = function() { + var beginDate = moment(beginNode.value).toDate(); + var endDate = moment(beginNode.value).toDate(); + + resultNode.innerHTML = ""; + + db.searchLogs(null, beginDate) + .then(function(result) { + for (var i = 0, l = result.length; i < l; i ++) { + var log = result[i]; + resultNode.insertAdjacentHTML("beforeend", "<tr>" + + "<td>" + moment(log.startDate).format("MM/DD/YY, h:mm:ss") + "</td>" + + "<td>" + moment(log.endDate).format("MM/DD/YY, h:mm:ss") + "</td>" + + "<td>" + log.tags + "</td>" + + "</tr>"); + } + }); + } + </script> </body> </html>

1 0

r1216 - in wit: . js
by jruchaud＠users.nuiton.org April 16, 2015

April 16, 2015

Author: jruchaud Date: 2015-04-16 09:21:59 +0000 (Thu, 16 Apr 2015) New Revision: 1216 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1216 Log: Begin play with gui Added: wit/js/gui.js wit/rapport.html Modified: wit/index.html wit/js/main.js Modified: wit/index.html =================================================================== --- wit/index.html 2015-04-16 09:06:10 UTC (rev 1215) +++ wit/index.html 2015-04-16 09:21:59 UTC (rev 1216) @@ -31,5 +31,6 @@ <div id="time"></div> <script type="application/javascript" src="js/main.js"></script> + <script type="application/javascript" src="js/gui.js"></script> </body> </html> Added: wit/js/gui.js =================================================================== --- wit/js/gui.js (rev 0) +++ wit/js/gui.js 2015-04-16 09:21:59 UTC (rev 1216) @@ -0,0 +1,30 @@ +// Load library +var gui = require('nw.gui'); + +// Reference to window and tray +var win = gui.Window.get(); +win.removeAllListeners('minimize'); + +var tray; + +// Get the minimize event +win.on('minimize', function() { + // Hide window + this.hide(); + + // Show tray + tray = new gui.Tray({ icon: 'icon.png' }); + + var menu = new gui.Menu(); + menu.append(new gui.MenuItem({ label: 'play' })); + menu.append(new gui.MenuItem({ label: 'stop' })); + tray.menu = menu; + + // Show window and remove tray when clicked + tray.on('click', function() { + win.show(); + this.remove(); + tray = null; + }); +}); + Modified: wit/js/main.js =================================================================== --- wit/js/main.js 2015-04-16 09:06:10 UTC (rev 1215) +++ wit/js/main.js 2015-04-16 09:21:59 UTC (rev 1216) @@ -1,5 +1,6 @@ var moment = require('moment'); var db = require("./js/database.js"); +var gui = require('nw.gui'); var tagsNode = document.getElementById("tags"); var inputTagNode = document.getElementById("inputTag"); @@ -70,6 +71,9 @@ rapportNode.onclick = function(e) { - + var new_win = gui.Window.open('rapport.html', { + position: 'center', + toolbar: true + }); + //new_win.maximize(); } - Added: wit/rapport.html =================================================================== --- wit/rapport.html (rev 0) +++ wit/rapport.html 2015-04-16 09:21:59 UTC (rev 1216) @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<html> + <head> + <title>WIT</title> + + </head> + <body> + <h1>Rapport</h1> + <input type="datetime-local"></input> + <input type="datetime-local"></input> + </body> +</html>

1 0

r1215 - in wit: . js
by jruchaud＠users.nuiton.org April 16, 2015

April 16, 2015

Author: jruchaud Date: 2015-04-16 09:06:10 +0000 (Thu, 16 Apr 2015) New Revision: 1215 Url: http://forge.nuiton.org/projects/sandbox/repository/revisions/1215 Log: Remove database in index Modified: wit/index.html wit/js/database.js Modified: wit/index.html =================================================================== --- wit/index.html 2015-04-16 09:00:55 UTC (rev 1214) +++ wit/index.html 2015-04-16 09:06:10 UTC (rev 1215) @@ -31,6 +31,5 @@ <div id="time"></div> <script type="application/javascript" src="js/main.js"></script> - <script type="application/javascript" src="js/database.js"></script> </body> </html> Modified: wit/js/database.js =================================================================== --- wit/js/database.js 2015-04-16 09:00:55 UTC (rev 1214) +++ wit/js/database.js 2015-04-16 09:06:10 UTC (rev 1215) @@ -34,4 +34,3 @@ }); }); } -

1 0