hello world

xkam · xkam · commit 84fd7c2db9ea · 2020-01-30T21:43:09.000+01:00
diff --git a/examples/demo/README.md b/examples/demo/README.md
@@ -1,24 +1,4 @@
 
-[Open fullscreen](/demo/) | [Source on github](https://github.com/activewidgets/react/tree/master/examples/demo) | [Edit on Codesandbox](https://codesandbox.io/s/github/activewidgets/react/tree/master/examples/demo)
+[Open fullscreen](https://jquery.activewidgets.com/demo/) | [Source on github](https://github.com/activewidgets/jquery/tree/master/examples/demo) | [Edit on Codesandbox](https://codesandbox.io/s/github/activewidgets/jquery/tree/master/examples/demo)
 
-
-A minimal example showing ActiveWidgets datagrid for React
-
-```js
-import React from "react";
-import ReactDOM from "react-dom";
-import {Datagrid} from "@activewidgets/react";
-import {columns, rows} from "./data.js"
-import "./styles.css";
-
-function App() {
-  return (
-      <Datagrid columns={columns} rows={rows} />
-    );
-}
-
-const rootElement = document.getElementById("root");
-ReactDOM.render(<App />, rootElement);
-```
-
-[![Edit react-get-started](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/activewidgets/react/tree/master/examples/get-started)
+jQuery example
diff --git a/examples/hello-world/README.md b/examples/hello-world/README.md
@@ -0,0 +1,4 @@
+
+[Open fullscreen](https://jquery.activewidgets.com/hello-world/) | [Source on github](https://github.com/activewidgets/jquery/tree/master/examples/hello-world) | [Edit on Codesandbox](https://codesandbox.io/s/github/activewidgets/jquery/tree/master/examples/hello-world)
+
+jQuery example
diff --git a/examples/hello-world/index.html b/examples/hello-world/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8" />
+    <title>Hello World - ActiveWidgets/jQuery</title>
+</head>
+<body>
+    <ax-datagrid>Loading...</ax-datagrid>
+    <script src="src/index.js"></script>
+</body>
+</html>
diff --git a/examples/hello-world/package.json b/examples/hello-world/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "jquery-hello-world",
+  "version": "1.0.0",
+  "description": "Hello World - ActiveWidgets/jQuery",
+  "keywords": [],
+  "main": "src/index.js",
+  "scripts": {
+    "start": "parcel index.html --open",
+    "build": "parcel build index.html"
+  },
+  "dependencies": {
+    "@activewidgets/jquery": "0.0.10",
+    "jquery": "*"
+  },
+  "devDependencies": {
+    "parcel-bundler": "^1"
+  },
+  "private": true
+}
diff --git a/examples/hello-world/src/index.js b/examples/hello-world/src/index.js
@@ -0,0 +1,14 @@
+
+import $ from 'jquery';
+import '@activewidgets/jquery';
+import './styles.css';
+
+
+const rows = [
+    { message: 'Hello, World!' }
+];
+
+
+$('ax-datagrid')
+    .prop('rows', rows)
+    .mount();
diff --git a/examples/hello-world/src/styles.css b/examples/hello-world/src/styles.css
@@ -0,0 +1,19 @@
+
+body {
+    margin: 60px;
+    font: 14px/1.2143 'Segoe UI', 'Avenir', 'Helvetica Neue', 'Tahoma', sans-serif;
+}
+
+.ax-datagrid {
+    max-height: 80px;
+}
+
+.ax-headers-view {
+    font-weight: bold;
+    color: #666;
+    border-bottom: 1px solid #aaa;
+}
+
+.ax-gridlines {
+    border-bottom: 1px solid #eee;
+}
diff --git a/examples/viewer/examples.js b/examples/viewer/examples.js
@@ -1,3 +1,11 @@
 ﻿
+import hello_world from '../hello-world/README.md';
+
+
+export const Local = {
+    'Hello, World!': {path: 'hello-world', readme: hello_world}
+};
+
+
 export * from '@activewidgets/datagrid/examples';
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
++
 +[Open fullscreen](https://jquery.activewidgets.com/hello-world/) | [Source on github](https://github.com/activewidgets/jquery/tree/master/examples/hello-world) | [Edit on Codesandbox](https://codesandbox.io/s/github/activewidgets/jquery/tree/master/examples/hello-world)
++
 +jQuery example