refactor demodulator classes, part 1

2020-05-02 00:05:20 +02:00
parent 5013af2117
commit b8f7686a6d
8 changed files with 273 additions and 239 deletions
--- a/htdocs/lib/DemodulatorPanel.js
+++ b/htdocs/lib/DemodulatorPanel.js
@ -0,0 +1,158 @@
+function DemodulatorPanel(el) {
+    var self = this;
+    self.el = el;
+    self.demodulator = null;
+
+    var displayEl = el.find('.webrx-actual-freq')
+    this.tuneableFrequencyDisplay = displayEl.tuneableFrequencyDisplay();
+    displayEl.on('frequencychange', function(event, freq) {
+        self.getDemodulator().set_offset_frequency(freq - center_freq);
+    });
+
+    Modes.registerModePanel(this);
+    el.on('click', '.openwebrx-demodulator-button[data-modulation]', function() {
+        self.setMode($(this).data('modulation'));
+    });
+    el.on('change', '.openwebrx-secondary-demod-listbox', function() {
+        self.setDigiMode($(this).val());
+    });
+    // TODO: disable digimodes
+};
+
+DemodulatorPanel.prototype.render = function() {
+    var available = Modes.getModes().filter(function(m){ return m.isAvailable(); });
+    var normalModes = available.filter(function(m){ return m.type === 'analog'; });
+    var digiModes = available.filter(function(m){ return m.type === 'digimode'; });
+
+    var html = []
+
+    var buttons = normalModes.map(function(m){
+        return $(
+            '<div ' +
+                'class="openwebrx-button openwebrx-demodulator-button" ' +
+                'data-modulation="' + m.modulation + '" ' +
+                'id="openwebrx-button-' + m.modulation + '" r' +
+            '>' + m.name + '</div>'
+        );
+    });
+
+    var index = 0;
+    var arrayLength = buttons.length;
+    var chunks = [];
+
+    for (index = 0; index < arrayLength; index += 5) {
+        chunks.push(buttons.slice(index, index + 5));
+    }
+
+    html.push.apply(html, chunks.map(function(chunk){
+        $line = $('<div class="openwebrx-panel-line openwebrx-panel-flex-line"></div>');
+        $line.append.apply($line, chunk);
+        return $line
+    }));
+
+    html.push($(
+        '<div class="openwebrx-panel-line openwebrx-panel-flex-line">' +
+            '<div class="openwebrx-button openwebrx-demodulator-button" id="openwebrx-button-dig" onclick="demodulator_digital_replace_last();">DIG</div>' +
+            '<select class="openwebrx-secondary-demod-listbox">' +
+                '<option value="none"></option>' +
+                digiModes.map(function(m){
+                    return '<option value="' + m.modulation + '">' + m.name + '</option>';
+                }).join('') +
+            '</select>' +
+        '</div>'
+    ));
+
+    this.el.find(".openwebrx-modes").html(html);
+};
+
+DemodulatorPanel.prototype.setMode = function(mode) {
+    var offset_frequency = 0;
+    if (this.demodulator) {
+        if (this.demodulator.get_modulation() === mode) {
+            return;
+        }
+        offset_frequency = this.demodulator.get_offset_frequency();
+        this.demodulator.stop();
+    }
+    this.demodulator = new Demodulator(offset_frequency, mode);
+    var self = this;
+    this.demodulator.on("frequencychange", function(freq) {
+        self.tuneableFrequencyDisplay.setFrequency(center_freq + freq);
+    });
+    this.demodulator.start();
+    this.updateButtons();
+};
+
+DemodulatorPanel.prototype.setDigiMode = function(modulation) {
+    var mode = Modes.findByModulation(modulation);
+    if (!mode) {
+        return;
+    }
+    if (!mode.isAvailable()) {
+        divlog('Digital mode "' + mode.name + '" not supported. Please check requirements', true);
+        return;
+    }
+    this.setMode(mode.underlying[0]);
+    this.getDemodulator().set_secondary_demod(modulation);
+    if (mode.bandpass) {
+        this.getDemodulator().setBandpass(mode.bandpass);
+    }
+    $('#openwebrx-panel-digimodes').attr('data-mode', modulation);
+    toggle_panel("openwebrx-panel-digimodes", true);
+    toggle_panel("openwebrx-panel-wsjt-message", ['ft8', 'wspr', 'jt65', 'jt9', 'ft4'].indexOf(modulation) >= 0);
+    toggle_panel("openwebrx-panel-js8-message", modulation == "js8");
+    toggle_panel("openwebrx-panel-packet-message", modulation === "packet");
+    toggle_panel("openwebrx-panel-pocsag-message", modulation === "pocsag");
+    updateHash();
+};
+
+DemodulatorPanel.prototype.getDemodulator = function() {
+    return this.demodulator;
+};
+
+DemodulatorPanel.prototype.startDemodulator = function() {
+    var params = $.extend(this.initialParams || {}, validateHash());
+    this._apply(params);
+};
+
+DemodulatorPanel.prototype._apply = function(params) {
+    this.setMode(params.mod);
+    this.getDemodulator().set_offset_frequency(params.offset_frequency);
+    this.updateButtons();
+};
+
+DemodulatorPanel.prototype.setInitialParams = function(params) {
+    this.initialParams = params;
+};
+
+DemodulatorPanel.prototype.setHashParams = function(params) {
+    this._apply(params);
+};
+
+DemodulatorPanel.prototype.updateButtons = function() {
+    var $buttons = this.el.find(".openwebrx-demodulator-button");
+    $buttons.removeClass("highlighted").removeClass('disabled');
+    var demod = this.getDemodulator()
+    if (!demod) return;
+    var mod = demod.get_modulation();
+    this.el.find('[data-modulation=' + mod + ']').addClass("highlighted");
+    var secondary_demod = this.getDemodulator().get_secondary_demod()
+    if (secondary_demod) {
+        this.el.find("#openwebrx-button-dig").addClass("highlighted");
+        this.el.find('#openwebrx-secondary-demod-listbox').val(secondary_demod);
+        var mode = Modes.findByModulation(secondary_demod);
+        if (mode) {
+            var active = mode.underlying.map(function(u){ return 'openwebrx-button-' + u; });
+            $buttons.filter(function(){
+                return this.id !== "openwebrx-button-dig" && active.indexOf(this.id) < 0;
+            }).addClass('disabled');
+        }
+    }
+}
+
+$.fn.demodulatorPanel = function(){
+    if (!this.data('panel')) {
+        this.data('panel', new DemodulatorPanel(this));
+    };
+    return this.data('panel');
+};