Step Tuning Buttons

[Phil - NY4Q]

Button Example

Code Select Expand

<button class="retro-button text-white font-bold h-10 text-base rounded-md flex items-center justify-center border border-gray-600 shadow-inner transition-all duration-200 ease-in-out bg-gray-700 hover:bg-gray-600" on:click={() => fineTune(10000)} title="+10 kHz">+10 kHz</button>

Fine Tune Function

Code Select Expand

// Fine Tuning Section

 let fineTuneAmount = 0;
 function fineTune(fineTuneAmount) {
  if(fineTuneAmount == 0) { frequency = Math.round(frequency)}
  frequencyInputComponent.setFrequency((frequency * 1e3)+ fineTuneAmount);
  handleFrequencyChange({ detail: ((frequency * 1e3) + fineTuneAmount) });
}


[Emmanuel SV1BTL]

It is working and it is very useful when working with mobile phone.
Thank you once more!


// Fine Tuning Section

let fineTuneAmount = 0;
function fineTune(fineTuneAmount) {
  if(fineTuneAmount == 0) { frequency = Math.round(frequency)}
  frequencyInputComponent.setFrequency((frequency * 1e3)+ fineTuneAmount);
  handleFrequencyChange({ detail: ((frequency * 1e3) + fineTuneAmount) });
}

...............

<!--Tuning Buttons-->
<div class="grid grid-cols-2 sm:grid-cols-6 gap-2">
<button class="retro-button text-white font-bold h-8 text-base rounded-md flex items-center justify-center border border-gray-600 shadow-inner transition-all duration-200 ease-in-out bg-gray-700 hover:bg-gray-600" on:click={() => fineTune(-5000)} title="-5 KHz"> -5 KHz </button>
                   
<button class="retro-button text-white font-bold h-8 text-base rounded-md flex items-center justify-center border border-gray-600 shadow-inner transition-all duration-200 ease-in-out bg-gray-700 hover:bg-gray-600" on:click={() => fineTune(-1000)} title="-1 kHz"> -1 KHz </button>
                     
<button class="retro-button text-white font-bold h-8 text-base rounded-md flex items-center justify-center border border-gray-600 shadow-inner transition-all duration-200 ease-in-out bg-gray-700 hover:bg-gray-600" on:click={() => fineTune(-10)} title="-10 Hz"> -10 Hz </button>

<button class="retro-button text-white font-bold h-8 text-base rounded-md flex items-center justify-center border border-gray-600 shadow-inner transition-all duration-200 ease-in-out bg-gray-700 hover:bg-gray-600" on:click={() => fineTune(0)} title="center"> .00 Hz </button>
                                       
<button class="retro-button text-white font-bold h-8 text-base rounded-md flex items-center justify-center border border-gray-600 shadow-inner transition-all duration-200 ease-in-out bg-gray-700 hover:bg-gray-600" on:click={() => fineTune(10)} title="+10 Hz"> +10 Hz </button>

<button class="retro-button text-white font-bold h-8 text-base rounded-md flex items-center justify-center border border-gray-600 shadow-inner transition-all duration-200 ease-in-out bg-gray-700 hover:bg-gray-600" on:click={() => fineTune(1000)} title="+1 kHz"> +1 KHz </button>
                     
<button class="retro-button text-white font-bold h-8 text-base rounded-md flex items-center justify-center border border-gray-600 shadow-inner transition-all duration-200 ease-in-out bg-gray-700 hover:bg-gray-600" on:click={() => fineTune(5000)} title="+5 kHz"> +5 KHz </button>
</div>

[hb3xdc]

Thank you very much Phil, now implemented the buttons also on mine

[hb3xdc]

Does anyone of you guys have an idea how we could make the Tuning Steps also take affect for scrolling in the frequency part of the waterfall?
Did not figured out, how this one is working

[Phil - NY4Q]

Does anyone of you guys have an idea how we could make the Tuning Steps also take affect for scrolling in the frequency part of the waterfall?
Did not figured out, how this one is working

If you notice, the steps are not linear for each event when the mouse is in that area. Also, based on the Mode, the steps are different.

In my region of the US there is an old saying : "Is the juice worth the squeeze?" ha

[ke6upi]

Hello,

New guy here. What file do you need to add Phil's code to?

Thanks, David
KE6UPI

[Bas ON5HB]

You missed this.....just started today.

The entire stuff...

https://github.com/ny4qphil

See readme of the frontend directory....it will explain how to compile it, after you altered all the stuff to your likings.

[ke6upi]

Thanks Bas,

I need some copy and paste. When I ran npm run build. I got an error. I also did an update with Phils lastest github.

root@websdr0:/opt/ny4q/PhantomSDR-Plus/frontend/src# npm run build

> my-svelte-app@0.0.0 build
> vite build

file:///opt/ny4q/PhantomSDR-Plus/frontend/node_modules/vite/bin/vite.js:7
    await import('source-map-support').then((r) => r.default.install())
    ^^^^^

SyntaxError: Unexpected reserved word
    at Loader.moduleStrategy (internal/modules/esm/translators.js:133:18)
    at async link (internal/modules/esm/module_job.js:42:21)

[Bas ON5HB]

Have fun:

Code Select Expand

https://linuxize.com/post/how-to-install-node-js-on-ubuntu-20-04/#installing-nodejs-and-npm-using-nvm
After you installed npm properly it should compile just fine.

I updated the readme on the github, so everybody sees how it's done.