Linking from the Rune Main Page

rasti

Hello,

this is not really a feature request ....rather a question....

I have FHEM see => http://www.fhem.de home automation system running at home and
I would like to switch between both rune and fhem in the same browser window.

As you can see from the screenshot, I managed to do so by editing the header.php file.
I just replaced the PLAY option in the drop down menu with a link to my home automation server,
It works fine, however, instead of my "quick&dirty" menu implementation, I would prefer a
link in the top (where you can see the yellow X)

Where in the code of header.php file. (or maybe somewhere else, too ??) do I need to place
my

<a href="my_internal_IP">FHeM AUTOMATIONl</a>

?

THanks 1

Ralf

Attachments

: rune-fhem.JPG (94.8 KiB) Viewed 2036 times

: fhem-rune.JPG (66.99 KiB) Viewed 2036 times

hondagx35

Hi Ralf,

the file you are searching is:
/srv/http/app/templates/header.php

<button id="play" class="btn btn-default btn-cmd" title="Play/Pause" data-cmd="play"><i class="fa fa-play"></i></button>
<button id="next" class="btn btn-default btn-cmd" title="Next" data-cmd="next"><i class="fa fa-step-forward"></i></button>
</div>
<a class="home" href="/"><img src="<?=$this->asset('/img/logo.png')?>" class="logo" alt="RuneAudio"></a>
<a class="home" href="your-url-goes-here"><img src="<?=$this->asset('/img/your-pict.png')?>" class="logo" alt="your-alt-name"></a>
</div>
<div id="menu-bottom">
<ul>
<li id="open-panel-sx"><a href="/#panel-sx"<?=$this->uri(1, '', ' class="open-panel-sx" data-toggle="tab"')?>><i class="fa fa-music"></i> Library</a></li>
<li id="open-playback"<?=$this->uri(1, '', ' class="active"')?>><a href="/#playback"<?=$this->uri(1, '', ' data-toggle="tab"')?>><i class="fa fa-play"></i> Playback</a></li>
<li id="open-panel-dx"><a href="/#panel-dx"<?=$this->uri(1, '', ' class="open-panel-dx" data-toggle="tab"')?>><i class="fa fa-list"></i> Queue</a></li>
</ul>
</div>

Frank

rasti

Hi Frank,

this is the result.

The link is there, but the image is hidden behind the rune logo. See Screenshot....

Here's the end of the php file:

      <button id="next" class="btn btn-default btn-cmd" title="Next" data-cmd="next"><i class="fa fa-step-forward"></i></button>
    </div>
    <a class="home" href="/"><img src="<?=$this->asset('/img/logo.png')?>" class="logo" alt="RuneAudio"></a>
</div>
[color=#FF0000]<a class="home" href="https://192.168.178.6:8084/fhem?room=Music"><img src="<?=$this->asset('/img/fhem.png')?>" class="logo" alt="FHEM"></a>[/color]
<div id="menu-bottom">
    <ul>
        <li id="open-panel-sx"><a href="/#panel-sx"<?=$this->uri(1, '', ' class="open-panel-sx" data-toggle="tab"')?>><i class="fa fa-music"></i> Library</a></li>
        <li id="open-playback"<?=$this->uri(1, '', ' class="active"')?>><a href="/#playback"<?=$this->uri(1, '', ' data-toggle="tab"')?>><i class="fa fa-play"></i> Playback</a></li>
        <li id="open-panel-dx"><a href="/#panel-dx"<?=$this->uri(1, '', ' class="open-panel-dx" data-toggle="tab"')?>><i class="fa fa-list"></i> Queue</a></li>
    </ul>
</div>

Attachments

: mod_rune.JPG (27.62 KiB) Viewed 2009 times

hondagx35

Hi,

give it a different class name and it should work.

Frank

rasti

I don't know how you mean that.
I changed the following in red but the screen did not change
Seems the problem was the position of the green div tag .
It works now !
Thanks so much Frank !
Ralf

<div class="playback-controls">    
        <button id="previous" class="btn btn-default btn-cmd" title="Previous" data-cmd="previous"><i class="fa fa-step-backward"></i></button>
        <button id="stop" class="btn btn-default btn-cmd" title="Stop" data-cmd="stop"><i class="fa fa-stop"></i></button>
        <button id="play" class="btn btn-default btn-cmd" title="Play/Pause" data-cmd="play"><i class="fa fa-play"></i></button>
        <button id="next" class="btn btn-default btn-cmd" title="Next" data-cmd="next"><i class="fa fa-step-forward"></i></button>
    </div>
    <a class="home" href="/"><img src="<?=$this->asset('/img/logo.png')?>" class="logo" alt="RuneAudio"></a>

<a class="home" href="https://192.168.178.6:8084/fhem?room=Music"><img src="<?=$this->asset('/img/fhem.png')?>" [color=#FF0000]class="fhem"[/color] alt="FHEM"></a>
[color=#00FF00]</div>[/color]
<div id="menu-bottom">
    <ul>
        <li id="open-panel-sx"><a href="/#panel-sx"<?=$this->uri(1, '', ' class="open-panel-sx" data-toggle="tab"')?>><i class="fa fa-music"></i> Library</a></li>
        <li id="open-playback"<?=$this->uri(1, '', ' class="active"')?>><a href="/#playback"<?=$this->uri(1, '', ' data-toggle="tab"')?>><i class="fa fa-play"></i> Playback</a></li>
        <li id="open-panel-dx"><a href="/#panel-dx"<?=$this->uri(1, '', ' class="open-panel-dx" data-toggle="tab"')?>><i class="fa fa-list"></i> Queue</a></li>
    </ul>
</div>