diff options
author | spiff_ <spiff_@svn> | 2010-02-14 21:35:49 +0000 |
---|---|---|
committer | spiff_ <spiff_@svn> | 2010-02-14 21:35:49 +0000 |
commit | 9158ec89a1e55ada3d289db63ec66c92f9719c61 (patch) | |
tree | 3b58fb27de836c7a609dfb7e43234b17e0b90324 /web/xbmciphone/iphone/iui | |
parent | b09ed548474bae27f9468398ad774e8192ed1a78 (diff) |
removed: old webskins
git-svn-id: https://xbmc.svn.sourceforge.net/svnroot/xbmc/trunk@27801 568bbfeb-2a22-0410-94d2-cc84cf5bfa90
Diffstat (limited to 'web/xbmciphone/iphone/iui')
18 files changed, 0 insertions, 774 deletions
diff --git a/web/xbmciphone/iphone/iui/backButton.png b/web/xbmciphone/iphone/iui/backButton.png Binary files differdeleted file mode 100644 index e27ea8cdf9..0000000000 --- a/web/xbmciphone/iphone/iui/backButton.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/blueButton.png b/web/xbmciphone/iphone/iui/blueButton.png Binary files differdeleted file mode 100644 index 0f92dfd945..0000000000 --- a/web/xbmciphone/iphone/iui/blueButton.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/cancel.png b/web/xbmciphone/iphone/iui/cancel.png Binary files differdeleted file mode 100644 index 5f6dcc87d7..0000000000 --- a/web/xbmciphone/iphone/iui/cancel.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/grayButton.png b/web/xbmciphone/iphone/iui/grayButton.png Binary files differdeleted file mode 100644 index 0ce6a30d4b..0000000000 --- a/web/xbmciphone/iphone/iui/grayButton.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/iui.css b/web/xbmciphone/iphone/iui/iui.css deleted file mode 100644 index e7420d396c..0000000000 --- a/web/xbmciphone/iphone/iui/iui.css +++ /dev/null @@ -1,366 +0,0 @@ - -body { - margin: 0; - font-family: Helvetica; - background: #FFFFFF; - color: #000000; - overflow-x: hidden; - -webkit-user-select: none; - -webkit-text-size-adjust: none; -} - -body > *:not(.toolbar) { - display: none; - position: absolute; - margin: 0; - padding: 0; - left: 0; - top: 45px; - width: 100%; - min-height: 372px; -} - -body[orient="landscape"] > *:not(.toolbar) { - min-height: 268px; -} - -body > *[selected="true"] { - display: block; -} - -a[selected], a:active { - background-color: #194fdb !important; - background-image: url(listArrowSel.png), url(selection.png) !important; - background-repeat: no-repeat, repeat-x; - background-position: right center, left top; - color: #FFFFFF !important; -} - -a[selected="progress"] { - background-image: url(loading.gif), url(selection.png) !important; -} - -/************************************************************************************************/ - -body > .toolbar { - box-sizing: border-box; - -moz-box-sizing: border-box; - border-bottom: 1px solid #2d3642; - border-top: 1px solid #6d84a2; - padding: 10px; - height: 45px; - background: url(toolbar.png) #6d84a2 repeat-x; -} - -.toolbar > h1 { - position: absolute; - overflow: hidden; - left: 50%; - margin: 1px 0 0 -75px; - height: 45px; - font-size: 20px; - width: 150px; - font-weight: bold; - text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; - color: #FFFFFF; -} - -body[orient="landscape"] > .toolbar > h1 { - margin-left: -125px; - width: 250px; -} - -.button { - position: absolute; - overflow: hidden; - top: 8px; - right: 6px; - margin: 0; - border-width: 0 5px; - padding: 0 3px; - width: auto; - height: 30px; - line-height: 30px; - font-family: inherit; - font-size: 12px; - font-weight: bold; - color: #FFFFFF; - text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; - text-overflow: ellipsis; - text-decoration: none; - white-space: nowrap; - background: none; - -webkit-border-image: url(toolButton.png) 0 5 0 5; -} - -.blueButton { - -webkit-border-image: url(blueButton.png) 0 5 0 5; - border-width: 0 5px; -} - -.leftButton { - left: 6px; - right: auto; -} - -#backButton { - display: none; - left: 6px; - right: auto; - padding: 0; - max-width: 55px; - border-width: 0 8px 0 14px; - -webkit-border-image: url(backButton.png) 0 8 0 14; -} - -.whiteButton, -.grayButton { - display: block; - border-width: 0 12px; - padding: 10px; - text-align: center; - font-size: 20px; - font-weight: bold; - text-decoration: inherit; - color: inherit; -} - -.whiteButton { - -webkit-border-image: url(whiteButton.png) 0 12 0 12; - text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0; -} - -.grayButton { - -webkit-border-image: url(grayButton.png) 0 12 0 12; - color: #FFFFFF; -} - -/************************************************************************************************/ - -body > ul > li { - position: relative; - margin: 0; - border-bottom: 1px solid #E0E0E0; - padding: 8px 0 8px 10px; - font-size: 20px; - font-weight: bold; - list-style: none; -} - -body > ul > li.group { - position: relative; - top: -1px; - margin-bottom: -2px; - border-top: 1px solid #7d7d7d; - border-bottom: 1px solid #999999; - padding: 1px 10px; - background: url(listGroup.png) repeat-x; - font-size: 17px; - font-weight: bold; - text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; - color: #FFFFFF; -} - -body > ul > li.group:first-child { - top: 0; - border-top: none; -} - -body > ul > li > a { - display: block; - margin: -8px 0 -8px -10px; - padding: 8px 32px 8px 10px; - text-decoration: none; - color: inherit; - background: url(listArrow.png) no-repeat right center; -} - -a[target="_replace"] { - box-sizing: border-box; - padding-top: 25px; - padding-bottom: 25px; - font-size: 18px; - color: cornflowerblue; - background-color: #FFFFFF; - background-image: none; -} - -/************************************************************************************************/ - -body > .dialog { - top: 0; - width: 100%; - min-height: 417px; - z-index: 2; - background: rgba(0, 0, 0, 0.8); - padding: 0; - text-align: right; -} - -.dialog > fieldset { - box-sizing: border-box; - width: 100%; - margin: 0; - border: none; - border-top: 1px solid #6d84a2; - padding: 10px 6px; - background: url(toolbar.png) #7388a5 repeat-x; -} - -.dialog > fieldset > h1 { - margin: 0 10px 0 10px; - padding: 0; - font-size: 20px; - font-weight: bold; - color: #FFFFFF; - text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; - text-align: center; -} - -.dialog > fieldset > label { - position: absolute; - margin: 16px 0 0 6px; - font-size: 14px; - color: #999999; -} - -input { - box-sizing: border-box; - width: 100%; - margin: 8px 0 0 0; - padding: 6px 6px 6px 44px; - font-size: 16px; - font-weight: normal; -} - -/************************************************************************************************/ - -body > .panel { - box-sizing: border-box; - padding: 10px; - background: #c8c8c8 url(pinstripes.png); -} - -.panel > fieldset { - position: relative; - margin: 0 0 20px 0; - padding: 0; - background: #FFFFFF; - -webkit-border-radius: 10px; - border: 1px solid #999999; - text-align: right; - font-size: 16px; -} - -.row { - position: relative; - min-height: 42px; - border-bottom: 1px solid #999999; - -webkit-border-radius: 0; - text-align: right; -} - -fieldset > .row:last-child { - border-bottom: none !important; -} - -.row > input { - box-sizing: border-box; - margin: 0; - border: none; - padding: 12px 10px 0 110px; - height: 42px; - background: none; -} - -.row > label { - position: absolute; - margin: 0 0 0 14px; - line-height: 42px; - font-weight: bold; -} - -.row > .toggle { - position: absolute; - top: 6px; - right: 6px; - width: 100px; - height: 28px; -} - -.toggle { - border: 1px solid #888888; - -webkit-border-radius: 6px; - background: #FFFFFF url(toggle.png) repeat-x; - font-size: 19px; - font-weight: bold; - line-height: 30px; -} - -.toggle[toggled="true"] { - border: 1px solid #143fae; - background: #194fdb url(toggleOn.png) repeat-x; -} - -.toggleOn { - display: none; - position: absolute; - width: 60px; - text-align: center; - left: 0; - top: 0; - color: #FFFFFF; - text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; -} - -.toggleOff { - position: absolute; - width: 60px; - text-align: center; - right: 0; - top: 0; - color: #666666; -} - -.toggle[toggled="true"] > .toggleOn { - display: block; -} - -.toggle[toggled="true"] > .toggleOff { - display: none; -} - -.thumb { - position: absolute; - top: -1px; - left: -1px; - width: 40px; - height: 28px; - border: 1px solid #888888; - -webkit-border-radius: 6px; - background: #ffffff url(thumb.png) repeat-x; -} - -.toggle[toggled="true"] > .thumb { - left: auto; - right: -1px; -} - -.panel > h2 { - margin: 0 0 8px 14px; - font-size: inherit; - font-weight: bold; - color: #4d4d70; - text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0; -} - -/************************************************************************************************/ - -#preloader { - display: none; - background-image: url(loading.gif), url(selection.png), - url(blueButton.png), url(listArrowSel.png), url(listGroup.png); -} diff --git a/web/xbmciphone/iphone/iui/iui.js b/web/xbmciphone/iphone/iui/iui.js deleted file mode 100644 index d0c7629cd9..0000000000 --- a/web/xbmciphone/iphone/iui/iui.js +++ /dev/null @@ -1,408 +0,0 @@ - -(function() { - -var slideSpeed = 20; -var slideInterval = 0; - -var currentPage = null; -var currentDialog = null; -var currentWidth = 0; -var currentHash = location.hash; -var hashPrefix = "#_"; -var pageHistory = []; -var newPageCount = 0; -var checkTimer; - -// ************************************************************************************************* - -window.iui = -{ - showPage: function(page, backwards) - { - if (page) - { - if (currentDialog) - { - currentDialog.removeAttribute("selected"); - currentDialog = null; - } - - if (hasClass(page, "dialog")) - showDialog(page); - else if (currentPage != page) // TLROBINSON: don't redisplay an already shown page - { - var fromPage = currentPage; - currentPage = page; - - if (fromPage) - setTimeout(slidePages, 0, fromPage, page, backwards); - else - updatePage(page, fromPage); - } - } - }, - - showPageById: function(pageId) - { - var page = $(pageId); - if (page) - { - var index = pageHistory.indexOf(pageId); - var backwards = index != -1; - if (backwards) - pageHistory.splice(index, pageHistory.length); - - iui.showPage(page, backwards); - } - }, - - showPageByHref: function(href, args, method, replace, cb) - { - var req = new XMLHttpRequest(); - req.onerror = function() - { - if (cb) - cb(false); - }; - - req.onreadystatechange = function() - { - if (req.readyState == 4) - { - if (replace) - replaceElementWithSource(replace, req.responseText); - else - { - var frag = document.createElement("div"); - frag.innerHTML = req.responseText; - iui.insertPages(frag.childNodes); - } - if (cb) - setTimeout(cb, 1000, true); - } - }; - - if (args) - { - req.open(method || "GET", href, true); - req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); - req.setRequestHeader("Content-Length", args.length); - req.send(args.join("&")); - } - else - { - req.open(method || "GET", href, true); - req.send(null); - } - }, - - insertPages: function(nodes) - { - var targetPage; - for (var i = 0; i < nodes.length; ++i) - { - var child = nodes[i]; - if (child.nodeType == 1) - { - if (!child.id) - child.id = "__" + (++newPageCount) + "__"; - - var clone = $(child.id); - if (clone) - clone.parentNode.replaceChild(child, clone); - else - document.body.appendChild(child); - - if (child.getAttribute("selected") == "true" || !targetPage) - targetPage = child; - - --i; - } - } - - if (targetPage) - iui.showPage(targetPage); - }, - - // TLROBINSON: For inserting a single page. - insertPage: function(node) - { - if (!node.id) - node.id = "__" + (++newPageCount) + "__"; - - var clone = $(node.id); - if (clone) - clone.parentNode.replaceChild(node, clone); - else - document.body.appendChild(node); - - iui.showPage(node); - }, - - getSelectedPage: function() - { - for (var child = document.body.firstChild; child; child = child.nextSibling) - { - if (child.nodeType == 1 && child.getAttribute("selected") == "true") - return child; - } - } -}; - -// ************************************************************************************************* - -addEventListener("load", function(event) -{ - var page = iui.getSelectedPage(); - if (page) - iui.showPage(page); - - setTimeout(preloadImages, 0); - setTimeout(checkOrientAndLocation, 0); - checkTimer = setInterval(checkOrientAndLocation, 300); -}, false); - -addEventListener("click", function(event) -{ - var link = findParent(event.target, "a"); - if (link) - { - function unselect() { link.removeAttribute("selected"); } - - if (link.href && link.hash && link.hash != "#") - { - link.setAttribute("selected", "true"); - // TLROBINSON: - var page = $(link.hash.substr(1)); - if (link.hash.substring(0,5) == "#xbmc") // special XBMC links - executeXbmcCommand(link.hash); - else if (page) - iui.showPage(page, (page.id=="home"?true:false)); // always slide back if we're going to the home page - else - alert("***DEBUG*** Page doesn't exist"); - setTimeout(unselect, 500); - } - else if (link == $("backButton")) - history.back(); - else if (link.getAttribute("type") == "submit") - submitForm(findParent(link, "form")); - else if (link.getAttribute("type") == "cancel") - cancelDialog(findParent(link, "form")); - else if (link.target == "_replace") - { - link.setAttribute("selected", "progress"); - iui.showPageByHref(link.href, null, null, link, unselect); - } - else if (!link.target) - { - link.setAttribute("selected", "progress"); - iui.showPageByHref(link.href, null, null, null, unselect); - } - else - return; - - event.preventDefault(); - } -}, true); - -addEventListener("click", function(event) -{ - var div = findParent(event.target, "div"); - if (div && hasClass(div, "toggle")) - { - div.setAttribute("toggled", div.getAttribute("toggled") != "true"); - event.preventDefault(); - } -}, true); - -function checkOrientAndLocation() -{ - if (window.innerWidth != currentWidth) - { - currentWidth = window.innerWidth; - var orient = currentWidth != 480 ? "profile" : "landscape"; // TLROBINSON: - $("transportbg").style.display = (orient=="landscape")?"block":"none"; // TLROBINSON: show/hide transport - document.body.setAttribute("orient", orient); - setTimeout(scrollTo, 100, 0, 1); - } - - if (location.hash != currentHash) - { - var pageId = location.hash.substr(hashPrefix.length) - iui.showPageById(pageId); - } -} - -function showDialog(page) -{ - currentDialog = page; - page.setAttribute("selected", "true"); - - if (hasClass(page, "dialog") && !page.target) - showForm(page); -} - -function showForm(form) -{ - form.onsubmit = function(event) - { - event.preventDefault(); - submitForm(form); - }; - - form.onclick = function(event) - { - if (event.target == form && hasClass(form, "dialog")) - cancelDialog(form); - }; -} - -function cancelDialog(form) -{ - form.removeAttribute("selected"); -} - -function updatePage(page, fromPage) -{ - if (!page.id) - page.id = "__" + (++newPageCount) + "__"; - - location.href = currentHash = hashPrefix + page.id; - pageHistory.push(page.id); - - var pageTitle = $("pageTitle"); - if (page.title) { - if (page.title == "XBMC") { // TLROBINSON: special case for logo - pageTitle.innerHTML = "<img src=\"images/xbmc.png\" />"; - pageTitle.className = "titleimg"; - } else { - pageTitle.innerHTML = "<a href=\"#home\">"+page.title+"</a>"; - pageTitle.className = ""; - } - } - - if (page.localName.toLowerCase() == "form" && !page.target) - showForm(page); - - var backButton = $("backButton"); - if (backButton) - { - var prevPage = $(pageHistory[pageHistory.length-2]); - if (prevPage && !page.getAttribute("hideBackButton")) - { - backButton.style.display = "inline"; - backButton.innerHTML = prevPage.title ? prevPage.title : "Back"; - } - else - backButton.style.display = "none"; - } -} - -function slidePages(fromPage, toPage, backwards) -{ - var axis = (backwards ? fromPage : toPage).getAttribute("axis"); - if (axis == "y") - (backwards ? fromPage : toPage).style.top = "100%"; - else - toPage.style.left = "100%"; - - toPage.setAttribute("selected", "true"); - scrollTo(0, 1); - clearInterval(checkTimer); - - var percent = 100; - slide(); - var timer = setInterval(slide, slideInterval); - - function slide() - { - percent -= slideSpeed; - if (percent <= 0) - { - percent = 0; - if (!hasClass(toPage, "dialog")) - fromPage.removeAttribute("selected"); - clearInterval(timer); - checkTimer = setInterval(checkOrientAndLocation, 300); - setTimeout(updatePage, 0, toPage, fromPage); - } - - if (axis == "y") - { - backwards - ? fromPage.style.top = (100-percent) + "%" - : toPage.style.top = percent + "%"; - } - else - { - fromPage.style.left = (backwards ? (100-percent) : (percent-100)) + "%"; - toPage.style.left = (backwards ? -percent : percent) + "%"; - } - } -} - -function preloadImages() -{ - var preloader = document.createElement("div"); - preloader.id = "preloader"; - document.body.appendChild(preloader); -} - -function submitForm(form) -{ - iui.showPageByHref(form.action || "POST", encodeForm(form), form.method); -} - -function encodeForm(form) -{ - function encode(inputs) - { - for (var i = 0; i < inputs.length; ++i) - { - if (inputs[i].name) - args.push(inputs[i].name + "=" + escape(inputs[i].value)); - } - } - - var args = []; - encode(form.getElementsByTagName("input")); - encode(form.getElementsByTagName("select")); - return args; -} - -function findParent(node, localName) -{ - while (node && (node.nodeType != 1 || node.localName.toLowerCase() != localName)) - node = node.parentNode; - return node; -} - -function hasClass(self, name) -{ - var re = new RegExp("(^|\\s)"+name+"($|\\s)"); - return re.exec(self.getAttribute("class")) != null; -} - -function replaceElementWithSource(replace, source) -{ - var page = replace.parentNode; - var parent = replace; - while (page.parentNode != document.body) - { - page = page.parentNode; - parent = parent.parentNode; - } - - var frag = document.createElement(parent.localName); - frag.innerHTML = source; - - page.removeChild(parent); - - while (frag.firstChild) - page.appendChild(frag.firstChild); -} - -function $(id) { return document.getElementById(id); } -function ddd() { console.log.apply(console, arguments); } - -})(); diff --git a/web/xbmciphone/iphone/iui/listArrow.png b/web/xbmciphone/iphone/iui/listArrow.png Binary files differdeleted file mode 100644 index 6421a16762..0000000000 --- a/web/xbmciphone/iphone/iui/listArrow.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/listArrowSel.png b/web/xbmciphone/iphone/iui/listArrowSel.png Binary files differdeleted file mode 100644 index 86832ebc7b..0000000000 --- a/web/xbmciphone/iphone/iui/listArrowSel.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/listGroup.png b/web/xbmciphone/iphone/iui/listGroup.png Binary files differdeleted file mode 100644 index 221553ae9a..0000000000 --- a/web/xbmciphone/iphone/iui/listGroup.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/loading.gif b/web/xbmciphone/iphone/iui/loading.gif Binary files differdeleted file mode 100644 index 8522ddf1a6..0000000000 --- a/web/xbmciphone/iphone/iui/loading.gif +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/pinstripes.png b/web/xbmciphone/iphone/iui/pinstripes.png Binary files differdeleted file mode 100644 index c99777512f..0000000000 --- a/web/xbmciphone/iphone/iui/pinstripes.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/selection.png b/web/xbmciphone/iphone/iui/selection.png Binary files differdeleted file mode 100644 index 537e3f0b13..0000000000 --- a/web/xbmciphone/iphone/iui/selection.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/thumb.png b/web/xbmciphone/iphone/iui/thumb.png Binary files differdeleted file mode 100644 index cefa8fc5e9..0000000000 --- a/web/xbmciphone/iphone/iui/thumb.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/toggle.png b/web/xbmciphone/iphone/iui/toggle.png Binary files differdeleted file mode 100644 index 3b62ebf26e..0000000000 --- a/web/xbmciphone/iphone/iui/toggle.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/toggleOn.png b/web/xbmciphone/iphone/iui/toggleOn.png Binary files differdeleted file mode 100644 index b016814dee..0000000000 --- a/web/xbmciphone/iphone/iui/toggleOn.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/toolButton.png b/web/xbmciphone/iphone/iui/toolButton.png Binary files differdeleted file mode 100644 index afe4d7a3ee..0000000000 --- a/web/xbmciphone/iphone/iui/toolButton.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/toolbar.png b/web/xbmciphone/iphone/iui/toolbar.png Binary files differdeleted file mode 100644 index 3dde94c07e..0000000000 --- a/web/xbmciphone/iphone/iui/toolbar.png +++ /dev/null diff --git a/web/xbmciphone/iphone/iui/whiteButton.png b/web/xbmciphone/iphone/iui/whiteButton.png Binary files differdeleted file mode 100644 index 5514b27005..0000000000 --- a/web/xbmciphone/iphone/iui/whiteButton.png +++ /dev/null |