Initial commmit

web/api.dart

@@ -0,0 +1,119 @@
+import 'dart:async';
+import 'dart:html';
+import 'dart:convert';
+
+import 'package:polymer_elements/paper_item.dart';
+
+import 'article-view.dart';
+
+/**
+ * Easily connects with the Rangitaki API and does also a part of the frontend.
+ */
+class RangitakiConnect {
+
+  String baseurl;
+  String _username;
+  String _password;
+  String _auth;
+
+  /**
+   * Initializer for RangitaiConnect.
+   * @value baseurl Root URL of your Rangitaki installation.
+   * @value username Username for authentication.
+   * @value password Password for authentication.
+   */
+  RangitakiConnect(this.baseurl, this._username, this._password) {
+    _auth = BASE64.encode(UTF8.encode("$_username:$_password"));
+  }
+
+  /**
+   * Fetch all blogs from the server and list them in the #list element.
+   */
+  Future addBlogs() async {
+    var data = await _getBlogs();
+    data = JSON.decode(data);
+    for (String blog in data) {
+      blog = blog.substring(0, blog.length - 3);
+      PaperItem item = new PaperItem();
+      item.text = blog;
+      item.id = blog;
+      querySelector("#main-list").children.add(item);
+    }
+  }
+
+  /**
+   * Fetch all articles of a blog from the server and list the in the #list
+   * element.
+   * @value blog Blog for which the articles shoul be fetched.
+   */
+  Future addArticles(String blog) async {
+    var data = await _getArticles(blog);
+
+    data = JSON.decode(data);
+    for (String article in data) {
+      article = article.substring(0, article.length - 3);
+      PaperItem item = new PaperItem();
+      item.text = article;
+      item.id = article;
+      querySelector("#main-list").children.add(item);
+    }
+  }
+
+  Future showArticle(String blog, String post, ArticleView articleView) async {
+    var data = await _getArticle(blog, post);
+
+    print(data);
+
+    data = JSON.decode(data);
+    List tags = data['tags'];
+    String tag = tags.join(", ");
+
+    print("Tags: $tag");
+
+    print("ArticleView: $articleView");
+
+    articleView
+      ..title = data['title']
+      ..author = data['author']
+      ..date = data['date']
+      ..tags = tag
+      ..text = data['text'];
+  }
+
+  /**
+   * Internal method for fetching blogs from the server.
+   */
+  Future _getBlogs() async {
+    String _url = "$baseurl/rcc/api/list/";
+    return (await
+      HttpRequest.request(
+        _url, withCredentials: true,
+        requestHeaders: {'authorization' : 'Basic $_auth'}
+      )).responseText;
+  }
+
+  /**
+   * Internal method for fetching articles of blog from the server.
+   */
+  Future _getArticles(String blog) async {
+    String _url = "$baseurl/rcc/api/list/?blog=$blog";
+
+    return (await
+      HttpRequest.request(
+        _url, withCredentials: true,
+        requestHeaders: {'authorization' : 'Basic $_auth'}
+      )).responseText;
+  }
+
+  Future _getArticle(blog, post) async {
+    print("Blog: $blog");
+    print("Post: $post");
+    String _url = "$baseurl/rcc/api/post/?blog=$blog&post=$post.md";
+    print("URL: $_url");
+    return (await
+      HttpRequest.request(_url, withCredentials: true,
+      requestHeaders: {'authorization' : 'Basic $_auth'}
+    )).responseText;
+  }
+
+}

web/article-view.dart

@@ -0,0 +1,18 @@
+@HtmlImport('article_view.html')
+library mmk2410_rangitaki_app.article_view;
+
+import 'package:polymer/polymer.dart';
+import 'package:web_components/web_components.dart' show HtmlImport;
+
+@PolymerRegister('article-view')
+class ArticleView extends PolymerElement {
+
+  ArticleView.created() : super.created();
+
+  @property
+  String title;
+  String author;
+  String date;
+  String text;
+  String tags;
+}

web/article_view.html

@@ -0,0 +1,16 @@
+<dom-module id="article-view">
+    <style>
+        /* css rules */
+    </style>
+    <template>
+        <paper-material elevation="1">
+            <paper-input label="Title" value="{{title}}"></paper-input>
+            <paper-input label="Date" value="{{date}}"></paper-input>
+            <paper-input label="Author" value="{{author}}"></paper-input>
+            <paper-input label="Tags" value="{{tags}}"></paper-input>
+            <paper-autogrow-textarea id="a1">
+                <textarea id="t1" value="{{text}}"></textarea>
+            <paper-autogrow-textarea>
+        </paper-material>
+    </template>
+</dom-module>

web/index.dart

@@ -0,0 +1,61 @@
+/**
+ * @author Marcel Kapfer (mmk2410) <marcelmichaelkapfer@yahoo.co.nz>
+ * Library for easily working with the Rangitaki API in your browswer.
+ */
+library mmk2410_rangitaki_app.index;
+
+import 'dart:html';
+import 'dart:async';
+
+import 'package:polymer/polymer.dart';
+
+import 'api.dart';
+import 'article-view.dart';
+
+export 'article-view.dart';
+export 'package:polymer/init.dart';
+
+final String username = "";
+final String pwd = "";
+final String baseurl = "";
+
+RangitakiConnect rcc;
+Element itemList;
+ArticleView articleView;
+String currentBlog;
+
+main() async {
+  await initPolymer();
+
+  print("Starting...");
+
+  rcc = new RangitakiConnect(baseurl, username, pwd);
+
+  await rcc.addBlogs();
+
+  itemList = querySelector("#main-list");
+
+  for (Element item in itemList.children) {
+    item.onClick.listen(blogSelected);
+  }
+
+  articleView = querySelector("articlev-iew");
+}
+
+Future blogSelected(Event e) async {
+  Element element = e.target;
+  itemList.children.clear();
+  currentBlog = element.id;
+  await rcc.addArticles(element.id);
+
+  for (Element item in itemList.children) {
+    item.onClick.listen(articleSelected);
+  }
+}
+
+Future articleSelected(Event e) async {
+  Element element = e.target;
+  await rcc.showArticle(currentBlog, element.id, articleView);
+  itemList.hidden = true;
+  articleView.hidden = false;
+}

web/index.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Rangitaki</title>
+    <!--Polymer-->
+    <link rel="import" href="packages/polymer_elements/paper_header_panel.html">
+    <link rel="import" href="packages/polymer_elements/paper_drawer_panel.html">
+    <link rel="import" href="packages/polymer_elements/paper_toolbar.html">
+    <link rel="import"
+    href="packages/polymer_elements/paper_icon_button.html">
+    <link rel="import"
+    href="packages/polymer_elements/paper_material.html">
+    <link rel="import" href="packages/polymer_elements/paper_menu.html">
+    <link rel="import" href="packages/polymer_elements/paper_item.html">
+    <link rel="import" href="packages/polymer_elements/iron_icons.html">
+    <link rel="import" href="packages/polymer_elements/paper_textarea.html"
+    <link rel="import" href="article_view.html">
+</head>
+<body unresolved class="fullbleed layout vertical">
+    <paper-drawer-panel>
+
+        <paper-header-panel drawer>
+            <paper-toolbar class="medium-tall">
+                <span>Menu</span>
+            </paper-toolbar>
+
+            <paper-menu selected="0">
+                <paper-item>Blogs</paper-item>
+                <paper-item>Articles</paper-item>
+                <paper-item>Media</paper-item>
+                <paper-item>Settings</paper-item>
+            </paper-menu>
+        </paper-header-panel>
+
+        <paper-header-panel main>
+            <paper-toolbar>
+                <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
+                <div class="appname title">Rangitaki</div>
+            </paper-toolbar>
+
+            <paper-material elevation="1">
+                <div role="listbox" id="main-list"></div>
+            </paper-material>
+
+            <article-view hidden></article-view>
+
+        </paper-header-panel>
+    </paper-drawer-panel>
+
+    <script type="application/dart" src="index.dart"></script>
+
+    <!-- support for non-Dart browsers -->
+    <link rel="import" href="style.html" />
+    <script src="packages/browser/dart.js"></script>
+</body>
+</html>

web/main.js

@@ -0,0 +1,53 @@
+const electron = require('electron');
+// Module to control application life.
+const app = electron.app;
+// Module to create native browser window.
+const BrowserWindow = electron.BrowserWindow;
+
+// Keep a global reference of the window object, if you don't, the window will
+// be closed automatically when the JavaScript object is garbage collected.
+let mainWindow;
+
+function createWindow () {
+  // Create the browser window.
+  mainWindow = new BrowserWindow({width: 1000, height: 800});
+
+  // and load the index.html of the app.
+  mainWindow.loadURL(`file://${__dirname}/index.html`);
+
+  // Open the DevTools.
+  mainWindow.webContents.openDevTools();
+
+  // Emitted when the window is closed.
+  mainWindow.on('closed', function () {
+    // Dereference the window object, usually you would store windows
+    // in an array if your app supports multi windows, this is the time
+    // when you should delete the corresponding element.
+    mainWindow = null;
+  });
+}
+
+// This method will be called when Electron has finished
+// initialization and is ready to create browser windows.
+// Some APIs can only be used after this event occurs.
+app.on('ready', createWindow);
+
+// Quit when all windows are closed.
+app.on('window-all-closed', function () {
+  // On OS X it is common for applications and their menu bar
+  // to stay active until the user quits explicitly with Cmd + Q
+  if (process.platform !== 'darwin') {
+    app.quit();
+  }
+});
+
+app.on('activate', function () {
+  // On OS X it's common to re-create a window in the app when the
+  // dock icon is clicked and there are no other windows open.
+  if (mainWindow === null) {
+    createWindow();
+  }
+});
+
+// In this file you can include the rest of your app's specific main process
+// code. You can also put them in separate files and require them here.

web/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "rangitaki-desktop",
+  "version": "0.0.1",
+  "description": "Rangtaki desktop app made with Dart, Polymer and Electron",
+  "main": "main.js",
+  "scripts": {
+    "start": "electron main.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/mmk2410/rangitaki-desktop.git"
+  },
+  "keywords": [
+    "Rangitaki",
+    "desktop"
+  ],
+  "author": "Marcel Kapfer (mmk2410)",
+  "license": "MIT",
+  "homepage": "https://gitlab.com/mmk2410/rangitaki-desktop",
+  "devDependencies": {
+    "electron-prebuilt": "^1.0.1"
+  }
+}

web/renderer.js

@@ -0,0 +1,3 @@
+// This file is required by the index.html file and will
+// be executed in the renderer process for that window.
+// All of the Node.js APIs are available in this process.

web/style.html

@@ -0,0 +1,27 @@
+<style is="custom-style">
+    :root {
+        --primary-text-color: var(--paper-grey-900);
+        --primary-background-color: #ffffff;
+        --secondary-text-color: #737373;
+        --disabled-text-color: #9b9b9b;
+        --divider-color: #dbdbdb;
+        --primary-color: #ff4415;
+        --light-primary-color: #ff4415;
+        --dark-primary-color: #ff4415;
+        --accent-color: var(--paper-pink-a200);
+        --light-accent-color: var(--paper-pink-a100);
+        --dark-accent-color: var(--paper-pink-a400);
+        /* Components */
+        /* paper-drawer-panel */
+        --drawer-menu-color: #ffffff;
+        --drawer-border-color: 1px solid #ccc;
+        --drawer-toolbar-border-color: 1px solid rgba(0, 0, 0, 0.22);
+        /* paper-menu */
+        --paper-menu-background-color: #fff;
+        --menu-link-color: #111111;
+    }
+
+    paper-toolbar {
+        background-color: var(--primary-color);
+    }
+</style>