-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
115 lines (102 loc) · 3.44 KB
/
index.html
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Scrawl - A Meeting Scribing Tool</title>
<meta name="description" content="The Scrawl scribing tool is used to translate IRC logs into meeting minutes." />
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="scrawl.js"></script>
<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/site.css" media="screen">
<link rel="stylesheet" media="screen" href="scrawl.css" />
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript">
// the update counter keeps track of the number of pending updates
var updateCounter = 0;
var updateCounterTimeout = null;
// generates and outputs the minutes to the HTML output
displayMinutes = function() {
var ircLog = $('#irc-log').val()
minutes = scrawl.generateMinutes(ircLog, 'html');
$('#html-output').html(minutes);
};
// updates the minutes
updateMinutes = function(event) {
if(event) {
updateCounter = 1;
} else {
updateCounter--;
}
if(updateCounter <= 0) {
displayMinutes();
} else {
if(updateCounterTimeout) {
clearTimeout(updateCounterTimeout);
}
updateCounterTimeout = setTimeout(updateMinutes, 1000);
}
};
// displays each markup portion
showMarkup = function(type) {
var ircLog = $('#irc-log').val()
// Display the appropriate markup text area based on the 'type'
if(type == 'html')
{
var html = scrawl.htmlHeader + scrawl.generateMinutes(ircLog, 'html') +
scrawl.htmlFooter;
$('#irc-log').hide();
$('#text-markup').hide();
$('#html-markup').val(html);
$('#html-markup').show();
}
else if(type == 'text')
{
var text = scrawl.generateMinutes(ircLog, 'text')
$('#html-markup').hide();
$('#irc-log').hide();
$('#text-markup').val(text);
$('#text-markup').show();
}
else
{
$('#text-markup').hide();
$('#html-markup').hide();
$('#irc-log').show();
}
}
// initialize scrawl
$.getJSON( "people.json", function(people) {
scrawl.group = "JSON-LD Community Group";
scrawl.people = people;
});
$.get("_partials/header.html", function(header) {
scrawl.htmlHeader = header;
})
$.get("_partials/footer.html", function(footer) {
scrawl.htmlFooter = footer;
})
</script>
</head>
<body>
<div class="light-bg" style="padding-left: 25%; padding-right: 25%;">
<div id="html-output"></div>
</div>
<!--textarea id="html-output" width="80" height="20"></textarea>
<textarea id="text-output" width="80" height="20"></textarea -->
<section class="light-bg toolbar-height toolbar-padding"></section>
<section id="toolbar">
<span class="left-column">
<textarea id="irc-log" class="toolbar-height" name="meeting-irc-log" placeholder="Paste and edit the IRC log here" onkeyup="javascript:updateMinutes(event)"></textarea>
<textarea id="html-markup" style="display: none;" class="toolbar-height"></textarea>
<textarea id="text-markup" style="display: none;" class="toolbar-height"></textarea>
</span>
<div class="right-column">
<div class="button" onclick="javascript:showMarkup('raw')">Show Raw Log</div>
<div class="button" onclick="javascript:showMarkup('html')">Show HTML</div>
<div class="button" onclick="javascript:showMarkup('text')">Show Text</div>
</div>
</section>
</body>
</html>