blob: b788c1da2fcaf85c0079194055705c220db98a22 [file] [log] [blame]
#!/bin/bash
# Copyright (c) 2016 The Chromium Authors. All rights reserved.
# Use of this source code is governed by a BSD-style license that can be
# found in the LICENSE file.
# Call as ./workspace-generator.sh, while in the worspaces directory.
# (cd workspaces; ./workspace-generator.sh) is a convenient way to do so.
THIRD_PARTY_DIR='../third_party'
ACE_FILE="$THIRD_PARTY_DIR/ace.js"
SWEET_ALERT_FILE="$THIRD_PARTY_DIR/sweet_alert"
STYLES_FILE='workspace_style.css'
SCRIPT_FILE='workspace_api.js'
DATA_FILE='data.js'
(
cat <<EOF
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title> Workspace for $(date +%Y-%m-%d) </title>
<style>
$(cat ${STYLES_FILE})
</style>
<style>
$(cat ${SWEET_ALERT_FILE}.css)
</style>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<script type="text/javascript" charset="utf-8">
$(cat ${ACE_FILE})
</script>
<script type="text/javascript" charset="utf-8">
$(cat ${SWEET_ALERT_FILE}.js)
</script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" id="workspace-api">
$(cat ${SCRIPT_FILE})
</script>
<script type="text/javascript">
google.charts.load('current', {packages: ['corechart', 'table']});
google.charts.setOnLoadCallback(Workspace.setup);
</script>
<script type="text/javascript" id="data">
$(cat ${DATA_FILE})
</script>
</head>
<body>
<div class="header">
<div class="docs-header">
<h4 class="tight help-link" onclick="Workspace.saveWorkspaces()"> Save </h4>
</div>
<div class="docs-header">
<h4 class="tight help-link" onclick="Workspace.exportData()"> Export Data </h4>
</div>
<div class="docs-header">
<h4 class="tight help-link" onclick="Workspace.importData()"> Import Data </h4>
</div>
<div class="docs-header">
<h4 class="tight help-link" onclick="help()"> Documentation </h4>
</div>
<div class="title">
<h1 id="page-title" ondblclick="Workspace.updateTitle()"> Workspace for $(date +%Y-%m-%d) </h1>
</div>
</div>
<div id="workspaces">
</div>
<script type="text/javascript" id="data">
Workspace.container = document.getElementById('workspaces');
Workspace.title = document.getElementById('page-title');
</script>
<div class="footer">
<h4 class="help-link docs-header" onclick="Workspace.create()">Add Workspace</h4>
</div>
</body>
</html>
EOF
) > workspace.html