Inicio Explorar Ayuda
Iniciar sesión
lucasalbertins
/
wee
Seguir 2
Destacar 0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Explorar el Código

Insert automated activities placeholder panel

Arkadiusz Ryś hace 2 años
padre
21180f3ad5
commit
9bc1b01534
Se han modificado 6 ficheros con 117 adiciones y 3 borrados
Dividir vista Mostrar estadísticas de diff
  1. 12 0
      src/main/resources/static/img/refresh.svg
  2. 37 3
      src/main/resources/static/style.css
  3. 17 0
      src/main/resources/templates/enact.html
  4. 17 0
      src/main/resources/templates/enactEnd.html
  5. 17 0
      src/main/resources/templates/endEnactment.html
  6. 17 0
      src/main/resources/templates/pms.html

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 12 - 0
src/main/resources/static/img/refresh.svg


+ 37 - 3
src/main/resources/static/style.css
Ver fichero 

@@ -53,12 +53,19 @@ main {
 
   grid-area: main;

   display: grid;

   gap: 1em 1em;

-  grid-template-columns: 1fr 6fr 1fr;

+  grid-template-columns: 1fr 3fr 1fr;

   grid-template-rows: 1fr;

-  grid-template-areas: "aside content debug";

+  grid-template-areas: "aside content automated";

   justify-items: stretch;

 }

 

+main article {

+  grid-area: automated;

+  justify-self: center;

+  width: 100%;

+  background-color: var(--color-content-background);

+}

+

 main section {

   grid-area: content;

   justify-self: center;

@@ -123,4 +130,31 @@ footer section {
 
 

 strong {

   color: var(--color-content-text);

-}
 
+}

+

+.automated-activity {

+  display: grid;

+  gap: 1em 1em;

+  grid-template-columns: 1fr 3fr;

+  grid-template-rows: 1fr;

+  grid-template-areas: "progress name";

+  justify-items: stretch;

+}

+

+.automated-activity > progress {

+  grid-area: progress;

+  justify-self: center;

+  align-self: center;

+  width: 100%;

+}

+

+progress.activity {

+  margin-bottom: 0 !important;

+}

+

+.automated-activity > span {

+  grid-area: name;

+  justify-self: start;

+  align-self: center;

+  width: 100%;

+}

+ 17 - 0
src/main/resources/templates/enact.html
Ver fichero 

@@ -5,6 +5,23 @@
 
 </head>
 
 <body>
 
 <main>
 
+  <article class="panel is-primary automated-activities">
 
+    <p class="panel-heading">Automated Activities</p>
 
+    <a class="panel-block automated-activity">
 
+      <progress class="progress is-medium is-success activity" value= "100" max="100"></progress>
 
+      <span>Example Completed Activity 1</span>
 
+    </a>
 
+
 
+    <a class="panel-block automated-activity">
 
+      <progress class="progress is-medium is-info activity" max="100"></progress>
 
+      <span>Example In Progress Activity 2</span>
 
+    </a>
 
+
 
+    <a class="panel-block">
 
+      <button class="button is-primary"><img class="refresh" width="32" height="32" th:src="@{/img/refresh.svg}" alt="Circular arrow"></button>
 
+    </a>
 
+  </article>
 
+
 
   <section class="pt-6 pb-6 pl-5 pr-5">
 
     <div class="columns">
 
       <div class="column is-two-thirds">

+ 17 - 0
src/main/resources/templates/enactEnd.html
Ver fichero 

@@ -5,6 +5,23 @@
 
 </head>
 
 <body>
 
 <main>
 
+  <article class="panel is-primary automated-activities">
 
+    <p class="panel-heading">Automated Activities</p>
 
+    <a class="panel-block automated-activity">
 
+      <progress class="progress is-medium is-success activity" value= "100" max="100"></progress>
 
+      <span>Example Completed Activity 1</span>
 
+    </a>
 
+
 
+    <a class="panel-block automated-activity">
 
+      <progress class="progress is-medium is-info activity" max="100"></progress>
 
+      <span>Example In Progress Activity 2</span>
 
+    </a>
 
+
 
+    <a class="panel-block">
 
+      <button class="button is-primary"><img class="refresh" width="32" height="32" th:src="@{/img/refresh.svg}" alt="Circular arrow"></button>
 
+    </a>
 
+  </article>
 
+
 
   <section class="pt-6 pb-6 pl-5 pr-5">
 
     <div class="columns">
 
       <div class="column is-two-thirds">

+ 17 - 0
src/main/resources/templates/endEnactment.html
Ver fichero 

@@ -5,6 +5,23 @@
 
 </head>
 
 <body>
 
 <main>
 
+  <article class="panel is-primary automated-activities">
 
+    <p class="panel-heading">Automated Activities</p>
 
+    <a class="panel-block automated-activity">
 
+      <progress class="progress is-medium is-success activity" value= "100" max="100"></progress>
 
+      <span>Example Completed Activity 1</span>
 
+    </a>
 
+
 
+    <a class="panel-block automated-activity">
 
+      <progress class="progress is-medium is-info activity" max="100"></progress>
 
+      <span>Example In Progress Activity 2</span>
 
+    </a>
 
+
 
+    <a class="panel-block">
 
+      <button class="button is-primary"><img class="refresh" width="32" height="32" th:src="@{/img/refresh.svg}" alt="Circular arrow"></button>
 
+    </a>
 
+  </article>
 
+
 
   <section class="pt-6 pb-6 pl-5 pr-5">
 
     <p th:inline="text">Enactment of the Process Model: <span class="accent">[[${session.pm.name}]]</span> has ended!</p>
 
     <p>You can review the details about the Process Trace.</p>

+ 17 - 0
src/main/resources/templates/pms.html
Ver fichero 

@@ -5,6 +5,23 @@
 
 </head>
 
 <body>
 
 <main>
 
+  <article class="panel is-primary automated-activities">
 
+    <p class="panel-heading">Automated Activities</p>
 
+    <a class="panel-block automated-activity">
 
+      <progress class="progress is-medium is-success activity" value= "100" max="100"></progress>
 
+      <span>Example Completed Activity 1</span>
 
+    </a>
 
+
 
+    <a class="panel-block automated-activity">
 
+      <progress class="progress is-medium is-info activity" max="100"></progress>
 
+      <span>Example In Progress Activity 2</span>
 
+    </a>
 
+
 
+    <a class="panel-block">
 
+      <button class="button is-primary"><img class="refresh" width="32" height="32" th:src="@{/img/refresh.svg}" alt="Circular arrow"></button>
 
+    </a>
 
+  </article>
 
+
 
   <section class="pt-6 pb-6 pl-5 pr-5">
 
     <form class="pt-3" th:action="@{/enactpm}" method="post">
 
       <p class="is-size-4">Choose the Process Model to be enacted</p>