"Sikker Mail Fordeling"
Bootstrap 3.2.0 Snippet by r4zorax

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<div class="container-fluid">
<div class="row">
<div class="col-md-offset-3 col-md-6">
<ol class="list-group" id="alerts">
</ol>
</div>
</div>
<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Sikker Mail Fordeling</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-left">
<li class="active"><a href="#" id="go_rules" class="nav-goto">Regler</a></li>
<li><a href="#" id="go_log" class="nav-goto">Ændringshistorik</a></li>
<li><a href="#" id="go_test" class="nav-goto">Test</a></li>
</ul>
<!--
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Søgestreng">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.navbar-form {
border-left: 1px solid black;
}
body > .container-fluid {
margin-left: 10px;
margin-right: 10px;
}
body.dragging, body.dragging * {
cursor: move !important;
}
.dragged {
position: absolute;
opacity: 0.5;
z-index: 2000;
}
.placeholder {
position: relative;
/** More li styles **/
}
ol {
list-style-type: none;
}
.placeholder::before {
position: absolute;
/** Define arrowhead **/
content: "";
width: 0;
height: 1px;
margin-top: -5px;
left: -9px;
top: -4px;
border: 7px solid transparent;
border-left-color: #777;
border-right: none;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(function() {
var sourceContainer, oldContainer, mouseX, mouseY, templateIf, templateAnd;
templateIf = $('<div class="rule">\
<span class="keyword">hvis</span> <span class="term">Modtager</span> <span class="operator">ender med</span> <span class="value">@komunen.dk</span>\
<div class="clauses"></div>\
<div class="rules"></div>\
<div class="target"><span class="keyword">så</span> <span class="target">send til</span> <span class="value">support@mycompany.com</span></div>\
</div>');
templateAnd = $('<div class="clause">\
<span class="keyword">og</span> <span class="term">Afsender</span> <span class="operator">lig med</span> <span class="value">forvaltning@kommune.dk</span>\
</div>');
function debugE(e) {
return e && e.get(0) && e.get(0).outerHTML && e.get(0).outerHTML.replace(/[\n\r ]+/g, " ").substring(0, 150);
};
function updateThenClause(container) {
if (container == undefined) return;
var $container = container.el ? $(container.el) : container;
var $target = $container.closest('.rule').children('.target') || $container.children('.target');
$target.each(function() {
var thenClause = $(this);
var prev = thenClause.prev();
if (prev.is('.rules') && prev.children().length > 0) {
thenClause.children('.keyword').text('ellers');
thenClause.find('.do-hide').removeClass('hidden').show();
} else {
thenClause.children('.keyword').text('så');
thenClause.slideDown();
thenClause.closest('.rule').find('> div.action-panel > a.do-show-then').addClass('hidden');
thenClause.find('.do-hide').hide();
}
});
}
$("#toprules").sortable({
group: 'nested',
nested: true,
containerSelector: '.rules',
itemSelector: '.rule',
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Rotating CSS Card
E-mail Interface

Questions / Comments: