|
- // util.js
- // copyright Sébastien Lucas
- // https://github.com/seblucas/cops
-
- var templatePage, templateBookDetail, templateMain, currentData, before, filterList;
-
- var cache = new LRUCache(30);
-
- var DEBUG = false;
- var isPushStateEnabled = window.history && window.history.pushState && window.history.replaceState &&
- // pushState isn't reliable on iOS until 5.
- !navigator.userAgent.match(/((iPod|iPhone|iPad).+\bOS\s+[1-4]|WebApps\/.+CFNetwork)/);
-
- function debug_log(text) {
- if ( DEBUG ) {
- console.log(text);
- }
- }
-
- function updateCookie (id) {
- if($(id).prop('pattern') && !$(id).val().match(new RegExp ($(id).prop('pattern')))) {
- return;
- }
- var name = $(id).attr('id');
- var value = $(id).val ();
- $.cookie(name, value, { expires: 365 });
- }
-
- function updateCookieFromCheckbox (id) {
- var name = $(id).attr('id');
- if ((/^style/).test (name)) {
- name = "style";
- }
- if ($(id).is(":checked"))
- {
- if ($(id).is(':radio')) {
- $.cookie(name, $(id).val (), { expires: 365 });
- } else {
- $.cookie(name, '1', { expires: 365 });
- }
- }
- else
- {
- $.cookie(name, '0', { expires: 365 });
- }
- }
-
- function elapsed () {
- var elapsedTime = new Date () - before;
- return "Elapsed : " + elapsedTime;
- }
-
- function retourMail(data, textStatus, jqXHR ) {
- $("#mailButton :first-child").removeClass ("icon-spinner icon-spin").addClass ("icon-envelope");
- alert (data);
- }
-
- function sendToMailAddress (component, dataid) {
- var email = $.cookie ('email');
- if (!$.cookie ('email')) {
- email = window.prompt (currentData.const.i18n.customizeEmail, "");
- $.cookie ('email', email, { expires: 365 });
- }
- var url = 'sendtomail.php';
- if (currentData.databaseId) {
- url = url + '?db=' + currentData.databaseId;
- }
- $("#mailButton :first-child").removeClass ("icon-envelope").addClass ("icon-spinner icon-spin");
- $.ajax ({'url': url, 'type': 'post', 'data': { 'data': dataid, 'email': email }, 'success': retourMail});
- }
-
- function strformat () {
- var s = arguments[0];
- for (var i = 0; i < arguments.length - 1; i++) {
- var reg = new RegExp("\\{" + i + "\\}", "gm");
- s = s.replace(reg, arguments[i + 1]);
- }
- return s;
- }
-
- function isDefined(x) {
- var undefinedVar;
- return x !== undefinedVar;
- }
-
- function getCurrentOption (option) {
- if (!$.cookie (option)) {
- if (currentData && currentData.const && currentData.const.config && currentData.const.config [option]) {
- return currentData.const.config [option];
- }
- }
- return $.cookie (option);
- }
-
- function htmlEscape(str) {
- return String(str)
- .replace(/&/g, '&')
- .replace(/"/g, '"')
- .replace(/'/g, ''')
- .replace(/</g, '<')
- .replace(/>/g, '>');
- }
-
- /************************************************
- * All functions needed to filter the book list by tags
- ************************************************
- */
-
- function getTagList () {
- var tagList = {};
- $(".se").each (function(){
- if ($(this).parents (".filtered").length > 0) { return; }
- var taglist = $(this).text();
-
- var tagarray = taglist.split (",");
- for (var i in tagarray) {
- var tag = tagarray [i].replace(/^\s+/g,'').replace(/\s+$/g,'');
- tagList [tag] = 1;
- }
- });
- return tagList;
- }
-
- function doFilter () {
- $(".books").removeClass("filtered");
- if (jQuery.isEmptyObject(filterList)) {
- updateFilters ();
- return;
- }
-
- $(".se").each (function(){
- var taglist = ", " + $(this).text() + ", ";
- var toBeFiltered = false;
- for (var filter in filterList) {
- var onlyThisTag = filterList [filter];
- filter = ', ' + filter + ', ';
- var myreg = new RegExp (filter);
- if (myreg.test (taglist)) {
- if (onlyThisTag === false) {
- toBeFiltered = true;
- }
- } else {
- if (onlyThisTag === true) {
- toBeFiltered = true;
- }
- }
- }
- if (toBeFiltered) { $(this).parents (".books").addClass ("filtered"); }
- });
- updateFilters ();
- }
-
- function updateFilters () {
- var tagList = getTagList ();
-
- // If there is already some filters then let's prepare to update the list
- $("#filter ul li").each (function () {
- var text = $(this).text ();
- if (isDefined (tagList [text]) || $(this).attr ('class')) {
- tagList [text] = 0;
- } else {
- tagList [text] = -1;
- }
- });
-
- // Update the filter -1 to remove, 1 to add, 0 already there
- for (var tag in tagList) {
- var tagValue = tagList [tag];
- if (tagValue === -1) {
- $("#filter ul li:contains('" + tag + "')").remove();
- }
- if (tagValue === 1) {
- $("#filter ul").append ("<li>" + tag + "</li>");
- }
- }
-
- $("#filter ul").append ("<li>_CLEAR_</li>");
-
- // Sort the list alphabetically
- $('#filter ul li').sortElements(function(a, b){
- return $(a).text() > $(b).text() ? 1 : -1;
- });
- }
-
- function handleFilterEvents () {
- $("#filter ul").on ("click", "li", function(){
- var filter = $(this).text ();
- if (filter === "_CLEAR_") {
- filterList = {};
- $("#filter ul li").removeClass ("filter-exclude");
- $("#filter ul li").removeClass ("filter-include");
- doFilter ();
- return;
- }
- switch ($(this).attr("class")) {
- case "filter-include" :
- $(this).attr("class", "filter-exclude");
- filterList [filter] = false;
- break;
- case "filter-exclude" :
- $(this).removeClass ("filter-exclude");
- delete filterList [filter];
- break;
- default :
- $(this).attr("class", "filter-include");
- filterList [filter] = true;
- break;
- }
- doFilter ();
- });
- }
-
- /************************************************
- * Functions to handle Ajax navigation
- ************************************************
- */
-
- function navigateTo (url) {
- before = new Date ();
- var jsonurl = url.replace ("index", "getJSON");
- var cachedData = cache.get (jsonurl);
- if (cachedData) {
- history.pushState(jsonurl, "", url);
- updatePage (cachedData);
- } else {
- $.getJSON(jsonurl, function(data) {
- history.pushState(jsonurl, "", url);
- cache.put (jsonurl, data);
- updatePage (data);
- });
- }
- }
-
- function updatePage (data) {
- var result;
- filterList = {};
- data ["const"] = currentData ["const"];
- if (false && $("section").length && currentData.isPaginated === 0 && data.isPaginated === 0) {
- // Partial update (for now disabled)
- debug_log ("Partial update");
- result = templateMain (data);
- $("h1").html (data.title);
- $("section").html (result);
- } else {
- // Full update
- result = templatePage (data);
- $("body").html (result);
- }
- document.title = data.title;
- currentData = data;
-
- debug_log (elapsed ());
-
- if ($.cookie('toolbar') === '1') { $("#tool").show (); }
- if (currentData.containsBook === 1) {
- $("#sortForm").show ();
- if (getCurrentOption ("html_tag_filter") === "1") {
- $("#filter ul").empty ();
- updateFilters ();
- handleFilterEvents ();
- }
- } else {
- $("#sortForm").hide ();
- }
- }
-
- function handleLinks () {
- $("body").on ("click", "a[href^='index']", link_Clicked);
- $("body").on ("submit", "#searchForm", search_Submitted);
- $("body").on ("click", "#sort", function(){
- $('.books').sortElements(function(a, b){
- var test = 1;
- if ($("#sortorder").val() === "desc")
- {
- test = -1;
- }
- return $(a).find ("." + $("#sortchoice").val()).text() > $(b).find ("." + $("#sortchoice").val()).text() ? test : -test;
- });
- });
-
- $("body").on ("click", ".headright", function(){
- if ($("#tool").is(":hidden")) {
- $("#tool").slideDown("slow");
- $.cookie('toolbar', '1', { expires: 365 });
- } else {
- $("#tool").slideUp();
- $.removeCookie('toolbar');
- }
- });
- $("body").magnificPopup({
- delegate: '.fancycover', // child items selector, by clicking on it popup will open
- type: 'image',
- gallery:{enabled:true, preload: [0,2]},
- disableOn: function() {
- if( getCurrentOption ("use_fancyapps") === "1" ) {
- return true;
- }
- return false;
- }
- });
- }
-
- function link_Clicked (event) {
- var currentLink = $(this);
- if (!isPushStateEnabled ||
- currentData.page === "19") {
- return;
- }
- event.preventDefault();
- var url = currentLink.attr('href');
-
- if ($(".mfp-ready").length)
- {
- $.magnificPopup.close();
- }
-
- // The bookdetail / about should be displayed in a lightbox
- if (getCurrentOption ("use_fancyapps") === "1" &&
- (currentLink.hasClass ("fancydetail") || currentLink.hasClass ("fancyabout"))) {
- before = new Date ();
- var jsonurl = url.replace ("index", "getJSON");
- $.getJSON(jsonurl, function(data) {
- data ["const"] = currentData ["const"];
- var detail = "";
- if (data.page === "16") {
- detail = data.fullhtml;
- } else {
- detail = templateBookDetail (data);
- }
- $.magnificPopup.open({
- items: {
- src: detail,
- type: 'inline'
- }
- });
- debug_log (elapsed ());
- });
- return;
- }
- navigateTo (url);
- }
-
- function search_Submitted (event) {
- if (!isPushStateEnabled ||
- currentData.page === "19") {
- return;
- }
- event.preventDefault();
- var url = strformat ("index.php?page=9¤t={0}&query={1}&db={2}", currentData.page, $("input[name=query]").val (), currentData.databaseId);
- navigateTo (url);
- }
-
- window.onpopstate = function(event) {
- before = new Date ();
- var data = cache.get (event.state);
- updatePage (data);
- };
-
- $(document).keydown(function(e){
- if (e.keyCode === 37 && $("#prevLink").length > 0) {
- navigateTo ($("#prevLink").attr('href'));
- }
- if (e.keyCode === 39 && $("#nextLink").length > 0) {
- navigateTo ($("#nextLink").attr('href'));
- }
- });
|