Suggestions for App.svelte and other components

[Emmanuel SV1BTL]

This is my build as shown here - http://sv1btlham.no-ip.org:8900/, based something less than 100% to newest build, including some minor adaptions to serve my needs.

Some suggestions:

1.- I have included tools for searching frequencies in MW and SW band, for those you are interesting to identify the radio station heard.
the code is:

Code Select Expand

Frequency List:  
                <button class="glass-button text-white py-1 px-3 mb-2 lg:mb-0 rounded-lg text-xs sm:text-sm" style="color:rgba(0, 225, 255, 0.993)" onClick="window.open('http://www.mwlist.org/mwlist_quick_and_easy.php?area=1&amp;kHz='+{Math.round(frequency)},'websdrstationinfo','');">
                  <span class="icon">MW List</span>
                  </button>
                  &nbsp;
                <button class="glass-button text-white py-1 px-3 mb-2 lg:mb-0 rounded-lg text-xs sm:text-sm" style="color:rgba(0, 225, 255, 0.993)" onClick="window.open('http://www.short-wave.info/index.php?freq='+{Math.round(frequency)}+'&amp;timbus=NOW&amp;ip=179&amp;porm=4','websdrstationinfo','')">
                  <span class="icon">SW List</span>
                  </button>

P.S. MW list has to redirect to area the websdr is located. So http://www.mwlist.org/mwlist_quick_and_easy.php?area=1 is for Europe, http://www.mwlist.org/mwlist_quick_and_easy.php?area=2 for Asia, 3 for N. America, 4 for S. America, so you have to change the link in the code, according to your websdr area.

2.- In https://github.com/ny4qphil/PhantomSDR-Plus/blob/main/frontend/src/App.svelte the code for Time (lines 1445-1485) does not work in Svelte. You can delete it and keep the newer Date/Clock function (lines 92-113).

3.- The architecture of website is a matter of personal taste and functionality. I've tried to minimize empty spaces, moving some components, as they are shown in attachments.

4.- I have embeded a media player from Audiomotion. This is not something basic, but helps the listeners to see the audio spectrum, when a record has been uploaded. The tool is free and I can explain how to be included in frontend/dist. I don't know how easy is to work real time and not only with recorded files.

5.- Colors when "mute" "NR" etc are used, they don't change, although they are defined to do so in the code (lines 2032-2041):

Code Select Expand

<div class="flex flex-col items-center">{formatter.format(currentDateTime)}
            <div><br></div><div class="flex space-x-1 mb-1">
                      {#each [{ label: "MUTED", enabled: mute, color: "red" }, { label: "NR", enabled: NREnabled, color: "green" }, { label: "NB", enabled: NBEnabled, color: "green" }, { label: "AN", enabled: ANEnabled, color: "green" }] as indicator}
                        <div class="px-1 py-0.5 flex items-center justify-center w-12 h-5 relative overflow-hidden">
                          <span class={`text-xs font-mono ${indicator.enabled ? `text-${indicator.color}-500` : `text-${indicator.color}-500 opacity-20`} relative z-10`}>
                            {indicator.label}
                          </span>
                        </div>
                      {/each}
                    </div>


These are my suggestions and remarks for now.
Thank you Phil, Bas and Sakis for your efforts.

[Phil - NY4Q]

Referring to 1: and 2: Instead of providing links to MW & SW station lookups, why don't we build a 'link' that is published inside the waterfall or somewhere similar, that allows the user to click and do an automatic lookup? Maybe post the current frequency displayed and the user clicks that and it launches a lookup?

3: I would like to work toward a 'modules' type interface that allows more flexability for the sysop to easier place the sections where they want them to go. The current screen I have is best for mobile users and keeps from having to scroll back and forth so much to use the site. I have a lot of mobile users and that was their biggest complaint. I have grouped frequency controls together, waterfall controls together, and audio controls together.

4: I would like to build a small audio oscilloscope and place it on the SDR interface. My FTdx-10 has one and I enjoy seeing it. Would anyone like to look into building that?

5: I am not seeing those errors on the current build.

Comments please.

Phil

[Emmanuel SV1BTL]

Referring to 1: and 2: Instead of providing links to MW & SW station lookups, why don't we build a 'link' that is published inside the waterfall or somewhere similar, that allows the user to click and do an automatic lookup? Maybe post the current frequency displayed and the user clicks that and it launches a lookup?

I am not sure that I understood well, but these scripts grub the current frequency from the websdr and paste it opening a second tab with the given information of the station(s). Please try it on my website, but you have to tune to a broadcasting station. The idea to have this given information included to our websdr (in a window or frame maybe) is very good.

5: I am not seeing those errors on the current build.

The same is going on with your build also. When e.g. "Mute" is pressed (activated) the indicator "MUTED" had to be in red color (and the other indicators ->green)
This is your websdr screnshot:

[Phil - NY4Q]

Ah, I see you have already done that auto lookup. Very good. I will get those into upload I do today.

I did not understand the MUTED issue. I guess I thought those were always bright white.

I will make sure that :
MUTED = Red
NR, NB, AN = Green

Thank you!
Phil

[Emmanuel SV1BTL]

Well the code is:

Code Select Expand

{#each [{ label: "MUTED", enabled: mute, color: "red" }, { label: "NR", enabled: NREnabled, color: "green" }, { label: "NB", enabled: NBEnabled, color: "green" }, { label: "AN", enabled: ANEnabled, color: "green" }] as indicator}

and I think the problem is that there is nowhere a function "indicator" that has to be exist, so to call the colors...

[hb3xdc]

I have two suggestions for the frontend.

Some users asked me, if its possible to add some filter bandwidth preset buttons for ssb, like how they were in the frontend of old pa3fwm websdr. As I was not home i haven't looked into the code for this. Has anyone already done some filter preset buttons?

Other is more about a question of me:
Is it possible to do with svelte a second html, which is displaying a minimal version of PhantomSDR-Plus?

The usecase is: RIGI SDR is displayed on a public kiosk PC, there we would like to displayed something like /index_minimal.html whiteout chat box or any links.
The normal site should be the normal frontend

Maybe someone knows how this could be done.

Other I'll try to update the frontend on my systems tomorrow and try to adapt the community version as much as possible.

73 HB3XDC

[Phil - NY4Q]

Well the code is:

Code Select Expand

{#each [{ label: "MUTED", enabled: mute, color: "red" }, { label: "NR", enabled: NREnabled, color: "green" }, { label: "NB", enabled: NBEnabled, color: "green" }, { label: "AN", enabled: ANEnabled, color: "green" }] as indicator}

and I think the problem is that there is nowhere a function "indicator" that has to be exist, so to call the colors...

I am about to sit down and look into it, but indicator is an array that is being examined:

indicator.label
indicator.enabled
indicator.color
etc

So that part is working, it's just that the specified color is not being activated, but the underlying functions are working because the MUTED, NB, NR, AN, all go 'bright' when set to on (indicator.enabled).

Phil

[Phil - NY4Q]

I have two suggestions for the frontend.

Some users asked me, if its possible to add some filter bandwidth preset buttons for ssb, like how they were in the frontend of old pa3fwm websdr. As I was not home i haven't looked into the code for this. Has anyone already done some filter preset buttons?

Yes. I will add this after looking into the MUTED issue. Please post a list of the settings you wish to publish.

Other is more about a question of me:
Is it possible to do with svelte a second html, which is displaying a minimal version of PhantomSDR-Plus?

Again yes. You would just need to figure out which areas you wish to publish. We would just need to add a flag in site_information.json for a siteMinimum setting or such and just disable the sections like we are already doing for siteChatEnabled.

Phil

[hb3xdc]

Hi Phil

Filters on pa3fwm are best visible here:
http://websdr.hb3xdc.ch:8901/

There its dynamicly adapts the options to other bandwidths when changing modulation mode. But don't know how difficult this is to implement, as said had not done any tries till now.

Regarding the Kisok version we planned to publish a version with no links  at all (no qrz and mwlist aswell) so user dont can exit the tab with phantomsdr.
The chatbox on Rigi is already removed currently as they just posted any kind of random bs there.

Kind regards
Gianni

[Emmanuel SV1BTL]

http://websdr.hb3xdc.ch:8901/

The famous RW3PS template which I have modified a lot!  but now I prefer this 16bit receiver and open source PhantomSDR project.
You can see the modifications here and if you like it, I'll send you the template.

[Phil - NY4Q]

The famous RW3PS template which I have modified a lot!  but now I prefer this 16bit receiver and open source PhantomSDR project.

I also used Sergie's template. I have not heard from him in a long time. I hope he and his family are well.

I have the MUTED issue fixed and am about to add the lookups.

Phil

[Emmanuel SV1BTL]

Thank you Phil!
Will I find the fix in the repo?

[hb3xdc]

The famous RW3PS template which I have modified a lot!  but now I prefer this 16bit receiver and open source PhantomSDR project.

I also used Sergie's template. I have not heard from him in a long time. I hope he and his family are well.

I have the MUTED issue fixed and am about to add the lookups.

Phil

Yes still by far the best template for pa3fwm s websdr ig. But now i also do prefer our PhantomSDR-Plus by far over old websdr.

Still have it here running at home for kinda test and to see user feedback. Most feedback I got for PhantomSDR-Plus is very positive.
Besides of the already mentioned filters of RW3PS someone suggested that it'd be nice if your own memories or bookmarks would also be shown as markers in the waterfall.

Maybe also something we could have a look in to it.

Els I do not know any suggestions for app.svelte.

Will have a look into it tomorrow, as I just arrived home now and here it's already 10:30pm

[Emmanuel SV1BTL]

it'd be nice if your own memories

Maybe it would be better to build memories and save them to a file, so to upload them everywhere into every PhantomSDR is used, and not to re-create them, and a cookie cleanup to erase them...

SV2AMK (Sakis) is working on it, but he faces too many problems.

[Phil - NY4Q]

I will post again when I have uploaded today's updates. It may be a while as I am working in the yard some still.