From 538f722015829818f289639afb2f03609ac381f3 Mon Sep 17 00:00:00 2001
From: David Brazda <davidbrazda61@gmail.com>
Date: Wed, 18 Oct 2023 21:43:19 +0200
Subject: [PATCH] diffs to monaco editor

---
 testy/migrace/migracni skript.sql    |  51 ++++++++++++++
 v2realbot/static/index.html          |   8 ++-
 v2realbot/static/js/archivetables.js |  59 +++++++++++++---
 v2realbot/static/js/mytables.js      | 100 +++++++++++++++++++--------
 4 files changed, 176 insertions(+), 42 deletions(-)

diff --git a/testy/migrace/migracni skript.sql b/testy/migrace/migracni skript.sql
index 56a6338..3c30c33 100644
--- a/testy/migrace/migracni skript.sql	
+++ b/testy/migrace/migracni skript.sql	
@@ -42,3 +42,54 @@ CREATE INDEX "index_runner_header_pk" ON "runner_header" (
 CREATE INDEX "index_runner_header_strat" ON "runner_header" (
 	"strat_id"
 )
+
+
+
+
+###a pak tato cast na odstraneni data sloupce
+CREATE TABLE "sqlb_temp_table_2" (
+	"runner_id"	varchar(32) NOT NULL,
+	"strat_id"	TEXT,
+	"batch_id"	TEXT,
+	"symbol"	TEXT,
+	"name"	TEXT,
+	"note"	TEXT,
+	"started"	TEXT,
+	"stopped"	TEXT,
+	"mode"	TEXT,
+	"account"	TEXT,
+	"bt_from"	TEXT,
+	"bt_to"	TEXT,
+	"strat_json"	TEXT,
+	"settings"	TEXT,
+	"ilog_save"	INTEGER,
+	"profit"	NUMERIC,
+	"trade_count"	INTEGER,
+	"end_positions"	INTEGER,
+	"end_positions_avgp"	NUMERIC,
+	"metrics"	TEXT,
+	"stratvars_toml"	TEXT,
+	PRIMARY KEY("runner_id")
+);
+INSERT INTO "main"."sqlb_temp_table_2" ("account","batch_id","bt_from","bt_to","end_positions","end_positions_avgp","ilog_save","metrics","mode","name","note","profit","runner_id","settings","started","stopped","strat_id","strat_json","stratvars_toml","symbol","trade_count") SELECT "account","batch_id","bt_from","bt_to","end_positions","end_positions_avgp","ilog_save","metrics","mode","name","note","profit","runner_id","settings","started","stopped","strat_id","strat_json","stratvars_toml","symbol","trade_count" FROM "main"."runner_header"
+PRAGMA defer_foreign_keys;
+PRAGMA defer_foreign_keys = '1';
+DROP TABLE "main"."runner_header"
+ALTER TABLE "main"."sqlb_temp_table_2" RENAME TO "runner_header"
+PRAGMA defer_foreign_keys = '0';
+CREATE INDEX "index_runner_header_pk" ON "runner_header" (
+	"runner_id"
+);
+CREATE INDEX "index_runner_header_strat" ON "runner_header" (
+	"strat_id"
+);
+CREATE INDEX "index_runner_header_batch" ON "runner_header" (
+	"batch_id"
+);
+RELEASE "db4s_renamecolumn_1697637283072384";
+PRAGMA database_list;
+SELECT type,name,sql,tbl_name FROM "main".sqlite_master;
+SELECT type,name,sql,tbl_name FROM sqlite_temp_master;
+PRAGMA "main".foreign_key_check
+RELEASE "db4s_edittable_1697637265835032";
+PRAGMA foreign_keys = '1';
\ No newline at end of file
diff --git a/v2realbot/static/index.html b/v2realbot/static/index.html
index 42ac7bf..9c45630 100644
--- a/v2realbot/static/index.html
+++ b/v2realbot/static/index.html
@@ -510,7 +510,7 @@
                         </form>
                     </div>
                 </div>
-                <div id="diffModal" class="modal fade" style="--bs-modal-width: 900px;">
+                <div id="diffModal" class="modal fade" style="--bs-modal-width: 1800px;">
                     <div class="modal-dialog">
                         <form method="post" id="diffForm">
                             <div class="modal-content">
@@ -519,7 +519,6 @@
                                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                 </div>
                                 <div class="modal-body">
-                                    <div id="diff_content"></div>
                                     <div class="form-group" style="float: left; width: 470px;">
                                         <label id="diff_first" for="first" class="form-label">First</label>
                                         <div id="diff_first_id"></div>	
@@ -529,7 +528,10 @@
                                         <label id="diff_second" for="second" class="form-label">Second</label>
                                         <div id="diff_second_id"></div>	
                                         <div id="second" name="second"></div>		
-                                    </div>			
+                                    </div>	                                    
+                                    <div class="form-group"> 
+                                        <div id="diff_content" style="height:700px;border:1px solid black;"></div>
+                                    </div>		
                                 </div>
                                 <div class="modal-footer">
                                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
diff --git a/v2realbot/static/js/archivetables.js b/v2realbot/static/js/archivetables.js
index 2e43c39..5e9e3f2 100644
--- a/v2realbot/static/js/archivetables.js
+++ b/v2realbot/static/js/archivetables.js
@@ -1,4 +1,7 @@
 //ARCHIVE TABLES
+let editor_diff_arch1
+let editor_diff_arch2
+
 
 function refresh_arch_and_callback(row, callback) {
     console.log("entering refresh")
@@ -74,6 +77,10 @@ $(document).ready(function () {
 
     //button compare arch
     $('#button_compare_arch').click(function () {
+        if (editor_diff_arch1) {editor_diff_arch1.dispose()}
+        if (editor_diff_stratin1) {editor_diff_stratin1.dispose()}
+        if (editor_diff_arch2) {editor_diff_arch2.dispose()}
+        if (editor_diff_stratin2) {editor_diff_stratin2.dispose()}
         window.$('#diffModal').modal('show');
         rows = archiveRecords.rows('.selected').data();
 
@@ -162,14 +169,14 @@ $(document).ready(function () {
             console.log(data1.metrics)
 
             try {
-                record1["profit"] = JSON.parse(data1.metrics).profit
+                record1["profit"] = JSON.parse(data1.metrics.profit)
             }
             catch (e) {
                 console.log(e.message)
             }
 
-            record1.stratvars_conf = TOML.parse(record1.stratvars_conf);
-            record1.add_data_conf = TOML.parse(record1.add_data_conf);
+            //record1.stratvars_conf = TOML.parse(record1.stratvars_conf);
+            //record1.add_data_conf = TOML.parse(record1.add_data_conf);
             // record1.note = rows[0].note;
             // record1.history = "";
         //jsonString1 = JSON.stringify(record1, null, 2);
@@ -190,13 +197,13 @@ $(document).ready(function () {
             console.log(data2.metrics)
 
             try {
-                record2["profit"] = JSON.parse(data2.metrics).profit
+                record2["profit"] = JSON.parse(data2.metrics.profit)
             }
             catch (e) {
                 console.log(e.message)
             }
-            record2.stratvars_conf = TOML.parse(record2.stratvars_conf);
-            record2.add_data_conf = TOML.parse(record2.add_data_conf);
+            //record2.stratvars_conf = TOML.parse(record2.stratvars_conf);
+            //record2.add_data_conf = TOML.parse(record2.add_data_conf);
             // record2.note = rows[1].note;
             // record2.history = "";
             //jsonString2 = JSON.stringify(record2, null, 2);
@@ -206,12 +213,42 @@ $(document).ready(function () {
             $('#diff_first_id').text(data1.id);
             $('#diff_second_id').text(data2.id);
 
-            var delta = compareObjects(record1, record2)
-            const htmlMarkup2 = `<pre>{\n${generateHTML(record2, delta)}}\n</pre>`;
-            document.getElementById('second').innerHTML = htmlMarkup2;
+            //monaco
+            require(["vs/editor/editor.main"], () => {
+                editor_diff_arch1 = monaco.editor.createDiffEditor(document.getElementById('diff_content'),
+                    {
+                        language: 'toml',
+                        theme: 'tomlTheme-dark',
+                        originalEditable: false,
+                        automaticLayout: true
+                    }
+                );
+                console.log(record1.stratvars_conf)
+                console.log(record2.stratvars_conf)
+                editor_diff_arch1.setModel({
+                    original: monaco.editor.createModel(record1.stratvars_conf, 'toml'),
+                    modified: monaco.editor.createModel(record2.stratvars_conf, 'toml'),
+                });
+                editor_diff_arch2 = monaco.editor.createDiffEditor(document.getElementById('diff_content'),
+                    {
+                        language: 'toml',
+                        theme: 'tomlTheme-dark',
+                        originalEditable: false,
+                        automaticLayout: true
+                    }
+                );
+                editor_diff_arch2.setModel({
+                    original: monaco.editor.createModel(record1.add_data_conf, 'toml'),
+                    modified: monaco.editor.createModel(record2.add_data_conf, 'toml'),
+                });
+            });
 
-            const htmlMarkup1 = `<pre>{\n${generateHTML(record1, delta)}}\n</pre>`;
-            document.getElementById('first').innerHTML = htmlMarkup1;
+            // var delta = compareObjects(record1, record2)
+            // const htmlMarkup2 = `<pre>{\n${generateHTML(record2, delta)}}\n</pre>`;
+            // document.getElementById('second').innerHTML = htmlMarkup2;
+
+            // const htmlMarkup1 = `<pre>{\n${generateHTML(record1, delta)}}\n</pre>`;
+            // document.getElementById('first').innerHTML = htmlMarkup1;
 
             event.preventDefault();
             //$('#button_compare').attr('disabled','disabled');
diff --git a/v2realbot/static/js/mytables.js b/v2realbot/static/js/mytables.js
index 2c6da0e..0f0093e 100644
--- a/v2realbot/static/js/mytables.js
+++ b/v2realbot/static/js/mytables.js
@@ -1,3 +1,5 @@
+let editor_diff_stratin1
+let editor_diff_stratin2
 //on button
 function store_api_key(event) {
     key = document.getElementById("api-key").value;
@@ -40,7 +42,7 @@ function is_stratin_running(id) {
 
 function refresh_stratin_and_callback(row, callback) {
     var request = $.ajax({
-        url: "/stratin/"+row.id,
+        url: "/stratins/"+row.id,
         beforeSend: function (xhr) {
             xhr.setRequestHeader('X-API-Key',
             API_KEY); },
@@ -61,12 +63,11 @@ function refresh_stratin_and_callback(row, callback) {
     // Handling the responses of both requests
     $.when(request).then(function(response) {
         // Both requests have completed successfully
-        var result = response[0];
 
-        console.log("Result from first request:", result);
-        console.log("calling compare")
+        //console.log("Result from request:", result);
+        console.log("calling calbback")
         //call callback function
-        callback(result)
+        callback(response)
 
     }, function(error) {
         // Handle errors from either request here
@@ -377,6 +378,10 @@ $(document).ready(function () {
 
     //button compare stratin
     $('#button_compare').click(function () {
+        if (editor_diff_arch1) {editor_diff_arch1.dispose()}
+        if (editor_diff_stratin1) {editor_diff_stratin1.dispose()}
+        if (editor_diff_arch2) {editor_diff_arch2.dispose()}
+        if (editor_diff_stratin2) {editor_diff_stratin2.dispose()}
         window.$('#diffModal').modal('show');
         rows = stratinRecords.rows('.selected').data();
 
@@ -453,8 +458,8 @@ $(document).ready(function () {
             // rec1.script = rows[0].script;
             // rec1.open_rush = rows[0].open_rush;
             // rec1.close_rush = rows[0].close_rush;
-            rec1.stratvars_conf = TOML.parse(rec1.stratvars_conf);
-            rec1.add_data_conf = TOML.parse(rec1.add_data_conf);
+            //rec1.stratvars_conf = TOML.parse(rec1.stratvars_conf);
+            //rec1.add_data_conf = TOML.parse(rec1.add_data_conf);
             // rec1.note = rows[0].note;
             rec1.history = "";
         //jsonString1 = JSON.stringify(rec1, null, 2);
@@ -468,8 +473,8 @@ $(document).ready(function () {
             // rec2.script = rows[1].script;
             // rec2.open_rush = rows[1].open_rush;
             // rec2.close_rush = rows[1].close_rush;
-            rec2.stratvars_conf = TOML.parse(rec2.stratvars_conf);
-            rec2.add_data_conf = TOML.parse(rec2.add_data_conf);
+            //rec2.stratvars_conf = TOML.parse(rec2.stratvars_conf);
+            //rec2.add_data_conf = TOML.parse(rec2.add_data_conf);
             // rec2.note = rows[1].note;
             rec2.history = "";
             //jsonString2 = JSON.stringify(rec2, null, 2);
@@ -478,14 +483,53 @@ $(document).ready(function () {
             //document.getElementById('first').innerHTML = '<pre>'+JSON.stringify(rec1, null, 2)+'</pre>'
             $('#diff_first').text(rec1.name);
             $('#diff_second').text(rec2.name);
+            $('#diff_first_id').text(rec1.id);
+            $('#diff_second_id').text(rec2.id);
 
-            var delta = compareObjects(rec1, rec2)
-            const htmlMarkup2 = `<pre>{\n${generateHTML(rec2, delta)}}\n</pre>`;
-            document.getElementById('second').innerHTML = htmlMarkup2;
+            //monaco
+            require(["vs/editor/editor.main"], () => {
+                editor_diff_stratin = monaco.editor.createDiffEditor(document.getElementById('diff_content'),
+                    {
+                        language: 'toml',
+                        theme: 'tomlTheme-dark',
+                        originalEditable: false,
+                        automaticLayout: true
+                    }
+                );
+                //console.log("prga",rec1.stratvars_conf)
+                //console.log("druga", rec2.stratvars_conf)
+                editor_diff_stratin1.setModel({
+                    original: monaco.editor.createModel(rec1.stratvars_conf, 'toml'),
+                    modified: monaco.editor.createModel(rec2.stratvars_conf, 'toml'),
+                });
 
-            //var delta1 = compareObjects(rec2, rec1)
-            const htmlMarkup1 = `<pre>{\n${generateHTML(rec1, delta)}}\n</pre>`;
-            document.getElementById('first').innerHTML = htmlMarkup1;
+                editor_diff_stratin1.setModel({
+                    original: monaco.editor.createModel(rec1.add_data_conf, 'toml'),
+                    modified: monaco.editor.createModel(rec2.add_data_conf, 'toml'),
+                });
+                editor_diff_stratin2 = monaco.editor.createDiffEditor(document.getElementById('diff_content'),
+                    {
+                        language: 'toml',
+                        theme: 'tomlTheme-dark',
+                        originalEditable: false,
+                        automaticLayout: true
+                    }
+                );
+                editor_diff_stratin2.setModel({
+                    original: monaco.editor.createModel(record1.add_data_conf, 'toml'),
+                    modified: monaco.editor.createModel(record2.add_data_conf, 'toml'),
+                });
+
+            });
+
+
+            // var delta = compareObjects(rec1, rec2)
+            // const htmlMarkup2 = `<pre>{\n${generateHTML(rec2, delta)}}\n</pre>`;
+            // document.getElementById('second').innerHTML = htmlMarkup2;
+
+            // //var delta1 = compareObjects(rec2, rec1)
+            // const htmlMarkup1 = `<pre>{\n${generateHTML(rec1, delta)}}\n</pre>`;
+            // document.getElementById('first').innerHTML = htmlMarkup1;
 
             event.preventDefault();
             //$('#button_compare').attr('disabled','disabled');
@@ -613,10 +657,10 @@ $(document).ready(function () {
     //edit button
     $('#button_edit').click(function () {
         row = stratinRecords.row('.selected').data();
-        if (row== undefined) {
+        if (row == undefined) {
             return
         }
-
+        console.log(row)
         refresh_stratin_and_callback(row, show_edit_modal)
 
         function show_edit_modal(row) {
@@ -665,17 +709,17 @@ $(document).ready(function () {
 
         function show_stratvars_edit_modal(row) {
 
-        $('#stratvar_id').val(row.id);
-        require(["vs/editor/editor.main"], () => {
-            editor = monaco.editor.create(document.getElementById('stratvars_editor'), {
-                value: row.stratvars_conf,
-                language: 'toml',
-                theme: 'tomlTheme-dark',
-                automaticLayout: true
-              });
-            });
-        window.$('#stratvarsModal').modal('show');
-        //$('#stratvars_editor_val').val(row.stratvars_conf);
+            $('#stratvar_id').val(row.id);
+            require(["vs/editor/editor.main"], () => {
+                editor = monaco.editor.create(document.getElementById('stratvars_editor'), {
+                    value: row.stratvars_conf,
+                    language: 'toml',
+                    theme: 'tomlTheme-dark',
+                    automaticLayout: true
+                });
+                });
+            window.$('#stratvarsModal').modal('show');
+            //$('#stratvars_editor_val').val(row.stratvars_conf);
         }
     }); 
 } );