ComboBoxWithOptions.qml 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. // Copyright (c) 2020 Ultimaker B.V.
  2. // Cura is released under the terms of the LGPLv3 or higher.
  3. import QtQuick 2.10
  4. import QtQuick.Controls 2.3
  5. import QtQuick.Layouts 1.3
  6. import UM 1.5 as UM
  7. import Cura 1.1 as Cura
  8. import "../Widgets"
  9. //
  10. // ComboBox with dropdown options in the Machine Settings dialog.
  11. //
  12. UM.TooltipArea
  13. {
  14. id: comboBoxWithOptions
  15. UM.I18nCatalog { id: catalog; name: "cura"; }
  16. height: childrenRect.height
  17. width: childrenRect.width
  18. text: tooltipText
  19. property int controlWidth: UM.Theme.getSize("setting_control").width
  20. property int controlHeight: UM.Theme.getSize("setting_control").height
  21. property alias containerStackId: propertyProvider.containerStackId
  22. property alias settingKey: propertyProvider.key
  23. property alias settingStoreIndex: propertyProvider.storeIndex
  24. property alias labelText: fieldLabel.text
  25. property alias labelFont: fieldLabel.font
  26. property alias labelWidth: fieldLabel.width
  27. property alias optionModel: comboBox.model
  28. property string tooltipText: propertyProvider.properties.description ? propertyProvider.properties.description : ""
  29. // callback functions
  30. property var forceUpdateOnChangeFunction: dummy_func
  31. property var afterOnEditingFinishedFunction: dummy_func
  32. property var setValueFunction: null
  33. // a dummy function for default property values
  34. function dummy_func() {}
  35. UM.SettingPropertyProvider
  36. {
  37. id: propertyProvider
  38. watchedProperties: [ "value", "options", "description" ]
  39. }
  40. UM.Label
  41. {
  42. id: fieldLabel
  43. anchors.left: parent.left
  44. anchors.verticalCenter: comboBox.verticalCenter
  45. visible: text != ""
  46. font: UM.Theme.getFont("medium")
  47. }
  48. ListModel
  49. {
  50. id: defaultOptionsModel
  51. function updateModel()
  52. {
  53. clear()
  54. // Options come in as a string-representation of an OrderedDict
  55. if(propertyProvider.properties.options)
  56. {
  57. var options = propertyProvider.properties.options.match(/^OrderedDict\(\[\((.*)\)\]\)$/);
  58. if(options)
  59. {
  60. options = options[1].split("), (");
  61. for(var i = 0; i < options.length; i++)
  62. {
  63. var option = options[i].substring(1, options[i].length - 1).split("', '");
  64. append({ text: option[1], value: option[0] });
  65. }
  66. }
  67. }
  68. }
  69. Component.onCompleted: updateModel()
  70. }
  71. // Remake the model when the model is bound to a different container stack
  72. Connections
  73. {
  74. target: propertyProvider
  75. function onContainerStackChanged() { defaultOptionsModel.updateModel() }
  76. function onIsValueUsedChanged() { defaultOptionsModel.updateModel() }
  77. }
  78. Cura.ComboBox
  79. {
  80. id: comboBox
  81. anchors.left: fieldLabel.right
  82. anchors.leftMargin: UM.Theme.getSize("default_margin").width
  83. width: comboBoxWithOptions.controlWidth
  84. height: comboBoxWithOptions.controlHeight
  85. model: defaultOptionsModel
  86. textRole: "text"
  87. currentIndex:
  88. {
  89. var currentValue = propertyProvider.properties.value
  90. var index = 0
  91. for (var i = 0; i < model.count; i++)
  92. {
  93. if (model.get(i).value == currentValue)
  94. {
  95. index = i
  96. break
  97. }
  98. }
  99. return index
  100. }
  101. onActivated:
  102. {
  103. var newValue = model.get(index).value
  104. if (propertyProvider.properties.value != newValue)
  105. {
  106. if (setValueFunction !== null)
  107. {
  108. setValueFunction(newValue)
  109. }
  110. else
  111. {
  112. propertyProvider.setPropertyValue("value", newValue)
  113. }
  114. forceUpdateOnChangeFunction()
  115. afterOnEditingFinishedFunction()
  116. }
  117. }
  118. }
  119. }