pig-media-server 0.2.0

data/lib/pig-media-server/views/_link.haml

@@ -0,0 +1,14 @@
+%span.main_span{id: l.key}
+  !=partial :"_new_flag", locals: {record: l}
+  %a.main_link{key: l.key, href: l.url}=h(l.name)
+  !=partial :"_ft_#{l.type}", locals: {record: l}
+  %span.mtime=l.mtime.to_s.sub(/\ \+0900$/, '')
+  %span.size=number_to_human_size(l.size).encode('UTF-8', 'UTF-8')
+  %a.meta{href: "/meta/#{l.key}"} Meta
+  -if l.srt
+    %a.sub.meta{href: "/sub/#{l.key}"} Sub
+  -if l.type == 'txt' or l.type == 'read'
+    %a.ao.meta{href: "/ao/#{l.key}"} Aozora
+  %a.delete{href: 'javascript:void(0)', onclick: "var ok=confirm('Really?'); if (ok) location.href='/delete/#{l.key}?href=#{CGI.escape request.url}'; return false;"} Delete
+  %br
+

data/lib/pig-media-server/views/_new_flag.haml

@@ -0,0 +1,4 @@
+-if record.type == 'video'
+  %span.new_flag{key: "movie/#{record.record._key}", style: 'color:lime; font-size:large'}
+-elsif record.type == 'read'
+  =''

data/lib/pig-media-server/views/app.scss

@@ -0,0 +1,85 @@
+body {
+  text-align:center;
+  background:black;
+  color:white;
+}
+#all, .all{
+  max-width:860px;
+  margin-left:auto;
+  margin-right:auto;
+  text-align:left;
+}
+
+#notice{ color:green; }
+#error{ color:red; }
+.small{ font-size:small;}
+
+img{ max-width:100%; }
+
+.lightgray{color:lightgray}
+
+.none{display:none}
+a{color:white}
+.h1{font-size:7em}
+.h2{font-size:3em}
+.right{float:right}
+.left{float:left}
+.clear{clear:both}
+nick{color:lightpink}
+.mine{color:yellow}
+.x-small{font-size:x-small}
+span.link{font-size:x-large}
+
+a.watch, a.read, a.txt, a.recent, a.kindle{
+  color:mistyrose;
+}
+
+a.meta{
+  color:lightgrey;
+  font-size:small;
+}
+
+.page{color:lightblue}
+
+.mtime, .size{
+  font-size:small;color:lightgrey
+}
+
+.center{text-align:center;}
+.none{display:none}
+
+.control p span{font-size: 3em}
+p.title{font-size: normal}
+
+img.cache{height:1px; width:1px}
+#control{height:200px;}
+
+a.delete{
+  color:indianred;
+  font-size:small;
+}
+
+#all {
+  width:90% !important;
+  max-width:none !important;
+  margin:auto !important;
+}
+.main_span {
+  position:relative !important;
+  display:block !important;
+  margin:0 !important;
+  padding:5px 0 !important;
+  border-bottom:1px solid #666 !important;
+}
+
+.new_flag {
+  position:absolute !important;
+  display:inline-block !important;
+  width:3em !important;
+  text-align:center !important;
+  font-size:100% !important;  
+}
+.main_link {
+  margin-left:3em;
+  text-decoration:none !important;
+}

data/lib/pig-media-server/views/book.coffee

@@ -0,0 +1,236 @@
+## coffee -csb
+portlait_db = {}
+this.mobile = ->
+  true
+
+this.mobile = ->
+  user_agent = navigator.userAgent
+  user_agent.indexOf('iPhone') > -1 or user_agent.indexOf('iPad') > -1 or user_agent.indexOf('MSIE') > -1
+
+max_page = ->
+  parseInt($("#max_page").text())-1
+
+left = ->
+  if is_left()
+    prev()
+  else
+    next()
+right = ->
+  if is_left()
+    next()
+  else
+    prev()
+plus1 = ->
+  open_page(now()+1)
+next = ->
+  if is_portlait() and $("#area2 img").attr("class") == "portlait"
+    open_page(now()+2)
+  else
+    open_page(now()+1)
+prev = ->
+  if is_portlait() and $("#area2 img").attr("class") == "portlait"
+    open_page(now()-2)
+  else
+    open_page(now()-1)
+
+remover= (i)->
+  if i >= 0
+    $('#page_area_'+(i)).remove()
+    remover(i-1)
+open_page = (page)->
+  page = 1 if is_NaN(page) or page < 1
+  
+  try
+    recents = JSON.parse window.localStorage['recents']
+  catch error
+    recents = {}
+  delete recents['aozora/'+_id()]
+  recents['read/'+_id()] = {page: page, time: parseInt((new Date)/1000), type: 'read'}
+  window.localStorage['recents'] = JSON.stringify recents
+  
+  if $('#action').text() == 'read'
+    $("#page_jump").val(page)
+    if page > max_page()
+      page = max_page()
+    _now(page)
+    remover(page-1)
+    for i in [0,1,2,3,4,5,6,7]
+      unless document.querySelector('#page_area_'+(page+i))
+        landscape(page+i) unless is_portlait()
+        portlait(page+i) if is_portlait()
+
+img_style = (mode)->
+  if mode == "portlait"
+    "max-height:"+(height()-5)+"px; max-width:"+((width()/2)-10)+"px"
+  else
+    "max-height:"+(height()-5)+"px; max-width:"+(width()-10)+"px"
+
+
+landscape = (page)->
+  $("#area2").html("<div id='page_insert'/>")
+  img = "<img src='/book/image?id="+_id()+"&page="+page+"' class='landscape' style='"+img_style("")+"'/>"
+  $("#page_insert").after(img)
+  $("#area2 img").click(-> next())
+
+portlait = (page)->
+  if localStorage["portlait/"+_id()+"/"+page] != undefined and localStorage["portlait/"+_id()+"/"+(page+1)] != undefined
+    portlait_real(page)
+  else
+    $.get("/book/info/"+_id()+"?page="+page).success((data)->
+      localStorage["portlait/"+_id()+"/"+(page)] = data.portlait
+      $.get("/book/info/"+_id()+"?page="+(page+1)).success((data)->
+        localStorage["portlait/"+_id()+"/"+(page+1)] = data.portlait
+        portlait_real(page)
+      )
+    )
+
+portlait_real = (page) ->
+  if localStorage["portlait/"+_id()+"/"+page] == 'true' or localStorage["portlait/"+_id()+"/"+(page+1)] == 'true'
+    img = "<img src='/book/image?id="+_id()+"&page="+page+"' class='landscape' style='"+img_style("")+"'/>"
+  else
+    if is_left()
+      img = "<img src='/book/image?id="+_id()+"&page="+page+"' class='portlait' style='"+img_style("portlait")+"'/>"
+      img += "<img src='/book/image?id="+_id()+"&page="+(page+1)+"' class='portlait' style='"+img_style("portlait")+"'/>"
+    else
+      img = "<img src='/book/image?id="+_id()+"&page="+(page+1)+"' class='portlait' style='"+img_style("portlait")+"'/>"
+      img += "<img src='/book/image?id="+_id()+"&page="+page+"' class='portlait' style='"+img_style("portlait")+"'/>"
+
+  $('#area2').height(height()-5)
+  img = $('<div class="img_area" id="page_area_'+page+'">'+img+'</div>')
+  img.css {'z-index': 100000000-page,  position: 'absolute'}
+  $("#page_insert").after(img)
+
+
+size_loop = (size)->
+  setTimeout ->
+    unless size == undefined or window_size() == undefined
+      if size.width != window_size().width or size.height != window_size().height
+        size = window_size()
+        $('.portlait').attr 'style', img_style('portlait')
+        $('.landscape').attr 'style', img_style('landscape')
+        $('#area').height(height()-5)
+    size_loop(size)
+  ,500
+
+area_width_loop = (size) ->
+  setTimeout ->
+    unless document.querySelector('.img_area')
+      area_width_loop(0)
+    else
+      count = $('.img_area').last().width()
+      count = ($('#area2').width()-count)/2
+      if size != count
+        $('.img_area').css('left', count)
+        area_width_loop(count)
+      else
+        $('.img_area').css('left', size)
+        area_width_loop(size)
+  , 100
+
+portlait_loop = (i)->
+  $.get("/book/info/#{_id()}", all: true).success((data)->
+    for n in data
+      localStorage["portlait/#{_id()}/#{i}"] = n
+      i += 1
+  )
+
+change_bound = ->
+  $.get("/page/change_bound/"+_id()).success(->
+    if is_left()
+      $("#is_left").text("")
+      open_page(now())
+    else
+      $("#is_left").text("true")
+      open_page(now())
+    if is_left()
+      $("#bound").text("Left Side")
+    else
+      $("#bound").text("Right Side")
+  )
+
+swipe_left = ->
+  right()
+swipe_right = ->
+  left()
+
+read = (link)->
+  key = link.getAttribute 'key'
+  $(link).click ->
+    $('#area').html('')
+    $('#area').css 'min-height', 0
+    $.get('/read/'+key).success((data)->
+      c = $('<a>close book</a>')
+      c.attr('href', 'javascript:void(0)')
+      c.click ->
+        $('#area').html('')
+        $('#area').css 'min-height', 0
+      $(data).appendTo('#area')
+      c.appendTo('#area')
+      $('body').animate(0)
+      if is_left()
+        $("#bound").text("Left Side")
+      else
+        $("#bound").text("Right Side")
+      $("#bound").click(-> change_bound())
+      size = window_size()
+      open_page(parseInt $("#page_initial").text())
+      size_loop(window_size())
+      area_width_loop(0)
+      $("#left").click(-> left())
+      $("#right").click(-> right())
+      $("#plus1").click(-> plus1())
+      $('#area2').css('-ms-touch-action': 'none', '-ms-user-select': 'none')
+      if window.navigator.msPointerEnabled
+        area_pointer = {x: 0, y: 0}
+        $('#area2').get(0).addEventListener('MSPointerDown', (e)->
+          area_pointer.x = e.clientX
+          area_pointer.y = e.clientY
+        )
+        $('#area2').get(0).addEventListener('MSPointerUp', (e)->
+          if area_pointer.y - e.clientY < 300
+            if area_pointer.x - e.clientX > 50
+              swipe_left()
+            if e.clientX - area_pointer.x > 50
+              swipe_right()
+
+          area_pointer.x = 0
+          area_pointer.y = 0
+        )
+      else
+        $("#area2").swipe({swipeLeft:swipe_left, swipeRight:swipe_right, threshold:0})
+
+      $('#area2').click -> next() #unless window.navigator.msPointerEnabled
+      $("#book_list").off()
+      $("#book_list").click -> open_index()
+      $("#jump").click ->
+        open_page(parseInt($("#page_jump").val()))
+      $("#to_aozora").click ->
+        id = $('#id').text()
+        $.get('/aozora/'+id+"?remote=remote").success (data)->
+          $('#area2').html data
+          $('.control').html ''
+          initialize_aozora()
+      portlait_loop(1)
+    ).error(-> alert('you cannot this book'))
+
+key_queue = []
+
+key_loop = ->
+  setTimeout ->
+    if key_queue.length > 0
+      key = key_queue.shift()
+      if $("#action").text() == "read"
+        if key == 74
+          next()
+        else if key == 75
+          prev()
+    key_loop()
+  ,50
+
+initialize_read = ->
+  $.each $('a.read'), -> read(this)
+$ ->
+  initialize_read()
+  $(document).keyup((e)-> key_queue.push e.keyCode)
+  key_loop()
+## vim: set ft=coffee :

data/lib/pig-media-server/views/book2.erb

@@ -0,0 +1,59 @@
+var mode = "landscape"
+var cached = {}
+var size = window_size()
+
+function is_NaN($value){
+  return (typeof $value == 'number' && $value.toString() == 'NaN');
+}
+
+function _id(){
+  return $("#id").text()
+}
+
+function now(){
+  var count = parseInt($("#now").text())
+  if(is_NaN(count)){
+    return 0
+  }else{
+    return count
+  }
+}
+function _now(str){
+  return $("#now").text(str)
+}
+function is_left(){
+  return $("#is_left").text() === "true"
+}
+
+function width() {
+        if ( window.innerWidth ) {
+                return window.innerWidth;
+        }
+        else if ( document.documentElement && document.documentElement.clientWidth != 0 ) {
+                return document.documentElement.clientWidth;
+        }
+        else if ( document.body ) {
+                return document.body.clientWidth;
+        }
+        return 0;
+}
+
+function height() {
+        if ( window.innerHeight ) {
+                return window.innerHeight;
+        }
+        else if ( document.documentElement && document.documentElement.clientHeight != 0 ) {
+                return document.documentElement.clientHeight;
+        }
+        else if ( document.body ) {
+                return document.body.clientHeight;
+        }
+        return 0;
+}
+
+function is_portlait(){
+  return (height()/width())<1
+}
+function window_size(){
+  return {height: height(), width: width()}
+}

data/lib/pig-media-server/views/config.coffee

@@ -0,0 +1,8 @@
+save = -> localStorage.gyazo = $('#gyazo').val()
+
+$ ->
+  if localStorage.gyazo == undefined
+    localStorage.gyazo = 'http://gyazo.com/upload.cgi'
+  $('#gyazo').val(localStorage.gyazo)
+
+  $('#save').click -> save()

data/lib/pig-media-server/views/config.haml

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+%meta{charset: 'UTF-8'}
+%title Config - Pig Media Server
+%script{src: 'http://code.jquery.com/jquery.min.js'}
+%script{src: '/config.js'}
+%link{href: '/app.css', rel: 'stylesheet', type: 'text/css'}
+%meta(content='width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport')
+#all
+  -unless session[:user_id]
+    %a{href: '/sessions'} Login
+  -else
+    Login as
+    %span#user_id=session[:user_id]
+    %a{href: '/sessions'} Logout
+  %h1 Pig Media Server
+  %form{method: 'GET', action: '/'}
+    %input{name: 'query', value: params[:query]}
+    %button Search
+    %a{href: '/latest'} Latest
+    %a{href: '/config'} Config
+  %h2 Config
+  %table
+    %tr
+      %th Gyazo
+      %td
+        %input#gyazo{size: 60}
+    %tr
+      %td 
+        %button#save Save

data/lib/pig-media-server/views/index.haml

@@ -0,0 +1,45 @@
+!!!
+%title Pig Media Server
+%meta(content='width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport')
+%script{src: 'http://code.jquery.com/jquery.min.js'}
+-%w{storage session movie unread book book2 swipe}.each do |js|
+  %script{src: "/#{js}.js"}
+
+%link{href: '/app.css', rel: 'stylesheet', type: 'text/css'}
+:css
+  .none{display:none}
+#area=''
+#all
+  -unless session[:user_id]
+    %a{href: '/sessions'} Login
+  -else
+    Login as
+    %span#user_id=session[:user_id]
+    %a{href: '/sessions'} Logout
+  %p=flash[:notice]
+  %h1 Pig Media Server 
+  %form{method: 'GET', action: '/'}
+    %input{name: 'query', value: params[:query]}
+    %button Search
+    %a{href: '/latest'} Latest
+    %a{href: '/config'} Config
+    -if config['custom_list'].class == Hash
+      -config['custom_list'].each do |k,v|
+        %a{href: "/custom?name=#{CGI.escape k}"}=k
+  -if @page 
+    %p.autopagerize_page_element
+      -@list.each do |l|
+        -next unless l.record
+        !=partial :_link, locals: {l: l}
+    %p.pager
+      -if params[:query] and params[:query].empty? == false
+        %a{href: "/?query=#{CGI.escape params[:query]}&page=#{@page+1}"} Next
+        %a{href: "/edit?query=#{CGI.escape params[:query]}"} Edit
+      -elsif params[:sub]
+        %a{href: "/?sub=true&page=#{@page+1}"} Next
+      -else
+        %a{href: "/latest?page=#{@page+1}"} Next
+
+.none
+  %span#action=@action
+  %canvas#canvas