[Summary view] [Print] [Text view]

   1  // CodeMirror, copyright (c) by Marijn Haverbeke and others
   2  // Distributed under an MIT license: https://codemirror.net/5/LICENSE
   3  
   4  (function(mod) {
   5    if (typeof exports == "object" && typeof module == "object") // CommonJS
   6      mod(require("../../lib/codemirror"));
   7    else if (typeof define == "function" && define.amd) // AMD
   8      define(["../../lib/codemirror"], mod);
   9    else // Plain browser env
  10      mod(CodeMirror);
  11  })(function(CodeMirror) {
  12    "use strict";
  13  
  14    CodeMirror.defineOption("rulers", false, function(cm, val) {
  15      if (cm.state.rulerDiv) {
  16        cm.state.rulerDiv.parentElement.removeChild(cm.state.rulerDiv)
  17        cm.state.rulerDiv = null
  18        cm.off("refresh", drawRulers)
  19      }
  20      if (val && val.length) {
  21        cm.state.rulerDiv = cm.display.lineSpace.parentElement.insertBefore(document.createElement("div"), cm.display.lineSpace)
  22        cm.state.rulerDiv.className = "CodeMirror-rulers"
  23        drawRulers(cm)
  24        cm.on("refresh", drawRulers)
  25      }
  26    });
  27  
  28    function drawRulers(cm) {
  29      cm.state.rulerDiv.textContent = ""
  30      var val = cm.getOption("rulers");
  31      var cw = cm.defaultCharWidth();
  32      var left = cm.charCoords(CodeMirror.Pos(cm.firstLine(), 0), "div").left;
  33      cm.state.rulerDiv.style.minHeight = (cm.display.scroller.offsetHeight + 30) + "px";
  34      for (var i = 0; i < val.length; i++) {
  35        var elt = document.createElement("div");
  36        elt.className = "CodeMirror-ruler";
  37        var col, conf = val[i];
  38        if (typeof conf == "number") {
  39          col = conf;
  40        } else {
  41          col = conf.column;
  42          if (conf.className) elt.className += " " + conf.className;
  43          if (conf.color) elt.style.borderColor = conf.color;
  44          if (conf.lineStyle) elt.style.borderLeftStyle = conf.lineStyle;
  45          if (conf.width) elt.style.borderLeftWidth = conf.width;
  46        }
  47        elt.style.left = (left + col * cw) + "px";
  48        cm.state.rulerDiv.appendChild(elt)
  49      }
  50    }
  51  });