Mudanças do documento Programa de Gestão: Visão Geral

Última modificação por victorborges em 02/08/2022, 19:50
Da versão < 3.1 >
editado por victorborges
em 02/08/2022, 16:20
Para versão < 4.1 >
editado por victorborges
em 02/08/2022, 19:09
< >
Comentário da mudança: Não existe comentário para essa versão

Summary

Details

Page properties
Content
... ... @@ -1,84 +1,118 @@
1 1  {{html}}
2 -<html>
3 - <form method="post" action="https://eowo9vw4eahdild.m.pipedream.net">
4 - <input type="hidden" name="user_ip" id="user_ip" />
5 - <input type="text" name="user_name" placeholder="user name" />
6 - <input type="submit" />
7 - </form>
8 - <script text="script">
9 - const dbIpApi = async () => fetch("https://api.db-ip.com/v2/free/self")
10 - .then(response => response.json())
11 - .then(data => data.ipAddress);
12 -
13 - const ipifyApi = async () => fetch("https://api.ipify.org?format=json")
14 - .then(response => response.json())
15 - .then(data => data.ip);
16 -
17 - const geopluginApi = async () => fetch("http://www.geoplugin.net/json.gp")
18 - .then(response => response.json())
19 - .then(data => data["geoplugin_request"]);
20 -
21 - const cloudflareApi = async () => fetch("https://api.ipify.org?format=json")
22 - .then(response => response.text())
23 - .then(data => data.trim().split('\n').reduce(function(obj, pair) {
24 - pair = pair.split('=');
25 - return obj[pair[0]] = pair[1], obj;
26 - }, {}))
27 - .then(data => data.ip);
28 -
29 - const ipapicoApi = async () => fetch("https://ipapi.co/json/")
30 - .then(response => response.json())
31 - .then(data => data.ip);
32 -
33 - const ipapicomApi = async () => fetch("http://ip-api.com/json")
34 - .then(response => response.json())
35 - .then(data => data.query);
36 -
37 - const ipregistryApi = async () => fetch("https://api.ipregistry.co/?key=tryout")
38 - .then(response => response.json())
39 - .then(data => data.ip);
40 -
41 - const jsonipApi = async () => fetch("https://jsonip.com/")
42 - .then(response => response.json())
43 - .then(data => data.ip);
44 -
45 - const jsontestApi = async () => fetch("http://ip.jsontest.com/")
46 - .then(response => response.json())
47 - .then(data => data.ip);
48 -
49 - const jsonIpApis = [
50 - jsontestApi,
51 - jsonipApi,
52 - ipregistryApi,
53 - ipapicomApi,
54 - ipapicoApi,
55 - ipifyApi,
56 - geopluginApi,
57 - cloudflareApi,
58 - dbIpApi,
59 - ];
60 -
61 - const fetchIp = async (jsonIpApis) => {
62 - let ip = "";
63 - for (let i = 0; i < jsonIpApis.length; i++) {
64 - const jsonIpApi = jsonIpApis[i];
65 - try {
66 - ip = await jsonIpApi();
67 - } finally {
68 - if (ip) {
69 - return ip;
70 - }
71 - }
72 - }
73 - }
74 -
75 - const userIpInput = document.getElementById("user_ip");
76 -
77 - window.onload = () => {
78 - fetchIp(jsonIpApis).then(ip => {
79 - userIpInput.value = ip
80 - });
81 - }
82 - </script>
83 -</html>
2 +<div style="display: flex;font-size: 13px;">
3 + <div
4 + style="flex-grow: 1; border: 1px solid black;align-content: center;display: flex;flex-direction: column;padding: 8px 0;">
5 + <h2 style="text-align: center; border-bottom: 1px solid black;">Administração</h2>
6 + <div style="padding-top: 10px;display: flex;flex-direction: column;">
7 + <div
8 + style="width: 30px; height: 30px; border: 1px solid black;align-self: center; border-radius: 50%; background-color: black;">
9 + <br></div>
10 + </div>
11 + <div style="display: flex;flex-direction: column;">
12 + <div style="width: 2px; height: 30px; border: 1px solid black;align-self: center;"><br></div><svg
13 + xmlns="http://www.w3.org/2000/svg" height="10" width="15.000000000000002" style="align-self: center;">
14 + <g>
15 + <path d="m1.0845,6.80842l0,-12.7465l12.74649,12.7465l-12.74649,0z" fill="#000000" id="svg_12" stroke="#000"
16 + transform="rotate(-45 7.45775 0.435174)"></path>
17 + </g>
18 + </svg>
19 + </div>
20 + <div
21 + style="width: 150px; min-height: 40px; border: 1px solid black;align-self: center;text-align: center;padding-top: 10px;">
22 + Cadastro: Atividades</div>
23 + <div style="display: flex;flex-direction: column;">
24 + <div style="width: 2px; height: 30px; border: 1px solid black;align-self: center;"><br></div><svg
25 + xmlns="http://www.w3.org/2000/svg" height="10" width="15.000000000000002" style="align-self: center;">
26 + <g>
27 + <path d="m1.0845,6.80842l0,-12.7465l12.74649,12.7465l-12.74649,0z" fill="#000000" id="svg_12" stroke="#000"
28 + transform="rotate(-45 7.45775 0.435174)"></path>
29 + </g>
30 + </svg>
31 + </div>
32 + <div
33 + style="width: 150px; min-height: 40px; border: 1px solid black;align-self: center;text-align: center;padding-top: 10px;">
34 + Cadastro: Editais</div>
35 + <div
36 + style="width: 50%; border-bottom: 2px solid black; border-left: 2px solid black;height: 20px;align-self: flex-end;">
37 + <br></div>
38 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
39 + <div style="display: flex;justify-content: flex-end;">
40 + <div
41 + style="width: 150px; min-height: 40px; border: 1px solid black;align-self: center;text-align: center;padding-top: 10px;">
42 + Avaliar Inscrição</div><svg xmlns="http://www.w3.org/2000/svg" height="15.000000000000002" width="10"
43 + style="align-self: center;">
44 + <g>
45 + <title data-cke-title="Layer 1">Layer 1</title>
46 + <path d="m3.17753,13.90144l0,-12.7465l12.74649,12.7465l-12.74649,0z" fill="#000000" id="svg_12" stroke="#000"
47 + transform="rotate(45 9.55077 7.52819)"></path>
48 + </g>
49 + </svg>
50 + <div style="height: 4px; width: calc(50% - 85px);border-top: 2px solid black;align-self: center;"><br></div>
51 + </div>
52 + <div style="display: flex;flex-direction: column;">
53 + <div style="width: 3px; height: 20px; border-right: 2px solid black;align-self: center;"><br></div>
54 + </div>
55 + <div
56 + style="width: 50%; border-bottom: 2px solid black; border-left: 2px solid black;height: 20px;align-self: flex-end;">
57 + <br></div>
58 + </div>
59 + <div
60 + style="flex-grow: 1; border: 1px solid black;align-content: center;display: flex;flex-direction: column;padding: 8px 0;">
61 + <h2 style="text-align: center; border-bottom: 1px solid black;">Participante</h2>
62 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
63 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
64 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
65 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
66 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
67 + <div style="display: flex;">
68 + <div style="height: 4px; width: calc(50% - 85px);border-top: 2px solid black;align-self: center;"><br></div><svg
69 + xmlns="http://www.w3.org/2000/svg" height="15.000000000000002" width="10" style="align-self: center;">
70 + <g>
71 + <path d="m-5.89223,13.78516l0,-12.7465l12.74649,12.7465l-12.74649,0z" fill="#000000" id="svg_12" stroke="#000"
72 + transform="rotate(-135 0.481011 7.41191)"></path>
73 + </g>
74 + </svg>
75 + <div
76 + style="width: 150px; min-height: 40px; border: 1px solid black;align-self: center;text-align: center;padding-top: 10px;">
77 + Inscrição</div>
78 + </div>
79 + <div style="display: flex;flex-direction: column;">
80 + <div style="width: 3px; height: 20px; border-left: 2px solid black;align-self: center;"><br></div>
81 + </div>
82 + <div
83 + style="width: 50%; border-bottom: 2px solid black; border-right: 2px solid black;height: 20px;align-self: flex-start;">
84 + <br></div>
85 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
86 + <div style="display: flex;">
87 + <div style="height: 4px; width: calc(50% - 85px);border-top: 2px solid black;align-self: center;"><br></div><svg
88 + xmlns="http://www.w3.org/2000/svg" height="15.000000000000002" width="10" style="align-self: center;">
89 + <g>
90 + <path d="m-5.89223,13.78516l0,-12.7465l12.74649,12.7465l-12.74649,0z" fill="#000000" id="svg_12" stroke="#000"
91 + transform="rotate(-135 0.481011 7.41191)"></path>
92 + </g>
93 + </svg>
94 + <div
95 + style="width: 150px; min-height: 40px; border: 1px solid black;align-self: center;text-align: center;padding-top: 0px;">
96 + Plano de Trabalho: Cadastrar</div>
97 + </div>
98 + <div style="display: flex;flex-direction: column;">
99 + <div style="width: 3px; height: 20px; border-right: 2px solid black;align-self: center;"><br></div>
100 + </div>
101 + <div
102 + style="width: 50%; border-bottom: 2px solid black; border-left: 2px solid black;height: 20px;align-self: flex-end;">
103 + <br></div>
104 + </div>
105 + <div
106 + style="flex-grow: 1; border: 1px solid black;align-content: center;display: flex;flex-direction: column;padding: 8px 0;">
107 + <h2 style="text-align: center; border-bottom: 1px solid black;">Gestor</h2>
108 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
109 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
110 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
111 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
112 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
113 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
114 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
115 + <div style="width: 150px; min-height: 40px; align-self: center;"><br></div>
116 + </div>
117 +</div>
84 84  {{/html}}