Changeset 23079 for branches/version-2_13-dev/html/user_data/packages/admin/js/admin.js

Timestamp:

2013/08/17 01:05:37 (11 years ago)

Author:

pineray

Message:

#2341 EC-CUBE独自のJSをまとめる
管理画面.

File:

• branches/version-2_13-dev/html/user_data/packages/admin/js/admin.js (modified) (1 diff)

branches/version-2_13-dev/html/user_data/packages/admin/js/admin.js

@@ -327 +327 @@
     }
 }
+
+(function($) {
+    /**
+     * パンくず
+     */
+    var o;
+
+    $.fn.breadcrumbs = function(options) {
+        var defaults = {
+            bread_crumbs: '',
+            start_node: '<span>ホーム</span>',
+            anchor_node: '<a onclick="eccube.setModeAndSubmit(\'tree\', \'parent_category_id\', '
+                + '{category_id}); return false" href="javascript:;" />',
+            delimiter_node: '<span>&nbsp;&gt;&nbsp;</span>'
+        };
+
+        return this.each(function() {
+            if (options) {
+                o = $.fn.extend(defaults, options);
+            }
+            var $this = $(this);
+            var total = o.bread_crumbs.length;
+            var $node = $(o.start_node);
+
+            for (var i = total - 1; i >= 0; i--) {
+                if (i == total -1) $node.append(o.delimiter_node);
+
+                var anchor = o.anchor_node
+                    .replace(/{category_id}/ig,
+                        o.bread_crumbs[i].category_id);
+                $(anchor)
+                    .text(o.bread_crumbs[i].category_name)
+                    .appendTo($node);
+
+                if (i > 0) $node.append(o.delimiter_node);
+            }
+            $this.html($node);
+            return this;
+        });
+    };
+})(jQuery);
+
+/**
+ * ファイル管理
+ */
+var tree = "";                      // 生成HTML格納
+var count = 0;                      // ループカウンタ
+var arrTreeStatus = [];             // ツリー状態保持
+var old_select_id = '';             // 前回選択していたファイル
+var selectFileHidden = "";          // 選択したファイルのhidden名
+var treeStatusHidden = "";          // ツリー状態保存用のhidden名
+var modeHidden = "";                // modeセットhidden名
+
+// ツリー表示
+function fnTreeView(view_id, arrTree, openFolder, selectHidden, treeHidden, mode) {
+    selectFileHidden = selectHidden;
+    treeStatusHidden = treeHidden;
+    modeHidden = mode;
+
+    for(i = 0; i < arrTree.length; i++) {
+        id = arrTree[i][0];
+        level = arrTree[i][3];
+
+        if(i == 0) {
+            old_id = "0";
+            old_level = 0;
+        } else {
+            old_id = arrTree[i-1][0];
+            old_level = arrTree[i-1][3];
+        }
+
+        // 階層上へ戻る
+        if(level <= (old_level - 1)) {
+            tmp_level = old_level - level;
+            for(up_roop = 0; up_roop <= tmp_level; up_roop++) {
+                tree += '</div>';
+            }
+        }
+
+        // 同一階層で次のフォルダへ
+        if(id != old_id && level == old_level) tree += '</div>';
+
+        // 階層の分だけスペースを入れる
+        for(space_cnt = 0; space_cnt < arrTree[i][3]; space_cnt++) {
+            tree += "&nbsp;&nbsp;&nbsp;";
+        }
+
+        // 階層画像の表示・非表示処理
+        if(arrTree[i][4]) {
+            if(arrTree[i][1] == '_parent') {
+                rank_img = IMG_MINUS;
+            } else {
+                rank_img = IMG_NORMAL;
+            }
+            // 開き状態を保持
+            arrTreeStatus.push(arrTree[i][2]);
+            display = 'block';
+        } else {
+            if(arrTree[i][1] == '_parent') {
+                rank_img = IMG_PLUS;
+            } else {
+                rank_img = IMG_NORMAL;
+            }
+            display = 'none';
+        }
+
+        arrFileSplit = arrTree[i][2].split("/");
+        file_name = arrFileSplit[arrFileSplit.length-1];
+
+        // フォルダの画像を選択
+        if(arrTree[i][2] == openFolder) {
+            folder_img = IMG_FOLDER_OPEN;
+            file_name = "<b>" + file_name + "</b>";
+        } else {
+            folder_img = IMG_FOLDER_CLOSE;
+        }
+
+        // 階層画像に子供がいたらオンクリック処理をつける
+        if(rank_img != IMG_NORMAL) {
+            tree += '<a href="javascript:fnTreeMenu(\'tree'+ i +'\',\'rank_img'+ i +'\',\''+ arrTree[i][2] +'\')"><img src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'">';
+        } else {
+            tree += '<img src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'">';
+        }
+        tree += '<a href="javascript:fnFolderOpen(\''+ arrTree[i][2] +'\')"><img src="'+ folder_img +'" border="0" name="tree_img'+ i +'" id="tree_img'+ i +'">&nbsp;'+ file_name +'</a><br/>';
+        tree += '<div id="tree'+ i +'" style="display:'+ display +'">';
+    }
+    fnDrow(view_id, tree);
+    //document.tree_form.tree_test2.focus();
+}
+
+// Tree状態をhiddenにセット
+function setTreeStatus(name) {
+    var tree_status = "";
+    for(i=0; i < arrTreeStatus.length ;i++) {
+        if(i != 0) tree_status += '|';
+        tree_status += arrTreeStatus[i];
+    }
+    document.form1[name].value = tree_status;
+}
+
+// Tree状態を削除する(閉じる状態へ)
+function fnDelTreeStatus(path) {
+    for(i=0; i < arrTreeStatus.length ;i++) {
+        if(arrTreeStatus[i] == path) {
+            arrTreeStatus[i] = "";
+        }
+    }
+}
+// ツリー描画
+function fnDrow(id, tree) {
+    // ブラウザ取得
+    MyBR = fnGetMyBrowser();
+    // ブラウザ事に処理を切り分け
+    switch(myBR) {
+        // IE4の時の表示
+        case 'I4':
+            document.all(id).innerHTML = tree;
+            break;
+        // NN4の時の表示
+        case 'N4':
+            document.layers[id].document.open();
+            document.layers[id].document.write("<div>");
+            document.layers[id].document.write(tree);
+            document.layers[id].document.write("</div>");
+            document.layers[id].document.close();
+            break;
+        default:
+            document.getElementById(id).innerHTML=tree;
+            break;
+    }
+}
+
+// 階層ツリーメニュー表示・非表示処理
+function fnTreeMenu(tName, imgName, path) {
+    tMenu = $("#" + tName);
+
+    if(tMenu.css("display") == 'none') {
+        fnChgImg(IMG_MINUS, imgName);
+        tMenu.show();
+        // 階層の開いた状態を保持
+        arrTreeStatus.push(path);
+    } else {
+        fnChgImg(IMG_PLUS, imgName);
+        tMenu.hide();
+        // 閉じ状態を保持
+        fnDelTreeStatus(path);
+    }
+}
+
+// ファイルリストダブルクリック処理
+function fnDbClick(arrTree, path, is_dir, now_dir, is_parent) {
+    if(is_dir) {
+        if(!is_parent) {
+            for(cnt = 0; cnt < arrTree.length; cnt++) {
+                if(now_dir == arrTree[cnt][2]) {
+                    open_flag = false;
+                    for(status_cnt = 0; status_cnt < arrTreeStatus.length; status_cnt++) {
+                        if(arrTreeStatus[status_cnt] == arrTree[cnt][2]) open_flag = true;
+                    }
+                    if(!open_flag) fnTreeMenu('tree'+cnt, 'rank_img'+cnt, arrTree[cnt][2]);
+                }
+            }
+        }
+        fnFolderOpen(path);
+    } else {
+        // Download
+        eccube.setModeAndSubmit('download','','');
+    }
+}
+
+// フォルダオープン処理
+function fnFolderOpen(path) {
+    // クリックしたフォルダ情報を保持
+    document.form1[selectFileHidden].value = path;
+    // treeの状態をセット
+    setTreeStatus(treeStatusHidden);
+    // submit
+    eccube.setModeAndSubmit(modeHidden,'','');
+}
+
+// 閲覧ブラウザ取得
+function fnGetMyBrowser() {
+    myOP = window.opera;            // OP
+    myN6 = document.getElementById; // N6
+    myIE = document.all;            // IE
+    myN4 = document.layers;         // N4
+    if      (myOP) myBR="O6";       // OP6以上
+    else if (myIE) myBR="I4";       // IE4以上
+    else if (myN6) myBR="N6";       // NS6以上
+    else if (myN4) myBR="N4";       // NN4
+    else           myBR="";         // その他
+
+    return myBR;
+}
+
+// imgタグの画像変更
+function fnChgImg(fileName,imgName){
+    $("#" + imgName).attr("src", fileName);
+}
+
+// ファイル選択
+function fnSelectFile(id, val) {
+    old_select_id = id;
+}