Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <template>
- <div class="page" data-name="login">
- <div class="block">
- <meta name="viewport" content="width=default-width; user-scalable=no" />
- <meta http-equiv="Content-type" content="text/html;charset=utf-8">
- <title>Phonegap SQLite</title>
- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js" src="C:\f77\src\js\jquery.min.js"
- src="C:\f77\src\js\cordova.js"
- charset="utf-8">
- </script>
- <div class="page-content login-screen-content">
- <div class="login-screen-title">Logowanie</div>
- <div class="list">
- <ul>
- <li class="item-content item-input">
- <div class="item-inner">
- <div class="item-title item-label">Login</div>
- <div class="item-input-wrap">
- <input type="text" name="login" id="login" placeholder="username">
- </div>
- </div>
- </li>
- <li class="item-content item-input">
- <div class="item-inner">
- <div class="item-title item-label">Hasło</div>
- <div class="item-input-wrap">
- <input type="password" name="password" id="password" placeholder="password">
- <div class="item-title item-label">Id</div>
- <div class="item-input-wrap">
- <input type="text" name="ID" id="ID" placeholder="ID">
- </div>
- </div>
- </div>
- </li>
- </ul>
- </div>
- <div class="list">
- <ul>
- <li>
- <input class="item-link list-button login-button color-orange" id="zapisz" value="Dodaj" ><BR>
- <input class="col button button-big button-fill button-raised color-purple" id="pokaz" value="Pokaż" ><br>
- <input class="col button button-big button-fill button-raised color-purple" id="usun" value="usun" >
- </li>
- </ul>
- <div class="block-footer"></div>
- </div>
- <span id="konto1"></span>
- </div>
- </div>
- </div>
- </template>
- <script>
- export default {};
- </script>
- import $$ from 'dom7';
- import Framework7 from 'framework7/framework7.esm.bundle.js';
- // Import F7 Styles
- import 'framework7/css/framework7.bundle.css';
- // Import Icons and App Custom Styles
- import '../css/icons.css';
- import '../css/app.css';
- // Import Cordova APIs
- import cordovaApp from './cordova-app.js';
- // Import Routes
- import routes from './routes.js';
- var app = new Framework7({
- root: '#app', // App root element
- id: 'io.framework7.myapp', // App bundle ID
- name: 'Pasy', // App name
- theme: 'auto', // Automatic theme detection
- // App root data
- data: function () {
- return {
- user: {
- firstName: 'John',
- lastName: 'Doe',
- },
- };
- },
- // App root methods
- methods: {
- helloWorld: function () {
- app.dialog.alert('Hello World!');
- },
- },
- // App routes
- routes: routes,
- // Enable panel left visibility breakpoint
- panel: {
- leftBreakpoint: 960,
- },
- // Input settings
- input: {
- scrollIntoViewOnFocus: Framework7.device.cordova && !Framework7.device.electron,
- scrollIntoViewCentered: Framework7.device.cordova && !Framework7.device.electron,
- },
- // Cordova Statusbar settings
- statusbar: {
- overlay: Framework7.device.cordova && Framework7.device.ios || 'auto',
- iosOverlaysWebView: true,
- androidOverlaysWebView: false,
- },
- on: {
- init: function () {
- var f7 = this;
- if (f7.device.cordova) {
- // Init cordova APIs (see cordova-app.js)
- cordovaApp.init(f7);
- }
- init();
- },
- },
- });
- // Login Screen Demo
- $$('#my-login-screen .login-button').on('click', function () {
- console.log("LOG")
- var login = $$('#my-login-screen [name="login"]').val();
- var password = $$('#my-login-screen [name="password"]').val();
- // Close login screen
- app.loginScreen.close('#my-login-screen');
- // Alert username and password
- app.dialog.alert('login: ' + login + '<br>password: ' + password);
- });
- //sss
- var db2;
- var shortName = 'Bazaa';
- var version = '2.0';
- var displayName = 'Bazaa';
- var maxSize = 65535;
- function errorHandler(transaction, error) {
- alert('Błąd: ' + error.message + ' kod błędu: ' + error.code);
- }
- // Funkcja wywoływana po udanej transakcji z bazą
- function successCallBack() {
- alert("Debuger: sukces!");
- }
- function nullHandler(){};
- //Funkcja wywoływana po starcie apki
- function init(){
- if (!window.openDatabase) {
- alert('Twoje urządzenie nie obsługuje SQLite!');
- return;
- }
- db2 = openDatabase(shortName, version, displayName,maxSize); //tworzy połączenie z bazą
- db2.transaction(function(tx){ //wykonuje SQL
- // tx.executeSql( 'DROP TABLE konto1',nullHandler,nullHandler);
- tx.executeSql( 'CREATE TABLE IF NOT EXISTS konto1(ID TEXT NOT NULL, login TEXT NOT NULL, password TEXT NOT NULL)',[],
- db2.nullHandler,
- db2.errorHandler
- );
- }.bind(db2),
- db2.errorHandler,
- db2.successCallBack
- );
- }
- function ListDBValues() {
- if (!window.openDatabase) {
- alert('To urządzenie nie obsługuje SQLite!');
- return;
- }
- $$('#konto1').html(''); //wyczyszczenie wcześniejszej zawartości
- db2.transaction(function(transaction) {
- transaction.executeSql('SELECT * FROM konto1;', [],
- function(transaction, result) {
- if (result != null && result.rows != null) {
- for (var i = 0; i < result.rows.length; i++) {
- var row = result.rows.item(i);
- $$('#konto1').append('<br>' + row.ID+' ' + row.login + ' ' + row.password+ ' ' );
- }
- }
- },errorHandler);
- },errorHandler,nullHandler);
- return
- }
- $$(document).on("page:init",'.page[data-name="login"]',function(e){
- $$('#pokaz').on('click', () => {
- console.log("click")
- ListDBValues();
- });
- $$('#zapisz').on('click', () => {
- DeleteFromDB();
- console.log("click")
- AddValueToDB();
- });
- });
- function AddValueToDB(login, password, ID) {
- if (!window.openDatabase) {
- alert('To urządzenie nie obsługuje SQLite!');
- return;
- }
- db2.transaction(function(transaction) {
- transaction.executeSql('INSERT INTO konto1(ID, login, password) VALUES (?,?,?)',[$$('#ID').val(), $$('#password').val(), $$('#login').val()],
- nullHandler,errorHandler);
- app.dialog.alert('Login: ' + $$('#login').val() + '<br>Password: ' + $$('#password').val() + '<br>Twoje ID: ' +$$('#ID').val());
- });
- return false;
- }
- function DeleteFromDB(ID){
- if (!window.openDatabase) {
- alert('To urządzenie nie obsługuje SQLite!');
- return;
- }
- db2.transaction(function(transaction) {
- transaction.executeSql('DELETE FROM konto1; ', [],
- function(transaction, result) {
- ListDBValues();
- },errorHandler);
- },errorHandler,nullHandler);
- return
- }
- /*
- function DeleteFromDB(Id){
- if (!window.openDatabase) {
- alert('To urządzenie nie obsługuje SQLite!');
- return;
- }
- db.transaction(function(transaction) {
- transaction.executeSql('DELETE FROM konto1 where userr=?;', [id],
- function(transaction, result) {
- ListDBValues();
- },errorHandler);
- },errorHandler,nullHandler);
- return
- */
- /*
- //Funkcja wywoływana po starcie apki
- function init(){
- if (!window.openDatabase) {
- alert('Twoje urządzenie nie obsługuje SQLite!');
- return;
- }
- db = openDatabase(shortName, version, displayName,maxSize); //tworzy połączenie z bazą
- db.transaction(function(tx){ //wykonuje SQL
- // tx.executeSql( 'DROP TABLE Userr',nullHandler,nullHandler);
- tx.executeSql( 'CREATE TABLE IF NOT EXISTS Userr(UserId INTEGER NOT NULL PRIMARY KEY, Marka TEXT NOT NULL, Rok TEXT NOT NULL, Silnik TEXT NOT NULL, Pojemnosc TEXT NOT NULL, Imie TEXT NOT NULL,Nazwisko TEXT NOT NULL,Adres TEXT NOT NULL,Pesel TEXT NOT NULL )',[],nullHandler,errorHandler);},errorHandler,successCallBack);
- };
- function ListDBValues() {
- if (!window.openDatabase) {
- alert('To urządzenie nie obsługuje SQLite!');
- return;
- }
- $$('#lbUsers').html(''); //wyczyszczenie wcześniejszej zawartości
- db.transaction(function(transaction) {
- transaction.executeSql('SELECT * FROM Userr;', [],
- function(transaction, result) {
- console.log(result)
- if (result != null && result.rows != null) {
- for (var i = 0; i < result.rows.length; i++) {
- var row = result.rows.item(i);
- $$('#lbUsers').append('<br>' + row.UserId + ' , ' + row.Marka+ ' , ' + row.Rok+ ' , ' + row.Silnik+ ' , ' + row.Pojemnosc+ ' , ' + row.Imie+ ', '+ row.Nazwisko+ ' , ' + row.Adres+ ' , ' + row.Pesel+ ` , `);
- }
- }
- },errorHandler);
- },errorHandler,nullHandler);
- return
- }
- $$(document).on("page:init",'.page[data-name="about"]',function(e){
- ListDBValues();
- $$('#odswiezanie').on('click', () => {
- console.log("click")
- ListDBValues();
- });
- $$('#dodawanie').on('click', () => {
- console.log("click")
- AddValueToDB();
- });
- $$('#usun').on('click', () => {
- console.log("click")
- DeleteFromDB($$("#Id").val());
- });
- });
- function AddValueToDB() {
- if (!window.openDatabase) {
- alert('To urządzenie nie obsługuje SQLite!');
- return;
- }
- db.transaction(function(transaction) {
- transaction.executeSql('INSERT INTO Userr(Marka, Rok, Silnik, Pojemnosc, Imie, Nazwisko, Adres, Pesel) VALUES (?,?,?,?,?,?,?,?)',[$$('#Marka').val(), $$('#Rok').val(),$$('#Silnik').val(),$$('#Pojemnosc').val(),$$('#Imie').val() ,$$('#Nazwisko').val() ,$$('#Adres').val(),$$('#Pesel').val()],
- nullHandler,errorHandler);
- });
- return false;
- }
- function DeleteFromDB(Id){
- if (!window.openDatabase) {
- alert('To urządzenie nie obsługuje SQLite!');
- return;
- }
- db.transaction(function(transaction) {
- transaction.executeSql('DELETE FROM Userr where UserId=?;', [Id],
- function(transaction, result) {
- ListDBValues();
- },errorHandler);
- },errorHandler,nullHandler);
- return
- }*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement