How to add a graphical watched tag to a meedio screen

meedio watched tag example

First add the following to your themes default.reources file somewhere within the <image> tag:

<watched-img source=”draw:unselcircle”/>

You could point to an actual image but this way it is more subtle, portable and matches any theme.

Now to edit the screen file for your section, I would recomend copying media.screen to somewhere and using that as an alternate screen rather than editing the default one.

Replace everyting between and including:

<mode name=”movie-details” and </mode>

with this :

<mode name=”view-watched” preset=”simple-list-mode” >
<cells orientation=”cols”>
<cell left_padding=”1/30″>
<label caption=”{caption}” name=”” translate=”” />
<cell size=”5/100″ right_padding=”5/100″ >
<image image=”{@ifequal( {watched} , ‘True’ , ‘watched-img’ , )}” image_format=”fit-left-img-format”/>

that will add an extra display mode called ‘view-watched’ to that particular screen.

To use this mode you need to add it to the views section of the media library that your screen uses :

Meedio Library View

So thats it, all done

bear in mind that this will probably only work with the default player as it requires the watched field in the library to be set, also if you watch a ’watched’ video it will become unwatched again, go figure..

You will also need to make sure that your importer is set to “update existing items” not “delete and reimport”.  If you delete stuff after watching it you will also need to use the DeleteMissing importer as the “update existing items does not remove non-existent items.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: