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>
<cell size=”5/100″ right_padding=”5/100″ >
<image image=”{@ifequal( {watched} , ‘True’ , ‘watched-img’ , )}” image_format=”fit-left-img-format”/>
</cell>
</cells>
</mode>
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 :
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.