INTERACT FORUM

Please login or register.

Login with username, password and session length
Advanced search  
Pages: [1]   Go Down

Author Topic: Web Gizmo breadcrumbs  (Read 2536 times)

park

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 2358
  • I wish I had more to say!
Web Gizmo breadcrumbs
« on: April 11, 2012, 02:36:05 am »

Web gizmo is working great. I use it all the time, even instead of Android Gizmo because of all the extra list space when browsing on a laptop.

The next thing I would love to see would be breadcrumbs. This would:
a) Show you what category you are in (you have to guess now)
b) Show you the full title of a previous selection (now if I click on a truncated text thumbnail there is nothing telling me on the next screen what I just clicked on)

Most of the thumbnail text values are truncated because of the width of the thumbnails. (incidentally it would be great to see some kind of "img alt" type thing that showed the full name of the truncated thumbnail text when hovering over the image)

It should look something like:

Genre: Classical > Composer: Rimsky-Korsakov > Albums
Logged

Scolex

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 1116
  • Cheers
Re: Web Gizmo breadcrumbs
« Reply #1 on: April 11, 2012, 09:37:10 am »

I haven't check to see which all files would need to be edited but here is the code for libraryfiles.html that will give you a tool tip.
libraryfiles.html is the template used for images and videos.
You only get the tooltip when hovering over the thumb not the text.
I bolded the changes.

      <!-- begin: if([CurrentLibraryItem.UseThumbnails]) -->
         <!-- begin: loop(z, [Pagination.StartIndex], min([Pagination.FinishIndex], [LibraryFilesCount] - 1)) -->
            <div class="thumbitemcontainer" >
               <div class="thumbitem" >
                  <!-- begin: if([Mode.IsRemote]) -->
                     <a href="javascript:download_jump_playing_now('MCWS/v1/Browse/Files?ID=[CurrentLibraryItem.ID]&amp;Action=Play&amp;Zone=[ModeZone.ID]&ActiveFile=[LibraryFile([z]).FileKey]&amp;Token=[Token]')"><img src="[LibraryFile([z]).ImageLink]&amp;Width=136&amp;Height=136&amp;Pad=1&amp;Format=png" class="thumbitem" title="[LibraryFile([z]).Name]" alt="[LibraryFile([z]).Name] Image" />[/url]
                     <div class="title">
                        <a href="javascript:download_jump_playing_now('MCWS/v1/Browse/Files?ID=[CurrentLibraryItem.ID]&amp;Action=Play&amp;Zone=[ModeZone.ID]&ActiveFile=[LibraryFile([z]).FileKey]&amp;Token=[Token]')">[LibraryFile([z]).Name][/url]
                     </div>
                  <!-- else -->
                     <a href="[LibraryFile([z]).WebPlayPlayLink]"><img src="[LibraryFile([z]).ImageLink]&amp;Width=136&amp;Height=136&amp;Pad=1&amp;Format=png" class="thumbitem" title="[LibraryFile([z]).Name]" alt="[LibraryFile([z]).Name] Image" />[/url]
                     <div class="title">
                        <a href="[LibraryFile([z]).WebPlayPlayLink]">[LibraryFile([z]).Name][/url]
                     </div>
                  <!-- end: if -->
               </div>
            </div>
         <!-- end: loop -->


Edit: will look into breadcrumbs, time permitting as I have never used them before.
To prevent updates from overwriting the changes make a copy of the default folder and rename then set the appearance option for webgizmo to the new folder.
Logged
Sean

Scolex

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 1116
  • Cheers
Re: Web Gizmo breadcrumbs
« Reply #2 on: April 11, 2012, 06:53:39 pm »

After doing a little research on breadcrumbs in my opinion adding them could be difficult, I am still contemplating options though.

We are dealing with dynamically generated pages with many different pages using the same template so a script is required to parse
the relevant tag/s in the page to generate crumbs from.
Logged
Sean

park

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 2358
  • I wish I had more to say!
Re: Web Gizmo breadcrumbs
« Reply #3 on: April 11, 2012, 08:11:26 pm »

Great work Scolex. I hope those changes get seeded into an MC build. How do you deal with keeping your customizations in sync with MC builds that change the web pages?
Logged

Scolex

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 1116
  • Cheers
Re: Web Gizmo breadcrumbs
« Reply #4 on: April 11, 2012, 08:27:51 pm »

Edit: will look into breadcrumbs, time permitting as I have never used them before.
To prevent updates from overwriting the changes make a copy of the default folder and rename then set the appearance option for webgizmo to the new folder.

Appearance option was added in 17.0.120. options>media network>advanced
Logged
Sean

Matt

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 42373
  • Shoes gone again!
Re: Web Gizmo breadcrumbs
« Reply #5 on: April 11, 2012, 10:59:33 pm »

Scolex, nice work again.  We'll include this in a coming build.  (If we forget, please bump this).

As for breadcrumbs, WebGizmo needs to work well on small phone screens where there isn't really room for them.
Logged
Matt Ashland, JRiver Media Center

MrHaugen

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 3774
Re: Web Gizmo breadcrumbs
« Reply #6 on: April 12, 2012, 08:35:09 am »

As for breadcrumbs, WebGizmo needs to work well on small phone screens where there isn't really room for them.

There have to be a way to cut the length of the breadcrumbs, if they go over two lines? Just keep the one or to items to the far right. I think this is how windows exploder address field also operates. That way you could still hit the second item on small devices to jump one step back/up.
Logged
- I may not always believe what I'm saying
Pages: [1]   Go Up