Mudanças entre as edições de "Bizagi:Teste-Diagram 1"

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
m (Automatic page editing)
 
 
(3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
−
==Diagram 1 - Bizagi Process Modeler==
+
<!-- Left column 3 blue -->
 +
{| cellspacing="0" cellpadding="0" style="margin:0 0 1em; width:100% background:white;"
 +
| style="width:50%; vertical-align:top; border:1px solid #abd5f5; background:#f1f5fc;"|
 +
<div style="border-bottom:1px solid #abd5f5; background:#d0e5f5; padding:0.2em 0.5em; font-size:110%; font-weight:bold;">background colour: #d0e5f5</div>
 +
<div style="border-bottom:1px solid #abd5f5; padding:0.4em 1em 1em;">
 +
background colour: #f1f5fc<br />
 +
border colour: #abd5f5</div>
 +
| style="padding:0 0.5em;"|
 +
<!-- Right column 3 orange -->
 +
| style="width:50%; vertical-align:top; border:1px solid #fad67d; background:#faf6ed;"|
 +
<div style="border-bottom:1px solid #fad67d; background:#faecc8; padding:0.2em 0.5em; font-size:110%; font-weight:bold;">background colour: #faecc8</div>
 +
<div style="border-bottom:1px solid #fad67d; padding:0.4em 1em 1em;">
 +
background colour: #faf6ed<br />
 +
border colour: #fad67d</div>
 +
|}
 +
<html>
 +
<head>
 +
<title>Janela modal</title>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("a[rel=modal]").click( function(ev){
 +
ev.preventDefault();
  
−
'''Version: ''' 1.0
+
var id = $(this).attr("href");
  
−
'''Author: ''' Polyanna
+
var alturaTela = $(document).height();
 +
var larguraTela = $(window).width();
 +
 +
//colocando o fundo preto
 +
$('#mascara').css({'width':larguraTela,'height':alturaTela});
 +
$('#mascara').fadeIn(1000);
 +
$('#mascara').fadeTo("slow",0.8);
  
−
[[Image:Teste-Diagram1.png|740px]]
+
var left = ($(window).width() /2) - ( $(id).width() / 2 );
 +
var top = ($(window).height() / 2) - ( $(id).height() / 2 );
 +
 +
$(id).css({'top':top,'left':left});
 +
$(id).show();
 +
});
  
−
===Cliente===
+
$("#mascara").click( function(){
 +
$(this).hide();
 +
$(".window").hide();
 +
});
  
−
[[File:BizAgi-BPMN-Participant.png]]
+
$('.fechar').click(function(ev){
 +
ev.preventDefault();
 +
$("#mascara").hide();
 +
$(".window").hide();
 +
});
 +
});
 +
</script>
  
 +
<style type="text/css">
  
 +
.window{
 +
display:none;
 +
width:383px;
 +
height:228px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
background:#FFF;
 +
z-index:9900;
 +
padding:10px;
 +
border-radius:10px;
 +
}
  
−
====Process Elements====
+
#mascara{
 +
position:absolute;
 +
  left:0;
 +
  top:0;
 +
  z-index:9000;
 +
  background-color:#000;
 +
  display:none;
 +
}
  
−
=====Element=====
+
.fechar{display:block; text-align:right;}
  
−
[[File:BizAgi-BPMN-NoneStart.png]]
+
</style>
  
 +
</head>
  
  
−
=====Solicitar Suporte=====
+
<body>
 +
<a href="#janela1" rel="modal">Janela modal</a>
 +
<a href="#janela2" rel ="modal">Janela 2 modal</a>
  
−
[[File:BizAgi-BPMN-AbstractTask.png]]
 
  
 +
<div class="window" id="janela1">
 +
<a href="#" class="fechar">X Fechar</a>
 +
<h4>Primeira janela moda</h4>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis auctor tempus. Lorem ipsum dolor sit amet,</p>
 +
<p>Morbi dui lacus, placerat eget pretium vehicula, mollis id ligula. Nulla facilisi. </p>
 +
</div>
  
 +
<div class="window" id="janela2">
 +
<a href="#" class="fechar">X Fechar</a>
 +
<h4>Formulario</h4>
 +
<form action="#" method="post">
 +
<table style="margin-top:5px; width:45%; margin-bottom:2px;margin-left:auto; margin-right:auto">
 +
<tr>
 +
<td style="border:1px solid #a7d7f9; border-radius: 10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35)">
 +
<table style="width:100%; margin-bottom:2px; vertical-align:top; font-size:95%; background:transparent;">
  
−
=====Tarefa 1=====
 
  
−
[[File:BizAgi-BPMN-AbstractTask.png]]
+
<tr>
 +
<td colspan="2" style="text-align:center">
 +
<div class="center"><div class="floatnone"><a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_Admin" title="Modulo Web - Central Admin"><img alt="Admin.jpg" src="http://wiki.elitesoft.com.br/images/thumb/b/be/Admin.jpg/70px-Admin.jpg" width="70" height="70" /></a></div></div>
 +
</td>
 +
<th> <div class="center"><div class="floatnone"><a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_do_Assinante" title="Modulo Web - Central do Assinante"><img alt="CentralAss.png" src="http://wiki.elitesoft.com.br/images/thumb/d/db/CentralAss.png/70px-CentralAss.png" width="70" height="70" /></a></div></div>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/%C3%81rea_de_Trabalho" title="Área de Trabalho"><img alt="Networkweb.png" src="http://wiki.elitesoft.com.br/images/thumb/6/6c/Networkweb.png/70px-Networkweb.png" width="70" height="70" /></a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Revenda" title="Modulo Web - Revenda"><img alt="Revenda.png" src="http://wiki.elitesoft.com.br/images/c/c7/Revenda.png" width="70" height="69" /></a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Painel" title="Modulo Web - Painel"><img alt="Painel.png" src="http://wiki.elitesoft.com.br/images/thumb/a/a0/Painel.png/70px-Painel.png" width="70" height="70" /></a>
 +
</th></tr>
 +
<tr>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_Admin" title="Modulo Web - Central Admin"> Central Admin</a>
 +
</th>
 +
<td>
 +
</td>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Central_do_Assinante" title="Modulo Web - Central do Assinante">Central Assinante</a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/%C3%81rea_de_Trabalho" title="Área de Trabalho">Área de Trabalho Web</a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Revenda" title="Modulo Web - Revenda"> Central Revenda</a>
 +
</th>
 +
<th> <a href="http://wiki.elitesoft.com.br/index.php/Modulo_Web_-_Painel" title="Modulo Web - Painel"> Painel de Controle</a>
 +
</th></tr></table>
 +
</td></tr></table>
  
 +
</form>
 +
</div>
  
 +
<!-- mascara para cobrir o site -->
 +
<div id="mascara"></div>
 +
 +
</body>
 +
</html>
 +
  
−
=====Task 1=====
 
  
−
[[File:BizAgi-BPMN-AbstractTask.png]]
+
 
 +
 
 +
 
 +
 
 +
 
 +
{| style="margin-top:5px; width:45%; margin-bottom:2px;margin-left:auto; margin-right:auto"
 +
|style="border:1px solid #a7d7f9; border-radius: 10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.35)"|
 +
{|  style="width:100%; margin-bottom:2px; vertical-align:top; font-size:95%; background:transparent;"
 +
 
 +
|-
 +
|Colspan="2" style="text-align:center"|
 +
 
 +
[[Arquivo:Admin.jpg|70px|center|link=Modulo Web - Central Admin]]
 +
! [[Arquivo:CentralAss.png|70px|center|link=Modulo_Web_-_Central_do_Assinante]]
 +
! [[Arquivo:networkweb.png|70px|link=Área_de_Trabalho]]
 +
! [[Arquivo:revenda.png|70px|link=Modulo_Web_-_Revenda]]
 +
! [[Arquivo:Painel.png|70px|link=Modulo Web - Painel]]
 +
|-
 +
! [[Modulo Web - Central Admin| Central Admin]]
 +
|
 +
! [[Modulo_Web_-_Central_do_Assinante|Central Assinante]]
 +
 
 +
! [[Área_de_Trabalho|Área de Trabalho Web]]
 +
 
 +
! [[Modulo Web - Revenda| Central Revenda]]
 +
 
 +
! [[Modulo Web - Painel| Painel de Controle]]
 +
|}
 +
|}

Edição atual tal como às 17h59min de 4 de março de 2015

background colour: #d0e5f5

background colour: #f1f5fc

border colour: #abd5f5
background colour: #faecc8

background colour: #faf6ed

border colour: #fad67d

Janela modal Janela modal Janela 2 modal

X Fechar

Primeira janela moda

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis auctor tempus. Lorem ipsum dolor sit amet,

Morbi dui lacus, placerat eget pretium vehicula, mollis id ligula. Nulla facilisi.





Admin.jpg
CentralAss.png
 Networkweb.png Revenda.png Painel.png
Central Admin Central Assinante Área de Trabalho Web Central Revenda Painel de Controle
Disponível em "https://wiki.elitesoft.com.br/index.php?title=Bizagi:Teste-Diagram_1&oldid=52546"