hexo-theme-volantis 4.3.1 → 5.0.0-alpha.112

package/source/js/search/baidu.js

@@ -1,340 +0,0 @@
-var SearchService = '';
-
-(function($) {
-
-  /**
-   * A super class of common logics for all search services
-   * @param options : (object)
-   */
-  SearchService = function(options) {
-    var self = this;
-
-    self.config = $.extend({
-      per_page : 10,
-      selectors: {
-        body              : 'body',
-        form              : '.u-search-form',
-        input             : '.u-search-input',
-        container         : '#u-search',
-        modal             : '#u-search .modal',
-        modal_body        : '#u-search .modal-body',
-        modal_footer      : '#u-search .modal-footer',
-        modal_overlay     : '#u-search .modal-overlay',
-        modal_results     : '#u-search .modal-results',
-        modal_metadata    : '#u-search .modal-metadata',
-        modal_error       : '#u-search .modal-error',
-        modal_loading_bar : '#u-search .modal-loading-bar',
-        modal_ajax_content: '#u-search .modal-ajax-content',
-        modal_logo        : '#u-search .modal-footer .logo',
-        btn_close         : '#u-search .btn-close',
-        btn_next          : '#u-search .btn-next',
-        btn_prev          : '#u-search .btn-prev'
-      },
-      brands: {
-        'hexo'   : {logo: '', url: ''},
-        'google' : {logo: 'google.svg', url: 'https://cse.google.com'},
-        'algolia': {logo: 'algolia.svg', url: 'https://www.algolia.com'},
-        'baidu'  : {logo: 'baidu.svg', url: 'http://zn.baidu.com/cse/home/index'},
-        'azure'  : {logo: 'azure.svg', url: 'https://azure.microsoft.com/en-us/services/search/'}
-      },
-      imagePath: 'https://cdn.jsdelivr.net/gh/volantis-x/cdn-volantis@master/img/logo/'
-    }, options);
-
-    self.dom = {};
-    self.percentLoaded = 0;
-    self.open = false;
-    self.queryText = '';
-    self.nav = {
-      next   : -1,
-      prev   : -1,
-      total  : 0,
-      current: 1
-    };
-
-    self.parseSelectors = function() {
-      for (var key in self.config.selectors) {
-        self.dom[key] = $(self.config.selectors[key]);
-      }
-    };
-
-    self.beforeQuery = function() {
-      if (!self.open) {
-        self.dom.container.fadeIn();
-        // self.dom.body.addClass('modal-active');
-        // 上面的是去除了文章的滚动条，我觉得没必要
-      }
-      self.dom.input.each(function(index, elem) {
-        $(elem).val(self.queryText);
-      });
-      document.activeElement.blur();
-      self.dom.modal_error.hide();
-      self.dom.modal_ajax_content.removeClass('loaded');
-      self.startLoading();
-    };
-
-    self.afterQuery = function() {
-      self.dom.modal_body.scrollTop(0);
-      self.dom.modal_ajax_content.addClass('loaded');
-      self.stopLoading();
-    };
-
-    /**
-     * Perform a complete serach operation including UI updates and query
-     * @param startIndex {int} start index or page number
-     */
-    self.search = function(startIndex, callback) {
-      self.beforeQuery();
-      if (self.search instanceof Function) {
-        self.query(self.queryText, startIndex, function() {
-          self.afterQuery();
-        });
-      } else {
-        console.log('query() does not exist.');
-        self.onQueryError(self.queryText, '');
-        self.afterQuery();
-      }
-    };
-
-    /**
-     * Query error handler
-     * @param queryText: (string)
-     * @param status: (string)
-     */
-    self.onQueryError = function(queryText, status) {
-      var errMsg = '';
-      if (status === 'success') errMsg = 'No result found for "' + queryText + '".';
-      else if (status === 'timeout') errMsg = 'Unfortunate timeout.';
-      else errMsg = 'Mysterious failure.';
-      self.dom.modal_results.html('');
-      self.dom.modal_error.html(errMsg);
-      self.dom.modal_error.show();
-    };
-
-    self.nextPage = function() {
-      if (self.nav.next !== -1) {
-        self.search(self.nav.next);
-      }
-    };
-
-    self.prevPage = function() {
-      if (self.nav.prev !== -1) {
-        self.search(self.nav.prev);
-      }
-    };
-
-    self.getUrlRelativePath = function(url) {
-      var arrUrl = url.split('//');
-      var start = arrUrl[1].indexOf('/');
-      var relUrl = arrUrl[1].substring(start);
-      if (relUrl.indexOf('?') != -1) {
-        relUrl = relUrl.split('?')[0];
-      }
-      return relUrl;
-    };
-
-    /**
-     * Generate html for one result
-     * @param url : (string) url
-     * @param title : (string) title
-     * @param digest : (string) digest
-     */
-    self.buildResult = function(url, title, digest) {
-      var result = self.getUrlRelativePath(url);
-      var html = '';
-      html = '<li>';
-      html += '<a class=\'result\' href=\'' + result + '\'>';
-      html += '<span class=\'title\'>' + title + '</span>';
-      if (digest !== '') html += '<span class=\'digest\'>' + digest + '</span>';
-      html += '</a>';
-      html += '</li>';
-      return html;
-    };
-
-    /**
-     * Close the modal, resume body scrolling
-     * no param
-     */
-    self.close = function() {
-      self.open = false;
-      self.dom.container.fadeOut();
-      self.dom.body.removeClass('modal-active');
-    };
-
-    /**
-     * Searchform submit event handler
-     * @param queryText : (string) the query text
-     */
-    self.onSubmit = function(event) {
-      event.preventDefault();
-      self.queryText = $(this).find('.u-search-input').val();
-      if (self.queryText) {
-        self.search(1);
-      }
-    };
-
-    /**
-     * Start loading bar animation
-     * no param
-     */
-    self.startLoading = function() {
-      self.dom.modal_loading_bar.show();
-      self.loadingTimer = setInterval(function() {
-        self.percentLoaded = Math.min(self.percentLoaded + 5, 95);
-        self.dom.modal_loading_bar.css('width', self.percentLoaded + '%');
-      }, 100);
-    };
-
-    /**
-     * Stop loading bar animation
-     * no param
-     */
-    self.stopLoading = function() {
-      clearInterval(self.loadingTimer);
-      self.dom.modal_loading_bar.css('width', '100%');
-      self.dom.modal_loading_bar.fadeOut();
-      setTimeout(function() {
-        self.percentLoaded = 0;
-        self.dom.modal_loading_bar.css('width', '0%');
-      }, 300);
-    };
-
-    /**
-     * Add service branding
-     * @param service {String} service name
-     */
-    self.addLogo = function(service) {
-      var html = '';
-      if (self.config.brands[service] && self.config.brands[service].logo) {
-        html += '<a href=\'' + self.config.brands[service].url + '\' class=\'' + service + '\'>';
-        html +=    '<img src="' + self.config.imagePath + self.config.brands[service].logo + '" />';
-        html += '</a>';
-        self.dom.modal_logo.html(html);
-      }
-    };
-
-    self.destroy = function() {
-      self.dom.form.each(function(index, elem) {
-        $(elem).off('submit');
-      });
-      self.dom.modal_overlay.off('click');
-      self.dom.btn_close.off('click');
-      self.dom.btn_next.off('click');
-      self.dom.btn_prev.off('click');
-      self.dom.container.remove();
-    };
-
-    /**
-     * Load template and register event handlers
-     * no param
-     */
-    self.init = function() {
-      $('body').append(template);
-      self.parseSelectors();
-      self.dom.modal_footer.show();
-      self.dom.form.each(function(index, elem) {
-        $(elem).on('submit', self.onSubmit);
-      });
-      self.dom.modal_overlay.on('click', self.close);
-      self.dom.btn_close.on('click', self.close);
-      self.dom.btn_next.on('click', self.nextPage);
-      self.dom.btn_prev.on('click', self.prevPage);
-    };
-
-    self.init();
-  };
-
-  var template = '<div id="u-search"><div class="modal"> <header class="modal-header" class="clearfix"><form id="u-search-modal-form" class="u-search-form" name="uSearchModalForm"> <input type="text" id="u-search-modal-input" class="u-search-input" /> <button type="submit" id="u-search-modal-btn-submit" class="u-search-btn-submit"> <span class="fas fa-search"></span> </button></form> <a class="btn-close"> <span class="fas fa-times"></span> </a><div class="modal-loading"><div class="modal-loading-bar"></div></div> </header> <main class="modal-body"><ul class="modal-results modal-ajax-content"></ul> </main> <footer class="modal-footer clearfix"><div class="modal-metadata modal-ajax-content"> <strong class="range"></strong> of <strong class="total"></strong></div><div class="modal-error"></div> <div class="logo"></div> <a class="nav btn-next modal-ajax-content"> <span class="text">NEXT</span> <span class="fal fa-chevron-right"></span> </a> <a class="nav btn-prev modal-ajax-content"> <span class="fal fa-chevron-left"></span> <span class="text">PREV</span> </a> </footer></div><div class="modal-overlay"></div></div>';
-})(jQuery);
-
-var BaiduSearch;
-(function($) {
-  'use strict';
-
-  /**
-   * TODO
-   * Search by Baidu Search API
-   * @param options : (object)
-   */
-  BaiduSearch = function(options) {
-    SearchService.apply(this, arguments);
-    var self = this;
-    var endpoint = '';
-    self.addLogo('baidu');
-
-    /**
-     * Generate result list html
-     * @param data : (array) result items
-     */
-    self.buildResultList = function(data, queryText) {
-      var results = [];
-      var html = '';
-      $.each(data, function(index, post) {
-        if (self.contentSearch(post, queryText)) { html += self.buildResult(post.linkUrl, post.title, post.abstract); }
-      });
-      html += '<script>try{pjax.refresh(document.querySelector(\'#u-search\'));document.addEventListener(\'pjax:send\',function(){$(\'#u-search\').fadeOut(500);$(\'body\').removeClass(\'modal-active\')});}catch(e){$(\'#u-search\').fadeOut(500);}</script>';
-      return html;
-    };
-
-    /**
-     * Generate metadata after a successful query
-     * @param data : (object) the raw google custom search response data
-     */
-    self.buildMetadata = function(data) {
-
-    };
-
-    self.loadScript = function() {
-      self.dom.input.each(function(index, elem) {
-        $(elem).attr('disabled', true);
-      });
-      var script = '<script src=\'http://zhannei.baidu.com/api/customsearch/apiaccept?sid=' + self.config.apiId + '&v=2.0&callback=customSearch.initBaidu\' type=\'text/javascript\' charset=\'utf-8\'></script>';
-      self.dom.body.append(script);
-    };
-
-    self.initBaidu = function() {
-      self.cse = new BCse.Search(self.config.apiId);
-      //self.cse.setPageNum(self.config.per_page);
-      self.dom.input.each(function(index, elem) {
-        $(elem).attr('disabled', false);
-      });
-    };
-
-    /**
-     * Get search results
-     * @param queryText {String}
-     * @param page {Integer}
-     * @param callback {Function}
-     */
-    self.query = function(queryText, page, callback) {
-      self.cse.getResult(queryText, function(data) {
-        console.log('Searching: ' + queryText);
-        self.cse.getError(function(data) {
-          console.log(data);
-        });
-        if (data.length > 0) {
-          self.buildResultList(data, queryText);
-          self.cse.getSearchInfo(queryText, function(data) {
-            console.log(data);
-            self.buildMetadata(data);
-          });
-        } else {
-          self.nav.total = 0;
-          self.nav.next = -1;
-          self.nav.prev = -1;
-          self.dom.modal_metadata.hide();
-          self.dom.btn_next.hide();
-          self.dom.btn_prev.hide();
-          self.onQueryError(queryText, 'success');
-        }
-        if (callback instanceof Function) {
-          callback();
-        }
-      });
-    };
-
-    self.loadScript();
-
-    return self;
-  };
-
-})(jQuery);

package/source/js/search/google.js

@@ -1,339 +0,0 @@
-var SearchService = '';
-
-(function($) {
-
-  /**
-   * A super class of common logics for all search services
-   * @param options : (object)
-   */
-  SearchService = function(options) {
-    var self = this;
-
-    self.config = $.extend({
-      per_page : 10,
-      selectors: {
-        body              : 'body',
-        form              : '.u-search-form',
-        input             : '.u-search-input',
-        container         : '#u-search',
-        modal             : '#u-search .modal',
-        modal_body        : '#u-search .modal-body',
-        modal_footer      : '#u-search .modal-footer',
-        modal_overlay     : '#u-search .modal-overlay',
-        modal_results     : '#u-search .modal-results',
-        modal_metadata    : '#u-search .modal-metadata',
-        modal_error       : '#u-search .modal-error',
-        modal_loading_bar : '#u-search .modal-loading-bar',
-        modal_ajax_content: '#u-search .modal-ajax-content',
-        modal_logo        : '#u-search .modal-footer .logo',
-        btn_close         : '#u-search .btn-close',
-        btn_next          : '#u-search .btn-next',
-        btn_prev          : '#u-search .btn-prev'
-      },
-      brands: {
-        'hexo'   : {logo: '', url: ''},
-        'google' : {logo: 'google.svg', url: 'https://cse.google.com'},
-        'algolia': {logo: 'algolia.svg', url: 'https://www.algolia.com'},
-        'baidu'  : {logo: 'baidu.svg', url: 'http://zn.baidu.com/cse/home/index'},
-        'azure'  : {logo: 'azure.svg', url: 'https://azure.microsoft.com/en-us/services/search/'}
-      },
-      imagePath: 'https://cdn.jsdelivr.net/gh/volantis-x/cdn-volantis@master/img/logo/'
-    }, options);
-
-    self.dom = {};
-    self.percentLoaded = 0;
-    self.open = false;
-    self.queryText = '';
-    self.nav = {
-      next   : -1,
-      prev   : -1,
-      total  : 0,
-      current: 1
-    };
-
-    self.parseSelectors = function() {
-      for (var key in self.config.selectors) {
-        self.dom[key] = $(self.config.selectors[key]);
-      }
-    };
-
-    self.beforeQuery = function() {
-      if (!self.open) {
-        self.dom.container.fadeIn();
-        // self.dom.body.addClass('modal-active');
-        // 上面的是去除了文章的滚动条，我觉得没必要
-      }
-      self.dom.input.each(function(index, elem) {
-        $(elem).val(self.queryText);
-      });
-      document.activeElement.blur();
-      self.dom.modal_error.hide();
-      self.dom.modal_ajax_content.removeClass('loaded');
-      self.startLoading();
-    };
-
-    self.afterQuery = function() {
-      self.dom.modal_body.scrollTop(0);
-      self.dom.modal_ajax_content.addClass('loaded');
-      self.stopLoading();
-    };
-
-    /**
-     * Perform a complete serach operation including UI updates and query
-     * @param startIndex {int} start index or page number
-     */
-    self.search = function(startIndex, callback) {
-      self.beforeQuery();
-      if (self.search instanceof Function) {
-        self.query(self.queryText, startIndex, function() {
-          self.afterQuery();
-        });
-      } else {
-        console.log('query() does not exist.');
-        self.onQueryError(self.queryText, '');
-        self.afterQuery();
-      }
-    };
-
-    /**
-     * Query error handler
-     * @param queryText: (string)
-     * @param status: (string)
-     */
-    self.onQueryError = function(queryText, status) {
-      var errMsg = '';
-      if (status === 'success') errMsg = 'No result found for "' + queryText + '".';
-      else if (status === 'timeout') errMsg = 'Unfortunate timeout.';
-      else errMsg = 'Mysterious failure.';
-      self.dom.modal_results.html('');
-      self.dom.modal_error.html(errMsg);
-      self.dom.modal_error.show();
-    };
-
-    self.nextPage = function() {
-      if (self.nav.next !== -1) {
-        self.search(self.nav.next);
-      }
-    };
-
-    self.prevPage = function() {
-      if (self.nav.prev !== -1) {
-        self.search(self.nav.prev);
-      }
-    };
-
-    self.getUrlRelativePath = function(url) {
-      var arrUrl = url.split('//');
-      var start = arrUrl[1].indexOf('/');
-      var relUrl = arrUrl[1].substring(start);
-      if (relUrl.indexOf('?') != -1) {
-        relUrl = relUrl.split('?')[0];
-      }
-      return relUrl;
-    };
-
-    /**
-     * Generate html for one result
-     * @param url : (string) url
-     * @param title : (string) title
-     * @param digest : (string) digest
-     */
-    self.buildResult = function(url, title, digest) {
-      var result = self.getUrlRelativePath(url);
-      var html = '';
-      html = '<li>';
-      html += '<a class=\'result\' href=\'' + result + '\'>';
-      html += '<span class=\'title\'>' + title + '</span>';
-      if (digest !== '') html += '<span class=\'digest\'>' + digest + '</span>';
-      html += '</a>';
-      html += '</li>';
-      return html;
-    };
-
-    /**
-     * Close the modal, resume body scrolling
-     * no param
-     */
-    self.close = function() {
-      self.open = false;
-      self.dom.container.fadeOut();
-      self.dom.body.removeClass('modal-active');
-    };
-
-    /**
-     * Searchform submit event handler
-     * @param queryText : (string) the query text
-     */
-    self.onSubmit = function(event) {
-      event.preventDefault();
-      self.queryText = $(this).find('.u-search-input').val();
-      if (self.queryText) {
-        self.search(1);
-      }
-    };
-
-    /**
-     * Start loading bar animation
-     * no param
-     */
-    self.startLoading = function() {
-      self.dom.modal_loading_bar.show();
-      self.loadingTimer = setInterval(function() {
-        self.percentLoaded = Math.min(self.percentLoaded + 5, 95);
-        self.dom.modal_loading_bar.css('width', self.percentLoaded + '%');
-      }, 100);
-    };
-
-    /**
-     * Stop loading bar animation
-     * no param
-     */
-    self.stopLoading = function() {
-      clearInterval(self.loadingTimer);
-      self.dom.modal_loading_bar.css('width', '100%');
-      self.dom.modal_loading_bar.fadeOut();
-      setTimeout(function() {
-        self.percentLoaded = 0;
-        self.dom.modal_loading_bar.css('width', '0%');
-      }, 300);
-    };
-
-    /**
-     * Add service branding
-     * @param service {String} service name
-     */
-    self.addLogo = function(service) {
-      var html = '';
-      if (self.config.brands[service] && self.config.brands[service].logo) {
-        html += '<a href=\'' + self.config.brands[service].url + '\' class=\'' + service + '\'>';
-        html +=    '<img src="' + self.config.imagePath + self.config.brands[service].logo + '" />';
-        html += '</a>';
-        self.dom.modal_logo.html(html);
-      }
-    };
-
-    self.destroy = function() {
-      self.dom.form.each(function(index, elem) {
-        $(elem).off('submit');
-      });
-      self.dom.modal_overlay.off('click');
-      self.dom.btn_close.off('click');
-      self.dom.btn_next.off('click');
-      self.dom.btn_prev.off('click');
-      self.dom.container.remove();
-    };
-
-    /**
-     * Load template and register event handlers
-     * no param
-     */
-    self.init = function() {
-      $('body').append(template);
-      self.parseSelectors();
-      self.dom.modal_footer.show();
-      self.dom.form.each(function(index, elem) {
-        $(elem).on('submit', self.onSubmit);
-      });
-      self.dom.modal_overlay.on('click', self.close);
-      self.dom.btn_close.on('click', self.close);
-      self.dom.btn_next.on('click', self.nextPage);
-      self.dom.btn_prev.on('click', self.prevPage);
-    };
-
-    self.init();
-  };
-
-  var template = '<div id="u-search"><div class="modal"> <header class="modal-header" class="clearfix"><form id="u-search-modal-form" class="u-search-form" name="uSearchModalForm"> <input type="text" id="u-search-modal-input" class="u-search-input" /> <button type="submit" id="u-search-modal-btn-submit" class="u-search-btn-submit"> <span class="fas fa-search"></span> </button></form> <a class="btn-close"> <span class="fas fa-times"></span> </a><div class="modal-loading"><div class="modal-loading-bar"></div></div> </header> <main class="modal-body"><ul class="modal-results modal-ajax-content"></ul> </main> <footer class="modal-footer clearfix"><div class="modal-metadata modal-ajax-content"> <strong class="range"></strong> of <strong class="total"></strong></div><div class="modal-error"></div> <div class="logo"></div> <a class="nav btn-next modal-ajax-content"> <span class="text">NEXT</span> <span class="fal fa-chevron-right"></span> </a> <a class="nav btn-prev modal-ajax-content"> <span class="fal fa-chevron-left"></span> <span class="text">PREV</span> </a> </footer></div><div class="modal-overlay"></div></div>';
-})(jQuery);
-
-var GoogleCustomSearch = '';
-(function($) {
-  'use strict';
-
-  /**
-   * Search by Google Custom Search Engine JSON API
-   * @param options : (object)
-   */
-  GoogleCustomSearch = function(options) {
-    SearchService.apply(this, arguments);
-    var self = this;
-    var endpoint = 'https://www.googleapis.com/customsearch/v1';
-    self.addLogo('google');
-
-    /**
-     * Generate result list html
-     * @param data : (array) result items
-     */
-    self.buildResultList = function(data) {
-      var html = '';
-      $.each(data, function(index, row) {
-        var url = row.link;
-        var title = row.title;
-        var digest = (row.htmlSnippet || '').replace('<br>', '');
-        html += self.buildResult(url, title, digest);
-      });
-      html += '<script>try{pjax.refresh(document.querySelector(\'#u-search\'));document.addEventListener(\'pjax:send\',function(){$(\'#u-search\').fadeOut(500);$(\'body\').removeClass(\'modal-active\')});}catch(e){$(\'#u-search\').fadeOut(500);}</script>';
-      return html;
-    };
-
-    /**
-     * Generate metadata after a successful query
-     * @param data : (object) the raw google custom search response data
-     */
-    self.buildMetadata = function(data) {
-      if (data.queries && data.queries.request && data.queries.request[0].totalResults !== '0') {
-        self.nav.current = data.queries.request[0].startIndex;
-        self.nav.currentCount = data.queries.request[0].count;
-        self.nav.total = parseInt(data.queries.request[0].totalResults);
-        self.dom.modal_metadata.children('.total').html(self.nav.total);
-        self.dom.modal_metadata.children('.range').html(self.nav.current + '-' + (self.nav.current + self.nav.currentCount - 1));
-        self.dom.modal_metadata.show();
-      } else {
-        self.dom.modal_metadata.hide();
-      }
-      if (data.queries && data.queries.nextPage) {
-        self.nav.next = data.queries.nextPage[0].startIndex;
-        self.dom.btn_next.show();
-      } else {
-        self.nav.next = -1;
-        self.dom.btn_next.hide();
-      }
-      if (data.queries && data.queries.previousPage) {
-        self.nav.prev = data.queries.previousPage[0].startIndex;
-        self.dom.btn_prev.show();
-      } else {
-        self.nav.prev = -1;
-        self.dom.btn_prev.hide();
-      }
-    };
-
-    /**
-     * Send a GET request
-     * @param queryText : (string) the query text
-     * @param startIndex : (int) the index of first item (start from 1)
-     * @param callback : (function)
-     */
-    self.query = function(queryText, startIndex, callback) {
-      $.get(endpoint, {
-        key  : self.config.apiKey,
-        cx   : self.config.engineId,
-        q    : queryText,
-        start: startIndex,
-        num  : self.config.per_page
-      }, function(data, status) {
-        if (status === 'success' && data.items && data.items.length > 0) {
-          var results = self.buildResultList(data.items);
-          self.dom.modal_results.html(results);
-        } else {
-          self.onQueryError(queryText, status);
-        }
-        self.buildMetadata(data);
-        if (callback) {
-          callback();
-        }
-      });
-    };
-
-    return self;
-  };
-})(jQuery);