locky
/
ASJLanguageSys


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
							<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>afaa</title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="css/default.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery_cookie_min.js"></script>
    <script src="js/scripts.js"></script>
    <script src="js/jqhttpsdk.js"></script>
    <script src="js/jkcor.js"></script>
    <script src="js/pages.js"></script>
</head>
<body>
<!-- 加载动画 -->
<div id="loading-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000;">
    <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px;">
        <i class="fa fa-spinner fa-spin"></i> 正在翻译中,请稍后...
    </div>
</div>
<div class="clear-backend">
    <div class="avatar">
        <div>
            <a href="#" target="_blank">
                <img src="img/admin.png" alt="">
            </a>
        </div>
    </div>
    <div id="zosi" class="menu">
    <input type="radio" class="tab-1" name="tab" onclick="location.href='index.html'">
    <span>APP</span><i class="fa fa-home"></i>
    </div>

    <div id="avss" class="menu">
    <input type="radio" class="tab-5" name="tab" onclick="location.href='avss_index.html'">
    <span>AVSS</span><i class="fa fa-language"></i>
    </div>

    <div id="zosi_link" class="menu">
    <input type="radio" class="tab-6" name="tab" onclick="location.href='zosi_link_index.html'">
    <span>Zosi Link</span><i class="fa fa-language"></i>
    </div>

    <div class="menu">
        <input type="radio" class="tab-7" name="tab" onclick="location.href='new_searchTool.html'">
        <span> New Search Tool</span><i class="fa fa-language"></i>
     </div>

    <div class="menu">
        <input type="radio" class="tab-8" name="tab" onclick="location.href='old_searchTool.html'">
        <span>Old Search Tool</span><i class="fa fa-language"></i>
    </div>

    <div class="menu">
    <input type="radio" class="tab-2" name="tab" checked="checked">
    <span>Lang</span><i class="fa fa-medium"></i>
    </div>

    <div class="menu">
    <input type="radio" class="tab-3" name="tab" onclick="location.href='userTab.html'">
    <span>Users</span><i class="fa fa-user"></i>
    </div>

    <div class="menu">
    <input type="radio" class="tab-4" name="tab" onclick="location.href='imgTab.html'">
    <span>Azimg</span><i class="fa fa-image"></i>
    </div>

    <!-- tab-top-bar -->
    <div class="top-bar">
        <ul>
            <li>
                <a href="login.html" title="Log Out">
                    <i class="fa fa-sign-out"></i>
                </a>
            </li>
                        <!--

            <li>
                <a href="" title="Messages">
                    <i class="fa fa-envelope"></i>
                </a>
            </li>
            <li>
                <a href="" title="Edit">
                    <i class="fa fa-edit"></i>
                </a>
            </li>
            -->
        </ul>
    </div>

    <!-- tab-content -->
    <div class="tab-content" style="overflow: auto">
        <section class="tab-item-2" style="height: 100%;width: 100%;display: block">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <form role="form">
                            <div class="form-group">

                                <label for="InputLangArea">
                                    语种
                                </label>
                                <input type="text" class="form-control" id="InputLangArea"/>
                            </div>

                            <button type="submit" class="btn btn-primary" onclick="subLangAre();return false;">
                                添加语种
                            </button>
                        </form>
                    </div>
                </div>
            </div>
            <hr>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <table class="table table-bordered table-hover">
                            <thead id="tabLangHead">
                            <tr>
                                <th>编号</th>
                                <th>语言</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="tabLangBody"></tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--模态框start-->
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="modal fade" id="modal-container-edit" role="dialog"
                             aria-labelledby="myModalLabel"
                             aria-hidden="true">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="myModalLabel">
                                            EDIT
                                        </h5>
                                        <button type="button" class="close" data-dismiss="modal">
                                            <span aria-hidden="true">×</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-group" id="edit_model_form">
                                        </div>
                                    </div>
                                    <div class="modal-footer">

                                        <button type="button" class="btn btn-primary editRowSaveBtn"
                                                onclick="editRow(this);return false;">
                                            Save changes
                                        </button>
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                            Close
                                        </button>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--模态框end-->
        </section>
    </div>
</div>

<script type="text/javascript">
    let lang_data
    $(function () {
        let post_data = {
            'token': $.cookie('access_token'),
        };
        $.postJSON(
            http_ip_prot + 'langArea/query', JSON.stringify(post_data),
            function (data) {
                if (data['code'] == 0) {
                    console.log(data)
                    lang_data = data['res']
                    addLangAreaTable(data['res'])
                } else {
                    alert(data['msg'])
                }
            }
        );
    });

    function addLangAreaTable(data) {
        let body_html = ''

        $.each(data.reverse(), function (idx, obj) {
            let edit_btn = '<a href="#" title="Edit" onclick="editFunc(\'' + obj['id'] + '\')"><i class="fa fa-edit"></i></a>';
            let del_btn = '<a href="#" title="Delete" onclick="delArea(\'' + obj['id'] + '\')"><i class="fa fa-ban"></i></a>';
            let idw_btn = 'IOS:<a href="#" title="ios" onclick="dlFunc(\'' + obj['id'] + '\',1)"><i class="fa fa-download"></i></a>';
            let adw_btn = '安卓:<a href="#" title="android" onclick="dlFunc(\'' + obj['id'] + '\',2)"><i class="fa fa-download"></i></a>';
            let avssw_btn = 'AVSS:<a href="#" title="avss" onclick="dlFunc(\'' + obj['id'] + '\',3)"><i class="fa fa-download"></i></a>';
            let link_ios_tbn = 'Link IOS:<a href="#" title="zosi_link_ios" onclick="dlFunc(\'' + obj['id'] + '\',4)"><i class="fa fa-download"></i></a>';
            let link_android_btn = 'Link 安卓:<a href="#" title="zosi_link_android" onclick="dlFunc(\'' + obj['id'] + '\',5)"><i class="fa fa-download"></i></a>';
            let new_searchTool_btn = 'New Search Tool:<a href="#" title="new_searchTool" onclick="dlFunc(\'' + obj['id'] + '\',6)"><i class="fa fa-download"></i></a>';
            let old_searchTool_btn = 'Old Search Tool:<a href="#" title="new_searchTool" onclick="dlFunc(\'' + obj['id'] + '\',7)"><i class="fa fa-download"></i></a>';
            let flutter_btn = 'flutter:<a href="#" title="flutter" onclick="dlFunc(\'' + obj['id'] + '\',8)"><i class="fa fa-download"></i></a>';
            let translate_btn = '一键翻译:<a href="#" title="translate" onclick="ai_translate(\'' + obj['id'] + '\')"><i class="fa fa-language"></i></a>';
            let np = '&nbsp;&nbsp;&nbsp;'
            body_html += '<tr><td>' + obj['id'] + '</td><td>' + obj['lang'] + '</td><td>' + edit_btn + np + del_btn
                + np + idw_btn + np + adw_btn + np + avssw_btn + np + link_ios_tbn + np + link_android_btn + np + new_searchTool_btn + np + old_searchTool_btn + np + flutter_btn + np + np + np + translate_btn +'</td></tr>'
        })
        $('#tabLangBody').html(body_html)
    }

    function subLangAre() {
        let access_token = $.cookie('access_token')
        let langArea = $('#InputLangArea').val()
        let post_data = {
            'token': access_token,
            'lang': langArea,
        }
        console.log(post_data)
        $.postJSON(
            http_ip_prot + 'langArea/add',
            JSON.stringify(post_data),
            function (data) {
                if (data['code'] == 0) {
                    alert(data['msg'])
                    window.location.reload();
                } else {
                    alert(data['msg'])
                }
            }
        );
    }

    function delArea(id) {
        let post_data = {
            'token': $.cookie('access_token'),
            'id': id
        }
        let cr = confirm('delete it ?')
        if (cr) {
            $.postJSON(
                http_ip_prot + 'langArea/delete', JSON.stringify(post_data),
                function (data) {
                    if (data['code'] == 0) {
                        console.log(data)
                        // alert(data['msg'])
                        window.location.reload()
                    } else {
                        alert(data['msg'])
                    }
                }
            );
        }
    }

    function editFunc(lang_id) {
        // alert(langKey)
        console.log(lang_data)
        $('#modal-container-edit').modal('show')
        let html_edit = ''
        $.each(lang_data, function (idx, obj) {
            if (lang_id == obj['id']) {
                html_edit = '<input type="text" class="form-control" id="editDataInput" value="' + obj['lang'] + '" lid="' + lang_id + '">'
            }
        });
        $('#edit_model_form').html(html_edit)
        return
        // let post_data = {'token': $.cookie('access_token')};
        // let html_per = '<label for="lang_key_edit">KEY</label><input class="form-control" type="text" id="lang_key_edit" oldkey="' + langKey + '" value="' + langKey + '"> '
        // $.each(la_list, function (idx, obj) {
        //     console.log(obj);
        //     html_per += ('<label for="InputLangArea">' + obj['lang'] + ':</label>' +
        //         '<input type="text" class="form-control" lang="' + obj['lang'] + '" value="' + (lw_data[langKey][obj['lang']] ? lw_data[langKey][obj['lang']] : '') + '"/>')
        // });
        // // console.log(html_per)
        // $('#edit_model_form').html(html_per)
    }

    function editRow() {
        let lang_id = $('#editDataInput').attr('lid')
        let lang_area = $('#editDataInput').val()
        if (lang_id && lang_area) {
            let post_data = {
                'token': $.cookie('access_token'),
                'id': lang_id,
                'lang': lang_area
            }
            $.postJSON(
                http_ip_prot + 'langArea/update', JSON.stringify(post_data),
                function (data) {
                    if (data['code'] == 0) {
                        console.log(data)
                        // alert(data['msg'])
                        window.location.reload()
                    } else {
                        alert(data['msg'])
                    }
                }
            );
        } else {
            alert('none')
        }
    }

    function dlFunc(id, type) {
        let post_type = ''
        if (type == 1) {
            post_type = 'ios'
        } else if (type == 2) {
            post_type = 'android'
        }else if(type == 3){
            post_type = 'avss'
        }else if(type == 4){
            post_type = 'link_ios'
        }else if(type == 5){
            post_type = 'link_android'
        }else if(type == 6){
            post_type = 'new_searchTool'
        }else if(type == 7){
            post_type = 'old_searchTool'
        }else if(type == 8){
            post_type = 'flutter'
        }
        let post_data = {
            'token': $.cookie('access_token'),
            'id': id
        }
        window.location.href = http_ip_prot + 'langArea/export?id=' + id + '&token=' + post_data['token'] + '&type=' + post_type
        return
        window.location.href = 'http://192.168.136.40:7724/exportLang'
        return
        let cr = confirm('export it ?')
        if (cr) {
            $.postJSON(
                http_ip_prot + 'langArea/export', JSON.stringify(post_data),
                function (data) {
                    if (data['code'] == 0) {
                        console.log(data)
                        // alert(data['msg'])
                        // window.location.reload()
                    } else {
                        alert(data['msg'])
                    }
                }
            );
        }
    }
</script>
</body>
</html>