OA加速化ワークフロー_デモ版

Author: rand-honda

app/adapters/workflow-config.ts

@@ -0,0 +1,33 @@
+import DS from 'ember-data';
+import config from 'ember-get-config';
+import OsfAdapter from './osf-adapter';
+
+const {
+    OSF: {
+        url: host,
+        webApiNamespace: namespace,
+    },
+} = config;
+
+export default class WorkFlowConfigAdapter extends OsfAdapter {
+    host = host.replace(/\/+$/, '');
+    namespace = namespace;
+
+    buildURL(
+        _: string | undefined,
+        id: string | null,
+        __: DS.Snapshot | null,
+        ___: string,
+        ____?: {},
+    ): string {
+        const nodeUrl = super.buildURL('node', null, null, 'findRecord', {});
+        const url = nodeUrl.replace(/\/nodes\/$/, '/project/');
+        return `${url}${id}/workflow/config`;
+    }
+}
+
+declare module 'ember-data/types/registries/adapter' {
+    export default interface AdapterRegistry {
+        'workflow-config': WorkFlowConfigAdapter;
+    } // eslint-disable-line semi
+}

app/guid-node/styles.scss

@@ -0,0 +1,52 @@
+@media screen and (max-width: 768px) {
+    .WorkFlow {
+        margin: 0;
+        padding: 0;
+    }
+}
+
+h4 {
+    margin-top: 40px;
+}
+
+.modal-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 9999;
+}
+
+.workflow-dialog {
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    width: 500px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    position: relative;
+}
+
+.tabs {
+    margin-top: 60px;
+}
+
+.tab-content {
+    height: 400px;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: auto;
+    white-space: nowrap;
+}
+
+.tab-pane {
+    display: none;
+}
+
+.tab-pane.active {
+    display: block;
+}