@enso-ui/monitored-emails 1.0.0 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enso-ui/monitored-emails",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Frontend package for monitoring emails",
   "main": "src/bulma/pages/userGroups/Index.vue",
   "scripts": {
@@ -39,4 +39,4 @@
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-vue": "^8.0.3"
   }
-}
+}

package/src/bulma/pages/monitoredEmails/Create.vue

@@ -6,14 +6,8 @@
     </div>
 </template>
 
-<script>
+<script setup>
 import { EnsoForm } from '@enso-ui/forms/bulma';
-
-export default {
-    name: 'Create',
-
-    components: { EnsoForm },
-};
 </script>
 
 <style lang="scss">

package/src/bulma/pages/monitoredEmails/Edit.vue

@@ -1,19 +1,55 @@
 <template>
     <div class="columns is-centered">
         <div class="column is-three-quarters-desktop is-full-touch">
-            <enso-form class="box form-box has-background-light raises-on-hover"/>
+            <enso-form class="box form-box has-background-light raises-on-hover">
+                <template #actions-left>
+                    <div class="level-item">
+                        <a class="button is-primary"
+                            @click="testMail">
+                            <span class="is-hidden-mobile">
+                                {{ i18n('Test') }}
+                            </span>
+                            <span class="icon">
+                                <fa icon="check-double"/>
+                            </span>
+                            <span class="is-hidden-mobile"/>
+                        </a>
+                    </div>
+                </template>
+            </enso-form>
         </div>
     </div>
 </template>
 
-<script>
+<script setup>
+import { inject } from 'vue';
+import { useRoute } from 'vue-router';
 import { EnsoForm } from '@enso-ui/forms/bulma';
+import { FontAwesomeIcon as Fa } from '@fortawesome/vue-fontawesome';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { faCheckDouble } from '@fortawesome/free-solid-svg-icons';
 
-export default {
-    name: 'Edit',
+library.add(faCheckDouble);
+
+const http = inject('http');
+const i18n = inject('i18n');
+const errorHandler = inject('errorHandler');
+const route = inject('route');
+const toastr = inject('toastr');
+
+const currentRoute = useRoute();
+
+console.log(currentRoute.params.monitoredEmail);
+const testRoute = route('administration.monitoredEmails.testEmail', { monitoredEmail: currentRoute.params.monitoredEmail });
+
+const testMail = () => http.get(testRoute)
+    .then(({ data }) => {
+        if(data.status)
+            toastr.success(data.message);
+        else toastr.error(data.message);
+    })
+    .catch(errorHandler);
 
-    components: { EnsoForm },
-};
 </script>
 
 <style lang="scss">

package/src/bulma/pages/monitoredEmails/Index.vue

@@ -3,14 +3,8 @@
         id="monitoredEmails"/>
 </template>
 
-<script>
+<script setup>
 import { EnsoTable } from '@enso-ui/tables/bulma';
-
-export default {
-    name: 'Index',
-
-    components: { EnsoTable },
-};
 </script>
 
 <style lang="scss">

package/src/bulma/routes/administration.js

@@ -0,0 +1,8 @@
+import routeImporter from '@enso-ui/ui/src/modules/importers/routeImporter';
+
+const routes = routeImporter(require.context('./administration', false, /.*\.js$/));
+
+export default {
+    path: '/administration',
+    children: routes,
+};