1.4.x Themes: BasicHome, Clear Art's support for Titan, Weather icon on screen, bugfixes and more. (3 Viewers)

[catavolt]

Seems here we see a new member of our Design Team

 

[KJ-Cox]

Seems here we see a new member of our Design Team

Sure, sounds fun. Where do I sign up?

 

[catavolt]

Sure, sounds fun. Where do I sign up?

More info tomorrow

 

[KJ-Cox]

Titan Skin change for movingpictures.details.xml to add support for FanartHandler images and Studio and Genre logo by copying the clearart, genre logo and studio logos code from MePo theme with same filename then remove file from MePo theme and have a single source to maintain.

MovingPictures from Titan


With MePo Fanart Handler ClearArt, CDArt and ClearLogo images and Studio and Genre logos.


Find:

  </controls>
</window>

Replace with:

    <!-- ClearArt -->
       <control>
           <description>ClearArt</description>
           <type>image</type>
           <id>159357</id>
           <posX>1550</posX>
           <posY>150</posY>
           <width>250</width>
           <height>140</height>
        <texture>..\..\..\Thumbs\ClearArt\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <visible>!Control.IsVisible(50)+!Control.IsVisible(51)</visible>
        <animation effect="fade" time="250">Visible</animation>
        <animation effect="fade" time="250">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
       </control>

    <!-- CDArt -->
    <control>
        <description>Disc Image</description>
        <type>image</type>
        <id>0</id>
        <posX>1550</posX>
        <posY>330</posY>
        <width>300</width>
        <height>300</height>
        <texture>..\..\..\Thumbs\CDArt\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <keepaspectratio>yes</keepaspectratio>
        <visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10001)+ !Control.HasFocus(10002) + !Control.HasFocus(10003)</visible>
          <animation effect="fade" time="250" start= "100" end= "50" condition="true">conditional</animation>
        <animation effect="fade" time="400">Visible</animation>
        <animation effect="fade" time="250">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
    </control>

    <!-- ClearLogo -->
    <control>
        <description>Logo Image</description>
        <type>image</type>
        <id>0</id>
        <posX>570</posX>
        <posY>780</posY>
        <width>400</width>
        <height>155</height>
        <texture>..\..\..\Thumbs\ClearLogo\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <keepaspectratio>yes</keepaspectratio>
        <visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10002) + !Control.HasFocus(10003) + !Control.HasFocus(20002)</visible>
          <animation effect="fade" time="250" start= "100" end= "60" condition="true">conditional</animation>
        <animation effect="fade" time="400">Visible</animation>
        <animation effect="fade" time="250">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
    </control>

    <!-- ClearLogo -->
    <control>
        <description>Logo Image</description>
        <type>image</type>
        <id>0</id>
        <posX>120</posX>
        <posY>780</posY>
        <width>400</width>
        <height>155</height>
        <texture>..\..\..\Thumbs\ClearLogo\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <keepaspectratio>yes</keepaspectratio>
        <visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10001)+ !Control.HasFocus(10002) + !Control.HasFocus(10003) + Control.HasFocus(20002)</visible>
          <animation effect="fade" time="250" start= "100" end= "60" condition="true">conditional</animation>
        <animation effect="fade" time="400">Visible</animation>
        <animation effect="fade" time="250">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
    </control>

    <control>
        <description>Genres Logo</description>
      <type>image</type>
      <id>0</id>
         <posX>85</posX>
      <posY>360</posY>
      <width>30</width>
      <height>560</height>
      <align>center</align>
      <valign>bottom</valign>
      <keepaspectratio>yes</keepaspectratio>
      <shouldCache>true</shouldCache>
      <texture>#fanarthandler.movie.genres.selected.verticalall</texture>
      <visible>[!Control.IsVisible(50)+!Control.IsVisible(51)] + !Control.HasFocus(10005)</visible>
      <animation effect="fade" time="250">WindowOpen</animation>
      <animation effect="fade" time="250">WindowClose</animation>
    </control>

    <control>
        <description>Studios Logos</description>
      <id>7650567</id>
      <type>image</type>
      <texture>#fanarthandler.movie.studios.selected.all</texture>
      <posX>123</posX>
      <posY>925</posY>
      <width>379</width>
      <height>60</height>
      <align>center</align>
      <valign>top</valign>
      <keepaspectratio>yes</keepaspectratio>
      <shouldCache>true</shouldCache>
      <visible>[!Control.IsVisible(50)+!Control.IsVisible(51)] + !Control.HasFocus(10005)</visible>
      <animation effect="fade" time="250">WindowOpen</animation>
      <animation effect="fade" time="250">WindowClose</animation>
    </control>
  </controls>
</window>

 

[KJ-Cox]

Another update to movingpictures.details.xml.
This assumes Titan Skin file updated with the FanartHandler code included from MePo in last post or the MePo theme file itself.
Bug fixes, optional CDArt rotation and fade and Runtime format changes.

Runtime minutes and static CDArt


Runtime Hours and minutes and quarter rotation CDArt like MePo Videos plugin


ClearArt, ClearLogo and CDArt appearing where they should not


Resolved with updates


To change Runtime to hours and minutes instead of just minutes
Find:

<label>#MovingPictures.SelectedMovie.runtime.totalminutes min</label>

Replace with:

<label>#MovingPictures.SelectedMovie.extra.runtime.short:#MovingPictures.SelectedMovie.runtime.second min</label>

To fix an issue with images ClearArt appearing in MediaPortal details view where they should not.
Find:

<visible>!Control.IsVisible(50)+!Control.IsVisible(51)</visible>

Replace with:

<visible>[!Control.IsVisible(50)+!Control.IsVisible(51)] + !Control.HasFocus(10005)</visible>

Find:

<visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10001)+ !Control.HasFocus(10002) + !Control.HasFocus(10003)</visible>

Replace with:

<visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10001)+ !Control.HasFocus(10002) + !Control.HasFocus(10003) + !Control.HasFocus(10005)</visible>

Find:

<visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10002) + !Control.HasFocus(10003) + !Control.HasFocus(20002)</visible>

Replace with:

<visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10002) + !Control.HasFocus(10003) + !Control.HasFocus(20002) + !Control.HasFocus(10005)</visible>

Find:

<visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10001)+ !Control.HasFocus(10002) + !Control.HasFocus(10003) + Control.HasFocus(20002)</visible>

Replace with:

<visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10001)+ !Control.HasFocus(10002) + !Control.HasFocus(10003) + Control.HasFocus(20002) + !Control.HasFocus(10005)</visible>

To add a rotate to the disc with fade like it does in the Video plugin.
Find:

    <control>
        <description>Disc Image</description>
        <type>image</type>
        <id>0</id>
        <posX>1550</posX>
        <posY>330</posY>
        <width>300</width>
        <height>300</height>
        <texture>..\..\..\Thumbs\CDArt\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <keepaspectratio>yes</keepaspectratio>
        <visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10001)+ !Control.HasFocus(10002) + !Control.HasFocus(10003)</visible>
          <animation effect="fade" time="250" start= "100" end= "50" condition="true">conditional</animation>
        <animation effect="fade" time="400">Visible</animation>
        <animation effect="fade" time="250">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
    </control>

Replace with this to add the extra animations rotate and fade:

    <control>
        <description>Disc Image</description>
        <type>image</type>
        <id>0</id>
        <posX>1550</posX>
        <posY>330</posY>
        <width>300</width>
        <height>300</height>
        <texture>..\..\..\Thumbs\CDArt\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <keepaspectratio>yes</keepaspectratio>
        <visible>!Control.IsVisible(50)+!Control.IsVisible(51) + !Control.HasFocus(10001)+ !Control.HasFocus(10002) + !Control.HasFocus(10003) + !Control.HasFocus(10005)</visible>
          <animation effect="fade" time="250" start= "100" end= "50" condition="true">conditional</animation>
        <animation effect="fade" time="400">Visible</animation>
        <animation effect="fade" time="250">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
        <animation effect="rotate" time="1000" start="-100" end="0" condition="[!Control.IsVisible(50)+!Control.IsVisible(51)] + !Control.HasFocus(10005)">conditional</animation>
        <animation effect="fade" time="250" condition="[!Control.IsVisible(50)+!Control.IsVisible(51)] + !Control.HasFocus(10005)">conditional</animation>
    </control>

 

[KJ-Cox]

Titan Skin change for movingpictures.views.xml to add support for FanartHandler images and Studio and Genre logo by copying the clearart, genre logo and studio logos code from MePo theme with same filename then remove file from MePo theme and have a single source to maintain.
Last time I mentioned MovingPictures details, this post is for views.

Titan skin MovingPictures View without ClearArt and Logos by default


Added FanartHandler and Genre and Studio logo support in Titan Skin


Add support for FanartHandler ClearArt and ClearLogo from MePo theme code to Titan Skin.
Find:

    <!--            :: LISTVIEW ::            -->

Replace with:

    <!-- ClearArt -->
       <control>
           <description>ClearArt</description>
           <type>image</type>
           <id>159357</id>
           <posX>1550</posX>
           <posY>150</posY>
           <width>250</width>
           <height>140</height>
        <texture>..\..\..\Thumbs\ClearArt\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <visible>![facadeview.filmstrip|facadeview.coverflow]+Control.IsVisible(50)</visible>
        <animation effect="fade" time="500">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
       </control> 

       <control>
           <description>ClearArt</description>
           <type>image</type>
           <id>159358</id>
           <posX>1550</posX>
           <posY>440</posY>
           <width>250</width>
           <height>140</height>
        <texture>..\..\..\Thumbs\ClearArt\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
           <visible>[facadeview.filmstrip|facadeview.coverflow]+Control.IsVisible(50)</visible>
        <animation effect="fade" time="500">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
       </control> 

       <control>
           <description>Collection ClearArt</description>
           <type>image</type>
           <id>0</id>
           <posX>1550</posX>
           <posY>150</posY>
           <width>250</width>
           <height>140</height>
        <texture>..\..\..\Thumbs\ClearArt\MoviesCollections\#(string.getfilename(string.trim(#selecteditem))).png</texture>
        <visible>![facadeview.filmstrip|facadeview.coverflow]+Control.IsVisible(50)+string.equals(#MovingPictures.SelectedMovie.imdb_id,)</visible>
        <animation effect="fade" time="500">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
       </control> 

    <!-- ClearLogo -->
       <control>
           <description>ClearLogo</description>
           <type>image</type>
           <id>0</id>
           <posX>1550</posX>
           <posY>150</posY>
           <width>250</width>
           <height>140</height>
        <texture>..\..\..\Thumbs\ClearLogo\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <visible>![facadeview.filmstrip|facadeview.coverflow]+Control.IsVisible(50)+!control.hasthumb(159357)</visible>
        <animation effect="fade" time="500">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
       </control> 

       <control>
           <description>ClearLogo</description>
           <type>image</type>
           <id>0</id>
           <posX>1550</posX>
           <posY>440</posY>
           <width>250</width>
           <height>140</height>
        <texture>..\..\..\Thumbs\ClearLogo\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <visible>[facadeview.filmstrip|facadeview.coverflow]+Control.IsVisible(50)+!control.hasthumb(159358)</visible>
        <animation effect="fade" time="500">WindowOpen</animation>
        <animation effect="fade" time="250">WindowClose</animation>
       </control> 

    <!--            :: LISTVIEW ::            -->

Add support for Studio and Genre logos from MePo theme code to Titan Skin.
Find:

  </controls>
</window>

Replace with:

    <!-- Studio -->
    <control>
        <description>Studios Logos</description>
      <id>7650567</id>
      <type>image</type>
      <texture>#fanarthandler.movie.studios.selected.all</texture>
      <posX>123</posX>
      <posY>925</posY>
      <width>379</width>
      <height>60</height>
      <align>center</align>
      <valign>top</valign>
      <keepaspectratio>yes</keepaspectratio>
      <shouldCache>true</shouldCache>
      <visible>![facadeview.filmstrip|facadeview.coverflow]+Control.IsVisible(50)</visible>
      <animation effect="fade" time="250">WindowOpen</animation>
      <animation effect="fade" time="250">WindowClose</animation>
    </control>

    <control>
        <description>Studio Logo</description>
      <type>image</type>
      <id>5550555</id>
         <posX>775</posX>
      <posY>30</posY>
      <width>379</width>
      <height>65</height>
      <align>center</align>
      <valign>top</valign>
      <keepaspectratio>yes</keepaspectratio>
      <shouldCache>true</shouldCache>
      <texture>#fanarthandler.movie.studios.selected.all</texture>
      <visible>[facadeview.filmstrip|facadeview.coverflow]+Control.IsVisible(50)</visible>
      <animation effect="fade" time="250">WindowOpen</animation>
      <animation effect="fade" time="250">WindowClose</animation>
    </control>

    <control>
        <description>Genres Logo</description>
      <type>image</type>
      <id>0</id>
         <posX>85</posX>
      <posY>360</posY>
      <width>30</width>
      <height>560</height>
      <align>center</align>
      <valign>bottom</valign>
      <keepaspectratio>yes</keepaspectratio>
      <shouldCache>true</shouldCache>
      <texture>#fanarthandler.movie.genres.selected.verticalall</texture>
      <visible>![facadeview.filmstrip|facadeview.coverflow]+Control.IsVisible(50)</visible>
      <animation effect="fade" time="250">WindowOpen</animation>
      <animation effect="fade" time="250">WindowClose</animation>
    </control>
  </controls>
</window>

 

[KJ-Cox]

Another update to movingpictures.views.xml.
This assumes Titan Skin file updated with the FanartHandler code included from MePo in last post or the MePo theme file itself.
Last time I mentioned MovingPictures details, this post is for views.

No Rotating disc and Runtime is minutes


With disc and Runtime is hours and minutes


Bug fixes, optional CDArt rotation and fade and Runtime format changes.

Change Runtime minutes to hours and minutes.
There is another totalminutes value for the background view but I've left it.
Find:

      <posY>419</posY>
      <label>#MovingPictures.SelectedMovie.runtime.totalminutes min</label>

Replace with:

      <posY>419</posY>
      <label>#MovingPictures.SelectedMovie.extra.runtime.short:#MovingPictures.SelectedMovie.runtime.second min</label>

Add a CDArt rotating disc like MePo theme for Videos plugin view.
Find:

    <!-- ClearLogo -->

Replace with:

    <!-- CDArt -->
    <control>
        <description>Disc Image</description>
        <type>image</type>
        <id>357951</id>
           <posX>250</posX>
           <posY>400</posY>
           <width>500</width>
           <height>500</height>
        <texture>..\..\..\Thumbs\CDArt\Movies\#(string.trim(#MovingPictures.SelectedMovie.imdb_id)).png</texture>
        <keepaspectratio>yes</keepaspectratio>
        <visible>facadeview.list + Control.IsVisible(50)</visible>
        <animation effect="fade" time="100">WindowOpen</animation>
        <animation effect="fade" time="100">WindowClose</animation>
        <animation effect="fade" time="1000" start= "100" end= "25" condition="Control.HasFocus(50)">conditional</animation>
        <animation effect="rotate" time="1000" start= "0" end= "-50" condition="Control.HasFocus(50)">conditional</animation>
        <animation effect="rotate" time="5000" end= "-360" condition="Player.HasMedia" loop="true">conditional</animation>
    </control>

    <!-- ClearLogo -->

 

[KJ-Cox]

Preferential change for Trakt style play icon for Latest Media on Basic Home.

Play icon before:


Trakt example:


After changes. Updated for all home button sizes small, medium and large.


MePo theme change for PluginDefines.Titan.xml
Places the vertical height for small, medium and large play button from bottom left to center of thumb.

MePo theme change for BasicHome.Latests.xml
Puts a large play icon on the recent media panel to match the Trakt one.

PluginDefines.Titan.xml changes.
Update play icon vertical position.
Find:

<define property="true" evaluateNow="true">#home.latest.play.posy:#(switch( eq(#skin.home.button.type,'small'),638, eq(#skin.home.button.type,'middle'),537, eq(1,1),338))</define>

Replace with:

<define property="true" evaluateNow="true">#home.latest.play.posy:#(switch( eq(#skin.home.button.type,'small'),500, eq(#skin.home.button.type,'middle'),399, eq(1,1),200))</define>

BasicHome.Latests.xml changes.
Change the play icon to a larger one like Trakt.
Find all:

        <width>50</width>
        <height>50</height>
        <textureFocus>play_btn_white.png</textureFocus>
        <textureNoFocus>play_btn_white.png</textureNoFocus>

Replace all with:

        <width>132</width>
        <height>189</height>
        <textureFocus>play_overlayframe.png</textureFocus>
        <textureNoFocus>play_overlayframe.png</textureNoFocus>

Remove play icon fade to act like Trakt:
Find All:

<animation effect="fade" time="1000" start= "100" end= "50" reversible="false">Visible</animation>

Replace all with:

<!--animation effect="fade" time="1000" start= "100" end= "50" reversible="false">Visible</animation-->

 

[KJ-Cox]

If these are changes in the base Titan skin, then it is better to make a Pull Request, if in my topic, then I will create a new repository and then it will also be possible to make a Pull Request, if this does not suit, then you can post it here, but it is more difficult to parse the changes.

Changes to both, but needed to pull apart my modifications and describe each as some a preferential, some are bug fixes, some are suggestions. Now that I have documented them with screenshots it should make it easier to discuss.

That's the bulk of the changes I'd like to see for a future release in Titan and MePo. A great skin and theme!

 

[emphatic]

It looks mostly very clean except for the genre icons IMHO, which adds a bit of clutter to the layout. But I guess it's optional to view that if they're not installed? Or are they part of FanArtHandler? If they're not optional, could they be?