Skip to content

J
jio
Commit 7cb308c7 authored by Tristan Cavelier's avatar Tristan Cavelier
Browse files
Options

complex_example.html reworked and renamed to jio_dashboard.html

parent 49e9f1db
Hide whitespace changes
Inline Side-by-side
Showing with 124 additions and 109 deletions
examples/complex_example.html → examples/jio_dashboard.html
View file @ 7cb308c7
...@@ -2,43 +2,43 @@ ...@@ -2,43 +2,43 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>jIO Complex Example</title> <title>jIO Dashboard</title>
</head> </head>
<body> <body>
<script type="text/javascript"> <script type="text/javascript">
<!-- <!--
var logcolor = 'cyan'; var log_color = 'cyan';
var logGetColor = function () { var logGetColor = function () {
if (logcolor === 'white') { if (log_color === 'white') {
logcolor = 'cyan'; log_color = 'cyan';
} else { } else {
logcolor = 'white'; log_color = 'white';
} }
return logcolor; return log_color;
}; };
var log = function (o) { var log = function (o) {
var node = document.createElement ('div'); var node = document.createElement('div');
node.setAttribute('style','background-color:'+logGetColor()+';'); node.setAttribute('style', 'background-color:'+logGetColor()+';');
if (typeof o === 'string') { if (typeof o === 'string') {
node.textContent = o; node.textContent = o;
} else { } else {
node.textContent = JSON.stringify (o); node.textContent = JSON.stringify(o);
} }
document.getElementById('log').appendChild(node); document.getElementById('log').appendChild(node);
}; };
var error = function (o) { var error = function (o) {
var node = document.createElement ('div'); var node = document.createElement('div');
node.setAttribute('style','background-color:'+logGetColor()+ node.setAttribute('style', 'background-color:'+logGetColor()+
';color:red;font-weight:bold'); ';color:red;font-weight:bold');
if (typeof o === 'string') { if (typeof o === 'string') {
node.textContent = o; node.textContent = o;
} else { } else {
node.textContent = JSON.stringify (o); node.textContent = JSON.stringify(o);
} }
document.getElementById('log').appendChild(node); document.getElementById('log').appendChild(node);
}; };
var clearlog = function () { var clearlog = function () {
document.getElementById('log').innerHTML = ''; document.getElementById('log').innerHTML = '';
}; };
//--> //-->
</script> </script>
...@@ -62,10 +62,10 @@ var clearlog = function () { ...@@ -62,10 +62,10 @@ var clearlog = function () {
<input type="password" id="cryptpassword" value="pwd" placeholder="password" /><br /> <input type="password" id="cryptpassword" value="pwd" placeholder="password" /><br />
</th> </th>
<th> <th>
<input type="text" id="davuser" value="" placeholder="username" /><br /> <input type="text" id="davurl" value="http://dav.com/uploads" placeholder="url" /><br />
<input type="text" id="davapp" value="" placeholder="application_name" /><br /> <input type="text" id="davauthtype" value="basic" placeholder="auth_type" disabled /> <br />
<input type="password" id="davpassword" value="" placeholder="password" /><br /> <input type="text" id="davuser" value="davuser" placeholder="username" /><br />
<input type="text" id="davurl" value="" placeholder="url" /><br /> <input type="password" id="davpassword" value="pwd" placeholder="password" /><br />
</th> </th>
<th> <th>
<input type="text" id="revisionuser" value="localuser" placeholder="username" /><br /> <input type="text" id="revisionuser" value="localuser" placeholder="username" /><br />
...@@ -92,6 +92,8 @@ var clearlog = function () { ...@@ -92,6 +92,8 @@ var clearlog = function () {
</td> </td>
<td colspan="1" style="text-align: center;"> <td colspan="1" style="text-align: center;">
Options:<br /> Options:<br />
<label for="include_docs">Include Docs</label>
<input type="checkbox" id="include_docs" /><br />
<label for="show_conflicts">Get Conflicts</label> <label for="show_conflicts">Get Conflicts</label>
<input type="checkbox" id="show_conflicts" /><br /> <input type="checkbox" id="show_conflicts" /><br />
<label for="show_revision_history">Get Revision History</label> <label for="show_revision_history">Get Revision History</label>
...@@ -110,9 +112,11 @@ var clearlog = function () { ...@@ -110,9 +112,11 @@ var clearlog = function () {
<button onclick="get()">get</button> <button onclick="get()">get</button>
<button onclick="remove()">remove</button> <button onclick="remove()">remove</button>
<button onclick="allDocs()">allDocs</button> <button onclick="allDocs()">allDocs</button>
<!-- </td> --> <!-- </td> -->
<!-- <td style="text-align: center;"> --> <!-- <td style="text-align: center;"> -->
- <button onclick="putAttachment()">putAttachment</button> - <button onclick="putAttachment()">putAttachment</button>
<button onclick="getAttachment()">getAttachment</button>
<button onclick="removeAttachment()">removeAttachment</button>
</td> </td>
</tr> </tr>
</table> </table>
...@@ -132,6 +136,8 @@ var clearlog = function () { ...@@ -132,6 +136,8 @@ var clearlog = function () {
<script type="text/javascript" src="../lib/jquery/jquery.min.js"></script> <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../src/jio.storage/davstorage.js"> <script type="text/javascript" src="../src/jio.storage/davstorage.js">
</script> </script>
<script type="text/javascript" src="../src/jio.storage/erp5storage.js">
</script>
<script type="text/javascript" src="../lib/jsSha2/sha2.js"></script> <script type="text/javascript" src="../lib/jsSha2/sha2.js"></script>
<script type="text/javascript" src="../src/jio.storage/revisionstorage.js"> <script type="text/javascript" src="../src/jio.storage/revisionstorage.js">
</script> </script>
...@@ -140,111 +146,120 @@ var clearlog = function () { ...@@ -140,111 +146,120 @@ var clearlog = function () {
<!-- <!--
var my_jio = null; var my_jio = null;
var newLocalJio = function () { var newLocalJio = function () {
var localuser, localapp; var localuser, localapp;
localuser = $('#localuser').attr('value'); localuser = $('#localuser').attr('value');
localapp = $('#localapp').attr('value'); localapp = $('#localapp').attr('value');
var spec = {type: 'local', username: localuser, application_name: localapp}; var spec = {type: 'local', username: localuser, application_name: localapp};
if (my_jio) { log('closing older jio'); my_jio.close(); } if (my_jio) { log('closing older jio'); my_jio.close(); }
log ('local storage description object: ' + JSON.stringify (spec)); log('local storage description object: ' + JSON.stringify(spec));
my_jio = jIO.newJio(spec); my_jio = jIO.newJio(spec);
}; };
var newCryptJio = function () { var newCryptJio = function () {
var user, app, pwd; var user, app, pwd;
user = $('#cryptuser').attr('value'); user = $('#cryptuser').attr('value');
app = $('#cryptapp').attr('value'); app = $('#cryptapp').attr('value');
pwd = $('#cryptpassword').attr('value'); pwd = $('#cryptpassword').attr('value');
var spec = {type: 'crypt', username: user, password: pwd, storage:{ var spec = {type: 'crypt', username: user, password: pwd, storage:{
type: 'local', username: user, application_name: app type: 'local', username: user, application_name: app
}}; }};
if (my_jio) { log('closing older jio'); my_jio.close(); } if (my_jio) { log('closing older jio'); my_jio.close(); }
log ('crypt storage description object: ' + JSON.stringify (spec)); log('crypt storage description object: ' + JSON.stringify(spec));
my_jio = jIO.newJio(spec); my_jio = jIO.newJio(spec);
}; };
var newDavJio = function () { var newDavJio = function () {
var user, app, pwd, url; var user, app, pwd, url;
user = $('#davuser').attr('value'); user = $('#davuser').attr('value');
app = $('#davapp').attr('value'); pwd = $('#davpassword').attr('value');
pwd = $('#davpassword').attr('value'); url = $('#davurl').attr('value');
url = $('#davurl').attr('value'); var spec = {
var spec = { "type": "dav",
type: 'dav', username: user, application_name: app, "url": url,
password: pwd, url: url "auth_type": "basic",
}; "username": user,
if (my_jio) { log('closing older jio'); my_jio.close(); } "password": pwd
log ('dav storage description object: ' + JSON.stringify (spec)); };
my_jio = jIO.newJio(spec); if (my_jio) { log('closing older jio'); my_jio.close(); }
log('dav storage description object: ' + JSON.stringify(spec));
my_jio = jIO.newJio(spec);
}; };
var newRevisionJio = function () { var newRevisionJio = function () {
var user, app; var user, app;
user = $('#revisionuser').attr('value'); user = $('#revisionuser').attr('value');
app = $('#revisionapp').attr('value'); app = $('#revisionapp').attr('value');
var spec = { var spec = {
type: 'revision', sub_storage: { type: 'revision', sub_storage: {
type: 'local', username: user, application_name: app type: 'local', username: user, application_name: app
} }
}; };
if (my_jio) { log('closing older jio'); my_jio.close(); } if (my_jio) { log('closing older jio'); my_jio.close(); }
log ('revision storage description object: '+JSON.stringify (spec)); log('revision storage description object: '+JSON.stringify(spec));
my_jio = jIO.newJio(spec); my_jio = jIO.newJio(spec);
}; };
var newCustomJio = function () { var newCustomJio = function () {
var spec = JSON.parse ($('#customstorage').attr('value')); var spec = JSON.parse ($('#customstorage').attr('value'));
if (my_jio) { log('closing older jio'); my_jio.close(); } if (my_jio) { log('closing older jio'); my_jio.close(); }
log ('custom storage description object: '+JSON.stringify (spec)); log('custom storage description object: '+JSON.stringify(spec));
my_jio = jIO.newJio(spec); my_jio = jIO.newJio(spec);
}; };
var printLocalStorage = function () { var printLocalStorage = function () {
var i; var i;
log ('LOCALSTORAGE'); log('LOCALSTORAGE');
for (i in localStorage) { for (i in localStorage) {
log ('- '+ i +': '+localStorage[i]); log('- '+ i +': '+localStorage[i]);
} }
log ('------------------------------'); log('------------------------------');
}; };
var callback = function (err,val,begin_date) { var callback = function (err, val, begin_date) {
log ('time : ' + (Date.now() - begin_date)); log('time : ' + (Date.now() - begin_date));
if (err) { if (err) {
return error ('return :' + JSON.stringify (err)); return error('return :' + JSON.stringify(err));
} }
log ('return : ' + JSON.stringify (val)); log('return : ' + JSON.stringify(val));
}; };
var command = function (method) { var command = function (method) {
var begin_date = Date.now(), doc = {}, opts = {}; var begin_date = Date.now(), doc = {}, opts = {};
log (method); log(method);
if (!my_jio) { if (!my_jio) {
return error ('no jio set'); return error('no jio set');
} }
opts.conflicts = $('#show_conflicts').attr('checked')?true:false; opts.include_docs = $('#include_docs').attr('checked') ? true : false;
opts.revs = $('#show_revision_history').attr('checked')?true:false; opts.conflicts = $('#show_conflicts').attr('checked') ? true : false;
opts.revs_info = $('#show_revision_info').attr('checked')?true:false; opts.revs = $('#show_revision_history').attr('checked') ? true : false;
opts.max_retry = parseInt($('#max_retry').attr('value') || '0'); opts.revs_info = $('#show_revision_info').attr('checked') ? true : false;
opts.max_retry = parseInt($('#max_retry').attr('value') || '0');
doc = JSON.parse ($('#metadata').attr('value')); doc = JSON.parse($('#metadata').attr('value'));
log ('doc: ' + JSON.stringify (doc)); log('doc: ' + JSON.stringify(doc));
log ('opts: ' + JSON.stringify (opts)); log('opts: ' + JSON.stringify(opts));
my_jio[method](doc,opts,function (err,val) { my_jio[method](doc, opts, function (err, val) {
callback(err,val,begin_date); callback(err, val, begin_date);
}); });
}; };
var post = function () { var post = function () {
command('post'); command('post');
}; };
var put = function () { var put = function () {
command('put'); command('put');
}; };
var get = function () { var get = function () {
command('get'); command('get');
}; };
var remove = function () { var remove = function () {
command('remove'); command('remove');
}; };
var allDocs = function () { var allDocs = function () {
command('allDocs'); command('allDocs');
}; };
var putAttachment = function () { var putAttachment = function () {
command('putAttachment'); command('putAttachment');
};
var getAttachment = function () {
command('getAttachment');
};
var removeAttachment = function () {
command('removeAttachment');
}; };
//--> //-->
</script> </script>
......
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
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7