yup, that worked 🙂

Heh, now IntelliJ proposes I should upgrade to ultimate to support .css files 😛

Well, there is certainly things to learn from that css!

@permalmberg I think the sqeezebox is mostly done now. Give it a try if you have the time 🙂

@edvin what, already? Will do as soon as I complete what I'm working on right now.

Sweet!

@User uploaded a file: and commented: @edvin what's the pain point of the treeview? What's missing from something like this?

that looks like windows XP 🙂

i pulled it from the oracle docs circa 2013...But it seems like the expand / collapse action is what per is asking for

@edvin how would you push the selectedGroup changed in the filter?

@carlw I don't think the TreeView works very well if each item contains a different node hierarchy. Can you do this easily with the treeview?

hah got it working

("This" is coming up, compiling)

@ron show me 🙂

ok its in several parts, this was more then just change the filter

@edvin You'd need a custom cell like listview and tableview. But if Per's requirement is a multiline label or something simple, there are ready made combobox and checkbox nodes

1 when the file is opened:

fun openRepository(filename: String, password: String): Boolean {
        val opened = repository.openKeePassFile(filename, password)
        if(opened) allentries = SortedFilteredList(repository.entries.observable())
        return opened
    }

@edvin setGraphic()

this sets the allentries to all the entries in the repository

@User uploaded a file:

then to make the switching between groups working when not searching:

init {
        selectedGroup.name.onChange {
            allentries.predicate={selectedGroup.item.entries.contains(it)}
        }
    }

@carlw I don't think treeviews like different height on it's children. Anyway it doesn't even look like this control, which is more of a menu.

@edvin You can't put a border and a gradient on a treeview parent node?

then the tableview that was easy:

class EntryTableView : View() {
    val controller: MainController by inject()
    override val root = tableview(controller.allentries) {

        columnResizePolicy = SmartResize.POLICY

        bindSelected(controller.selectedEntry)
        column<Entry, String>("name", "title").pctWidth(25.0)
        column<Entry, String>("username", "username").pctWidth((25.0))
        column<Entry, String>("url", "url")

    }
}

and finally the searching:

class SearchView : View() {
    val repository: KeepassRepository by di()
    val controller: MainController by inject()
    override val root = hbox {
        form {
            fieldset(labelPosition = Orientation.HORIZONTAL) {
                label("Search")
                textfield {
                    promptText = "search"
                    controller.allentries.filterWhen(textProperty(), { query, item ->
                        if (query.isEmpty()) controller.selectedGroup.item.entries.contains(item)
                        else
                            item.url.contains(query, ignoreCase = true) || item.title.contains(query, ignoreCase = true)
                    })

                }
            }
        }
    }
}

@ron Perfect 🙂 If you wanted to decouple it you could send an event when the selection change, but this is more than good enough.

@carlw Not sure what you mean by that question? 🙂

@edvin I don't see a huge difference in the parent node, titledpane style

btw the

fieldset(labelPosition = Orientation.HORIZONTAL)

is not done

@carlw No, it's probably possible with some css, but here you get that difference for free. This tells the user "it's a menu, choose one", while a treeview just shows you a hierarchy of data. And as I said, I think you will run into trouble when you try to have different heights on each treeitem.