RubyGems - statixite - Versions diffs - 1.0.0 - Mend

statixite 1.0.0

Files changed (462) hide show

data/vendor/assets/bower_components/jsoneditor/examples/01_basic_usage.html ADDED Viewed

@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>JSONEditor | Basic usage</title>
+  <link href="../dist/jsoneditor.css" rel="stylesheet" type="text/css">
+  <script src="../dist/jsoneditor.js"></script>
+  <style type="text/css">
+    #jsoneditor {
+      width: 500px;
+      height: 500px;
+    }
+  </style>
+</head>
+<body>
+<p>
+  <button id="setJSON">Set JSON</button>
+  <button id="getJSON">Get JSON</button>
+</p>
+<div id="jsoneditor"></div>
+<script>
+  // create the editor
+  var container = document.getElementById('jsoneditor');
+  var options = {};
+  var editor = new JSONEditor(container, options);
+  // set json
+  document.getElementById('setJSON').onclick = function () {
+    var json = {
+      'array': [1, 2, 3],
+      'boolean': true,
+      'null': null,
+      'number': 123,
+      'object': {'a': 'b', 'c': 'd'},
+      'string': 'Hello World'
+    };
+    editor.set(json);
+  };
+  // get json
+  document.getElementById('getJSON').onclick = function () {
+    var json = editor.get();
+    alert(JSON.stringify(json, null, 2));
+  };
+</script>
+</body>
+</html>

data/vendor/assets/bower_components/jsoneditor/examples/02_viewer.html ADDED Viewed

@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>JSONEditor | Viewer</title>
+  <link href="../dist/jsoneditor.css" rel="stylesheet" type="text/css">
+  <script src="../dist/jsoneditor.js"></script>
+  <style type="text/css">
+    body {
+      font: 11pt arial;
+    }
+    #jsoneditor {
+      width: 500px;
+    }
+  </style>
+</head>
+<body>
+<p>
+  This editor is read-only (mode='viewer').
+</p>
+<div id="jsoneditor"></div>
+<script>
+  var container = document.getElementById('jsoneditor');
+  var options = {
+    mode: 'view'
+  };
+  var json = {
+    'array': [1, 2, 3],
+    'boolean': true,
+    'null': null,
+    'number': 123,
+    'object': {'a': 'b', 'c': 'd'},
+    'string': 'Hello World'
+  };
+  var editor = new JSONEditor(container, options, json);
+</script>
+</body>
+</html>

data/vendor/assets/bower_components/jsoneditor/examples/03_switch_mode.html ADDED Viewed

@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>JSONEditor | Switch mode</title>
+  <!-- when using the mode "code", it's important to specify charset utf-8 -->
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+  <link href="../dist/jsoneditor.css" rel="stylesheet" type="text/css">
+  <script src="../dist/jsoneditor.js"></script>
+  <style type="text/css">
+    body {
+      font: 10.5pt arial;
+      color: #4d4d4d;
+      line-height: 150%;
+      width: 500px;
+    }
+    code {
+      background-color: #f5f5f5;
+    }
+    #jsoneditor {
+      width: 500px;
+      height: 500px;
+    }
+  </style>
+</head>
+<body>
+<p>
+  Switch editor mode using the mode box.
+  Note that the mode can be changed programmatically as well using the method
+  <code>editor.setMode(mode)</code>, try it in the console of your browser.
+</p>
+<div id="jsoneditor"></div>
+<script>
+  var container = document.getElementById('jsoneditor');
+  var options = {
+    mode: 'tree',
+    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    onError: function (err) {
+      alert(err.toString());
+    },
+    onModeChange: function (newMode, oldMode) {
+      console.log('Mode switched from', oldMode, 'to', newMode);
+    }
+  };
+  var json = {
+    "array": [1, 2, 3],
+    "boolean": true,
+    "null": null,
+    "number": 123,
+    "object": {"a": "b", "c": "d"},
+    "string": "Hello World"
+  };
+  var editor = new JSONEditor(container, options, json);
+</script>
+</body>
+</html>

data/vendor/assets/bower_components/jsoneditor/examples/04_load_and_save.html ADDED Viewed

@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>JSONEditor | Load and save</title>
+  <link href="../dist/jsoneditor.css" rel="stylesheet" type="text/css">
+  <script src="../dist/jsoneditor.js"></script>
+  <script src="http://bgrins.github.io/filereader.js/filereader.js"></script>
+  <script src="http://eligrey.com/demos/FileSaver.js/FileSaver.js"></script>
+  <style>
+    html, body {
+      font: 11pt sans-serif;
+    }
+    #jsoneditor {
+      width: 500px;
+      height: 500px;
+    }
+  </style>
+</head>
+<body>
+<h1>Load and save JSON documents</h1>
+<p>
+  This examples uses HTML5 to load/save local files.
+  Powered by <a href="http://bgrins.github.io/filereader.js/">FileReader.js</a> and
+  <a href="https://github.com/eligrey/FileSaver.js">FileSaver.js</a>.<br>
+  Only supported on modern browsers (Chrome, FireFox, IE10+, Safari 6.1+, Opera 15+).
+</p>
+<p>
+  Load a JSON document: <input type="file" id="loadDocument" value="Load"/>
+</p>
+<p>
+  Save a JSON document: <input type="button" id="saveDocument" value="Save" />
+</p>
+<div id="jsoneditor"></div>
+<script>
+  // create the editor
+  var editor = new JSONEditor(document.getElementById('jsoneditor'));
+  // Load a JSON document
+  FileReaderJS.setupInput(document.getElementById('loadDocument'), {
+    readAsDefault: 'Text',
+    on: {
+      load: function (event, file) {
+        editor.setText(event.target.result);
+      }
+    }
+  });
+  // Save a JSON document
+  document.getElementById('saveDocument').onclick = function () {
+    var blob = new Blob([editor.getText()], {type: 'application/json;charset=utf-8'});
+    saveAs(blob, 'document.json');
+  };
+</script>
+</body>
+</html>

data/vendor/assets/bower_components/jsoneditor/examples/05_custom_fields_editable.html ADDED Viewed

@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>JSONEditor | Custom editable fields</title>
+  <link href="../dist/jsoneditor.css" rel="stylesheet" type="text/css">
+  <script src="../dist/jsoneditor.js"></script>
+  <style type="text/css">
+    #jsoneditor {
+      width: 500px;
+    }
+  </style>
+</head>
+<body>
+  <p>
+    In this example:
+  </p>
+  <ul>
+    <li>the field <code>_id</code> and its value are read-only</li>
+    <li>the field <code>name</code> is read-only but has an editable value</li>
+    <li>the field <code>age</code> and its value are editable</li>
+  </ul>
+  <div id="jsoneditor"></div>
+  <script>
+    var container = document.getElementById('jsoneditor');
+    var options = {
+      onEditable: function (node) {
+        // node is an object like:
+        //   {
+        //     field: 'FIELD',
+        //     value: 'VALUE',
+        //     path: ['PATH', 'TO', 'NODE']
+        //   }
+        switch (node.field) {
+          case '_id':
+            return false;
+          case 'name':
+            return {
+              field: false,
+              value: true
+            };
+          default:
+            return true;
+        }
+      }
+    };
+    var json = {
+      _id: 123456,
+      name: 'John',
+      age: 32
+    };
+    var editor = new JSONEditor(container, options, json);
+  </script>
+</body>
+</html>

data/vendor/assets/bower_components/jsoneditor/examples/06_custom_styling.html ADDED Viewed

@@ -0,0 +1,51 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>JSONEditor | Custom styling</title>
+  <link href="../dist/jsoneditor.css" rel="stylesheet" type="text/css">
+  <script src="../dist/jsoneditor.js"></script>
+  <style type="text/css">
+    #jsoneditor {
+      width: 500px;
+      height: 500px;
+    }
+    p {
+      width: 500px;
+      font-family: "DejaVu Sans", sans-serif;
+    }
+  </style>
+  <link href="./css/darktheme.css" rel="stylesheet" type="text/css">
+</head>
+<body>
+<p>
+  This example demonstrates how to customize the look of JSONEditor,
+  the editor below has a dark theme. Note that the example isn't worked
+  out for the mode <code>code</code>. To do that, you can load and configure
+  a custom theme for the Ace editor.
+</p>
+<div id="jsoneditor"></div>
+<script>
+  // create the editor
+  var container = document.getElementById('jsoneditor');
+  var options = {
+    modes: ['text', 'tree']
+  };
+  var json = {
+    'array': [1, 2, 3],
+    'boolean': true,
+    'null': null,
+    'number': 123,
+    'object': {'a': 'b', 'c': 'd'},
+    'string': 'Hello World'
+  };
+  var editor = new JSONEditor(container, options, json);
+</script>
+</body>
+</html>

data/vendor/assets/bower_components/jsoneditor/examples/07_json_schema_validation.html ADDED Viewed

@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>JSONEditor | JSON schema validation</title>
+  <link href="../dist/jsoneditor.css" rel="stylesheet" type="text/css">
+  <script src="../dist/jsoneditor.js"></script>
+  <style type="text/css">
+    body {
+      width: 600px;
+      font: 11pt sans-serif;
+    }
+    #jsoneditor {
+      width: 100%;
+      height: 500px;
+    }
+  </style>
+</head>
+<body>
+<h1>JSON schema validation</h1>
+<p>
+  This example demonstrates JSON schema validation. The JSON object in this example must contain properties <code>firstName</code> and <code>lastName</code>, can can optionally have a property <code>age</code> which must be a positive integer.
+</p>
+<p>
+  See <a href="http://json-schema.org/" target="_blank">http://json-schema.org/</a> for more information.
+</p>
+<div id="jsoneditor"></div>
+<script>
+  var schema = {
+    "title": "Example Schema",
+    "type": "object",
+    "properties": {
+      "firstName": {
+        "type": "string"
+      },
+      "lastName": {
+        "type": "string"
+      },
+      "gender": {
+        "enum": ["male", "female"]
+      },
+      "age": {
+        "description": "Age in years",
+        "type": "integer",
+        "minimum": 0
+      }
+    },
+    "required": ["firstName", "lastName"]
+  };
+  var json = {
+    firstName: 'John',
+    lastName: 'Doe',
+    gender: null,
+    age: 28
+  };
+  var options = {
+    schema: schema
+  };
+  // create the editor
+  var container = document.getElementById('jsoneditor');
+  var editor = new JSONEditor(container, options, json);
+</script>
+</body>
+</html>

data/vendor/assets/bower_components/jsoneditor/examples/css/darktheme.css ADDED Viewed

@@ -0,0 +1,76 @@
+/* dark styling of the editor */
+div.jsoneditor,
+div.jsoneditor-menu {
+  border-color: #4b4b4b;
+}
+div.jsoneditor-menu {
+  background-color: #4b4b4b;
+}
+div.jsoneditor-tree,
+div.jsoneditor textarea.jsoneditor-text {
+  background-color: #666666;
+  color: #ffffff;
+}
+div.jsoneditor-field,
+div.jsoneditor-value {
+  color: #ffffff;
+}
+table.jsoneditor-search div.jsoneditor-frame {
+  background: #808080;
+}
+tr.jsoneditor-highlight,
+tr.jsoneditor-selected {
+  background-color: #808080;
+}
+div.jsoneditor-field[contenteditable=true]:focus,
+div.jsoneditor-field[contenteditable=true]:hover,
+div.jsoneditor-value[contenteditable=true]:focus,
+div.jsoneditor-value[contenteditable=true]:hover,
+div.jsoneditor-field.jsoneditor-highlight,
+div.jsoneditor-value.jsoneditor-highlight {
+  background-color: #808080;
+  border-color: #808080;
+}
+div.jsoneditor-field.highlight-active,
+div.jsoneditor-field.highlight-active:focus,
+div.jsoneditor-field.highlight-active:hover,
+div.jsoneditor-value.highlight-active,
+div.jsoneditor-value.highlight-active:focus,
+div.jsoneditor-value.highlight-active:hover {
+  background-color: #b1b1b1;
+  border-color: #b1b1b1;
+}
+div.jsoneditor-tree button:focus {
+  background-color: #868686;
+}
+/* coloring of JSON in tree mode */
+div.jsoneditor-readonly {
+  color: #acacac;
+}
+div.jsoneditor td.jsoneditor-separator {
+  color: #acacac;
+}
+div.jsoneditor-value.jsoneditor-string {
+  color: #00ff88;
+}
+div.jsoneditor-value.jsoneditor-object,
+div.jsoneditor-value.jsoneditor-array {
+  color: #bababa;
+}
+div.jsoneditor-value.jsoneditor-number {
+  color: #ff4040;
+}
+div.jsoneditor-value.jsoneditor-boolean {
+  color: #ff8048;
+}
+div.jsoneditor-value.jsoneditor-null {
+  color: #49a7fc;
+}
+div.jsoneditor-value.jsoneditor-invalid {
+  color: white;
+}