bkb-admin-web/public/UEditor/dialogs/music/music.js

function Music() {
  this.init();
}
(function () {
  var pages = [],
    panels = [],
    selectedItem = null;
  Music.prototype = {
    total: 70,
    pageSize: 10,
    dataUrl: 'http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.search.common',
    playerUrl: 'http://box.baidu.com/widget/flash/bdspacesong.swf',

    init: function () {
      var me = this;
      domUtils.on($G('J_searchName'), 'keyup', function (event) {
        var e = window.event || event;
        if (e.keyCode == 13) {
          me.dosearch();
        }
      });
      domUtils.on($G('J_searchBtn'), 'click', function () {
        me.dosearch();
      });
    },
    callback: function (data) {
      var me = this;
      me.data = data.song_list;
      setTimeout(function () {
        $G('J_resultBar').innerHTML = me._renderTemplate(data.song_list);
      }, 300);
    },
    dosearch: function () {
      var me = this;
      selectedItem = null;
      var key = $G('J_searchName').value;
      if (utils.trim(key) == '') return false;
      key = encodeURIComponent(key);
      me._sent(key);
    },
    doselect: function (i) {
      var me = this;
      if (typeof i == 'object') {
        selectedItem = i;
      } else if (typeof i == 'number') {
        selectedItem = me.data[i];
      }
    },
    onpageclick: function (id) {
      var me = this;
      for (var i = 0; i < pages.length; i++) {
        $G(pages[i]).className = 'pageoff';
        $G(panels[i]).className = 'paneloff';
      }
      $G('page' + id).className = 'pageon';
      $G('panel' + id).className = 'panelon';
    },
    listenTest: function (elem) {
      var me = this,
        view = $G('J_preview'),
        is_play_action = elem.className == 'm-try',
        old_trying = me._getTryingElem();

      if (old_trying) {
        old_trying.className = 'm-try';
        view.innerHTML = '';
      }
      if (is_play_action) {
        elem.className = 'm-trying';
        view.innerHTML = me._buildMusicHtml(me._getUrl(true));
      }
    },
    _sent: function (param) {
      var me = this;
      $G('J_resultBar').innerHTML = '<div class="loading"></div>';

      utils.loadFile(document, {
        src:
          me.dataUrl +
          '&query=' +
          param +
          '&page_size=' +
          me.total +
          '&callback=music.callback&.r=' +
          Math.random(),
        tag: 'script',
        type: 'text/javascript',
        defer: 'defer',
      });
    },
    _removeHtml: function (str) {
      var reg = /<\s*\/?\s*[^>]*\s*>/gi;
      return str.replace(reg, '');
    },
    _getUrl: function (isTryListen) {
      var me = this;
      var param =
        'from=tiebasongwidget&url=&name=' +
        encodeURIComponent(me._removeHtml(selectedItem.title)) +
        '&artist=' +
        encodeURIComponent(me._removeHtml(selectedItem.author)) +
        '&extra=' +
        encodeURIComponent(me._removeHtml(selectedItem.album_title)) +
        '&autoPlay=' +
        isTryListen +
        '' +
        '&loop=true';
      return me.playerUrl + '?' + param;
    },
    _getTryingElem: function () {
      var s = $G('J_listPanel').getElementsByTagName('span');

      for (var i = 0; i < s.length; i++) {
        if (s[i].className == 'm-trying') return s[i];
      }
      return null;
    },
    _buildMusicHtml: function (playerUrl) {
      var html =
        '<embed class="BDE_try_Music" allowfullscreen="false" pluginspage="http://www.macromedia.com/go/getflashplayer"';
      html += ' src="' + playerUrl + '"';
      html += ' width="1" height="1" style="position:absolute;left:-2000px;"';
      html += ' type="application/x-shockwave-flash" wmode="transparent" play="true" loop="false"';
      html += ' menu="false" allowscriptaccess="never" scale="noborder">';
      return html;
    },
    _byteLength: function (str) {
      return str.replace(/[^\u0000-\u007f]/g, '\u0061\u0061').length;
    },
    _getMaxText: function (s) {
      var me = this;
      s = me._removeHtml(s);
      if (me._byteLength(s) > 12) return s.substring(0, 5) + '...';
      if (!s) s = '&nbsp;';
      return s;
    },
    _rebuildData: function (data) {
      var me = this,
        newData = [],
        d = me.pageSize,
        itembox;
      for (var i = 0; i < data.length; i++) {
        if ((i + d) % d == 0) {
          itembox = [];
          newData.push(itembox);
        }
        itembox.push(data[i]);
      }
      return newData;
    },
    _renderTemplate: function (data) {
      var me = this;
      if (data.length == 0) return '<div class="empty">' + lang.emptyTxt + '</div>';
      data = me._rebuildData(data);
      var s = [],
        p = [],
        t = [];
      s.push('<div id="J_listPanel" class="listPanel">');
      p.push('<div class="page">');
      for (var i = 0, tmpList; (tmpList = data[i++]); ) {
        panels.push('panel' + i);
        pages.push('page' + i);
        if (i == 1) {
          s.push('<div id="panel' + i + '" class="panelon">');
          if (data.length != 1) {
            t.push(
              '<div id="page' +
                i +
                '" onclick="music.onpageclick(' +
                i +
                ')" class="pageon">' +
                i +
                '</div>',
            );
          }
        } else {
          s.push('<div id="panel' + i + '" class="paneloff">');
          t.push(
            '<div id="page' +
              i +
              '" onclick="music.onpageclick(' +
              i +
              ')" class="pageoff">' +
              i +
              '</div>',
          );
        }
        s.push('<div class="m-box">');
        s.push(
          '<div class="m-h"><span class="m-t">' +
            lang.chapter +
            '</span><span class="m-s">' +
            lang.singer +
            '</span><span class="m-z">' +
            lang.special +
            '</span><span class="m-try-t">' +
            lang.listenTest +
            '</span></div>',
        );
        for (var j = 0, tmpObj; (tmpObj = tmpList[j++]); ) {
          s.push('<label for="radio-' + i + '-' + j + '" class="m-m">');
          s.push(
            '<input type="radio" id="radio-' +
              i +
              '-' +
              j +
              '" name="musicId" class="m-l" onclick="music.doselect(' +
              (me.pageSize * (i - 1) + (j - 1)) +
              ')"/>',
          );
          s.push('<span class="m-t">' + me._getMaxText(tmpObj.title) + '</span>');
          s.push('<span class="m-s">' + me._getMaxText(tmpObj.author) + '</span>');
          s.push('<span class="m-z">' + me._getMaxText(tmpObj.album_title) + '</span>');
          s.push(
            '<span class="m-try" onclick="music.doselect(' +
              (me.pageSize * (i - 1) + (j - 1)) +
              ');music.listenTest(this)"></span>',
          );
          s.push('</label>');
        }
        s.push('</div>');
        s.push('</div>');
      }
      t.reverse();
      p.push(t.join(''));
      s.push('</div>');
      p.push('</div>');
      return s.join('') + p.join('');
    },
    exec: function () {
      var me = this;
      if (selectedItem == null) return;
      $G('J_preview').innerHTML = '';
      editor.execCommand('music', {
        url: me._getUrl(false),
        width: 400,
        height: 95,
      });
    },
  };
})();