Course creator changes

.dockerignore

@@ -0,0 +1,13 @@
+.git
+.github
+*Dockerfile*
+*docker-compose*
+node_modules
+*.log
+*.ps1
+*.cmd
+*.sh
+tests
+tests/*
+.env
+.env.*

.env.example

@@ -1,6 +1,7 @@
 NODE_ENV=development
-BASE_URL=null
 REGISTRY_URL=null
 SCOPE_MANAGER_URL=null
 COLLECTOR_EVENTS_URL=null
-ASSETS_MANAGER_URL=null
+ASSETS_MANAGER_URL=null
+DASHBOARD_URL=null
+REPORTER_URL=null

.github/workflows/main.yaml

@@ -4,28 +4,37 @@ on: push
 
 jobs:
   test:
-    runs-on: windows-latest
+    runs-on: ubuntu-latest
     steps:
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+
       - name: Checkout
-        uses: actions/checkout@v3
-      - name: Run Vitest tests
-        run: |
-          npm ci
-          npm run test
+        uses: actions/checkout@v4
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Start the Server
+        run: npm run dev &
+
       - name: Run Cypress tests
-        uses: cypress-io/github-action@v5
-        with:
-          start: npm run dev
+        run: npx cypress run
+
       - name: Upload Cypress screenshots
-        uses: actions/upload-artifact@v3
-        if: failure() # Store screenshots only on failures
+        uses: actions/upload-artifact@v4
+        if: failure() 
         with:
           name: cypress-screenshots
           path: cypress/screenshots
           if-no-files-found: ignore
+
       - name: Upload Cypress videos
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
+        if: failure() 
         with:
           name: cypress-videos
           path: cypress/videos
-          if-no-files-found: ignore
+          if-no-files-found: ignore

Dockerfile

@@ -0,0 +1,13 @@
+FROM node:20
+
+WORKDIR /app
+
+COPY . .
+
+RUN npm install
+
+EXPOSE 5173
+
+CMD ["npm", "run", "docker"]
+
+

LICENSE

@@ -1,6 +1,7 @@
 MIT License
 
 Copyright (c) 2023 Mariano Manuel Torrado Sánchez
+Copyright (c) 2024 Jorge Florentino Serra
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,6 +1,8 @@
-# TPA Designer
+# TPA Manager extension
 
-TPA Designer is a web application that allows the user to create and edit Team Practices Agreements (TPAs) for the Governify framework. It has been developed using Vue.js 3, Vite and PrimeVue. 
+This project has been a extension and improved from original [TPA Manager](https://github.com/MaToSan24/TPA-Manager).
+
+TPA Manager is a web application that allows users to navigate through their scope, in order to manage courses, Team Practices Agreements (TPAs), and TPA templates. It has been developed using Vue.js 3, Vite, and PrimeVue.
 
 ## Table of contents
 
@@ -52,19 +54,24 @@ The Code Editor component used for editing JSON, JavaScript and GraphQL is [Simp
 
 ## Governify specific configuration
 
-This application has been developed to be used within the Governify framework. In order to do so, some Governify-specific tool like ***Bluejay*** must be deployed in the same server as the TPA Designer.
+This application has been developed to be used within the Governify framework. In order to do so, some Governify-specific tool like ***Bluejay*** must be deployed in the same server as the TPA Manager.
 
-The following table shows the tools that must be deployed and the corresponding environment variables that must be set in the TPA Designer.
+The following table shows the tools that must be deployed and the corresponding environment variables that must be set in the TPA Manager.
 
 | Tool | Environment variable  | Default value | Example value |
 | ---- | --------------------- | ------------- | ------------- |
-| TPA Designer | - |  http://localhost:5173 | https://designer.bluejay.governify.io |
+| TPA Manager | - |  http://localhost:5173 | https://tpa-manager.bluejay.governify.io |
 | ASSETS_MANAGER_URL | process.env.ASSETS_MANAGER_URL | http://localhost:5200 | https://assets.bluejay.governify.io/ |
 | REGISTRY_URL | process.env.REGISTRY_URL | http://localhost:5400 | https://registry.bluejay.governify.io/ |
 | SCOPE_MANAGER_URL | process.env.SCOPE_MANAGER_URL | http://localhost:5700 | https://scopes.bluejay.governify.io |
 | COLLECTOR_EVENTS_URL | process.env.COLLECTOR_EVENTS_URL | http://localhost:5500 | https://event-collector.bluejay.governify.io/ |
+| DASHBOARD_URL | process.env.DASHBOARD_URL | http://localhost:5600 | https://dashboard.bluejay.governify.io/ |
+| REPORTER_URL | process.env.REPORTER_URL | http://localhost:5300 | https://reporter.bluejay.governify.io/ |
+
+
+
 
-There are two ways to set the environment variables:
+To set the environment variables:
 
 1. Create a `.env` file in the root directory of the project and set the variables there. The file should look like this (the values are just examples):
 
@@ -73,23 +80,16 @@ ASSETS_MANAGER_URL=https://assets.bluejay.governify.io/
 REGISTRY_URL=https://registry.bluejay.governify.io/
 SCOPE_MANAGER_URL=https://scopes.bluejay.governify.io
 COLLECTOR_EVENTS_URL=https://event-collector.bluejay.governify.io/
+DASHBOARD_URL=https://dashboard.bluejay.governify.io/
+REPORTER_URL=https://reporter.bluejay.governify.io/
 ```
 
-2. Set the environment variables in the server where the TPA Designer is deployed.
-
-In the `/src/stores/tpaEdition.js` file, there are some variables that hold the enumerated values for the different options that can be selected in the edition mode of the app. These variables are used to populate the dropdowns in the TPA Designer, among other things. The values of these variables can be modified to add new types to the dropdowns. The variables are: 
-
-- `BLOCK_TYPES`
-- `COLLECTOR_EVENT_SOURCES`
-- `COLLECTOR_EVENT_ENDPOINTS`
-- `STEP_TYPES`
-- `WINDOW_PERIOD_OPTIONS`
-
 ## Contributing
 Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
 
 ## Authors
 
+* **Jorge Florentino Serra** - [jorgefl8](https://github.com/jorgefl8)
 * **Mariano Manuel Torrado Sánchez** - [MaToSan24](https://github.com/MaToSan24)
 
 ## License
@@ -98,4 +98,4 @@ This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
 
 ## Badges
 
-[![DeepScan grade](https://deepscan.io/api/teams/21971/projects/25327/branches/790692/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=21971&pid=25327&bid=790692)
+[![DeepScan grade](https://deepscan.io/api/teams/24171/projects/27402/branches/875329/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=24171&pid=27402&bid=875329)

cypress/e2e/AddAuth.cy.js

@@ -0,0 +1,13 @@
+describe('Add authorization', () => {
+  it('should add correctly authorization', () => { 
+    cy.visit(Cypress.env('BASE_URL'));
+    cy.get('.p-speeddial-button', { timeout: 10000 }).should('be.visible').click();
+    cy.get('.pi-user-plus').should('exist').click();
+    cy.get('#auth', { timeout: 20000 }).should('be.visible').type('sample-auth');
+    cy.get('button').contains('Save').click();
+    cy.get('.p-toast-message').should('contain', 'Auth has been added');
+    cy.get('.p-speeddial-button', { timeout: 10000 }).should('be.visible').click();
+    cy.get('.pi-sign-out').should('exist').click();
+    cy.get('.p-toast-message').should('contain', 'Auth has been removed');
+  });
+});

cypress/e2e/ChangeAppTheme.cy.js

@@ -1,15 +1,9 @@
 describe('Change App Theme', () => {
   it('should change the theme to dark mode and back to light mode', () => { 
     cy.visit(Cypress.env('BASE_URL'));
-
-    const toggleThemeButton = cy.get('button.right-0');
-    const themeIcon = toggleThemeButton.find('span.p-button-icon');
-    themeIcon.should('have.class', 'pi-sun');
-
-    toggleThemeButton.click();
-    themeIcon.should('have.class', 'pi-moon');
-
-    toggleThemeButton.click();
-    themeIcon.should('have.class', 'pi-sun');
+    cy.get('.p-speeddial-button', { timeout: 10000 }).should('be.visible').click();
+    cy.get('.pi-sun').should('exist').click();
+    cy.get('.pi-moon').should('exist').click();
+    cy.get('.pi-sun').should('exist');
   });
-});
+});

cypress/e2e/CreateCourse.cy.js

@@ -0,0 +1,29 @@
+beforeEach(() => {
+    cy.intercept("GET", Cypress.env("REGISTRY_URL") + "/api/v6/templates", {
+        fixture: "templates.json",
+      }).as("templatesCheck");
+    cy.intercept('POST', Cypress.env("SCOPE_MANAGER_URL") + '/api/v1/scopes/development/courses', { fixture: 'new-course.json' }).as('coursesCheck');
+
+  cy.visit(Cypress.env("BASE_URL") + "/new-course");
+});
+
+describe("Correct Title", () => {
+  it("should see the New Course component", () => {
+    const homePageTitle = cy.get(".header-top > span");
+    homePageTitle.should("have.text", "Create new Course");
+  });
+});
+
+describe("Create Course", () => {
+  it("message", () => {
+    cy.get("#class-name").type("New-course-name");
+    cy.get("#join-code").type("12345");
+    cy.get('span.p-dropdown-label').click();
+    cy.get('li').contains('template-test_showcase-v1-0-0').click();
+    cy.get(".p-button").contains("Create").click();
+    cy.get(".p-toast-message").should(
+      "contain",
+      "Course created successfully!"
+    );
+  });
+});