From 0651e95847d51fc62c5ea75d1db649b89ef0cb8f Mon Sep 17 00:00:00 2001
From: Ben Klang <ben@alkaloid.net>
Date: Sun, 28 Feb 2010 12:01:22 -0500
Subject: [PATCH] Shout: Begin new dialplan edit UI

---
 shout/dialplan.php                 |  30 ++++++++++++++++++++++++++++
 shout/templates/dialplan/show.inc  |  40 +++++++++++++++++++++++++++++++++++++
 shout/themes/graphics/digit-bg.png | Bin 0 -> 4937 bytes
 shout/themes/screen.css            |  38 +++++++++++++++++++++++++++++++++++
 4 files changed, 108 insertions(+)
 create mode 100644 shout/dialplan.php
 create mode 100644 shout/templates/dialplan/show.inc
 create mode 100644 shout/themes/graphics/digit-bg.png

diff --git a/shout/dialplan.php b/shout/dialplan.php
new file mode 100644
index 000000000..a801ed221
--- /dev/null
+++ b/shout/dialplan.php
@@ -0,0 +1,30 @@
+<?php
+/**
+ * Copyright 2010 Alkaloid Networks LLC (http://projects.alkaloid.net)
+ *
+ * See the enclosed file COPYING for license information (BSD). If you
+ * did not receive this file, see
+ * http://www.opensource.org/licenses/bsd-license.php.
+ *
+ * @author  Ben Klang <ben@alkaloid.net>
+ */
+
+require_once dirname(__FILE__) . '/lib/Application.php';
+$shout = Horde_Registry::appInit('shout');
+
+require_once SHOUT_BASE . '/lib/Forms/ExtensionForm.php';
+
+//$action = Horde_Util::getFormData('action');
+$action = 'show';
+$context = $_SESSION['shout']['context'];
+
+Horde::addScriptFile('prototype.js', 'horde');
+
+require SHOUT_TEMPLATES . '/common-header.inc';
+require SHOUT_TEMPLATES . '/menu.inc';
+
+$notification->notify();
+
+require SHOUT_TEMPLATES . '/dialplan/' . $action . '.inc';
+
+require $registry->get('templates', 'horde') . '/common-footer.inc';
diff --git a/shout/templates/dialplan/show.inc b/shout/templates/dialplan/show.inc
new file mode 100644
index 000000000..9123402ce
--- /dev/null
+++ b/shout/templates/dialplan/show.inc
@@ -0,0 +1,40 @@
+<script type="text/javascript">
+<!--
+function editAction(digit)
+{
+    $('digitAction').show();
+}
+
+function saveAction(digit)
+{
+    $('digitAction').hide();
+}
+// -->
+</script>
+
+<div id="digitpad">
+  <div id="digitAction">
+      <div onClick="saveAction('x');">SAVE</div>
+  </div>
+  <div class="digit" onClick="editAction('1');"><span class="digitLabel">1</span></div>
+  <div class="digit" onClick="editAction('2');"><span class="digitLabel">2</span></div>
+  <div class="digit" onClick="editAction('3');"><span class="digitLabel">3</span></div>
+  <br style="clear:both;">
+  <div class="digit" onClick="editAction('4');"><span class="digitLabel">4</span></div>
+  <div class="digit" onClick="editAction('5');"><span class="digitLabel">5</span></div>
+  <div class="digit" onClick="editAction('6');"><span class="digitLabel">6</span></div>
+  <br style="clear:both;">
+  <div class="digit" onClick="editAction('7');"><span class="digitLabel">7</span></div>
+  <div class="digit" onClick="editAction('8');"><span class="digitLabel">8</span></div>
+  <div class="digit" onClick="editAction('9');"><span class="digitLabel">9</span></div>
+  <br style="clear:both;">
+  <div class="digit" onClick="editAction('*');"><span class="digitLabel">*</span></div>
+  <div class="digit" onClick="editAction('0');"><span class="digitLabel">0</span></div>
+  <div class="digit" onClick="editAction('#');"><span class="digitLabel">#</span></div>
+</div>
+
+<script type="text/javascript">
+<!--
+$('digitAction').hide();
+// -->
+</script>
\ No newline at end of file
diff --git a/shout/themes/graphics/digit-bg.png b/shout/themes/graphics/digit-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb819d8ec067096f9a029c7f4460cb38ef89a2cd
GIT binary patch
literal 4937
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
Hu0mjfPwaG-

literal 0
HcmV?d00001

diff --git a/shout/themes/screen.css b/shout/themes/screen.css
index c93634893..ed9f31aa7 100644
--- a/shout/themes/screen.css
+++ b/shout/themes/screen.css
@@ -68,4 +68,42 @@ ul {
     font-style: italic;
 }
 
+#digitpad {
+    width: 300px;
+    height: 400px;
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+}
+
+.digit {
+    width: 84px;
+    height: 84px;
+    float: left;
+    border-top: 4px solid #aaa;
+    border-left: 4px solid #aaa;
+    border-right: 4px solid #444;
+    border-bottom: 4px solid #444;
+    padding: 3px;
+    margin: 1px;
+    background-image: url('graphics/digit-bg.png');
+}
 
+.digitLabel {
+    font-style: italic;
+    font-family: Sans-serif;
+    font-weight: bold;
+    font-size: 1.5em;
+    color: #666;
+}
+
+#digitAction {
+    width: 290px;
+    height: 390px;
+    margin: 5px;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    background: #0f0;
+    /*display: none;*/
+}
\ No newline at end of file
-- 
2.11.0