A lot of changes, starting BODE functions
This commit is contained in:
parent
08d52fa371
commit
37c9772e94
8 changed files with 307 additions and 136 deletions
|
@ -29,7 +29,7 @@ ApplicationWindow {
|
||||||
width: 1000
|
width: 1000
|
||||||
height: 500
|
height: 500
|
||||||
color: sysPalette.window
|
color: sysPalette.window
|
||||||
title: "Logarithmic Graph Creator " + (settings.saveFilename != "" ? " - " + settings.saveFilename : "")
|
title: "Logarithmic Plotter " + (settings.saveFilename != "" ? " - " + settings.saveFilename : "")
|
||||||
|
|
||||||
SystemPalette { id: sysPalette; colorGroup: SystemPalette.Active }
|
SystemPalette { id: sysPalette; colorGroup: SystemPalette.Active }
|
||||||
SystemPalette { id: sysPaletteIn; colorGroup: SystemPalette.Disabled }
|
SystemPalette { id: sysPaletteIn; colorGroup: SystemPalette.Disabled }
|
||||||
|
@ -75,11 +75,7 @@ ApplicationWindow {
|
||||||
|
|
||||||
Settings {
|
Settings {
|
||||||
id: settings
|
id: settings
|
||||||
|
|
||||||
onChanged: drawCanvas.requestPaint()
|
onChanged: drawCanvas.requestPaint()
|
||||||
onCopyToClipboard: root.copyDiagramToClipboard()
|
|
||||||
onSaveDiagram: root.saveDiagram(filename)
|
|
||||||
onLoadDiagram: root.loadDiagram(filename)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ObjectLists {
|
ObjectLists {
|
||||||
|
@ -124,32 +120,32 @@ ApplicationWindow {
|
||||||
"xmin": settings.xmin,
|
"xmin": settings.xmin,
|
||||||
"ymax": settings.ymax,
|
"ymax": settings.ymax,
|
||||||
"yaxisstep": settings.yaxisstep,
|
"yaxisstep": settings.yaxisstep,
|
||||||
"xlabel": settings.xaxislabel,
|
"xaxislabel": settings.xaxislabel,
|
||||||
"ylabel": settings.yaxislabel,
|
"yaxislabel": settings.yaxislabel,
|
||||||
"width": root.width,
|
"width": root.width,
|
||||||
"height": root.height,
|
"height": root.height,
|
||||||
"objects": objs,
|
"objects": objs,
|
||||||
"type": "bodediagramv1"
|
"type": "logplotv1"
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadDiagram(filename) {
|
function loadDiagram(filename) {
|
||||||
var data = JSON.parse(Helper.load(filename))
|
var data = JSON.parse(Helper.load(filename))
|
||||||
if(Object.keys(data).indexOf("type") != -1 && data["type"] == "bodediagramv1") {
|
if(Object.keys(data).indexOf("type") != -1 && data["type"] == "logplotv1") {
|
||||||
settings.xzoom = data["xzoom"]
|
settings.xzoom = data["xzoom"]
|
||||||
settings.yzoom = data["yzoom"]
|
settings.yzoom = data["yzoom"]
|
||||||
settings.xmin = data["xmin"]
|
settings.xmin = data["xmin"]
|
||||||
settings.ymax = data["ymax"]
|
settings.ymax = data["ymax"]
|
||||||
settings.yaxisstep = data["yaxisstep"]
|
settings.yaxisstep = data["yaxisstep"]
|
||||||
settings.xaxislabel = data["xlabel"]
|
settings.xaxislabel = data["xaxislabel"]
|
||||||
settings.yaxislabel = data["ylabel"]
|
settings.yaxislabel = data["yaxislabel"]
|
||||||
root.height = data["height"]
|
root.height = data["height"]
|
||||||
root.width = data["width"]
|
root.width = data["width"]
|
||||||
|
|
||||||
Object.keys(data['objects']).forEach(function(objType){
|
Object.keys(data['objects']).forEach(function(objType){
|
||||||
Objects.currentObjects[objType] = []
|
Objects.currentObjects[objType] = []
|
||||||
data['objects'][objType].forEach(function(objData){
|
data['objects'][objType].forEach(function(objData){
|
||||||
var obj = new Objects.drawableTypes[objType](...objData)
|
var obj = new Objects.types[objType](...objData)
|
||||||
Objects.currentObjects[objType].push(obj)
|
Objects.currentObjects[objType].push(obj)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
@ -166,4 +162,6 @@ ApplicationWindow {
|
||||||
drawCanvas.save(file)
|
drawCanvas.save(file)
|
||||||
Helper.copyImageToClipboard()
|
Helper.copyImageToClipboard()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -44,6 +44,8 @@ Canvas {
|
||||||
drawAxises(ctx)
|
drawAxises(ctx)
|
||||||
Object.keys(Objects.currentObjects).forEach(function(objType){
|
Object.keys(Objects.currentObjects).forEach(function(objType){
|
||||||
Objects.currentObjects[objType].forEach(function(obj){
|
Objects.currentObjects[objType].forEach(function(obj){
|
||||||
|
ctx.strokeStyle = obj.color
|
||||||
|
ctx.fillStyle = obj.color
|
||||||
if(obj.visible) obj.draw(canvas, ctx)
|
if(obj.visible) obj.draw(canvas, ctx)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
@ -61,7 +63,7 @@ Canvas {
|
||||||
|
|
||||||
// Drawing the log based graph
|
// Drawing the log based graph
|
||||||
function drawGrille(ctx) {
|
function drawGrille(ctx) {
|
||||||
ctx.strokeStyle = "#AAAAAA"
|
ctx.strokeStyle = "#C0C0C0"
|
||||||
for(var xpow = -10; xpow <= 10; xpow++) {
|
for(var xpow = -10; xpow <= 10; xpow++) {
|
||||||
for(var xmulti = 1; xmulti < 10; xmulti++) {
|
for(var xmulti = 1; xmulti < 10; xmulti++) {
|
||||||
drawXLine(ctx, Math.pow(10, xpow)*xmulti)
|
drawXLine(ctx, Math.pow(10, xpow)*xmulti)
|
||||||
|
|
|
@ -21,6 +21,7 @@ import QtQuick.Dialogs 1.3 as D
|
||||||
import QtQuick.Controls 2.12
|
import QtQuick.Controls 2.12
|
||||||
import "js/objects.js" as Objects
|
import "js/objects.js" as Objects
|
||||||
import "js/mathlib.js" as MathLib
|
import "js/mathlib.js" as MathLib
|
||||||
|
import "js/utils.js" as Utils
|
||||||
|
|
||||||
|
|
||||||
ListView {
|
ListView {
|
||||||
|
@ -30,7 +31,7 @@ ListView {
|
||||||
|
|
||||||
property var listViews: {'':''} // Needs to be initialized or will be undefined -_-
|
property var listViews: {'':''} // Needs to be initialized or will be undefined -_-
|
||||||
|
|
||||||
model: Object.keys(Objects.drawableTypes)
|
model: Object.keys(Objects.types)
|
||||||
implicitHeight: contentItem.childrenRect.height
|
implicitHeight: contentItem.childrenRect.height
|
||||||
|
|
||||||
delegate: ListView {
|
delegate: ListView {
|
||||||
|
@ -112,9 +113,9 @@ ListView {
|
||||||
color: obj.color
|
color: obj.color
|
||||||
title: `Pick new color for ${objType} ${obj.name}`
|
title: `Pick new color for ${objType} ${obj.name}`
|
||||||
onAccepted: {
|
onAccepted: {
|
||||||
Objects.currentObjects[objType][index].color = color
|
Objects.currentObjects[objType][index].color = color.toString()
|
||||||
objectListList.changed()
|
|
||||||
controlRow.obj = Objects.currentObjects[objType][index]
|
controlRow.obj = Objects.currentObjects[objType][index]
|
||||||
|
objectListList.update()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -127,7 +128,7 @@ ListView {
|
||||||
property int objIndex: 0
|
property int objIndex: 0
|
||||||
property var editingRow: QtObject{}
|
property var editingRow: QtObject{}
|
||||||
property var obj: Objects.currentObjects[objType][objIndex]
|
property var obj: Objects.currentObjects[objType][objIndex]
|
||||||
title: `Logarithmic Graph Creator`
|
title: `Logarithmic Plotter`
|
||||||
width: 300
|
width: 300
|
||||||
height: 400
|
height: 400
|
||||||
|
|
||||||
|
@ -157,11 +158,13 @@ ListView {
|
||||||
width: dlgProperties.width
|
width: dlgProperties.width
|
||||||
defValue: objEditor.obj.name
|
defValue: objEditor.obj.name
|
||||||
onChanged: function(newValue) {
|
onChanged: function(newValue) {
|
||||||
Objects.currentObjects[objEditor.objType][objEditor.objIndex].name = newValue
|
if(Utils.parseName(newValue) != '') {
|
||||||
|
Objects.currentObjects[objEditor.objType][objEditor.objIndex].name = Utils.parseName(newValue)
|
||||||
// TODO Resolve dependencies
|
// TODO Resolve dependencies
|
||||||
objEditor.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
objEditor.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
||||||
objEditor.editingRow.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
//objEditor.editingRow.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
||||||
objectListList.changed()
|
objectListList.update()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -176,19 +179,19 @@ ListView {
|
||||||
Objects.currentObjects[objEditor.objType][objEditor.objIndex].labelContent = model[newIndex]
|
Objects.currentObjects[objEditor.objType][objEditor.objIndex].labelContent = model[newIndex]
|
||||||
objEditor.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
objEditor.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
||||||
objEditor.editingRow.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
objEditor.editingRow.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
||||||
objectListList.changed()
|
objectListList.update()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Dynamic properties
|
// Dynamic properties
|
||||||
Repeater {
|
Repeater {
|
||||||
property var objProps: Objects.drawableTypes[objEditor.objType].properties()
|
property var objProps: Objects.types[objEditor.objType].properties()
|
||||||
model: Array.from(Object.keys(objProps), prop => [prop, objProps[prop]]) // Converted to 2-dimentional array.
|
model: Array.from(Object.keys(objProps), prop => [prop, objProps[prop]]) // Converted to 2-dimentional array.
|
||||||
|
|
||||||
Item {
|
Item {
|
||||||
height: 30
|
height: 30
|
||||||
width: dlgProperties.width
|
width: dlgProperties.width
|
||||||
property string label: modelData[0].charAt(0).toUpperCase() + modelData[0].slice(1).replace(/([A-Z])/g," $1");
|
property string label: Utils.camelCase2readable(modelData[0])
|
||||||
|
|
||||||
TextSetting {
|
TextSetting {
|
||||||
id: customPropText
|
id: customPropText
|
||||||
|
@ -211,10 +214,7 @@ ListView {
|
||||||
'string': function(){return newValue},
|
'string': function(){return newValue},
|
||||||
'number': function(){return parseFloat(newValue)}
|
'number': function(){return parseFloat(newValue)}
|
||||||
}[modelData[1]]()
|
}[modelData[1]]()
|
||||||
// TODO Resolve dependencies
|
objectListList.update()
|
||||||
objEditor.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
|
||||||
objEditor.editingRow.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
|
||||||
objectListList.changed()
|
|
||||||
}
|
}
|
||||||
Component.onCompleted: {
|
Component.onCompleted: {
|
||||||
//console.log(modelData[0], objEditor.obj[modelData[0]],modelData[1], defValue)
|
//console.log(modelData[0], objEditor.obj[modelData[0]],modelData[1], defValue)
|
||||||
|
@ -226,17 +226,29 @@ ListView {
|
||||||
height: 30
|
height: 30
|
||||||
width: dlgProperties.width
|
width: dlgProperties.width
|
||||||
label: parent.label
|
label: parent.label
|
||||||
model: visible ? modelData[1] : []
|
// True to select an object of type, false for enums.
|
||||||
visible: Array.isArray(modelData[1])
|
property bool selectObjMode: (typeof modelData[1] == "string" && Object.keys(Objects.types).indexOf(modelData[1]) >= 0)
|
||||||
currentIndex: model.indexOf(objEditor.obj[modelData[0]])
|
model: visible ?
|
||||||
|
(selectObjMode ? Objects.getObjectsName(modelData[1]).concat(['+ Create new ' + modelData[1]]) : modelData[1])
|
||||||
|
: []
|
||||||
|
visible: Array.isArray(modelData[1]) || selectObjMode
|
||||||
|
currentIndex: model.indexOf(selectObjMode ? objEditor.obj[modelData[0]].name : objEditor.obj[modelData[0]])
|
||||||
|
|
||||||
onActivated: function(newIndex) {
|
onActivated: function(newIndex) {
|
||||||
// Setting object property.
|
// Setting object property.
|
||||||
|
if(selectObjMode) {
|
||||||
|
var selectedObj = Objects.getObjectByName(model[newIndex])
|
||||||
|
if(selectedObj == null) {
|
||||||
|
selectedObj = Objects.createNewRegisteredObject(modelData[1])
|
||||||
|
model = Objects.getObjectsName(modelData[1]).concat(['+ Create new ' + modelData[1]])
|
||||||
|
currentIndex = model.indexOf(selectedObj.name)
|
||||||
|
}
|
||||||
|
Objects.currentObjects[objEditor.objType][objEditor.objIndex][modelData[0]] = selectedObj
|
||||||
|
} else {
|
||||||
Objects.currentObjects[objEditor.objType][objEditor.objIndex][modelData[0]] = model[newIndex]
|
Objects.currentObjects[objEditor.objType][objEditor.objIndex][modelData[0]] = model[newIndex]
|
||||||
|
}
|
||||||
// Refreshing
|
// Refreshing
|
||||||
objEditor.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
objectListList.update()
|
||||||
objEditor.editingRow.obj = Objects.currentObjects[objEditor.objType][objEditor.objIndex]
|
|
||||||
objectListList.changed()
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -257,7 +269,7 @@ ListView {
|
||||||
}
|
}
|
||||||
|
|
||||||
Repeater {
|
Repeater {
|
||||||
model: Object.keys(Objects.drawableTypes)
|
model: Object.keys(Objects.types)
|
||||||
|
|
||||||
Button {
|
Button {
|
||||||
id: createBtn
|
id: createBtn
|
||||||
|
@ -276,15 +288,17 @@ ListView {
|
||||||
}
|
}
|
||||||
|
|
||||||
onClicked: {
|
onClicked: {
|
||||||
var newobj = new Objects.drawableTypes[modelData]()
|
Objects.createNewRegisteredObject(modelData)
|
||||||
if(Object.keys(Objects.currentObjects).indexOf(modelData) == -1)
|
objectListList.update()
|
||||||
Objects.currentObjects[modelData] = []
|
}
|
||||||
Objects.currentObjects[modelData].push(newobj)
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function update() {
|
||||||
objectListList.changed()
|
objectListList.changed()
|
||||||
console.log(objectListList, objectListList.listViews)
|
objectListList.model.forEach(function(objType){
|
||||||
objectListList.listViews[modelData].model = Objects.currentObjects[modelData]
|
objectListList.listViews[objType].model = Objects.currentObjects[objType]
|
||||||
}
|
})
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -20,15 +20,12 @@ import QtQuick.Controls 2.12
|
||||||
import QtQuick 2.12
|
import QtQuick 2.12
|
||||||
|
|
||||||
Grid {
|
Grid {
|
||||||
id: root
|
id: settings
|
||||||
height: 30*Math.max(1, Math.ceil(7 / columns))
|
height: 30*Math.max(1, Math.ceil(7 / columns))
|
||||||
columns: Math.floor(width / settingWidth)
|
columns: Math.floor(width / settingWidth)
|
||||||
spacing: 10
|
spacing: 10
|
||||||
|
|
||||||
signal changed()
|
signal changed()
|
||||||
signal copyToClipboard()
|
|
||||||
signal saveDiagram(string filename)
|
|
||||||
signal loadDiagram(string filename)
|
|
||||||
|
|
||||||
property int settingWidth: 135
|
property int settingWidth: 135
|
||||||
|
|
||||||
|
@ -38,15 +35,14 @@ Grid {
|
||||||
property double ymax: 25
|
property double ymax: 25
|
||||||
property int yaxisstep: 4
|
property int yaxisstep: 4
|
||||||
property string xaxislabel: "ω (rad/s)"
|
property string xaxislabel: "ω (rad/s)"
|
||||||
property string yaxislabel: "Gain G (dB)"
|
property string yaxislabel: "G (dB)"
|
||||||
property string saveFilename: ""
|
property string saveFilename: ""
|
||||||
|
|
||||||
FileDialog {
|
FileDialog {
|
||||||
id: fdiag
|
id: fdiag
|
||||||
onAccepted: {
|
onAccepted: {
|
||||||
var filePath = fileUrl.toString().substr(7)
|
var filePath = fileUrl.toString().substr(7)
|
||||||
root.saveFilename = filePath
|
settings.saveFilename = filePath
|
||||||
console.log(filePath)
|
|
||||||
if(exportMode) {
|
if(exportMode) {
|
||||||
root.saveDiagram(filePath)
|
root.saveDiagram(filePath)
|
||||||
} else {
|
} else {
|
||||||
|
@ -63,11 +59,11 @@ Grid {
|
||||||
isInt: true
|
isInt: true
|
||||||
label: "X Zoom"
|
label: "X Zoom"
|
||||||
min: 1
|
min: 1
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
defValue: root.xzoom
|
defValue: settings.xzoom
|
||||||
onChanged: function(newValue) {
|
onChanged: function(newValue) {
|
||||||
root.xzoom = newValue
|
settings.xzoom = newValue
|
||||||
root.changed()
|
settings.changed()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
TextSetting {
|
TextSetting {
|
||||||
|
@ -75,11 +71,11 @@ Grid {
|
||||||
height: 30
|
height: 30
|
||||||
isInt: true
|
isInt: true
|
||||||
label: "Y Zoom"
|
label: "Y Zoom"
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
defValue: root.yzoom
|
defValue: settings.yzoom
|
||||||
onChanged: function(newValue) {
|
onChanged: function(newValue) {
|
||||||
root.yzoom = newValue
|
settings.yzoom = newValue
|
||||||
root.changed()
|
settings.changed()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Positioning the graph
|
// Positioning the graph
|
||||||
|
@ -89,11 +85,11 @@ Grid {
|
||||||
isDouble: true
|
isDouble: true
|
||||||
min: 0
|
min: 0
|
||||||
label: "Min X"
|
label: "Min X"
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
defValue: root.xmin
|
defValue: settings.xmin
|
||||||
onChanged: function(newValue) {
|
onChanged: function(newValue) {
|
||||||
root.xmin = newValue
|
settings.xmin = newValue
|
||||||
root.changed()
|
settings.changed()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
TextSetting {
|
TextSetting {
|
||||||
|
@ -101,11 +97,11 @@ Grid {
|
||||||
height: 30
|
height: 30
|
||||||
isDouble: true
|
isDouble: true
|
||||||
label: "Max Y"
|
label: "Max Y"
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
defValue: root.ymax
|
defValue: settings.ymax
|
||||||
onChanged: function(newValue) {
|
onChanged: function(newValue) {
|
||||||
root.ymax = newValue
|
settings.ymax = newValue
|
||||||
root.changed()
|
settings.changed()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
TextSetting {
|
TextSetting {
|
||||||
|
@ -113,32 +109,32 @@ Grid {
|
||||||
height: 30
|
height: 30
|
||||||
isInt: true
|
isInt: true
|
||||||
label: "Y Axis Step"
|
label: "Y Axis Step"
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
defValue: root.yaxisstep
|
defValue: settings.yaxisstep
|
||||||
onChanged: function(newValue) {
|
onChanged: function(newValue) {
|
||||||
root.yaxisstep = newValue
|
settings.yaxisstep = newValue
|
||||||
root.changed()
|
settings.changed()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Button {
|
Button {
|
||||||
id: copyToClipboard
|
id: copyToClipboard
|
||||||
height: 30
|
height: 30
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
text: "Copy to clipboard"
|
text: "Copy to clipboard"
|
||||||
icon.name: 'editcopy'
|
icon.name: 'editcopy'
|
||||||
onClicked: root.copyToClipboard()
|
onClicked: root.copyDiagramToClipboard()
|
||||||
}
|
}
|
||||||
|
|
||||||
TextSetting {
|
TextSetting {
|
||||||
id: xAxisLabel
|
id: xAxisLabel
|
||||||
height: 30
|
height: 30
|
||||||
label: "X Label"
|
label: "X Label"
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
defValue: root.xaxislabel
|
defValue: settings.xaxislabel
|
||||||
onChanged: function(newValue) {
|
onChanged: function(newValue) {
|
||||||
root.xaxislabel = newValue
|
settings.xaxislabel = newValue
|
||||||
root.changed()
|
settings.changed()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -146,18 +142,18 @@ Grid {
|
||||||
id: yAxisLabel
|
id: yAxisLabel
|
||||||
height: 30
|
height: 30
|
||||||
label: "Y Label"
|
label: "Y Label"
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
defValue: root.yaxislabel
|
defValue: settings.yaxislabel
|
||||||
onChanged: function(newValue) {
|
onChanged: function(newValue) {
|
||||||
root.yaxislabel = newValue
|
settings.yaxislabel = newValue
|
||||||
root.changed()
|
settings.changed()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Button {
|
Button {
|
||||||
id: saveDiagram
|
id: saveDiagram
|
||||||
height: 30
|
height: 30
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
text: "Save diagram"
|
text: "Save diagram"
|
||||||
icon.name: 'filesave'
|
icon.name: 'filesave'
|
||||||
onClicked: save()
|
onClicked: save()
|
||||||
|
@ -166,7 +162,7 @@ Grid {
|
||||||
Button {
|
Button {
|
||||||
id: saveDiagramAs
|
id: saveDiagramAs
|
||||||
height: 30
|
height: 30
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
text: "Save diagram as"
|
text: "Save diagram as"
|
||||||
icon.name: 'filesaveas'
|
icon.name: 'filesaveas'
|
||||||
onClicked: saveAs()
|
onClicked: saveAs()
|
||||||
|
@ -175,7 +171,7 @@ Grid {
|
||||||
Button {
|
Button {
|
||||||
id: loadDiagram
|
id: loadDiagram
|
||||||
height: 30
|
height: 30
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
text: "Load diagram"
|
text: "Load diagram"
|
||||||
icon.name: 'fileopen'
|
icon.name: 'fileopen'
|
||||||
onClicked: load()
|
onClicked: load()
|
||||||
|
@ -183,17 +179,17 @@ Grid {
|
||||||
CheckBox {
|
CheckBox {
|
||||||
id: modePhaseCheck
|
id: modePhaseCheck
|
||||||
height: 30
|
height: 30
|
||||||
width: root.settingWidth
|
width: settings.settingWidth
|
||||||
text: "Mode phase"
|
text: "Mode phase"
|
||||||
property var refresh: checked ? root.changed() : root.changed()
|
property var refresh: checked ? settings.changed() : settings.changed()
|
||||||
}
|
}
|
||||||
|
|
||||||
function save() {
|
function save() {
|
||||||
if(root.saveFilename == "") {
|
if(settings.saveFilename == "") {
|
||||||
fdiag.exportMode = true
|
fdiag.exportMode = true
|
||||||
fdiag.open()
|
fdiag.open()
|
||||||
} else {
|
} else {
|
||||||
root.saveDiagram(root.saveFilename)
|
root.saveDiagram(settings.saveFilename)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -19,6 +19,7 @@
|
||||||
.pragma library
|
.pragma library
|
||||||
|
|
||||||
.import "expr-eval.js" as ExprEval
|
.import "expr-eval.js" as ExprEval
|
||||||
|
.import "utils.js" as Utils
|
||||||
|
|
||||||
const parser = new ExprEval.Parser()
|
const parser = new ExprEval.Parser()
|
||||||
|
|
||||||
|
@ -26,24 +27,6 @@ class Expression {
|
||||||
constructor(expr) {
|
constructor(expr) {
|
||||||
this.expr = expr
|
this.expr = expr
|
||||||
this.calc = parser.parse(expr).simplify()
|
this.calc = parser.parse(expr).simplify()
|
||||||
this.replacements = [
|
|
||||||
['pi', 'π'],
|
|
||||||
['inf', '∞'],
|
|
||||||
['Infinity', '∞'],
|
|
||||||
[' * ', '×'],
|
|
||||||
['0×', '0'],
|
|
||||||
['1×', '1'],
|
|
||||||
['2×', '2'],
|
|
||||||
['3×', '3'],
|
|
||||||
['4×', '4'],
|
|
||||||
['5×', '5'],
|
|
||||||
['6×', '6'],
|
|
||||||
['7×', '7'],
|
|
||||||
['8×', '8'],
|
|
||||||
['9×', '9'],
|
|
||||||
[')×', ')'],
|
|
||||||
['×(', '('],
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
|
||||||
isConstant() {
|
isConstant() {
|
||||||
|
@ -66,13 +49,12 @@ class Expression {
|
||||||
return this.calc.toString()
|
return this.calc.toString()
|
||||||
}
|
}
|
||||||
|
|
||||||
toString() {
|
toString(forceSign=false) {
|
||||||
var str = this.calc.toString()
|
var str = this.calc.toString()
|
||||||
if(str[0] == "(") str = str.substr(1)
|
if(str[0] == "(") str = str.substr(1)
|
||||||
if(str[str.length - 1] == ")") str = str.substr(0, str.length - 1)
|
if(str[str.length - 1] == ")") str = str.substr(0, str.length - 1)
|
||||||
this.replacements.forEach(function(replacement){
|
str = Utils.makeExpressionReadable(str)
|
||||||
str = str.replace(replacement[0], replacement[1])
|
if(str[0] != '-' && forceSign) str = '+' + str
|
||||||
})
|
|
||||||
return str
|
return str
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -112,18 +112,15 @@ class Point extends DrawableObject {
|
||||||
var pointSize = 8
|
var pointSize = 8
|
||||||
switch(this.pointStyle) {
|
switch(this.pointStyle) {
|
||||||
case 'dot':
|
case 'dot':
|
||||||
ctx.fillStyle = this.color
|
|
||||||
ctx.beginPath();
|
ctx.beginPath();
|
||||||
ctx.ellipse(canvasX-pointSize/2, canvasY-pointSize/2, pointSize, pointSize)
|
ctx.ellipse(canvasX-pointSize/2, canvasY-pointSize/2, pointSize, pointSize)
|
||||||
ctx.fill();
|
ctx.fill();
|
||||||
break;
|
break;
|
||||||
case 'diagonal cross':
|
case 'diagonal cross':
|
||||||
ctx.strokeStyle = this.color
|
|
||||||
canvas.drawLine(ctx, canvasX-pointSize/2, canvasY-pointSize/2, canvasX+pointSize/2, canvasY+pointSize/2)
|
canvas.drawLine(ctx, canvasX-pointSize/2, canvasY-pointSize/2, canvasX+pointSize/2, canvasY+pointSize/2)
|
||||||
canvas.drawLine(ctx, canvasX-pointSize/2, canvasY+pointSize/2, canvasX-pointSize/2, canvasY+pointSize/2)
|
canvas.drawLine(ctx, canvasX-pointSize/2, canvasY+pointSize/2, canvasX-pointSize/2, canvasY+pointSize/2)
|
||||||
break;
|
break;
|
||||||
case 'vertical cross':
|
case 'vertical cross':
|
||||||
ctx.strokeStyle = this.color
|
|
||||||
canvas.drawLine(ctx, canvasX, canvasY-pointSize/2, canvasX, canvasY+pointSize/2)
|
canvas.drawLine(ctx, canvasX, canvasY-pointSize/2, canvasX, canvasY+pointSize/2)
|
||||||
canvas.drawLine(ctx, canvasX-pointSize/2, canvasY, canvasX+pointSize/2, canvasY)
|
canvas.drawLine(ctx, canvasX-pointSize/2, canvasY, canvasX+pointSize/2, canvasY)
|
||||||
break;
|
break;
|
||||||
|
@ -131,7 +128,6 @@ class Point extends DrawableObject {
|
||||||
var text = this.getLabel()
|
var text = this.getLabel()
|
||||||
ctx.font = "14px sans-serif"
|
ctx.font = "14px sans-serif"
|
||||||
var textSize = ctx.measureText(text).width
|
var textSize = ctx.measureText(text).width
|
||||||
ctx.fillStyle = this.color
|
|
||||||
switch(this.labelPos) {
|
switch(this.labelPos) {
|
||||||
case 'top':
|
case 'top':
|
||||||
canvas.drawVisibleText(ctx, text, canvasX-textSize/2, canvasY-16)
|
canvas.drawVisibleText(ctx, text, canvasX-textSize/2, canvasY-16)
|
||||||
|
@ -178,7 +174,7 @@ class Function extends DrawableObject {
|
||||||
|
|
||||||
getReadableString() {
|
getReadableString() {
|
||||||
if(this.displayMode == 'application') {
|
if(this.displayMode == 'application') {
|
||||||
return `${this.name}: ${this.inDomain} ⸺˃ ${this.outDomain}\n x ⸺˃ ${this.expression.toString()}`
|
return `${this.name}: ${this.inDomain} ⸺˃ ${this.outDomain}\n ${' '.repeat(this.name.length)}x ⸺˃ ${this.expression.toString()}`
|
||||||
} else {
|
} else {
|
||||||
return `${this.name}(x) = ${this.expression.toString()}`
|
return `${this.name}(x) = ${this.expression.toString()}`
|
||||||
}
|
}
|
||||||
|
@ -191,28 +187,11 @@ class Function extends DrawableObject {
|
||||||
}
|
}
|
||||||
|
|
||||||
draw(canvas, ctx) {
|
draw(canvas, ctx) {
|
||||||
ctx.strokeStyle = this.color
|
Function.drawFunction(canvas, ctx, this.expression, this.inDomain, this.outDomain)
|
||||||
ctx.fillStyle = this.color
|
|
||||||
// Drawing small traits every 2px
|
|
||||||
var pxprecision = 2
|
|
||||||
var previousX = canvas.px2x(0)
|
|
||||||
var previousY = this.expression.evaluate(previousX)
|
|
||||||
for(var px = pxprecision; px < canvas.canvasSize.width; px += pxprecision) {
|
|
||||||
var currentX = canvas.px2x(px)
|
|
||||||
var currentY = this.expression.evaluate(currentX)
|
|
||||||
if(this.inDomain.includes(currentX) && this.inDomain.includes(previousX) &&
|
|
||||||
this.outDomain.includes(currentY) && this.outDomain.includes(previousY) &&
|
|
||||||
Math.abs(previousY-currentY)<100) { // 100 per 2px is a lot (probably inf to inf issue)
|
|
||||||
canvas.drawLine(ctx, canvas.x2px(previousX), canvas.y2px(previousY), canvas.x2px(currentX), canvas.y2px(currentY))
|
|
||||||
}
|
|
||||||
previousX = currentX
|
|
||||||
previousY = currentY
|
|
||||||
}
|
|
||||||
// Label
|
// Label
|
||||||
var text = this.getLabel()
|
var text = this.getLabel()
|
||||||
ctx.font = "14px sans-serif"
|
ctx.font = "14px sans-serif"
|
||||||
var textSize = canvas.measureText(ctx, text)
|
var textSize = canvas.measureText(ctx, text)
|
||||||
ctx.fillStyle = this.color
|
|
||||||
var posX = canvas.x2px(this.labelX)
|
var posX = canvas.x2px(this.labelX)
|
||||||
var posY = canvas.y2px(this.expression.evaluate(this.labelX))
|
var posY = canvas.y2px(this.expression.evaluate(this.labelX))
|
||||||
switch(this.labelPos) {
|
switch(this.labelPos) {
|
||||||
|
@ -225,11 +204,125 @@ class Function extends DrawableObject {
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
static drawFunction(canvas, ctx, expr, inDomain, outDomain) {
|
||||||
|
// Reusable in other objects.
|
||||||
|
// Drawing small traits every 2px
|
||||||
|
var pxprecision = 2
|
||||||
|
var previousX = canvas.px2x(0)
|
||||||
|
var previousY = expr.evaluate(previousX)
|
||||||
|
for(var px = pxprecision; px < canvas.canvasSize.width; px += pxprecision) {
|
||||||
|
var currentX = canvas.px2x(px)
|
||||||
|
var currentY = expr.evaluate(currentX)
|
||||||
|
if(inDomain.includes(currentX) && inDomain.includes(previousX) &&
|
||||||
|
outDomain.includes(currentY) && outDomain.includes(previousY) &&
|
||||||
|
Math.abs(previousY-currentY)<100) { // 100 per 2px is a lot (probably inf to inf issue)
|
||||||
|
canvas.drawLine(ctx, canvas.x2px(previousX), canvas.y2px(previousY), canvas.x2px(currentX), canvas.y2px(currentY))
|
||||||
|
}
|
||||||
|
previousX = currentX
|
||||||
|
previousY = currentY
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const drawableTypes = {
|
class GainBode extends DrawableObject {
|
||||||
|
static type(){return 'Gain Bode'}
|
||||||
|
static properties() {return {
|
||||||
|
'ω_0': 'Point',
|
||||||
|
'pass': ['high', 'low'],
|
||||||
|
'gain': 'Expression',
|
||||||
|
'labelPos': ['above', 'below'],
|
||||||
|
'labelX': 'number'
|
||||||
|
}}
|
||||||
|
|
||||||
|
constructor(name = null, visible = true, color = null, labelContent = 'name + value',
|
||||||
|
ω_0 = '', pass = 'high', gain = '20', labelPos = 'above', labelX = 1) {
|
||||||
|
if(name == null) name = getNewName('G', 'Gain Bode')
|
||||||
|
if(name == 'G') name = 'G₀' // G is reserved for sum of BODE gains.
|
||||||
|
super(name, visible, color, labelContent)
|
||||||
|
if(typeof ω_0 == "string") {
|
||||||
|
// Point name or create one
|
||||||
|
ω_0 = getObjectByName('Point', ω_0)
|
||||||
|
if(ω_0 == null) {
|
||||||
|
// Create new point
|
||||||
|
ω_0 = createNewRegisteredObject('Point')
|
||||||
|
ω_0.name = getNewName('ω', 'Gain Bode')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
console.log(this, ω_0)
|
||||||
|
this.ω_0 = ω_0
|
||||||
|
this.pass = pass
|
||||||
|
if(typeof gain == 'number' || typeof gain == 'string') gain = new MathLib.Expression(gain.toString())
|
||||||
|
this.gain = gain
|
||||||
|
this.labelPos = labelPos
|
||||||
|
this.labelX = labelX
|
||||||
|
}
|
||||||
|
|
||||||
|
getReadableString() {
|
||||||
|
return `${this.name}: ${this.pass}-pass, ω₀=${this.ω_0.x}, ${this.gain.toString(true)} dB/dec.`
|
||||||
|
}
|
||||||
|
|
||||||
|
export() {
|
||||||
|
return [this.name, this.visible, this.color.toString(), this.labelContent,
|
||||||
|
this.ω_0.name, this.pass.toString(), this.gain.toEditableString(), this.labelPos, this.labelX]
|
||||||
|
}
|
||||||
|
|
||||||
|
draw(canvas, ctx) {
|
||||||
|
var base = [canvas.x2px(this.ω_0.x), canvas.y2px(this.ω_0.y)]
|
||||||
|
var dbfn = new MathLib.Expression(`${this.gain.evaluate()}*(ln(x)-ln(${this.ω_0.x}))/ln(10)+${this.ω_0.y}`)
|
||||||
|
var inDrawDom = new MathLib.EmptySet()
|
||||||
|
|
||||||
|
if(this.pass == 'high') {
|
||||||
|
// High pass, linear line from begining, then constant to the end.
|
||||||
|
canvas.drawLine(ctx, base[0], base[1], canvas.canvasSize.width, base[1])
|
||||||
|
inDrawDom = MathLib.parseDomain(`]-inf;${this.ω_0.x}[`)
|
||||||
|
} else {
|
||||||
|
// Low pass, constant from the beginning, linear line to the end.
|
||||||
|
canvas.drawLine(ctx, base[0], base[1], 0, base[1])
|
||||||
|
inDrawDom = MathLib.parseDomain(`]${this.ω_0.x};+inf[`)
|
||||||
|
}
|
||||||
|
Function.drawFunction(canvas, ctx, dbfn, inDrawDom, MathLib.Domain.R)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const types = {
|
||||||
'Point': Point,
|
'Point': Point,
|
||||||
'Function': Function
|
'Function': Function,
|
||||||
|
'Gain Bode': GainBode,
|
||||||
}
|
}
|
||||||
|
|
||||||
var currentObjects = {}
|
var currentObjects = {}
|
||||||
|
|
||||||
|
function getObjectByName(objType, objName) {
|
||||||
|
if(currentObjects[objType] == undefined) return null
|
||||||
|
var retObj = null
|
||||||
|
currentObjects[objType].forEach(function(obj){
|
||||||
|
if(obj.name == objName) retObj = obj
|
||||||
|
})
|
||||||
|
return retObj
|
||||||
|
}
|
||||||
|
|
||||||
|
function getObjectsName(objType) {
|
||||||
|
if(currentObjects[objType] == undefined) return []
|
||||||
|
return currentObjects[objType].map(function(obj) {
|
||||||
|
return obj.name
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function createNewRegisteredObject(objType) {
|
||||||
|
if(Object.keys(types).indexOf(objType) == -1) return null // Object type does not exist.
|
||||||
|
var newobj = new types[objType]()
|
||||||
|
if(Object.keys(currentObjects).indexOf(objType) == -1) {
|
||||||
|
currentObjects[objType] = []
|
||||||
|
}
|
||||||
|
currentObjects[objType].push(newobj)
|
||||||
|
return newobj
|
||||||
|
}
|
||||||
|
|
||||||
|
var points = [new Point()]
|
||||||
|
var f = new Function();
|
||||||
|
f.point = points[0]
|
||||||
|
points[0].name = 'B'
|
||||||
|
points[0].x = 2
|
||||||
|
f.point.x = 4
|
||||||
|
console.log(points[0].name, f.point.name, points[0].x, f.point.x)
|
||||||
|
|
|
@ -16,6 +16,8 @@
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
.pragma library
|
||||||
|
|
||||||
var powerpos = {
|
var powerpos = {
|
||||||
"-": "⁻",
|
"-": "⁻",
|
||||||
"0": "⁰",
|
"0": "⁰",
|
||||||
|
@ -116,3 +118,87 @@ function textsub(text) {
|
||||||
}
|
}
|
||||||
return ret
|
return ret
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function makeExpressionReadable(str) {
|
||||||
|
var replacements = [
|
||||||
|
[/pi/g, 'π'],
|
||||||
|
[/Infinity/g, '∞'],
|
||||||
|
[/inf/g, '∞'],
|
||||||
|
[/ \* /g, '×'],
|
||||||
|
[/ \^ /g, '^'],
|
||||||
|
[/\^\(([^\^]+)\)/g, function(match, p1) { return textsup(p1) }],
|
||||||
|
[/\^([^ ]+)/g, function(match, p1) { return textsup(p1) }],
|
||||||
|
[/(\d|\))×/g, '$1'],
|
||||||
|
[/×(\d|\()/g, '$1'],
|
||||||
|
[/\(([^)(+.-]+)\)/g, "$1"],
|
||||||
|
[/\(([^)(+.-]+)\)/g, "$1"],
|
||||||
|
[/\(([^)(+.-]+)\)/g, "$1"],
|
||||||
|
[/\(([^)(+.-]+)\)/g, "$1"],
|
||||||
|
[/\(([^)(+.-]+)\)/g, "$1"],
|
||||||
|
// Doing it 4 times to be recursive until better implementation
|
||||||
|
]
|
||||||
|
// Replacements
|
||||||
|
replacements.forEach(function(replacement){
|
||||||
|
str = str.replace(replacement[0], replacement[1])
|
||||||
|
})
|
||||||
|
return str
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseName(str, removeUnallowed = true) {
|
||||||
|
var replacements = [
|
||||||
|
// Greek letters
|
||||||
|
[/(\s|^)al(pha)?[^a-z]/g, 'α'],
|
||||||
|
[/(\s|^)be(ta)?[^a-z]/g, 'β'],
|
||||||
|
[/(\s|^)ga(mma)?[^a-z]/g, 'γ'],
|
||||||
|
[/(\s|^)de(lta)?[^a-z]/g, 'δ'],
|
||||||
|
[/(\s|^)ep(silon)?[^a-z]/g, 'ε'],
|
||||||
|
[/(\s|^)ze(ta)?[^a-z]/g, 'ζ'],
|
||||||
|
[/(\s|^)et(a)?[^a-z]/g, 'η'],
|
||||||
|
[/(\s|^)th(eta)?[^a-z]/g, 'θ'],
|
||||||
|
[/(\s|^)io(ta)?[^a-z]/g, 'ι'],
|
||||||
|
[/(\s|^)ka(ppa)[^a-z]?/g, 'κ'],
|
||||||
|
[/(\s|^)la(mbda)?[^a-z]/g, 'λ'],
|
||||||
|
[/(\s|^)mu[^a-z]/g, 'μ'],
|
||||||
|
[/(\s|^)nu[^a-z]/g, 'ν'],
|
||||||
|
[/(\s|^)xi[^a-z]/g, 'ξ'],
|
||||||
|
[/(\s|^)rh(o)?[^a-z]/g, 'ρ'],
|
||||||
|
[/(\s|^)si(gma)?[^a-z]/g, 'σ'],
|
||||||
|
[/(\s|^)ta(u)?[^a-z]/g, 'τ'],
|
||||||
|
[/(\s|^)up(silon)?[^a-z]/g, 'υ'],
|
||||||
|
[/(\s|^)ph(i)?[^a-z]/g, 'φ'],
|
||||||
|
[/(\s|^)ch(i)?[^a-z]/g, 'χ'],
|
||||||
|
[/(\s|^)ps(i)?[^a-z]/g, 'ψ'],
|
||||||
|
[/(\s|^)om(ega)?[^a-z]/g, 'ω'],
|
||||||
|
// Capital greek letters
|
||||||
|
[/(\s|^)gga(mma)?[^a-z]/g, 'Γ'],
|
||||||
|
[/(\s|^)gde(lta)?[^a-z]/g, 'Δ'],
|
||||||
|
[/(\s|^)gth(eta)?[^a-z]/g, 'Θ'],
|
||||||
|
[/(\s|^)gla(mbda)?[^a-z]/g, 'Λ'],
|
||||||
|
[/(\s|^)gxi[^a-z]/g, 'Ξ'],
|
||||||
|
[/(\s|^)gpi[^a-z]/g, 'Π'],
|
||||||
|
[/(\s|^)gsi(gma)[^a-z]?/g, 'Σ'],
|
||||||
|
[/(\s|^)gph(i)?[^a-z]/g, 'Φ'],
|
||||||
|
[/(\s|^)gps(i)?[^a-z]/g, 'Ψ'],
|
||||||
|
[/(\s|^)gom(ega)?[^a-z]/g, 'Ω'],
|
||||||
|
// Underscores
|
||||||
|
[/_\(([^\^]+)\)/g, function(match, p1) { return textsub(p1) }],
|
||||||
|
[/_([^ ]+)/g, function(match, p1) { return textsub(p1) }],
|
||||||
|
// Removing
|
||||||
|
[/[xπℝℕ\\∪∩\]\[ ()^/÷*×+=\d-]/g , function(match){console.log('removing', match); return ''}],
|
||||||
|
]
|
||||||
|
if(!removeUnallowed) replacements.pop()
|
||||||
|
// Replacements
|
||||||
|
replacements.forEach(function(replacement){
|
||||||
|
str = str.replace(replacement[0], replacement[1])
|
||||||
|
})
|
||||||
|
return str
|
||||||
|
}
|
||||||
|
|
||||||
|
String.prototype.toLatinUppercase = function() {
|
||||||
|
return this.replace(/[a-z]/g, function(match){return match.toUpperCase()})
|
||||||
|
}
|
||||||
|
|
||||||
|
function camelCase2readable(label) {
|
||||||
|
var parsed = parseName(label, false)
|
||||||
|
return parsed.charAt(0).toLatinUppercase() + parsed.slice(1).replace(/([A-Z])/g," $1")
|
||||||
|
}
|
||||||
|
|
2
run.py
2
run.py
|
@ -77,7 +77,7 @@ class Helper(QObject):
|
||||||
os.system("xclip -selection clipboard -t image/png -i " + tempfile)
|
os.system("xclip -selection clipboard -t image/png -i " + tempfile)
|
||||||
|
|
||||||
app = QApplication([])
|
app = QApplication([])
|
||||||
app.setApplicationName("Logarithmic Graph Creator")
|
app.setApplicationName("Logarithmic Plotter")
|
||||||
app.setOrganizationName("Ad5001")
|
app.setOrganizationName("Ad5001")
|
||||||
engine = QQmlApplicationEngine()
|
engine = QQmlApplicationEngine()
|
||||||
helper = Helper()
|
helper = Helper()
|
||||||
|
|
Loading…
Reference in a new issue