Add GStreamer plugin ranking to preferences

clapper_src/prefs.js

@@ -1,4 +1,4 @@
-const { GObject, Gtk } = imports.gi;
+const { GObject, Gtk, Pango } = imports.gi;
 const PrefsBase = imports.clapper_src.prefsBase;
 
 let GeneralPage = GObject.registerClass(
@@ -58,11 +58,185 @@ class ClapperGStreamerPage extends PrefsBase.Grid
     {
         super._init();
 
-        let label;
-        let widget;
+        this.addTitle('Plugin Ranking');
+        let listStore = new Gtk.ListStore();
+        listStore.set_column_types([
+            GObject.TYPE_BOOLEAN,
+            GObject.TYPE_STRING,
+            GObject.TYPE_STRING,
+        ]);
+        let treeView = new Gtk.TreeView({
+            hexpand: true,
+            vexpand: true,
+            enable_search: false,
+            model: listStore,
+        });
+        let treeSelection = treeView.get_selection();
 
-        label = this.getLabel('Plugin Ranking', true);
-        this.addToGrid(label);
+        let apply = new Gtk.TreeViewColumn({
+            title: "Apply",
+        });
+        let name = new Gtk.TreeViewColumn({
+            title: "Plugin",
+            expand: true,
+        });
+        let rank = new Gtk.TreeViewColumn({
+            title: "Rank",
+            min_width: 90,
+        });
+
+        let applyCell = new Gtk.CellRendererToggle();
+        let nameCell = new Gtk.CellRendererText({
+            editable: true,
+            placeholder_text: "Insert plugin name",
+        });
+        let rankCell = new Gtk.CellRendererText({
+            editable: true,
+            weight: Pango.Weight.BOLD,
+            placeholder_text: "Insert plugin rank",
+        });
+
+        apply.pack_start(applyCell, true);
+        name.pack_start(nameCell, true);
+        rank.pack_start(rankCell, true);
+
+        apply.add_attribute(applyCell, 'active', 0);
+        name.add_attribute(nameCell, 'text', 1);
+        rank.add_attribute(rankCell, 'text', 2);
+
+        treeView.insert_column(apply, 0);
+        treeView.insert_column(name, 1);
+        treeView.insert_column(rank, 2);
+
+        let frame = new Gtk.Frame({
+            child: treeView
+        });
+        this.addToGrid(frame);
+
+        let addButton = new Gtk.Button({
+            icon_name: 'list-add-symbolic',
+            halign: Gtk.Align.END,
+        });
+        let removeButton = new Gtk.Button({
+            icon_name: 'list-remove-symbolic',
+            sensitive: false,
+            halign: Gtk.Align.END,
+        });
+        let label = new Gtk.Label({
+            label: 'Changes require player restart',
+            halign: Gtk.Align.START,
+            hexpand: true,
+            ellipsize: Pango.EllipsizeMode.END,
+        });
+        let box = new Gtk.Box({
+            orientation: Gtk.Orientation.HORIZONTAL,
+            spacing: 6,
+            hexpand: true,
+        });
+        box.append(label);
+        box.append(removeButton);
+        box.append(addButton);
+        this.addToGrid(box);
+
+        applyCell.connect('toggled', this._onApplyCellEdited.bind(this));
+        nameCell.connect('edited', this._onNameCellEdited.bind(this));
+        rankCell.connect('edited', this._onRankCellEdited.bind(this));
+        addButton.connect('clicked', this._onAddButtonClicked.bind(this, listStore));
+        removeButton.connect('clicked', this._onRemoveButtonClicked.bind(this, listStore));
+        treeSelection.connect('changed', this._onTreeSelectionChanged.bind(this, removeButton));
+
+        this.settingsChangedSignal = this.settings.connect(
+            'changed::plugin-ranking', this.refreshListStore.bind(this, listStore)
+        );
+
+        this.refreshListStore(listStore);
+    }
+
+    refreshListStore(listStore)
+    {
+        let data = JSON.parse(this.settings.get_string('plugin-ranking'));
+        listStore.clear();
+
+        for(let plugin of data) {
+            listStore.set(
+                listStore.append(),
+                [0, 1, 2], [
+                    plugin.apply || false,
+                    plugin.name || '',
+                    plugin.rank || 0
+                ]
+            );
+        }
+    }
+
+    updatePlugin(index, prop, value)
+    {
+        let data = JSON.parse(this.settings.get_string('plugin-ranking'));
+        data[index][prop] = value;
+        this.settings.set_string('plugin-ranking', JSON.stringify(data));
+    }
+
+    _onTreeSelectionChanged(removeButton, treeSelection)
+    {
+        let [isSelected, model, iter] = treeSelection.get_selected();
+        this.activeIndex = -1;
+
+        if(isSelected) {
+            this.activeIndex = Number(model.get_string_from_iter(iter));
+        }
+
+        removeButton.set_sensitive(this.activeIndex >= 0);
+    }
+
+    _onAddButtonClicked(listStore, button)
+    {
+        let data = JSON.parse(this.settings.get_string('plugin-ranking'));
+        data.push({
+            apply: false,
+            name: '',
+            rank: 0,
+        });
+        this.settings.set_string('plugin-ranking', JSON.stringify(data));
+    }
+
+    _onRemoveButtonClicked(listStore, button)
+    {
+        if(this.activeIndex < 0)
+            return;
+
+        let data = JSON.parse(this.settings.get_string('plugin-ranking'));
+        data.splice(this.activeIndex, 1);
+        this.settings.set_string('plugin-ranking', JSON.stringify(data));
+    }
+
+    _onApplyCellEdited(cell, path)
+    {
+        let newState = !cell.active;
+        this.updatePlugin(path, 'apply', newState);
+    }
+
+    _onNameCellEdited(cell, path, newText)
+    {
+        newText = newText.trim();
+        this.updatePlugin(path, 'name', newText);
+    }
+
+    _onRankCellEdited(cell, path, newText)
+    {
+        newText = newText.trim();
+
+        if(isNaN(newText))
+            newText = 0;
+
+        this.updatePlugin(path, 'rank', Number(newText));
+    }
+
+    _onClose()
+    {
+        super._onClose('gstreamer');
+
+        this.settings.disconnect(this.settingsChangedSignal);
+        this.settingsChangedSignal = null;
     }
 });
 
@@ -82,7 +256,6 @@ function buildPrefsWidget()
                 }
             ]
         },
-/*
         {
             title: 'Advanced',
             pages: [
@@ -92,7 +265,6 @@ function buildPrefsWidget()
                 }
             ]
         }
-*/
     ];
 
     let prefsNotebook = new PrefsBase.Notebook(pages);