ijz-navflow - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

lib/NAV_IJZ_CGX/drawLine.js

 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-function left_arrow(ctx, x, y) {
-  ctx.beginPath();
-  ctx.moveTo(x, y);
-  ctx.lineTo(x + 13, y - 6);
-  ctx.lineTo(x + 13, y + 6);
-  ctx.fill();
-}
-
 function right_arrow(ctx, x, y) {
-  ctx.beginPath();
-  ctx.moveTo(x, y);
-  ctx.lineTo(x - 13, y - 6);
-  ctx.lineTo(x - 13, y + 6);
-  ctx.fill();
+    ctx.beginPath();
+    ctx.moveTo(x, y);
+    ctx.lineTo(x - 13, y - 6);
+    ctx.lineTo(x - 13, y + 6);
+    ctx.fill();
 }
 
 function down_arrow(ctx, x, y) {
-  ctx.beginPath();
-  ctx.moveTo(x, y);
-  ctx.lineTo(x - 6, y - 13);
-  ctx.lineTo(x + 6, y - 13);
-  ctx.fill();
+    ctx.beginPath();
+    ctx.moveTo(x, y);
+    ctx.lineTo(x - 6, y - 13);
+    ctx.lineTo(x + 6, y - 13);
+    ctx.fill();
 }
 
 function up_arrow(ctx, x, y) {
-  ctx.beginPath();
-  ctx.moveTo(x, y);
-  ctx.lineTo(x - 6, y + 13);
-  ctx.lineTo(x + 6, y + 13);
-  ctx.fill();
+    ctx.beginPath();
+    ctx.moveTo(x, y);
+    ctx.lineTo(x - 6, y + 13);
+    ctx.lineTo(x + 6, y + 13);
+    ctx.fill();
 }
 
 exports.default = function () {
-  var c = document.getElementById("Canvas");
-  var ctx = c.getContext("2d");
+    var c = document.getElementById("Nav_ijz_cgx_canvas");
+    var ctx = c.getContext("2d");
 
-  ctx.lineWidth = 2;
-  ctx.beginPath();
-  ctx.moveTo(128, 218);
-  ctx.lineTo(195, 218);
-  ctx.stroke();
-  right_arrow(ctx, 200, 218);
+    ctx.lineWidth = 2;
+    ctx.beginPath();
+    ctx.moveTo(110, 213);
+    ctx.lineTo(145, 213);
+    ctx.stroke();
+    right_arrow(ctx, 150, 213);
 
-  ctx.beginPath();
-  ctx.moveTo(255, 200);
-  ctx.lineTo(255, 160);
-  ctx.stroke();
-  up_arrow(ctx, 255, 155);
+    ctx.beginPath();
+    ctx.moveTo(200, 200);
+    ctx.lineTo(200, 150);
+    ctx.stroke();
+    up_arrow(ctx, 200, 145);
 
-  ctx.beginPath();
-  ctx.moveTo(255, 235);
-  ctx.lineTo(255, 275);
-  ctx.stroke();
-  down_arrow(ctx, 255, 280);
+    ctx.beginPath();
+    ctx.moveTo(200, 225);
+    ctx.lineTo(200, 275);
+    ctx.stroke();
+    down_arrow(ctx, 200, 280);
 
-  ctx.beginPath();
-  ctx.moveTo(310, 218);
-  ctx.lineTo(360, 218);
-  ctx.lineTo(360, 138);
-  ctx.lineTo(415, 138);
-  ctx.stroke();
-  right_arrow(ctx, 420, 138);
+    ctx.beginPath();
+    ctx.moveTo(250, 213);
+    ctx.lineTo(280, 213);
+    ctx.lineTo(280, 133);
+    ctx.lineTo(315, 133);
+    ctx.stroke();
+    right_arrow(ctx, 320, 133);
 
-  ctx.beginPath();
-  ctx.moveTo(310, 218);
-  ctx.lineTo(360, 218);
-  ctx.lineTo(360, 298);
-  ctx.lineTo(415, 298);
-  ctx.stroke();
-  right_arrow(ctx, 420, 298);
+    ctx.beginPath();
+    ctx.moveTo(250, 213);
+    ctx.lineTo(280, 213);
+    ctx.lineTo(280, 293);
+    ctx.lineTo(315, 293);
+    ctx.stroke();
+    right_arrow(ctx, 320, 293);
 };

lib/NAV_IJZ_CGX/index.js

@@ -174,3 +174,3 @@ "use strict";
           ),
-          _react2.default.createElement("canvas", { id: "Canvas", width: 1200, height: 460 })
+          _react2.default.createElement("canvas", { id: "Nav_ijz_cgx_canvas", width: 980, height: 460 })
         )
@@ -177,0 +177,0 @@ );

lib/NAV_IJZ_CGX/styles.css

@@ -1,132 +0,155 @@
-.Nav_ijz_cgx #Canvas {
-  position: absolute;
-  z-index: -1;
+#Nav_ijz_cgx_canvas {
+    position: absolute;
+    z-index: -1;
 }
+
 .Nav_ijz_cgx #Border_left {
-  float: left;
+    float: left;
 }
+
 .Nav_ijz_cgx #Border_left > span {
-  display: table-cell;
-  width: 30px;
-  height: 500px;
-  color: white;
-  background-color: orangered;
-  text-align: center;
-  vertical-align: middle;
+    display: table-cell;
+    width: 30px;
+    height: 500px;
+    color: white;
+    background-color: orangered;
+    text-align: center;
+    vertical-align: middle;
 }
+
 .Nav_ijz_cgx #Border_top {
-  white-space: nowrap;
+    white-space: nowrap;
 }
+
 .Nav_ijz_cgx #Border_top > span {
-  display: inline-block;
-  margin-left: 1px;
-  padding-top: 10px;
-  height: 30px;
-  line-height: 18px;
-  color: white;
-  background-color: orangered;
-  text-align: center;
+    display: inline-block;
+    margin-left: 1px;
+    height: 30px;
+    line-height: 30px;
+    color: white;
+    background-color: orangered;
+    text-align: center;
 }
+
 .Nav_ijz_cgx #Border_top > #A {
-  width: 400px;
+    width: 250px;
 }
+
 .Nav_ijz_cgx #Border_top > #B {
-  width: 600px;
+    width: 580px;
 }
+
 .Nav_ijz_cgx #Border_top > #C {
-  width: 200px;
+    width: 150px;
 }
+
 .Nav_ijz_cgx #Map {
-  position: relative;
-  margin-left: 31px;
+    position: relative;
+    margin-left: 31px;
 }
+
 .Nav_ijz_cgx #Map span {
-  position: absolute;
-  padding-top: 10px;
-  width: 110px;
-  height: 25px;
-  line-height: 15px;
-  color: white;
-  background-color: blue;
-  text-align: center;
-  border-radius: 2px;
+    position: absolute;
+    width: 100px;
+    height: 25px;
+    line-height: 25px;
+    color: white;
+    background-color: blue;
+    text-align: center;
+    border-radius: 2px;
+    cursor: pointer;
 }
+
 .Nav_ijz_cgx #Map > #A {
-  top: 200px;
-  left: 20px;
-  background-color: blue;
+    top: 200px;
+    left: 10px;
+    background-color: blue;
 }
+
 .Nav_ijz_cgx #Map > #B {
-  position: absolute;
-  top: 120px;
-  left: 200px;
-  background-color: green;
+    position: absolute;
+    top: 120px;
+    left: 150px;
+    background-color: green;
 }
+
 .Nav_ijz_cgx #Map > #C {
-  position: absolute;
-  top: 200px;
-  left: 200px;
-  background-color: green;
+    position: absolute;
+    top: 200px;
+    left: 150px;
+    background-color: green;
 }
+
 .Nav_ijz_cgx #Map > #D {
-  position: absolute;
-  top: 280px;
-  left: 200px;
-  background-color: green;
+    position: absolute;
+    top: 280px;
+    left: 150px;
+    background-color: green;
 }
+
 .Nav_ijz_cgx #Map > #E {
-  position: absolute;
-  top: 120px;
-  left: 420px;
+    position: absolute;
+    top: 120px;
+    left: 320px;
 }
+
 .Nav_ijz_cgx #Map > #F {
-  position: absolute;
-  top: 200px;
-  left: 420px;
+    position: absolute;
+    top: 200px;
+    left: 320px;
 }
+
 .Nav_ijz_cgx #Map > #G {
-  position: absolute;
-  top: 280px;
-  left: 420px;
+    position: absolute;
+    top: 280px;
+    left: 320px;
 }
+
 .Nav_ijz_cgx #Map > #H {
-  position: absolute;
-  top: 120px;
-  left: 570px;
+    position: absolute;
+    top: 120px;
+    left: 450px;
 }
+
 .Nav_ijz_cgx #Map > #I {
-  position: absolute;
-  top: 200px;
-  left: 570px;
+    position: absolute;
+    top: 200px;
+    left: 450px;
 }
+
 .Nav_ijz_cgx #Map > #J {
-  position: absolute;
-  top: 280px;
-  left: 570px;
+    position: absolute;
+    top: 280px;
+    left: 450px;
 }
+
 .Nav_ijz_cgx #Map > #K {
-  position: absolute;
-  top: 120px;
-  left: 720px;
+    position: absolute;
+    top: 120px;
+    left: 580px;
 }
+
 .Nav_ijz_cgx #Map > #L {
-  position: absolute;
-  top: 200px;
-  left: 720px;
+    position: absolute;
+    top: 200px;
+    left: 580px;
 }
+
 .Nav_ijz_cgx #Map > #M {
-  position: absolute;
-  top: 280px;
-  left: 720px;
+    position: absolute;
+    top: 280px;
+    left: 580px;
 }
+
 .Nav_ijz_cgx #Map > #N {
-  position: absolute;
-  top: 200px;
-  left: 870px;
+    position: absolute;
+    top: 200px;
+    left: 710px;
 }
+
 .Nav_ijz_cgx #Map > #O {
-  position: absolute;
-  top: 200px;
-  left: 1050px;
-  background-color: orange;
+    position: absolute;
+    top: 200px;
+    left: 860px;
+    background-color: orange;
 }

lib/NAV_IJZ_ZLX/drawLine.js

 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 function right_arrow(ctx, x, y) {
-  ctx.beginPath();
-  ctx.moveTo(x, y);
-  ctx.lineTo(x - 13, y - 6);
-  ctx.lineTo(x - 13, y + 6);
-  ctx.fill();
+    ctx.beginPath();
+    ctx.moveTo(x, y);
+    ctx.lineTo(x - 13, y - 6);
+    ctx.lineTo(x - 13, y + 6);
+    ctx.fill();
 }
 
 function down_arrow(ctx, x, y) {
-  ctx.beginPath();
-  ctx.moveTo(x, y);
-  ctx.lineTo(x - 6, y - 13);
-  ctx.lineTo(x + 6, y - 13);
-  ctx.fill();
+    ctx.beginPath();
+    ctx.moveTo(x, y);
+    ctx.lineTo(x - 6, y - 13);
+    ctx.lineTo(x + 6, y - 13);
+    ctx.fill();
 }
 
 function up_arrow(ctx, x, y) {
-  ctx.beginPath();
-  ctx.moveTo(x, y);
-  ctx.lineTo(x - 6, y + 13);
-  ctx.lineTo(x + 6, y + 13);
-  ctx.fill();
+    ctx.beginPath();
+    ctx.moveTo(x, y);
+    ctx.lineTo(x - 6, y + 13);
+    ctx.lineTo(x + 6, y + 13);
+    ctx.fill();
 }
 
 exports.default = function () {
-  var c = document.getElementById("Canvas");
-  var ctx = c.getContext("2d");
+    var c = document.getElementById("Nav_ijz_zlx_canvas");
+    var ctx = c.getContext("2d");
 
-  ctx.lineWidth = 2;
-  ctx.beginPath();
-  ctx.moveTo(128, 218);
-  ctx.lineTo(195, 218);
-  ctx.stroke();
-  right_arrow(ctx, 200, 218);
+    ctx.lineWidth = 2;
+    ctx.beginPath();
+    ctx.moveTo(110, 213);
+    ctx.lineTo(175, 213);
+    ctx.stroke();
+    right_arrow(ctx, 180, 213);
 
-  ctx.beginPath();
-  ctx.moveTo(255, 200);
-  ctx.lineTo(255, 160);
-  ctx.stroke();
-  up_arrow(ctx, 255, 155);
+    ctx.beginPath();
+    ctx.moveTo(230, 200);
+    ctx.lineTo(230, 150);
+    ctx.stroke();
+    up_arrow(ctx, 230, 145);
 
-  ctx.beginPath();
-  ctx.moveTo(255, 235);
-  ctx.lineTo(255, 275);
-  ctx.stroke();
-  down_arrow(ctx, 255, 280);
+    ctx.beginPath();
+    ctx.moveTo(230, 225);
+    ctx.lineTo(230, 275);
+    ctx.stroke();
+    down_arrow(ctx, 230, 280);
 
-  ctx.beginPath();
-  ctx.moveTo(310, 218);
-  ctx.lineTo(360, 218);
-  ctx.lineTo(415, 218);
-  ctx.stroke();
-  right_arrow(ctx, 420, 218);
+    ctx.beginPath();
+    ctx.moveTo(280, 213);
+    ctx.lineTo(355, 213);
+    ctx.stroke();
+    right_arrow(ctx, 360, 213);
 
-  ctx.beginPath();
-  ctx.moveTo(625, 200);
-  ctx.lineTo(625, 160);
-  ctx.stroke();
-  up_arrow(ctx, 625, 155);
+    ctx.beginPath();
+    ctx.moveTo(460, 213);
+    ctx.lineTo(505, 213);
+    ctx.stroke();
+    right_arrow(ctx, 510, 213);
 
-  ctx.beginPath();
-  ctx.moveTo(625, 235);
-  ctx.lineTo(625, 275);
-  ctx.stroke();
-  down_arrow(ctx, 625, 280);
+    ctx.beginPath();
+    ctx.moveTo(560, 200);
+    ctx.lineTo(560, 150);
+    ctx.stroke();
+    up_arrow(ctx, 560, 145);
 
-  ctx.beginPath();
-  ctx.moveTo(680, 218);
-  ctx.lineTo(715, 218);
-  ctx.stroke();
-  right_arrow(ctx, 720, 218);
+    ctx.beginPath();
+    ctx.moveTo(560, 225);
+    ctx.lineTo(560, 275);
+    ctx.stroke();
+    down_arrow(ctx, 560, 280);
 
-  ctx.beginPath();
-  ctx.moveTo(530, 218);
-  ctx.lineTo(565, 218);
-  ctx.stroke();
-  right_arrow(ctx, 570, 218);
+    ctx.beginPath();
+    ctx.moveTo(610, 213);
+    ctx.lineTo(655, 213);
+    ctx.stroke();
+    right_arrow(ctx, 660, 213);
 };

lib/NAV_IJZ_ZLX/index.js

@@ -149,3 +149,3 @@ "use strict";
           ),
-          _react2.default.createElement("canvas", { id: "Canvas", width: 1200, height: 460 })
+          _react2.default.createElement("canvas", { id: "Nav_ijz_zlx_canvas", width: 980, height: 460 })
         )
@@ -152,0 +152,0 @@ );

lib/NAV_IJZ_ZLX/styles.css

@@ -1,2 +0,2 @@
-.Nav_ijz_zlx #Canvas {
+#Nav_ijz_zlx_canvas {
   position: absolute;
@@ -22,5 +22,4 @@ z-index: -1;
   display: inline-block;
-  padding-top: 10px;
   height: 30px;
-  line-height: 18px;
+  line-height: 30px;
   color: white;
@@ -32,11 +31,11 @@ background-color: orangered;
   margin-left: 1px;
-  width: 400px;
+  width: 300px;
 }
 .Nav_ijz_zlx #Border_top > #B {
   margin-left: 1px;
-  width: 600px;
+  width: 500px;
 }
 .Nav_ijz_zlx #Border_top > #C {
   margin-left: 1px;
-  width: 200px;
+  width: 180px;
 }
@@ -49,6 +48,5 @@ .Nav_ijz_zlx #Map {
   position: absolute;
-  width: 110px;
+  width: 100px;
   height: 25px;
-  line-height: 15px;
-  padding-top: 10px;
+  line-height: 25px;
   color: white;
@@ -58,6 +56,7 @@ background-color: blue;
   border-radius: 2px;
+  cursor: pointer;
 }
 .Nav_ijz_zlx #Map > #A {
   top: 200px;
-  left: 20px;
+  left: 10px;
   background-color: blue;
@@ -68,3 +67,3 @@ }
   top: 120px;
-  left: 200px;
+  left: 180px;
   background-color: green;
@@ -75,3 +74,3 @@ }
   top: 200px;
-  left: 200px;
+  left: 180px;
   background-color: green;
@@ -82,3 +81,3 @@ }
   top: 280px;
-  left: 200px;
+  left: 180px;
   background-color: green;
@@ -89,3 +88,3 @@ }
   top: 200px;
-  left: 420px;
+  left: 360px;
 }
@@ -95,3 +94,3 @@ .Nav_ijz_zlx #Map > #F {
   top: 120px;
-  left: 570px;
+  left: 510px;
 }
@@ -101,3 +100,3 @@ .Nav_ijz_zlx #Map > #G {
   top: 200px;
-  left: 570px;
+  left: 510px;
   background-color: gray;
@@ -108,3 +107,3 @@ }
   top: 280px;
-  left: 570px;
+  left: 510px;
 }
@@ -114,3 +113,3 @@ .Nav_ijz_zlx #Map > #I {
   top: 200px;
-  left: 720px;
+  left: 660px;
 }
@@ -120,4 +119,4 @@ .Nav_ijz_zlx #Map > #J {
   top: 200px;
-  left: 1050px;
+  left: 830px;
   background-color: orange;
 }

package.json

 {
   "name": "ijz-navflow",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

106094

0.23%

Worsened metrics

Lines of code

3247

-0.31%

No dependency changes