Add more sample content to subscriptions page

.eslintignore

@@ -0,0 +1 @@
+node_modules/*

.eslintrc.json

@@ -0,0 +1,24 @@
+{
+    "env": {
+        "browser": true,
+        "es6": true
+    },
+    "extends": "eslint:recommended",
+    "parserOptions": {
+        "ecmaFeatures": {
+            "experimentalObjectRestSpread": true,
+            "jsx": true
+        },
+        "sourceType": "module"
+    },
+    "plugins": ["react"],
+    "rules": {
+        "react/jsx-uses-vars": "error",
+        "no-console": "off",
+        "no-undef": "error"
+    },
+    "globals": {
+        "require": false,
+        "module": false
+    }
+}

package.json

@@ -23,7 +23,6 @@
     "webpack": "^2.6.1"
   },
   "dependencies": {
-    "react": "^15.6.0",
-    "react-dom": "^15.6.0"
+    "react-lite": "0.15.30"
   }
 }

src/index.es6

@@ -0,0 +1,39 @@
+/*jshint esversion: 6 */
+/*
+ * This file is part of Cockpit.
+ *
+ * Copyright (C) 2017 Red Hat, Inc.
+ *
+ * Cockpit is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation; either version 2.1 of the License, or
+ * (at your option) any later version.
+ *
+ * Cockpit is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+import { Subscriptions } from './subscriptions-view.jsx';
+
+function render() {
+    React.render(
+        React.createElement(
+            Subscriptions,
+            {title: "Sample Page"}
+        ),
+        document.getElementById('app')
+    );
+}
+
+/**
+ * Start the application.
+ */
+export function run() {
+    // do initial render
+    render();
+}

src/index.js

@@ -20,5 +20,6 @@
 var cockpit = require("cockpit");
 
 document.addEventListener("DOMContentLoaded", function() {
-    console.log("subscription-manager loaded");
+    var app = require("./index.es6");
+    app.run();
 });

src/subscriptions-view.jsx

@@ -0,0 +1,39 @@
+/*jshint esversion: 6 */
+/*
+ * This file is part of Cockpit.
+ *
+ * Copyright (C) 2017 Red Hat, Inc.
+ *
+ * Cockpit is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation; either version 2.1 of the License, or
+ * (at your option) any later version.
+ *
+ * Cockpit is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+
+export class Subscriptions extends React.Component {
+    constructor() {
+        super();
+        // a good place to initialize this.state
+    }
+
+    render() {
+        let title = this.props.title?(<a href="#">{this.props.title}</a>):"Empty title";
+        return (
+            <div class="container-fluid">
+                <h3>{title}</h3>
+                <div>
+                    <span>Some content</span>
+                </div>
+            </div>
+        );
+    }
+}

src/subscriptions.css

@@ -0,0 +1,19 @@
+/*
+ * This file is part of Cockpit.
+ *
+ * Copyright (C) 2017 Red Hat, Inc.
+ *
+ * Cockpit is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation; either version 2.1 of the License, or
+ * (at your option) any later version.
+ *
+ * Cockpit is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
+ */
+ 

webpack.config.js

@@ -11,11 +11,13 @@ const srcdir = (process.env.SRCDIR || __dirname) + path.sep + "src";
 const builddir = (process.env.SRCDIR || __dirname);
 const distdir = builddir + path.sep + "dist";
 const section = process.env.ONLYDIR || null;
+const nodedir = path.resolve((process.env.SRCDIR || __dirname), "node_modules");
 
 var info = {
     entries: {
         "index": [
-            "./index.js"
+            "./index.js",
+            "./subscriptions.css",
         ]
     },
     files: [
@@ -78,6 +80,12 @@ module.exports = {
     entry: info.entries,
     externals: externals,
     output: output,
+    devtool: "source-map",
+    resolve: {
+        alias: {
+            "react$": path.resolve(nodedir, "react-lite/dist/react-lite.js")
+        }
+    },
     module: {
         rules: [
             {