feat: Templates (#1399)

* Migrations
* New from template
* fix: Don't allow public share of template
* chore: Template badges
* fix: Collection active
* feat: New doc button on template list item
* feat: New template menu
* fix: Sorting
* feat: Templates onboarding notice
* fix: New doc button showing on archived/deleted templates

app/menus/TemplatesMenu.js

@@ -0,0 +1,58 @@
+// @flow
+import * as React from "react";
+import { observer, inject } from "mobx-react";
+import { DocumentIcon } from "outline-icons";
+import styled from "styled-components";
+import DocumentsStore from "stores/DocumentsStore";
+import Document from "models/Document";
+import Button from "components/Button";
+import { DropdownMenu, DropdownMenuItem } from "components/DropdownMenu";
+
+type Props = {
+  document: Document,
+  documents: DocumentsStore,
+};
+
+@observer
+class TemplatesMenu extends React.Component<Props> {
+  render() {
+    const { documents, document, ...rest } = this.props;
+    const templates = documents.templatesInCollection(document.collectionId);
+
+    if (!templates.length) {
+      return null;
+    }
+
+    return (
+      <DropdownMenu
+        position="left"
+        label={
+          <Button disclosure neutral>
+            Templates
+          </Button>
+        }
+        {...rest}
+      >
+        {templates.map(template => (
+          <DropdownMenuItem
+            key={template.id}
+            onClick={() => document.updateFromTemplate(template)}
+          >
+            <DocumentIcon />
+            <div>
+              <strong>{template.titleWithDefault}</strong>
+              <br />
+              <Author>By {template.createdBy.name}</Author>
+            </div>
+          </DropdownMenuItem>
+        ))}
+      </DropdownMenu>
+    );
+  }
+}
+
+const Author = styled.div`
+  font-size: 13px;
+`;
+
+export default inject("documents")(TemplatesMenu);