From 9e64a2d53a83b9797532567431cb832a285e4128 Mon Sep 17 00:00:00 2001 From: KevinMidboe Date: Thu, 9 Feb 2017 00:41:15 +0100 Subject: [PATCH] Done with most of the requests of movies and started most of the dyn loading of elements --- html/css/style.css | 45 ++++++++++++++ html/js/searchBar.js | 33 +++++++++- html/searchDisplay.html | 10 +++ plex/__pycache__/plexSearch.cpython-34.pyc | Bin 0 -> 1846 bytes plex/__pycache__/tmdb.cpython-34.pyc | Bin 1500 -> 2202 bytes plex/plexSearch.py | 8 ++- plex/plex_watching.py | 24 ++++++-- plex/testData/watchingSingleEpisode.txt | 13 ++++ plex/testData/watchingTwoEpisodes.txt | 20 ++++++ plex/testData/watchingTwoStreams.txt | 6 ++ plex/tmdb.py | 67 ++++++++++++++------- 11 files changed, 194 insertions(+), 32 deletions(-) create mode 100644 html/css/style.css create mode 100644 plex/__pycache__/plexSearch.cpython-34.pyc create mode 100644 plex/testData/watchingSingleEpisode.txt create mode 100644 plex/testData/watchingTwoEpisodes.txt create mode 100644 plex/testData/watchingTwoStreams.txt diff --git a/html/css/style.css b/html/css/style.css new file mode 100644 index 0000000..8906ff5 --- /dev/null +++ b/html/css/style.css @@ -0,0 +1,45 @@ +.onoffswitch { + position: relative; width: 85px; + -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; +} +.onoffswitch-checkbox { + display: none; +} +.onoffswitch-label { + display: block; overflow: hidden; cursor: pointer; + border: 2px solid #FFFFFF; border-radius: 20px; +} +.onoffswitch-inner { + display: block; width: 200%; margin-left: -100%; + transition: margin 0.3s ease-in 0s; +} +.onoffswitch-inner:before, .onoffswitch-inner:after { + display: block; float: left; width: 50%; height: 32px; padding: 0; line-height: 32px; + font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; + box-sizing: border-box; +} +.onoffswitch-inner:before { + content: "Movies"; + padding-left: 9px; + background-color: #21D278; color: #FFFFFF; +} +.onoffswitch-inner:after { + content: "Shows"; + padding-right: 9px; + background-color: #EEEEEE; color: #999999; + text-align: right; +} +.onoffswitch-switch { + display: block; width: 23px; margin: 4.5px; + background: #FFFFFF; + position: absolute; top: 0; bottom: 0; + right: 49px; + border: 2px solid #FFFFFF; border-radius: 20px; + transition: all 0.3s ease-in 0s; +} +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { + margin-left: 0; +} +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { + right: 0px; +} \ No newline at end of file diff --git a/html/js/searchBar.js b/html/js/searchBar.js index 3d86e76..55d8b80 100644 --- a/html/js/searchBar.js +++ b/html/js/searchBar.js @@ -6,6 +6,25 @@ button.onclick = function () { queryTMDB(text); } +function clearSearchResults() { + var displayNode = document.getElementById("display"); + while (displayNode.firstChild) { + displayNode.removeChild(displayNode.firstChild); + } +} + +function toggle(button) { + toggleNode = document.getElementById("myonoffswitch"); + console.log(toggleNode); + + + if(toggleNode.value=="movies"){ + toggleNode.value="shows";} + + else if(toggleNode.value=="shows"){ + toggleNode.value="movies";} +} + function queryTMDB(query) { var data = "{}"; @@ -14,6 +33,8 @@ function queryTMDB(query) { xhr.addEventListener("readystatechange", function () { if (this.readyState === this.DONE) { + clearSearchResults() + var display = document.getElementById("display"); var jsonObj = JSON.parse(this.responseText); console.log(jsonObj.movies); @@ -27,14 +48,19 @@ function queryTMDB(query) { var poster_path = "http://image.tmdb.org/t/p/w500"+jsonObj.movies[key].poster_path; else var poster_path = "images/image_nf.svg"; + + var exists = jsonObj.movies[key].exists; var node = document.createElement("li"); // Create a
  • node var imageNode = document.createElement('img'); var textNode = document.createTextNode(title); // Create a text node var buttonNode = document.createElement("span"); var button2Node = document.createElement("span"); - buttonNode.innerHTML = ''; - button2Node.innerHTML = ''; + if (!exists) { + buttonNode.innerHTML = ''; + } + else + button2Node.innerHTML = ''; imageNode.src = poster_path; imageNode.style.width = "500px"; @@ -48,6 +74,9 @@ function queryTMDB(query) { }); } + else { + console.log("404"); + } }); xhr.open("GET", "http://localhost:63590/api/v1/plex/request?query="+query); diff --git a/html/searchDisplay.html b/html/searchDisplay.html index 794f798..7d9c1f0 100644 --- a/html/searchDisplay.html +++ b/html/searchDisplay.html @@ -2,10 +2,20 @@ tmdb.org Search Displayer + + +
    + + +
    +

    diff --git a/plex/__pycache__/plexSearch.cpython-34.pyc b/plex/__pycache__/plexSearch.cpython-34.pyc new file mode 100644 index 0000000000000000000000000000000000000000..f5a8fa90dd1ecbee53052741a37ff034d5843fc1 GIT binary patch literal 1846 zcmZ`(&u`pB6n^&FUfb)e_zu&G_wj-uJ%u{!QBP&p-Y0 z&BG?qKlIYC0sJW*^&?D<+o6(Z=uqmAle?6v+^(Fy}Uo#S6zGmliKv ziyA-;i##CDA|J@7lU+LrXmMlj0bK-ij)0mtYiQ59X6F%Hn-;}Dp+$)2BC;p}iY;mb zwdiP#@7)4x4%51N4k}#?V6lM#>_r&B$qWWi(ZUcD*jYVqF)^#>;Ml_eK7CpREnCLd zg)W8hPDLh7ATwQ52d0rpjW>hwaNk6|{-7vxDXKK-iBb$jr5~M+MCxyfyvR({uPdDu zm5}M|agmF9Td2Am>!PkqbHC8oQkdAjS+8@^H!~K0A+w>_w(sQh55G|-FOK(1MYUPv`?ct9$a=J2 zpLDlyoTc@8xb$UK<)x6_Q7KNW*#Q~-!Sd+TB+$!deOw6sAn&c-fgvZpzTA0d?ixGu z?rrCmBj@2U)e;|as-^ESIUu^yk%P2Obi|69=!g|H(Ge@kpDGFhf(9Wc77P%i1i=)T zKm@D>h=8?VOUR0VwSauHGLUahI}~Ws9&f##-q>b)y&hLOjY^R{wa_$`$W&b^6N*ux zK%BB9cOp59kc@AW^4eYH4LHf0Y^JG^bNt5^_}v-Q&zRoZSWs`kkQ2C5f|*?RJxAWc z`jk}8H;cm-=$`Si7mGKyfED4W*@NvCKculz6=TP`d2fQaaOP)$1d# z#+&SnZ;2|mQnu80V&mI$n3fa($~FO$Tur{_Bbs1x4$~OR(uAn%5hR1^2UhUi1R z-dTircEw2zI(*g(lVOrJgR7GHzBH pe-MMqmo%4Nu=giAW)&Akqy+_%;;u z*vpWUBQHx{j$RNsdGhctn0SvKT|HD1 zBF+kRn)L(DUQ?u*zSMZwaUl0P(p9~U(YqU3$H|p;+l~E}-jIW6*O%UUD^mUTLc3?N zB(Ch?eFM+rJ1j^#a)?Cj3tEK>V~aG1iT8U~Xdf&Ynp=I+qH)H&%5ZWyM6o~FYH`TF zl_x&R(aQFR^azrjW`3=Q;+l(HVDlZ^$r&tt*dcl{Lt`j_8$@$IS+t#pm`Jlj#Pu6B zt<-8=Omik2m4lR7UVYwvm`Ihhzm~gxc-QyVBiUY6QM?}Qwbvp~UbqnrF5GfMFOaIu zX=>{MvJnqo*(-sc=w394ubpI1*sT(c=6f5mw{;JkH}~+~4STY+5=1>WNUmXXB$DQh zCyC-n(!6Be1Wx8+<%c@WBw97IPL_>1S+?sGIgmSGQ-ve%Cvl)1C_VXavoknPDp<%m zC2Z@2sEMO7cJ(lp zrUa?wdrmDpsRfyNT;G?Al*cEJy**EQ`~YKC0eR(?COm)XV@lHxAd-4J(dsM zfplt5eU<30>no!`*(gq0(7VY-^eh3I^KKl=&})`b8*bf*LM=mWxYXOsn!%|$ft{M= zh3%_T{36Thr?^)JG_yS=;pT(8tJm+FAQ@iofIT^ng+yND0h<|N<2MTkePT`b7cIq{ z2i%p%Q-RTz!ENyLJ2sdKKoU>`&@=!c6rHC6@sMf&IOuVJ27{GP&FE?XFq1*h0Nxq^ zN&_fq03r&L+0o?KwKgX_!(Q4u4syCsKLo%5HUx|bF|d%C!=xY%1*b}y}8USC{x zdl#4FvbVH+>C;hRetSo%;nh)nK5)bSj@y@4W!QSy8Rh3=CJz2UI+`U_#Um|qUtb4I z9^SvBIBANfM_R_b&^t-DhryF(H|Sf?qdE&6CPR~49hqRzce|LT!^EUH&AO_;n`QzTrWwrH u*CH{W1k)A8l|kg~1o9eFrW0mF2KcXvx2(KXDOXO{XAua~;v?K=tiJ&o6Xo>) literal 1500 zcmZ`%&2r;J5blvI*^%X+{4A-2rHWIk3~aO^#9=AIU-kgSl3F&Tpj1VvZH@shxpTD{7 z0{jIpJQ%}AXyOla6#oQLfB}J!0HGFy7El{#1*ikx;jRq~*Djn|z@HjG6;cO62bc@Y zfs-m+B9hf^0$PL93h*CH2I5T;7F}U;&x0DQAnMXG*t4hbFSu>szx@xc5!gznV{068 z4zSg%NQP9Zu;1~f$O}3|*?lI*uN_NSi1&gZE|PV5%m(>+!f0%hI*+e5&=z!! z;!m!-Etqas@lCfytT%6RmR{bi{-191FYk8t1insCEf44|oTLu)73fYDpj?1`B(vXH z-WxXri}~SkFc_vX`EXpr8;(xdXeWIA-ch`<_0G}O=GNBX=61Z%yVu*=jt}p4**5KN zZ@fLOuAL1TAMK1=YiXSIhjE|nux$Ncf9$RmI+*^B-+-!eCa}0r-hk00j^wCdp<_NF zWhFFh<~->qS)4{Pktqv(&QcZ&7SUL;X+@W)7rBs(M@1};m1ELWWrTw(OP+^~>jGIk zU}5tp;X+1n!c7I`npQ$p<+(V{AB#>^*+Ozvmjl}S1REVZdZ3(wCz<5>BUW`GV>uMj zVNRKBqn$ce`6?rC18L^vZlHoWF9EUgcOg5hLst!Hv>e|iegNoriyTwOWO8*Lc70>>D zH#iWCi{Nv1o@8Gnw3oBsKF^C@ei7^;xjVc0;LfLUMpMRvB4rnWmSnvcDNir<&6nY0 zCDBC(#3deSqin$1xWjPjfe72_rvmW5P8`vx_3Uu#w>Nx>6 1: print(tmdbSearch(sys.argv[1])) else: - print(tmdbSearch("star+wars",2)) \ No newline at end of file + print(tmdbSearch("star+wars",1)) \ No newline at end of file