283 lines
144 KiB
HTML
283 lines
144 KiB
HTML
|
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
|
||
|
|
<title>
|
||
|
|
components/music/PlaylistView.brs - Documentation
|
||
|
|
</title>
|
||
|
|
|
||
|
|
<link href="https://www.braintreepayments.com/images/favicon-ccda0b14.png" rel="icon" type="image/png">
|
||
|
|
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/highlight.min.js"></script>
|
||
|
|
<script>hljs.initHighlightingOnLoad();</script>
|
||
|
|
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
|
||
|
|
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- start Mixpanel -->
|
||
|
|
<script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
|
||
|
|
0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
|
||
|
|
for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
|
||
|
|
mixpanel.init("1919205b2da72e4da3b9b6639b444d59");</script>
|
||
|
|
<!-- end Mixpanel -->
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<svg style="display: none;">
|
||
|
|
<defs>
|
||
|
|
<symbol id="linkIcon" fill="#706d77" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<path d="M0 0h24v24H0z" fill="none"/>
|
||
|
|
<path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/>
|
||
|
|
</symbol>
|
||
|
|
</defs>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
|
||
|
|
<label for="nav-trigger" class="navicon-button x">
|
||
|
|
<div class="navicon"></div>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label for="nav-trigger" class="overlay"></label>
|
||
|
|
|
||
|
|
<div class="top-nav-wrapper">
|
||
|
|
<ul>
|
||
|
|
<li >
|
||
|
|
<a href="index.html">
|
||
|
|
|
||
|
|
<svg fill="#6D6D6D" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
|
||
|
|
<path d="M0 0h24v24H0z" fill="none"/>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<nav>
|
||
|
|
<h3 class="reference-title">
|
||
|
|
Braintree SDK Client Reference
|
||
|
|
</h3>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<h3>Classes</h3><ul><li id="Logger-nav"><a href="module-log.Logger.html">Logger</a><ul class='methods'><li data-type="method" id="Logger-debug-nav"><a href="module-log.Logger.html#debug">debug</a></li><li data-type="method" id="Logger-decreaseIndent-nav"><a href="module-log.Logger.html#decreaseIndent">decreaseIndent</a></li><li data-type="method" id="Logger-error-nav"><a href="module-log.Logger.html#error">error</a></li><li data-type="method" id="Logger-increaseIndent-nav"><a href="module-log.Logger.html#increaseIndent">increaseIndent</a></li><li data-type="method" id="Logger-info-nav"><a href="module-log.Logger.html#info">info</a></li><li data-type="method" id="Logger-log-nav"><a href="module-log.Logger.html#log">log</a></li><li data-type="method" id="Logger-method-nav"><a href="module-log.Logger.html#method">method</a></li><li data-type="method" id="Logger-resetIndent-nav"><a href="module-log.Logger.html#resetIndent">resetIndent</a></li><li data-type="method" id="Logger-toString-nav"><a href="module-log.Logger.html#toString">toString</a></li><li data-type="method" id="Logger-verbose-nav"><a href="module-log.Logger.html#verbose">verbose</a></li><li data-type="method" id="Logger-warn-nav"><a href="module-log.Logger.html#warn">warn</a></li></ul></li></ul><h3>Modules</h3><ul><li id="AlbumData-nav"><a href="module-AlbumData.html">AlbumData</a><ul class='methods'><li data-type="method" id="AlbumData-setFields-nav"><a href="module-AlbumData.html#.setFields">setFields</a></li></ul></li><li id="AlbumGrid-nav"><a href="module-AlbumGrid.html">AlbumGrid</a><ul class='methods'><li data-type="method" id="AlbumGrid-getData-nav"><a href="module-AlbumGrid.html#.getData">getData</a></li><li data-type="method" id="AlbumGrid-init-nav"><a href="module-AlbumGrid.html#.init">init</a></li><li data-type="method" id="AlbumGrid-onKeyEvent-nav"><a href="module-AlbumGrid.html#.onKeyEvent">onKeyEvent</a></li></ul></li><li id="AlbumTrackList-nav"><a href="module-AlbumTrackList.html">AlbumTrackList</a><ul class='methods'><li data-type="method" id="AlbumTrackList-getData-nav"><a href="module-AlbumTrackList.html#.getData">getData</a></li><li data-type="method" id="AlbumTrackList-init-nav"><a href="module-AlbumTrackList.html#.init">init</a></li></ul></li><li id="AlbumView-nav"><a href="module-AlbumView.html">AlbumView</a><ul class='methods'><li data-type="method" id="AlbumView-OnScreenHidden-nav"><a href="module-AlbumView.html#.OnScreenHidden">OnScreenHidden</a></li><li data-type="method" id="AlbumView-adjustScreenForNoOverview-nav"><a href="module-AlbumView.html#.adjustScreenForNoOverview">adjustScreenForNoOverview</a></li><li data-type="method" id="AlbumView-createDialogPallete-nav"><a href="module-AlbumView.html#.createDialogPallete">createDialogPallete</a></li><li data-type="method" id="AlbumView-createFullDscrDlg-nav"><a href="module-AlbumView.html#.createFullDscrDlg">createFullDscrDlg</a></li><li data-type="method" id="AlbumView-init-nav"><a href="module-AlbumView.html#.init">init</a></li><li data-type="method" id="AlbumView-onDoneLoading-nav"><a href="module-AlbumView.html#.onDoneLoading">onDoneLoading</a></li><li data-type="method" id="AlbumView-onKeyEvent-nav"><a href="module-AlbumView.html#.onKeyEvent">onKeyEvent</a></li><li data-type="method" id="AlbumView-pageContentChanged-nav"><a href="module-AlbumView.html#.pageContentChanged">pageContentChanged</a></li><li data-type="method" id="AlbumView-setOnScreenTextValues-nav"><a href="module-AlbumView.html#.setOnScreenTextValues">setOnScreenTextValues</a></li><li data-type="method" id="AlbumView-setPosterImage-nav"><a href="module-AlbumView.html#.setPosterImage">setPosterImage</a></li><li data-type="method" id="AlbumView-setScreenTitle-nav"><a href="module-AlbumView.html#.setScreenTitle">setScreenTitle</a></li><li data-type="method" id="AlbumView-setupMainNode-nav"><a href="module-AlbumView.html#.setupMainNode">setupMainNode</a></li></ul></li><li id="Alpha-nav"><a href="module-Alpha.html">Alpha</a><ul class='methods'><li data-type="method" id="Alpha-init-nav"><a href="module-Alpha.html#.init">
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div id="main">
|
||
|
|
|
||
|
|
<h1 class="page-title">
|
||
|
|
components/music/PlaylistView.brs
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<article>
|
||
|
|
<pre class="prettyprint source linenums"><code>import "pkg:/source/utils/misc.brs"
|
||
|
|
|
||
|
|
sub init()
|
||
|
|
m.top.optionsAvailable = false
|
||
|
|
setupMainNode()
|
||
|
|
|
||
|
|
m.playAll = m.top.findNode("playAll")
|
||
|
|
m.albumCover = m.top.findNode("albumCover")
|
||
|
|
m.songList = m.top.findNode("songList")
|
||
|
|
m.infoGroup = m.top.FindNode("infoGroup")
|
||
|
|
m.songListRect = m.top.FindNode("songListRect")
|
||
|
|
|
||
|
|
m.songList.observeField("doneLoading", "onDoneLoading")
|
||
|
|
m.spinner = m.top.findNode("spinner")
|
||
|
|
m.spinner.visible = true
|
||
|
|
|
||
|
|
m.dscr = m.top.findNode("overview")
|
||
|
|
createDialogPallete()
|
||
|
|
end sub
|
||
|
|
|
||
|
|
sub setupMainNode()
|
||
|
|
main = m.top.findNode("toplevel")
|
||
|
|
main.translation = [96, 175]
|
||
|
|
end sub
|
||
|
|
|
||
|
|
' Set values for displayed values on screen
|
||
|
|
sub pageContentChanged()
|
||
|
|
item = m.top.pageContent
|
||
|
|
|
||
|
|
setPosterImage(item.posterURL)
|
||
|
|
setScreenTitle(item.json)
|
||
|
|
setOnScreenTextValues(item.json)
|
||
|
|
|
||
|
|
' Only 1 song shown, so hide Play Album button
|
||
|
|
if item.json.ChildCount = 1
|
||
|
|
m.playAll.visible = false
|
||
|
|
end if
|
||
|
|
end sub
|
||
|
|
|
||
|
|
' Set poster image on screen
|
||
|
|
sub setPosterImage(posterURL)
|
||
|
|
if isValid(posterURL)
|
||
|
|
m.albumCover.uri = posterURL
|
||
|
|
end if
|
||
|
|
end sub
|
||
|
|
|
||
|
|
' Set screen's title text
|
||
|
|
sub setScreenTitle(json)
|
||
|
|
newTitle = ""
|
||
|
|
if isValid(json)
|
||
|
|
if isValid(json.AlbumArtist)
|
||
|
|
newTitle = json.AlbumArtist
|
||
|
|
end if
|
||
|
|
if isValid(json.AlbumArtist) and isValid(json.name)
|
||
|
|
newTitle = newTitle + " / "
|
||
|
|
end if
|
||
|
|
if isValid(json.name)
|
||
|
|
newTitle = newTitle + json.name
|
||
|
|
end if
|
||
|
|
end if
|
||
|
|
m.top.overhangTitle = newTitle
|
||
|
|
end sub
|
||
|
|
|
||
|
|
' Adjust scene by removing overview node and showing more songs
|
||
|
|
sub adjustScreenForNoOverview()
|
||
|
|
m.infoGroup.removeChild(m.dscr)
|
||
|
|
m.songListRect.height = 800
|
||
|
|
m.songList.numRows = 12
|
||
|
|
end sub
|
||
|
|
|
||
|
|
' Populate on screen text variables
|
||
|
|
sub setOnScreenTextValues(json)
|
||
|
|
if isValid(json)
|
||
|
|
if isValid(json.overview) and json.overview <> ""
|
||
|
|
' We have overview text
|
||
|
|
setFieldTextValue("overview", json.overview)
|
||
|
|
else
|
||
|
|
' We don't have overview text
|
||
|
|
adjustScreenForNoOverview()
|
||
|
|
end if
|
||
|
|
|
||
|
|
setFieldTextValue("numberofsongs", stri(json.ChildCount) + " Tracks")
|
||
|
|
|
||
|
|
if type(json.ProductionYear) = "roInt"
|
||
|
|
setFieldTextValue("released", "Released " + stri(json.ProductionYear))
|
||
|
|
end if
|
||
|
|
|
||
|
|
if json.genres.count() > 0
|
||
|
|
setFieldTextValue("genres", json.genres.join(", "))
|
||
|
|
end if
|
||
|
|
|
||
|
|
if type(json.RunTimeTicks) = "LongInteger"
|
||
|
|
setFieldTextValue("runtime", stri(getMinutes(json.RunTimeTicks)) + " mins")
|
||
|
|
end if
|
||
|
|
end if
|
||
|
|
end sub
|
||
|
|
|
||
|
|
function onKeyEvent(key as string, press as boolean) as boolean
|
||
|
|
if not press then return false
|
||
|
|
|
||
|
|
if m.spinner.visible then return false
|
||
|
|
|
||
|
|
if key = "options"
|
||
|
|
if m.dscr.isTextEllipsized
|
||
|
|
createFullDscrDlg()
|
||
|
|
return true
|
||
|
|
end if
|
||
|
|
return false
|
||
|
|
end if
|
||
|
|
|
||
|
|
if key = "right"
|
||
|
|
if m.playAll.hasFocus()
|
||
|
|
m.songList.setFocus(true)
|
||
|
|
return true
|
||
|
|
end if
|
||
|
|
else if key = "left" and m.songList.hasFocus()
|
||
|
|
if m.playAll.visible
|
||
|
|
m.playAll.setFocus(true)
|
||
|
|
else
|
||
|
|
return false
|
||
|
|
end if
|
||
|
|
return true
|
||
|
|
end if
|
||
|
|
|
||
|
|
return false
|
||
|
|
end function
|
||
|
|
|
||
|
|
sub createFullDscrDlg()
|
||
|
|
dlg = CreateObject("roSGNode", "OverviewDialog")
|
||
|
|
dlg.Title = tr("Press 'Back' to Close")
|
||
|
|
dlg.width = 1290
|
||
|
|
dlg.palette = m.dlgPalette
|
||
|
|
dlg.overview = [m.dscr.text]
|
||
|
|
m.fullDscrDlg = dlg
|
||
|
|
m.top.getScene().dialog = dlg
|
||
|
|
border = createObject("roSGNode", "Poster")
|
||
|
|
border.uri = "pkg:/images/hd_focul_9.png"
|
||
|
|
border.blendColor = "#c9c9c9ff"
|
||
|
|
border.width = dlg.width + 6
|
||
|
|
border.height = dlg.height + 6
|
||
|
|
border.translation = [dlg.translation[0] - 3, dlg.translation[1] - 3]
|
||
|
|
border.visible = true
|
||
|
|
end sub
|
||
|
|
|
||
|
|
sub createDialogPallete()
|
||
|
|
m.dlgPalette = createObject("roSGNode", "RSGPalette")
|
||
|
|
m.dlgPalette.colors = {
|
||
|
|
DialogBackgroundColor: "0x262828FF",
|
||
|
|
DialogItemColor: "0x00EF00FF",
|
||
|
|
DialogTextColor: "0xb0b0b0FF",
|
||
|
|
DialogFocusColor: "0xcececeFF",
|
||
|
|
DialogFocusItemColor: "0x202020FF",
|
||
|
|
DialogSecondaryTextColor: "0xf8f8f8ff",
|
||
|
|
DialogSecondaryItemColor: "0xcc7ecc4D",
|
||
|
|
DialogInputFieldColor: "0x80FF8080",
|
||
|
|
DialogKeyboardColor: "0x80FF804D",
|
||
|
|
DialogFootprintColor: "0x80FF804D"
|
||
|
|
}
|
||
|
|
end sub
|
||
|
|
|
||
|
|
sub onDoneLoading()
|
||
|
|
m.songList.unobservefield("doneLoading")
|
||
|
|
m.spinner.visible = false
|
||
|
|
end sub
|
||
|
|
|
||
|
|
sub OnScreenHidden()
|
||
|
|
m.spinner.visible = false
|
||
|
|
end sub
|
||
|
|
</code></pre>
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<br class="clear">
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
<script src="scripts/linenumber.js"></script>
|
||
|
|
<script src="scripts/pagelocation.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|