Skip to content

Instantly share code, notes, and snippets.

@gabrielem

gabrielem/WebSql index.js

Created March 24, 2015 19:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gabrielem/11c82cf9c64cefe4fcba to your computer and use it in GitHub Desktop.
Save gabrielem/11c82cf9c64cefe4fcba to your computer and use it in GitHub Desktop.
Download ZIP
Raw
WebSql index.js
<!DOCTYPE html>
<!--
Copyright (c) 2012-2014 Adobe Systems Incorporated. All rights reserved.
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
-->
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Hello World</title>
</head>
<body>
<div class="app">
<h1>PhoneGap</h1>
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready!!!</p>
</div>
<div id="msg" style="height:90px;overflow:auto;"></div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
//var Result = onDeviceReady().loop({'table':'test_table'});
// Wait for Cordova to load
document.addEventListener("deviceready", onDeviceReady, false);
// Cordova is ready
function myClog(obj)
{
return JSON.stringify(obj, null, 4);
}
(function (app) {
var connect;
app.db = {};
var Database = app.db;
var db;
//var tableList = ['environment','content','queue','notify'];
var environment = {
'id':'integer primary key',
'id_env':'text',
'name_env':'text',
'api_domain':'text',
'api_uri':'text',
'user_name':'text',
'user_roles':'text',
'user_surname':'text',
'user_email':'text',
'token':'text',
'created_on':'integer',
'lastlogin':'integer'
};
var content = {
'id':'integer primary key',
'id_env':'text',
'id_content':'text',
'title':'text',
'html':'text',
'share_policy':'text',
'hash':'text',
'saved_on':'integer',
'expire_on':'integer'
};
var queue = {
'id':'integer primary key',
'id_env':'text',
'id_content':'text',
'url':'text',
'title':'text',
'text':'text',
'status':'text',
'n_try':'integer',
'stored_on':'integer'
};
var notify = {
'id':'integer primary key',
'id_env':'text',
'id_content':'text',
'id_queue':'integer',
'text':'text',
'status':'text',
'stored_on':'integer'
};
var tableList = {};
tableList['environment'] = environment;
tableList['content'] = content;
tableList['queue'] = queue;
tableList['notify'] = notify;
Database.initialize = function () {
//var del = window.sqlitePlugin.deleteDatabase({name: "DB.db", location: 2});
db = window.sqlitePlugin.openDatabase({name: "DB.db", location: 2});
//Create all tables
for (var k in tableList){createTable({'table':k});}
}
Database.deleteEnvironment = function (params){
params = params || {};
var $deferred = $.Deferred();
var row = [];
var Sql = "DELETE FROM environment WHERE id="+params.id;
db.transaction(function (tx) {
tx.executeSql(Sql, [],
function(tx, res) {
$deferred.resolveWith(undefined, [res]);
},
function (tx, error) {
$deferred.rejectwith(undefined, [error]);
}
);
});
return $deferred.promise();
}
Database.updateEnvironment = function (params){
params = params || {};
var $deferred = $.Deferred();
var row = [];
var Sql = "UPDATE environment SET id_env=?,name_env=?,api_domain=?,api_uri=?,user_name=?,user_roles=?,user_surname=?,user_email=?,token=?,created_on=?,lastlogin=? WHERE id="+params.id;
var arrValues=[params.id_env,params.name_env,params.api_domain,params.api_uri,params.user_name,params.user_roles,params.user_surname,params.user_email,params.token,params.created_on,params.lastlogin];
db.transaction(function (tx) {
tx.executeSql(Sql, arrValues,
function(tx, res) {
$deferred.resolveWith(undefined, [res]);
},
function (tx, error) {
$deferred.rejectwith(undefined, [error]);
}
);
});
//alert("Salvo Envs");
return $deferred.promise();
}
Database.saveEnvironment = function (params){
params = params || {};
var $deferred = $.Deferred();
var row = [];
var Sql = "INSERT INTO environment (id_env,name_env,api_domain,api_uri,user_name,user_roles,user_surname,user_email,token,created_on,lastlogin) VALUES (?,?,?,?,?,?,?,?,?,?,?)";
var arrValues=[params.id_env,params.name_env,params.api_domain,params.api_uri,params.user_name,params.user_roles,params.user_surname,params.user_email,params.token,params.created_on,params.lastlogin];
db.transaction(function (tx) {
tx.executeSql(Sql, arrValues,
function(tx, res) {
$deferred.resolveWith(undefined, [res]);
},
function (tx, error) {
$deferred.rejectwith(undefined, [error]);
}
);
});
//alert("Salvo Envs");
return $deferred.promise();
}
//db.getSchema(function (schema) { alert(myClog(schema)); });
//Database.saveData = function ({'table':'nomeTab','id':'0',{'campo1':'val1','campo2':'val2'}})
Database.findBy = function (params) {
params = params || {};
var $deferred = $.Deferred();
var row = [];
var Sql = 'SELECT * FROM ' + params.table + ';';
alert(Sql);
db.transaction(function (tx) {
tx.executeSql(Sql, [],
function (tx, results) {
var totRes = results.rows.length;
for (var i = 0; i < totRes; i++) {
row[i] = results.rows.item(i);
}
$deferred.resolveWith(undefined, [row]);
},
function (tx, error) {
$deferred.rejectwith(undefined, [error]);
}
);
});
return $deferred.promise();
}
function stringifyKeyValue(obj,getOnly){
var strKeyValue="",strKey="",strValue="",comma="";
for (var k in obj){
strKeyValue = strKeyValue + comma + k +" " + obj[k] + " ";
strValue = strValue + comma + obj[k] + " ";
strKey = strKey + comma + k +" ";
comma=" , ";
}
if(getOnly=="key")return strKey;
if(getOnly=="value")return strValue;
if(getOnly=="all")return [strKeyValue,strKey,strValue];
return strKeyValue;
}
function getTablesFields(table,stringifyIt){
if(tableList != undefined){
if(stringifyIt){
var fields = stringifyKeyValue(tableList[table]);
return fields;
}
return tableList[table];
}
return false;
}
function createTable(params) {
params = params || {};
var $deferred = $.Deferred();
var fields = getTablesFields(params.table,true);
db.transaction(function (tx) {
//tx.executeSql('DROP TABLE IF EXISTS ' + params.table);
tx.executeSql('CREATE TABLE IF NOT EXISTS ' + params.table
+ ' (' + fields + ')');
});
return $deferred.promise();
}
})(app);
function onDeviceReady() {
app.db.initialize();
app.db.findBy({'table':'environment'})
.done(function(rows){
rows.forEach(function(row){
//document.getElementById('msg').innerHTML = '<li>' + row.data+ '</li>';
//alert(myClog(row));
$("#msg").append('<li>' + row.id+ ' - ' + row.id_env+ ' </li>');
});
})
.fail(function(error){
console.log(error);
});
app.db.deleteEnvironment({ 'id':2})
.done(function(){
alert('ok HO CANCELLATO!!!!')
})
.fail(function(error){
alert("err");
});
/*
app.db.updateEnvironment({ 'id':1, 'id_env':'text0101', 'name_env':'text', 'api_domain':'text', 'api_uri':'text', 'user_name':'text', 'user_roles':'text', 'user_surname':'text', 'user_email':'text', 'token':'text', 'created_on':10, 'lastlogin':10 })
.done(function(){
alert('ok')
})
.fail(function(error){
alert("err");
});
*/
/*
app.db.saveEnvironment({'id_env':'text', 'name_env':'text', 'api_domain':'text', 'api_uri':'text', 'user_name':'text', 'user_roles':'text', 'user_surname':'text', 'user_email':'text', 'token':'text', 'created_on':10, 'lastlogin':10 })
.done(function(){
alert('ok')
})
.fail(function(error){
alert("err");
});
*/
}
</script>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment