A Simple UX for Nextgen

I need some help in coding ;)

I want to improve the graphics on cockpit with some buttons.
Buttons especially for TMC on/off - Mute and OverViewMode

Functions are working and the new buttons are shown in cockpit, but I cannot disable them via settings menü. Settings for on/off are available but do not do anything. Buttons are always visiable in Cockpit.
Any hint for me?

Use PAL version - no skin as fare default skin ;)

Spoiler: Orignal morco_button.ui

Code:

---

<modify ui_SideList>         
<insert into="TABLE">
<BUTTON CLASS="btn_map morco_button_tmc_select" ONRELEASE={invert(%traffic.settings.traffic_enabled)} ONLONGCLICK=sc_ShowRouteOverView route=1>
    <TEXT CLASS="postcode" >
    <TEXT CLASS="exit" >
    <TEXT CLASS="exitinfo" >
    <TEXT CLASS="tunnel" >
    <TEXT CLASS="houseL" >
    <TEXT CLASS="houseR" >
    <TEXT CLASS="speedoG" >
    <TEXT CLASS="speedoO" >
    <TEXT CLASS="speedoR" >
    <TEXT CLASS="overspeed_limit" >
    <TEXT CLASS="overspeed_G" >
    <TEXT CLASS="overspeed_R" >
    <TEXT CLASS="TmcCount" >
</BUTTON>
<BUTTON CLASS="btn_map morco_button_azoom" ONRELEASE={invert(%lua.OverViewModeOn)} ONLONGCLICK=sc_RouteSettings>
</BUTTON>
<BUTTON CLASS="btn_map morco_button_mute" ONRELEASE=sc_MuteUnmute ONLONGCLICK=btn_AvoidRouteAhead_Onrelease>
</BUTTON>
</insert>
</modify>


<modify lm_MainMenu>
        <insert after=Settings>
              <row morco ver3.3 text="morco UX Control" icon="ico_settings.svg" onrelease=sc_morco_select/>
        </insert>
</modify>


<userlist lm_morco_select text="str" onrelease="ui" enable="bool" type="str" visible="bool" isselected="str" details="str">
<view visibility_filter=visible />
        <default onrelease=undef enable=1 visible=1/>
        <row  text="Auto Zoom Button " type="ChkOnOff" isselected="lua.azoom" >
        <row  text="Mute Button" type="ChkOnOff" isselected="lua.muteb" >
        <row  text="Postcode" type="ChkOnOff" isselected="lua.postcode" >
        <row  text="Next Exit" type="ChkOnOff" isselected="lua.exit" >
        <row  text="Tunnel Length" type="ChkOnOff" isselected="lua.tunnel" >
        <row  text="House Numbers" type="ChkOnOff" isselected="lua.house" >
        <row  text="Speedo" type="ChkOnOff" isselected="lua.speedo" >
        <row  text="Overspeed" type="ChkOnOff" isselected="lua.overspeed" >
        <row  text="Overspeed Limit" type="ChkOnOff" isselected="lua.overspeed_limit" >
        <row  text="TMC Event Number" type="ChkOnOff" isselected="lua.TmcCount" >
        <row  text="Route Progress Scale" type="ChkOnOff" isselected="lua.ScaleDistance" >
</userlist>

---

Spoiler: Orignal morco_button.lua

Code:

---

MODEL.SETPERSISTENT.lua.azoom = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.muteb = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.postcode = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.exit = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.tunnel = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.house = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.speedo = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.overspeed_limit = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.overspeed = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.TrafficStatusAlarm = WSTRING_MODEL(L"!back")
MODEL.SETPERSISTENT.lua.SignPostDing = WSTRING_MODEL(L"!nav_dingding")
MODEL.SETPERSISTENT.lua.TmcCount = BOOL_MODEL(false)


sc_SignPostLayerShow_orig = sc_SignPostLayerShow
function sc_SignPostLayerShow()
    if st_Cockpit.isActive and not MODEL.lua.SignpostIsValid() and MODEL.lua.SignpostOn() then
        sc_AngleSignPost()
        MODEL.sound.playchanneltest("alarmeffect", MODEL.lua.SignPostDing())
        MODEL.lua.SignpostIsValid = true
        ui_Singpost:tween("Y", -vLaneInfoSignpostHeight(), 0, gSignPostAnimTimeMs)
    end
    hook_SignPostShow:trigger()
end


sc_TMC_DelayChanged_orig = sc_TMC_DelayChanged
function sc_TMC_DelayChanged()
    if MODEL.traffic.events.full_delay() ~= MODEL.lua.PrevDelay() then
        if MODEL.traffic.events.full_delay() > MODEL.lua.PrevDelay() then
hook_Send_Notification:trigger("traffic", "arrival_delayed")
            MODEL.sound.playchanneltest("alarmeffect", MODEL.lua.TrafficStatusAlarm())
        else
 hook_Send_Notification:trigger("traffic", "arrival_sooner")
            MODEL.sound.playchanneltest("alarmeffect", MODEL.lua.TrafficStatusAlarm())
        end
        MODEL.lua.PrevDelay = MODEL.traffic.events.full_delay()
    end
end


function sc_morco_select()
    sc_NextStateAnim(st_morco_select, "fade", 1, "")
end


createState("st_morco_select", {
    extends = {st_List, st_Popover},
    title = m_i18n("morco UX ver3.3"),
    listname = "ui.lm_morco_select"

})

---

Spoiler: Orignal morco_button.css

Code:

---

BUTTON.btn_map.morco_button_tmc_select {
        img: "btn_map.bmp#3";
text:(%traffic.settings.traffic_enabled ? "TMC ON" : "TMC OFF");
}

BUTTON.btn_map.morco_button_azoom {
       
img:(%lua.OverViewModeOn ? "ico_zoomout_graph.svg" : "ico_zoomin_graph.svg");
visible:(%lua.azoom);
}

BUTTON.btn_map.morco_button_mute {
       
img:(%lua.sound.Mode == lua.ESoundMode.MUTE ? "ico_muteStatus.svg" : "ico_sound.svg");
visible:(%lua.muteb);
}


SPRITE.notification_area {
       
        img: #ffa622ad;
        }


@import "~/common/ui/morco_button_landscape.css" landscape;
@import "~/common/ui/morco_button_portrait.css" portrait;

---

Here is my code.

Spoiler: My morco_button.ui

Code:

---

<modify ui_Cockpit>
        <insert into="IMPLEMENTATION"> 
                <PROPERTY showButtonTMC2 VALUE=(%traffic.settings.traffic_enabled)>
                <PROPERTY showButtonMute VALUE=(%lua.muteb)>
                <PROPERTY showOverViewMod VALUE=(%lua.azoom)>
    </insert>
    <insert into="DIV.cockpit">
        <TEXT CLASS="postcode">
        <TEXT CLASS="exit">
        <TEXT CLASS="exitinfo">
        <TEXT CLASS="tunnel">
        <TEXT CLASS="houseL">
        <TEXT CLASS="houseR">
        <TEXT CLASS="overspeed_limit" >
        <TEXT CLASS="overspeed_G" >
        <TEXT CLASS="overspeed_R" >
        <TEXT CLASS="TmcCount" >
        </insert>
</modify>


<modify ui_SideList>         
        <insert into="TABLE">
        <BUTTON CLASS="btn_map"  ONRELEASE={invert(%traffic.settings.traffic_enabled)}  visible=(ui_Cockpit.showButtonTMC2)>
                        <SPRITE CLASS="button map fill"/>
                        <SPRITE CLASS="btn_map svg" IMG=( %traffic.settings.traffic_enabled ? "ico_TMCon.svg" : "ico_TMCoff.svg") />
        </BUTTON>
        <BUTTON CLASS="btn_map"  ONRELEASE=sc_MuteUnmuteMorco  visible=(ui_Cockpit.showButtonMute)>
                        <SPRITE CLASS="button map fill"/>
                        <SPRITE CLASS="btn_map svg" IMG=( %lua.sound.Mode == lua.ESoundMode.MUTE ? "ico_MuteStatus2.svg" : "ico_UnmuteStatus2.svg") />       
        </BUTTON>
        <BUTTON CLASS="btn_map"  ONRELEASE={invert(%lua.OverViewModeOn)}  visible=(ui_Cockpit.showOverViewMod)>
                        <SPRITE CLASS="button map fill"/>
                        <SPRITE CLASS="btn_map svg" IMG=( %lua.OverViewModeOn ? "ico_zoomout_graph.svg" : "ico_zoomin_graph.svg") />       
        </BUTTON>
    </insert>
</modify>


<modify lm_ExtraSettingsList>
        <insert after="default">
              <row text="Show Auto Zoom Button" type="ChkOnOff" isselected="lua.azoom" >
              <row text="Show Mute Button" type="ChkOnOff" isselected="lua.muteb" >
              <row text="Show Postcode" type="ChkOnOff" isselected="lua.postcode" >
              <row text="Show Next Exit" type="ChkOnOff" isselected="lua.exit" >
              <row text="Show Tunnel Length" type="ChkOnOff" isselected="lua.tunnel" >
              <row text="Show House Numbers" type="ChkOnOff" isselected="lua.house" >
;              <row text="Show Speedo" type="ChkOnOff" isselected="lua.speedo" >
              <row text="Show Overspeed Niveau" type="ChkOnOff" isselected="lua.overspeed" >
              <row text="Show Overspeed Limit" type="ChkOnOff" isselected="lua.overspeed_limit" >
              <row text="Show TMC Event Number" type="ChkOnOff" isselected="lua.TmcCount" >
;              <row  text="Show Route Progress Scale" type="ChkOnOff" isselected="lua.ScaleDistance" >
        </insert>
</modify>

---

Spoiler: My morco_button.lua

Code:

---

MODEL.SETPERSISTENT.lua.azoom = BOOL_MODEL(true)
MODEL.SETPERSISTENT.lua.muteb = BOOL_MODEL(true)
MODEL.SETPERSISTENT.lua.postcode = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.exit = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.tunnel = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.house = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.speedo = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.overspeed_limit = BOOL_MODEL(false)
MODEL.SETPERSISTENT.lua.overspeed = BOOL_MODEL(true)
MODEL.SETPERSISTENT.lua.TrafficStatusAlarm = WSTRING_MODEL(L"!back")
MODEL.SETPERSISTENT.lua.SignPostDing = WSTRING_MODEL(L"!nav_dingding")
MODEL.SETPERSISTENT.lua.TmcCount = BOOL_MODEL(true)

sc_SignPostLayerShow_orig = sc_SignPostLayerShow
function sc_SignPostLayerShow()
    if st_Cockpit.isActive and not MODEL.lua.SignpostIsValid() and MODEL.lua.SignpostOn() then
        sc_AngleSignPost()
        MODEL.sound.playchanneltest("alarmeffect", MODEL.lua.SignPostDing())
        MODEL.lua.SignpostIsValid = true
        ui_Singpost:tween("Y", -vLaneInfoSignpostHeight(), 0, gSignPostAnimTimeMs)
    end
    hook_SignPostShow:trigger()
end

sc_TMC_DelayChanged_orig = sc_TMC_DelayChanged
function sc_TMC_DelayChanged()
    if MODEL.traffic.events.full_delay() ~= MODEL.lua.PrevDelay() then
        if MODEL.traffic.events.full_delay() > MODEL.lua.PrevDelay() then
hook_Send_Notification:trigger("traffic", "arrival_delayed")
            MODEL.sound.playchanneltest("alarmeffect", MODEL.lua.TrafficStatusAlarm())
        else
 hook_Send_Notification:trigger("traffic", "arrival_sooner")
            MODEL.sound.playchanneltest("alarmeffect", MODEL.lua.TrafficStatusAlarm())
        end
        MODEL.lua.PrevDelay = MODEL.traffic.events.full_delay()
    end
end

function sc_MuteUnmuteMorco()
    local muted = MODEL.sound.master_muted()
    MODEL.sound.master_muted = not muted
    if muted then
        MODEL.sound.play_effect("effects.ui.button.mute")
    end
    sc_CloseMenu()
end

function sc_ExtraSettings_OnRelease()
  sc_NextStateAnim(st_Labs, "horz_scroll", 1, "")
end

function sc_morco_select()
    sc_NextStateAnim(st_morco_select, "fade", 1, "")
end

createState("st_morco_select", {
    extends = {st_List, st_Popover},
    title = m_i18n("morco UX ver3.3"),
    listname = "ui.lm_morco_select"

})

---

Spoiler: Pictures

[Only registered and activated users can see links. Click Here To Register...][Only registered and activated users can see links. Click Here To Register...][Only registered and activated users can see links. Click Here To Register...]

Hi @userninenine

For MUTE button of morco, i'm using the "[Only registered and activated users can see links. Click Here To Register...]" of LouBouha. It works very well for me. Have you looked at the code that in this fix? It may assit you.

I need the code for PAL. I've tried to use the code in this ux as template, but do not work for me. Ux for LUNA do not work for me in PAL. Have tried it...

OK. Sometimes it can give direction, inspiration or an idea to...
Any progress about removing the white camera background? ;)

All fine mate. Thx.
This code makes me grazy, because I get it running for LUNA but not for my PAL, which I like more...
If I fixes this I will check your request ;)

Quote:

---

Originally Posted by userninenine [Only registered and activated users can see links. Click Here To Register...]

I need some help in coding ;)

I want to improve the graphics on cockpit with some buttons.
Buttons especially for TMC on/off - Mute and OverViewMode

Functions are working and the new buttons are shown in cockpit, but I cannot disable them via settings menü. Settings for on/off are available but do not do anything. Buttons are always visiable in Cockpit.
Any hint for me?

Use PAL version - no skin as fare default skin ;)

---

The code can be less complicated for pal,

here is the code for the Overview mode, You can use the same format for the TMC on/off & mute.
This will give you a button that will look like the ones in your picture & have on/off control.

ui
------

Code:

---

<modify ui_SideList>
        <insert into="TABLE">
                <BUTTON  CLASS="btn_map" ONRELEASE={invert(%lua.OverViewModeOn)} VISIBLE=(%lua.azoom)>
                        <SPRITE CLASS="btn_map icon svg" IMG=( %lua.OverViewModeOn ? "ico_zoomout_graph.svg" : "ico_zoomin_graph.svg")>
                </BUTTON>
        </insert>
</modify>


<modify lm_ExtraSettingsList>
        <insert after="default">
              <row text="Show Auto Zoom Button" type="ChkOnOff" isselected="lua.azoom" >
 </insert>
</modify>

---

lua
-------

Code:

---

MODEL.SETPERSISTENT.lua.azoom = BOOL_MODEL(false)

---

false or true, what ever you prefer.
***************************************

The mute button code below is for Luna & not required for pal so can be deleted

Code:

---

function sc_MuteUnmuteMorco()
    local muted = MODEL.sound.master_muted()
    MODEL.sound.master_muted = not muted
    if muted then
        MODEL.sound.play_effect("effects.ui.button.mute")
    end
    sc_CloseMenu()
end

---

change in the ui from

Code:

---

ONRELEASE=sc_MuteUnmuteMorco

---

to

Code:

---

ONRELEASE=sc_MuteUnmute

---

:)

@ userninenine


I've been having a little play with this .

Here is an alternative method that you could use. :)

Example below, again, for the automatic overview -

**ui**

Code:

---

<modify ui_SideList>         
        <insert into="TABLE">

                <BUTTON CLASS="btn_map" ONRELEASE={invert(%lua.OverViewModeOn)} VISIBLE=(%lua.azoom) >

                <SPRITE        CLASS="autozoom svg" />
                       
                </BUTTON>
        </insert>
</modify>


<modify lm_MainMenu>

        <insert after=Settings>

              <row text="morco UX Control" icon="ico_settings.svg" onrelease=sc_morco_select/>

        </insert>
</modify>



<userlist lm_morco_select text="str" isselected="str" type="str">
  <view visibility_filter=visible />
    <default onrelease=undef visible=1 enable=1 />
 
 
        <row text="AutoZoom On/Off" type="ChkOnOff" isselected="lua.azoom"/>

 </userlist>

---

**lua**

Code:

---

MODEL.SETPERSISTENT.lua.azoom = BOOL_MODEL(true)


function sc_morco_select()
    sc_NextStateAnim(st_morco_select, "fade", 1, "")
end

createState("st_morco_select", {
    extends = {st_List},
    title = m_i18n("morco UX mod 13-7-20"),
    listname = "ui.lm_morco_select"

})

---

**css**

Code:

---

SPRITE.autozoom.svg {
left: 22%;
top: 22%;
bottom: 22%;
z: 100;
img:(%lua.OverViewModeOn ? "ico_zoomout_graph.svg" : "ico_zoomin_graph.svg");
}

---

* this can be made into a working UX*

Thx mate, but non of them worked for me. With this modification - i prefer your first solution - PAL crashes all the time. Think I miss something.

What do I have to change in section <modify ui_Cockpit> - Red color?

Code:

---

<modify ui_Cockpit>
        <insert into="IMPLEMENTATION"> 
                <PROPERTY showButtonTMC2 VALUE=(%traffic.settings.traffic_enabled)>
                <PROPERTY showButtonMute VALUE=(%lua.muteb)>
                <PROPERTY showOverViewMod VALUE=(%lua.azoom)>
    </insert>
    <insert into="DIV.cockpit">
        <TEXT CLASS="postcode">
        <TEXT CLASS="exit">
        <TEXT CLASS="exitinfo">
        <TEXT CLASS="tunnel">
        <TEXT CLASS="houseL">
        <TEXT CLASS="houseR">
        <TEXT CLASS="overspeed_limit" >
        <TEXT CLASS="overspeed_G" >
        <TEXT CLASS="overspeed_R" >
        <TEXT CLASS="TmcCount" >
        </insert>
</modify>

---

The code you have in red is not needed so can be deleted

here is my complete 'TEST' UX button that I changed to give the buttons like you want .

Hope this helps :)





for adding your tmc on/off button I would do something like this


**ui**

add this

Code:

---

<BUTTON CLASS="btn_map"  ONRELEASE={invert(%traffic.settings.traffic_enabled)}  visible=(%lua.showtmc)>
                        <SPRITE CLASS="btn_map svg" IMG=( %traffic.settings.traffic_enabled ? "ico_TMCon.svg" : "ico_TMCoff.svg") />
        </BUTTON>

---

and this

Code:

---

<row text="Show TMC " type="ChkOnOff" isselected="lua.showtmc" >

---

then **lua**

add this

Code:

---

MODEL.SETPERSISTENT.lua.showtmc = BOOL_MODEL(true)

---

* i have used - %lua.showtmc - for visibility

* i'm assuming you have these images in your UX - ico_TMCon.svg & ico_TMCoff.svg