dompub/content_author.html at gh-pages · agnoldo/dompub · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
---
layout: content
title: Autor
subtitle: Obras deste Autor
caption: Livros, ebooks, obras
icon: book
background: "#550000"
permalink: /content/author.html
---
<div id="div_obras_1" class="col-20">
</div>
<div id="div_obras_2" class="col-20">
</div>
<div id="div_obras_3" class="col-20">
</div>
<div id="div_obras_4" class="col-20">
</div>
<div id="div_obras_5" class="col-20">
</div>
<div id="div_rodape" class="col-100" style="text-align:center">
</div>

<script>

(function($) {
    $.QueryString = (function(a) {
        if (a == "") return {};
        var b = {};
        for (var i = 0; i < a.length; ++i)
        {
            var p=a[i].split('=');
            if (p.length != 2) continue;
            b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
        }
        return b;
    })(window.location.search.substr(1).split('&'))
})(jQuery);

var id = parseInt($.QueryString["id"]);
var url_json = "https://raw.githubusercontent.com/agnoldo/dompub_obras/gh-pages/json/" + (1000 * Math.floor(id/1000)) + "/audp" + id + ".json";
console.log(url_json);
$.getJSON( url_json, function( data ) {
  $("header.post-header h1").text("Obras de " + data.nome);
  $("header.post-header p.lead").text("Total de Obras: " + data.total_obras);

  var items = {1: [], 2: [], 3: [], 4: [], 5: []};
  var cont = 0;
  $.each( data.record, function( key, val ) {
    var a_url_obra = "<a href='/content/item.html?id=" + val.co_obra + "'>";
    var a_url_autor = "<a href='/content/author.html?id=" + val.co_autor.substr(4) + "'>";
    var autor_idioma = (val.nome_autor.trim() == "Desconhecido" ? "" : val.nome_autor) + (val.nome_idioma && (val.nome_idioma != "Não Aplicável") ? "<br>[" + val.nome_idioma + "]" : "");
    var a_url_autor_a = ($.inArray(val.co_autor.substr(4), ["10", "32", "117"]) ?  "<a href='/content/author.html?id=" + val.co_autor.substr(4) + "'>" + autor_idioma + "</a>" : autor_idioma);
    var bloco_objeto;
    switch('' + val.co_midia) {
      case "2": // Textos
        bloco_objeto = "<object style='width:100%' data='https://raw.githubusercontent.com/agnoldo/dompub_obras/gh-pages/json/" + (1000 * Math.floor(val.co_obra/1000)) + "/" + val.co_obra + ".png' type='image/png'><img style='width:100%' data-src='holder.js/150x200?text=Capa%20não%20\nencontrada'></object>";
        break;
      case "3": // Sons
        bloco_objeto = "<font size='100'><i class='icon-ol-sound'></i></font>";
        break;
      case "5": // Imagens
        bloco_objeto = "<img width='100%' style='width:100%' src='https://raw.githubusercontent.com/agnoldo/dompub_obras/gh-pages/json/" + (1000 * Math.floor(val.co_obra/1000)) + "/" + val.co_obra + ".jpg'></img>";
        break;
      case "6": // Vídeos
        bloco_objeto = "<font size='100'><i class='icon-ol-video'></i></font>";
        break;
    }
    items[(cont % 5) + 1].push(
//      "<div class='col-100 white-box'>" +
      a_url_obra + bloco_objeto + "</a><br>" +
      a_url_obra + val.titulo + "</a><br><small>" +
      a_url_autor_a + "</small>");

/*
    items[(cont % 5) + 1].push(
      "<div class='col-100 white-box'>" +
      a_url_obra + "<object style='width:100%' data='https://www.googledrive.com/host/0B-Tq6k4CD6ndeEJqTzM3bzBIV28/" + val.co_obra + ".png' type='image/png'><img style='width:100%' data-src='holder.js/150x200?text=Capa%20não%20\nencontrada'></object></a><br>" +
      a_url_obra + val.titulo + "</a><br><small>" +
      a_url_autor + autor_idioma + "</a></small></div>");
*/
    cont++;
  });
  $.each( items, function( key, val) {
    $.each( val, function( key2, item) {
      $( "<div/>", {
        "class": "col-100 white-box",
        html: item
      }).appendTo( "#div_obras_" + key );
    });
  });

  $( "<span/>", {
    "style": "text-align: center",
    html: "Total de obras: " + data.total_obras
  }).appendTo( "#div_rodape" );

});
</script>