<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>ALLNET GmbH - firmware</title>
    <meta name="google" content="notranslate" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/css/element.css">
    <link rel="stylesheet" href="/css/admin2.css">
    <link rel="stylesheet" href="/css/firmware-preview.css" media="all">
    <link rel="icon" href="/imgs/icon_brand.png">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="robots" content="">
    <style type="text/css">
        .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
            background: #77bbf1;
            color: whitesmoke;
        }
        .el-tree--highlight-current .el-tree-node:hover{
            transform: scale(1.02);
        }
        .el-tree>.el-tree-node>.el-tree-node__content div span{
            font-size: 15px;
            font-weight: bold;
        }
        .el-tag {
            margin-right: 10px;
            margin-top: 10px;
        }
        .sign-btn{
            padding:0 12px;
            border-radius: 20px;
            display: inline-block;
            background: white;
            border: 1px solid #eeeeee;
            cursor: pointer;
        }
        .sign-btn.sign-in-btn {
            color: #725ade;
            border: 1px solid #725ade;
        }
        .sign-btn:hover{
            transform: scale(1.1);
            box-shadow: 4px 4px 8px 2px #8888;
        }
        .specTitle{
            background: #f5f5f5;
        }
    </style>

</head>
<body style=" background: #f9f9f9; overflow-y: hidden">
<div style="width: 100%;" id="app" v-cloak>
    <div @click="showSlideMenu=false" class="slide-menu-mark" v-if="showSlideMenu">
        <div style="width: 100%; height: 1px; background: #f1f1f1;"></div>
        <div class="slide-menu">
            <el-tree
                    empty-text="Not found category"
                    :current-node-key="categoryId"
                    :highlight-current="true"
                    :data="categoryList"
                    node-key="id"
                    default-expand-all
                    :expand-on-click-node="false">
                <div slot-scope="{ node, data }" @click="onClickItem(data, node)" style="width: 100%; height: 36px; line-height: 36px">
                    <i v-if="data.children.length===0" class="el-icon-document"></i>
                    <span>{{ data.label }}</span>
                </div>
            </el-tree>
        </div>
    </div>
    <div class="menu-bar" >
        <div class="hyy-container top-menu" >
            <div class="logo" style="display: flex; align-items: center;">
                <img class="img" src="/imgs/icon_brand.png"  style="">
                <div class="title-content">
                    <div style="height: 32px; line-height: 32px"></div>
<!--                    <img v-if="!isMinSize" src="/imgs/github.png" style="width: 24px; height: 24px; cursor: pointer" @click="onClickOpenGithub">-->
                </div>
            </div>
            <div class="menu" @click="showSlideMenu=true" v-if="isMinSize">
                <i style="font-size: 18px" class="el-icon-menu"></i>
            </div>

            <div style="position: absolute; right: 240px; top: 0; display: flex; align-items: center; height: 96px" v-if="!isMinSize">
                <div class="marquee-img">
                    <div class="marquee-img-track">
                        <img v-for="item in bannerList" :src="item.imgUrl" @click="onClickImage(item)" />
                        <!-- 复制一份，实现无缝循环 -->
                        <img v-for="item in bannerList" :src="item.imgUrl" @click="onClickImage(item)"/>
                    </div>
                </div>
            </div>

            <div style="position: absolute; right: 0; top: 0; display: flex; align-items: center; height: 96px" v-if="!isMinSize">
               <div v-if="!user" style="height: 28px; line-height: 28px;">
                   <div class="sign-btn sign-in-btn" @click="onClickSignIn">Sign in</div>&nbsp;&nbsp;
                   <div class="sign-btn" @click="onClickSignUp">Sign up</div>
               </div>
                <div v-else style="display: flex; align-items: center">
                    <div style="height: 36px; line-height: 36px; padding: 4px; background: whitesmoke; border-radius: 36px">
                        <el-dropdown :hide-on-click="false" @command="handleCommand">
                            <img src="/imgs/ic_default_avater.webp" style="width: 36px; height: 36px; cursor: pointer">
                            <el-dropdown-menu slot="dropdown" style="width: 200px">
                                <el-dropdown-item>{{user.username}}</el-dropdown-item>
                                <el-dropdown-item command="exit" divided>Exit</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </div>
                </div>
            </div>

            <div style="position: absolute; right: 48px; top: 0; display: flex" v-if="isMinSize">
                <i @click="showSearch=true" v-if="!showSearch" class="el-icon-search" style="position: absolute; top: 16px; right: 0; font-size: 18px"></i>
                <div class="bar-search" v-if="showSearch">
                    <el-input v-model="queryParams.keyword" @keydown.enter.native="onKeyEnter" size="small" placeholder="Enter to search"></el-input>
                    <i  @click="showSearch=false" class="el-icon-circle-close" style="position: absolute; right: 8px; top: 16px; font-size: 20px; color: #bbbbbb"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="hyy-container">
        <div style="margin: auto; display: flex">
            <div class="category-panel" v-if="!isMinSize">
                <div style="width: calc(100% - 24px);  height: calc(100vh - 316px); background: white;border: 1px solid #f1f1f1; border-radius: 4px; ">
                    <div style="font-weight: bold; width: 100%; text-align: center; height: 40px; line-height: 40px; font-size: 18px; background: #55a7ef;color: white">Category</div>
                    <div style="height: calc(100vh - 380px); overflow-y: auto; margin-left: 8px; padding-top: 14px; overflow-x: hidden">
                        <el-tree
                                ref="cateTree"
                                empty-text="Not found category"
                                :current-node-key="categoryId"
                                :highlight-current="true"
                                :data="categoryList"
                                node-key="id"
                                :expand-on-click-node="false">
                            <div slot-scope="{ node, data }" @click="onClickItem(data)" style="width: 100%; height: 36px; line-height: 36px">
                                <i v-if="data.children.length===0" class="el-icon-document"></i>
                                <span>{{ data.label }}</span>
                            </div>
                        </el-tree>
                    </div>
                    <div style="margin-top: 20px">
                        <div style="display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: calc(100% - 16px); margin: auto">
                            <div v-for="item in blogrollList" class="blogroll-item">
                                <img @click="onClickBlogrollItem(item)" :src="item.imgUrl">
                            </div>
                        </div>
                    </div>
                    <div><span>Visit：</span><span v-if="visit>1000">{{visit}}</span><span v-else>1000+</span></div>
                </div>
            </div>
            <div class="max-firmware-content">
                <div style="width: calc(100% - 0px); height: 40px;line-height: 40px; color: white; position: absolute;
                    left: 0; top: 5px; font-weight: bold; background: #55a7ef; text-align: center" v-if="categoryTitle">
                    <span v-if="!showSearch">
                        <span>{{categoryTitle}}</span>
                        &nbsp;&nbsp;
                        <i class="el-icon-share" @click="onClickShare"></i>
                    </span>
                    <div v-if="!isMinSize" style="position: absolute; right: 16px; top: 0; display: flex; align-items: center">
                        <div v-if="showSearch" style="width: 450px; margin-right: 16px; position: relative">
                            <i @click="onClickCloseSearch" class="el-icon-close" style="position: absolute; right: 10px; top: 16px; z-index: 999;cursor: pointer; color: #535353"></i>
                            <el-input v-model="queryParams.keyword" @keydown.enter.native="onKeyEnter" size="small" placeholder="Enter to search"></el-input>
                        </div>
                        <i v-if="!showSearch" @click="showSearch=true" style="font-size: 18px; margin-right: 10px" class="el-icon-search"></i>
                        <el-dropdown @command="handleTagsCommand" >
                          <span class="el-dropdown-link">
                            <i style="font-size: 18px; color: white; cursor: pointer" class="el-icon-menu"></i>
                          </span>
                            <el-dropdown-menu slot="dropdown"  style="width: 240px" >
                                <el-dropdown-item command="all">
                                    <span>ALL</span>
                                </el-dropdown-item>
                                <el-dropdown-item :command="tag.title" v-for="tag in tagList"  style="position: relative">
                                    <span>{{tag.title}}</span>
                                    <span style="font-size: 11px; background: #f1f1f1; padding: 2px 4px; border-radius: 4px">{{tag.groupTitle}}</span>
                                </el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>

                    </div>
                </div>
                <div style="padding-top: 48px;">
                    <div class="firmware-item-content">
                        <div v-if="categoryDetails && (categoryDetails.imageList.length>0 ||categoryDetails.hyperlink || categoryDetails.specificationList.length>0 || categoryDetails.content)"
                             style="width: 100%; background: white; padding-bottom: 16px; box-shadow: 2px 2px 4px #f1f1f1">
                            <div style="width: calc(100% - 32px); margin:auto">
                                <p v-if="categoryDetails.content" style="padding-top: 16px; font-size:16px">
                                    {{categoryDetails.content}}
                                </p>

                                <div v-if="categoryDetails.tags.length>0">
                                    <el-tag
                                            size="small"
                                            v-for="tag in categoryDetails.tags"
                                            :disable-transitions="false">
                                        {{tag}}
                                    </el-tag>
                                </div>

                                <div style="display: flex; flex-wrap: wrap; ">
                                    <div  v-for="img in categoryDetails.imageList" style="width: 100px; height: 100px; position: relative; margin-top: 10px; margin-right: 10px">
                                        <el-image :src="'/imgs/' + img.url" style="width: 100px; height: 100px;" :fit="'contain'"></el-image>
                                    </div>
                                </div>

                                <div v-if="categoryDetails.hyperlink" style="margin-top: 6px">
                                    <i class="el-icon-link"></i>&nbsp;&nbsp;
                                    <a @click="onClickHyperlink(categoryDetails.hyperlink)" style="color: #3a8ee6; cursor: pointer">{{categoryDetails.hyperlink}}</a>
                                    <div>
                                        <el-tag
                                                size="small"

                                                v-for="tag in categoryDetails.hyperlinkKeywords"
                                                :disable-transitions="false">
                                            {{tag}}
                                        </el-tag>
                                    </div>
                                </div>

                                <div v-if="categoryDetails.specificationList.length>0" style="width: 99%; margin-top: 16px">
                                    <el-table border :show-header="false" size="mini" :data="categoryDetails.specificationList" >
                                        <el-table-column prop="title" align="right" width="140" class-name="specTitle">
                                            <template slot-scope="prop">
                                                <div style="font-weight: 500; ">{{prop.row.title}}&nbsp;&nbsp;</div>
                                            </template>
                                        </el-table-column>
                                        <el-table-column prop="content">
                                            <template slot-scope="prop">
                                                <div>&nbsp;&nbsp;{{prop.row.content}}</div>
                                            </template>
                                        </el-table-column>
                                    </el-table>
                                </div>
                            </div>
                        </div>

                        <div style="padding-left: 16px; font-size:16px; margin-top: 16px">File & Version</div>

                        <div v-if="dataList.length===0" style="padding-top: 100px">
                            <el-empty description="Not found file"></el-empty>
                        </div>
                        <div v-else >
                            <div  style=" width: calc(100% - 16px);  margin: auto; ">

                                <div style="display: flex; flex-direction: column">
                                    <div v-for="item in dataList" class="firmware-item">
                                        <div style="width: 720px;">
                                            <div style="font-weight: bold; font-size: 16px; word-break: break-word">{{item.filename}}</div>
                                            <div style="font-size: 13px; color: #666666; margin-top: 8px">{{item.createTime}}</div>
                                            <div style="margin-top: 24px; ">
                                                <p style="font-size: 16px; white-space: pre-wrap; margin-bottom: 8px">{{item.content}}</p>
                                                <p>
                                                    <el-tag
                                                            size="small"
                                                            v-for="tag in item.tags"
                                                            :disable-transitions="false">
                                                        {{tag}}
                                                    </el-tag>
                                                </p>

                                            </div>
                                            <div style="margin-top: 24px; ">
                                                <div style="margin-bottom: 8px;">
                                                    <button @click="onClickDownload(item)" class="button-71">Download</button>
                                                    &nbsp;&nbsp;&nbsp;&nbsp;
                                                    <span style="font-size: 13px">Size：</span>
                                                    <span style="font-size: 13px">{{getSize(item.size)}}</span>
                                                </div>

                                                <div style="margin-bottom: 8px">
                                                    <span style="font-size: 13px">MD5：</span>
                                                    <i @click="onClickCopyText(item.fileMd5)" style="cursor: pointer" class="el-icon-copy-document"></i>&nbsp;
                                                    <span style="font-size: 13px">{{item.fileMd5}}</span>
                                                </div>

                                                <div style="margin-bottom: 8px">
                                                    <span style="font-size: 13px">Category：</span>
                                                    <span style="font-size: 13px">{{item.categoryTitle}}</span>
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/js/vue.js"></script>
<script src="/js/element.js"></script>
<script src="/js/axios.min.js"></script>
<script src="/js/hyy.utils.js"></script>
<script>
    let cateTitle = "sitemap.xml"
    let cateId = null
</script>
<script src="/js/index.js?v=1.0.0"></script>
</body>
</html>