新功能增加小红点

Author: songyumeng

examples/js/sidebar.js

@@ -81,13 +81,12 @@ function createSideBarMenuItem(id, config, containAll) {
         return;
     }
     var title = utils.getLocalPairs(config, "name");
-
     var li = $("<li id='iclient_" + id + "' class='treeview ' title='" + title + "'></li>");
     if (config.content) {
-        createSideBarMenuTitle(id, title, true).appendTo(li);
+        createSideBarMenuTitle(id, title, true,config.version).appendTo(li);
         createSideBarSecondMenu(config.content, id).appendTo(li);
     } else {
-        createSideBarMenuTitle(id, title, false).appendTo(li);
+        createSideBarMenuTitle(id, title, false,config.version).appendTo(li);
     }
     return li;
 }
@@ -98,15 +97,15 @@ function createSideBarSecondMenu(config, name) {
     for (var key in config) {
         var configItem = config[key];
         var title = utils.getLocalPairs(configItem, "name") || "【empty title】";
-
         var li = $("<li class='menuTitle ' id='" + key + "' title='" + title + "'></li>");
         li.appendTo(ul);
+        var version = configItem.version;
 
         if (containExample && configItem.content) {
-            createSideBarMenuSecondTitle(name + '-' + key, title, true).appendTo(li);
+            createSideBarMenuSecondTitle(name + '-' + key, title, true,version).appendTo(li);
             createSideBarThirdMenu(configItem.content).appendTo(li);
         } else {
-            createSideBarMenuSecondTitle(name + '-' + key, title, false).appendTo(li);
+            createSideBarMenuSecondTitle(name + '-' + key, title, false,version).appendTo(li);
         }
     }
     return ul;
@@ -134,7 +133,7 @@ function createSideBarThirdMenu(examples) {
 }
 
 
-function createSideBarMenuTitle(id, title, collapse) {
+function createSideBarMenuTitle(id, title, collapse,version) {
     id = id || "";
     var icon = "", iconName = sideBarIconConfig[id];
     if (iconName) {
@@ -143,7 +142,11 @@ function createSideBarMenuTitle(id, title, collapse) {
 
     var div = $("<a href='#" + id + "'>" + icon + "</a>");
     var titleBar = $("<span class='sidebar-title-bar'></span>");
-    var firstMenuTitle = $("<span class='firstMenuTitle'>" + title + "</span>");
+    var newIcon="";
+    if(window.version === version){
+        newIcon="<svg style='width:16px;height:16px;padding-left:5px'><circle cx='3' cy='3' r='3' fill='#C70022'></circle>/svg>";
+    }
+    var firstMenuTitle = $("<span class='firstMenuTitle'>" + title + newIcon +"</span>");
     titleBar.append(firstMenuTitle);
     if (collapse) {
         titleBar.append(createCollapsedIcon());
@@ -153,16 +156,19 @@ function createSideBarMenuTitle(id, title, collapse) {
 }
 
 
-function createSideBarMenuSecondTitle(id, title, collapse) {
+function createSideBarMenuSecondTitle(id, title, collapse , version) {
     id = id || "";
     var icon = "", iconName = sideBarIconConfig[id];
     if (iconName) {
         icon = "<i class='fa " + iconName + "'></i>"
     }
-
+    var newIcon="";
+    if(window.version === version){
+        newIcon="<svg style='width:16px;height:16px;padding-left:5px'><circle cx='3' cy='3' r='3' fill='#C70022'></circle>/svg>";
+    }
     var div = $(
         "<a href='#" + id + "' id='" + id + '-' + id + "'>" + icon +
-        "<span class='secondMenuTitle'>" + title + "</span>" +
+        "<span class='secondMenuTitle'>" + title + "</span>" + newIcon +
         "</a>");
 
     if (collapse) {

examples/leaflet/config.js

@@ -414,6 +414,7 @@ var exampleConfig = {
             "dataFlow": {
                 name: "数据流",
                 name_en: "data flow service",
+                version: "9.1.0",
                 content: [{
                     name: "数据流",
                     name_en: "data flow",
@@ -548,6 +549,7 @@ var exampleConfig = {
             "heat": {
                 name: "热力图",
                 name_en: "heat map",
+                version: "9.1.0",
                 content: [{
                     name: "随机点",
                     name_en: "random points",
@@ -915,6 +917,7 @@ var exampleConfig = {
     "dynamicPlot": {
         name: "动态标绘",
         name_en: "dynamicPlot",
+        version: "9.1.0",
         content: {
             "plot": {
                 name: "标绘",
@@ -1135,6 +1138,7 @@ var exampleConfig = {
             "widgets": {
                 name: "微件",
                 name_en: "widgets",
+                version: "9.1.0",
                 content: [{
                     name: "打开文件",
                     name_en: "open file widget",
@@ -1145,6 +1149,7 @@ var exampleConfig = {
             "widgetsAdvanced": {
                 name: "微件(扩展)",
                 name_en: "widgets(Advanced)",
+                version: "9.1.0",
                 content: [{
                     name: "打开文件(React)",
                     name_en: "open file widget(React)",

examples/mapboxgl/config.js

@@ -295,6 +295,7 @@ var exampleConfig = {
             "heat": {
                 name: "热力图",
                 name_en: "heat map",
+                version: "9.1.0",
                 content: [{
                     name: "随机点 (Classic)",
                     name_en: "random points (Classic)",
@@ -541,6 +542,7 @@ var exampleConfig = {
             "DeckGL": {
                 name: "DeckGL",
                 name_en: "DeckGL",
+                version: "9.1.0",
                 content: [{
                     name: "路径图（线）",
                     name_en: "path",
@@ -678,6 +680,7 @@ var exampleConfig = {
             "threejs": {
                 name: "threejs",
                 name_en: "threejs",
+                version: "9.1.0",
                 content: [
                     {
                         name: "建筑模型",

examples/openlayers/config.js

@@ -485,6 +485,7 @@ var exampleConfig = {
             "heat": {
                 name: "热力图",
                 name_en: "heat map",
+                version: "9.1.0",
                 content: [{
                     name: "随机点",
                     name_en: "random points",
@@ -525,6 +526,7 @@ var exampleConfig = {
             "graphiclayer": {
                 name: "高效率点图层",
                 name_en: "high efficiency point layer",
+                version: "9.1.0",
                 content: [{
                     name: "纽约出租车18万点-canvas渲染",
                     name_en: "canvas rendering",
@@ -753,6 +755,7 @@ var exampleConfig = {
             "vectorTileLayer": {
                 name: "矢量瓦片",
                 name_en: "vector tile layer",
+                version: "9.1.0",
                 content: [
                     {
                         name: "默认风格",