[Kimchi-devel] [PATCH 20/38] Do not use tabs dir for kimchi plugin html templates
Lucio Correia
luciojhc at linux.vnet.ibm.com
Thu May 21 21:33:33 UTC 2015
From: Lucio <luciojhc at linux.vnet.ibm.com>
This patch only moves tmpl files from plugins/kimchi/ui/pages/tabs
to plugins/kimchi/ui/pages and updates respective Makefiles.
---
plugins/kimchi/ui/pages/Makefile.am | 2 +-
plugins/kimchi/ui/pages/guests.html.tmpl | 56 +++++++
plugins/kimchi/ui/pages/host.html.tmpl | 168 ++++++++++++++++++++++
plugins/kimchi/ui/pages/network.html.tmpl | 128 ++++++++++++++++
plugins/kimchi/ui/pages/storage.html.tmpl | 142 ++++++++++++++++++
plugins/kimchi/ui/pages/tabs/Makefile.am | 20 ---
plugins/kimchi/ui/pages/tabs/guests.html.tmpl | 56 -------
plugins/kimchi/ui/pages/tabs/host.html.tmpl | 168 ----------------------
plugins/kimchi/ui/pages/tabs/network.html.tmpl | 128 ----------------
plugins/kimchi/ui/pages/tabs/storage.html.tmpl | 142 ------------------
plugins/kimchi/ui/pages/tabs/templates.html.tmpl | 73 ----------
plugins/kimchi/ui/pages/templates.html.tmpl | 73 ++++++++++
12 files changed, 568 insertions(+), 588 deletions(-)
create mode 100644 plugins/kimchi/ui/pages/guests.html.tmpl
create mode 100644 plugins/kimchi/ui/pages/host.html.tmpl
create mode 100644 plugins/kimchi/ui/pages/network.html.tmpl
create mode 100644 plugins/kimchi/ui/pages/storage.html.tmpl
delete mode 100644 plugins/kimchi/ui/pages/tabs/Makefile.am
delete mode 100644 plugins/kimchi/ui/pages/tabs/guests.html.tmpl
delete mode 100644 plugins/kimchi/ui/pages/tabs/host.html.tmpl
delete mode 100644 plugins/kimchi/ui/pages/tabs/network.html.tmpl
delete mode 100644 plugins/kimchi/ui/pages/tabs/storage.html.tmpl
delete mode 100644 plugins/kimchi/ui/pages/tabs/templates.html.tmpl
create mode 100644 plugins/kimchi/ui/pages/templates.html.tmpl
diff --git a/plugins/kimchi/ui/pages/Makefile.am b/plugins/kimchi/ui/pages/Makefile.am
index 076b814..56288e3 100644
--- a/plugins/kimchi/ui/pages/Makefile.am
+++ b/plugins/kimchi/ui/pages/Makefile.am
@@ -15,7 +15,7 @@
# See the License for the specific language governing permissions and
# limitations under the License.
-SUBDIRS = help tabs
+SUBDIRS = help
htmldir = $(datadir)/wok/plugins/kimchi/ui/pages
diff --git a/plugins/kimchi/ui/pages/guests.html.tmpl b/plugins/kimchi/ui/pages/guests.html.tmpl
new file mode 100644
index 0000000..b96dd21
--- /dev/null
+++ b/plugins/kimchi/ui/pages/guests.html.tmpl
@@ -0,0 +1,56 @@
+#*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *#
+
+#unicode UTF-8
+#import gettext
+#from Cheetah.Template import Template
+#from wok.cachebust import href
+#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
+#silent _ = t.gettext
+#silent _t = t.gettext
+
+#silent ht = Template
+
+<div id="guests-root-container">
+ <div class="toolbar">
+ <div class="tools" style="display:none">
+ <a id="vm-add" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
+ </div>
+ </div>
+ <div id="guestListField" style="display: none">
+ <ul class="list-title">
+ <li class="guest-type">$_("Name")</li>
+ <li class="guest-cpu">$_("CPU")</li>
+ <li class="guest-storage">$_("Disk I/O")</li>
+ <li class="guest-network">$_("Network I/O")</li>
+ <li class="guest-tile">$_("Livetile")</li>
+ <li class="guest-actions">$_("Actions")</li>
+ </ul>
+ <ul id="guestList" class="list-vm empty-when-logged-off">
+ </ul>
+ </div>
+ <div id="noGuests" class="list-no-result" style="display: none;">
+ $_("No guests found.")
+ </div>
+ <script id="guest-tmpl" type="kimchi/template">
+ $ht(file=$data.ui_dir + "/pages/guest.html.tmpl", searchList=[self, {'lang':$lang}])
+ </script>
+ <script type="text/javascript">
+ kimchi.guest_main();
+ </script>
+</div>
diff --git a/plugins/kimchi/ui/pages/host.html.tmpl b/plugins/kimchi/ui/pages/host.html.tmpl
new file mode 100644
index 0000000..921b45f
--- /dev/null
+++ b/plugins/kimchi/ui/pages/host.html.tmpl
@@ -0,0 +1,168 @@
+#*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *#
+
+#unicode UTF-8
+#import gettext
+#from wok.cachebust import href
+#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
+#silent _ = t.gettext
+#silent _t = t.gettext
+<div id="host-root-container">
+ <div class="toolbar">
+ <div class="tools">
+ </div>
+ </div>
+ <div id="host-content-container" class="empty-when-logged-off"></div>
+</div>
+
+<script id="host-tmpl" type="kimchi/template">
+ <div class="host-panel">
+ <div class="logo-container">
+ <div class="logo" style="background-image: url({logo});"></div>
+ </div>
+ <div id="host-info-container" class="info-container">
+ <h2 class="hostname">{hostname}</h2>
+ <div class="action-panel">
+ <button id="host-button-shutdown" class="btn-normal stop">
+ <div class="button-icon action-icon-stop"></div>
+ $_("Shut down")
+ </button>
+ <button id="host-button-restart" class="btn-normal restart">
+ <div class="button-icon action-icon-restart"></div>
+ $_("Restart")
+ </button>
+ <button class="btn-normal connect" disabled="disabled">
+ <div class="button-icon action-icon-connect"></div>
+ $_("Connect")
+ </button>
+ </div>
+ <div class="host-section">
+ <h3 class="section-header"
+ aria-expanded="false"
+ aria-controls="content-sys-info">
+ $_("Basic Information")
+ </h3>
+ <div id="content-sys-info" class="section-content">
+ <div class="section-row">
+ <div class="section-label">$_("OS Distro")</div>
+ <div class="section-value">{os_distro}</div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("OS Version")</div>
+ <div class="section-value">{os_version}</div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("OS Code Name")</div>
+ <div class="section-value">{os_codename}</div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Processor")</div>
+ <div class="section-value">{cpu_model}</div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("CPU(s)")</div>
+ <div class="section-value">{cpus}</div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Memory")</div>
+ <div class="section-value">{memory}</div>
+ </div>
+ </div>
+ </div>
+ <div class="host-section">
+ <h3 class="section-header"
+ aria-controls="content-sys-statistics">
+ $_("System Statistics")
+ </h3>
+ <div id="content-sys-statistics" class="section-content">
+ <div class="section-row">
+ <div class="section-label">$_("CPU")</div>
+ <div class="section-value">
+ <div id="container-chart-cpu" class="inline-block"></div>
+ </div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Memory")</div>
+ <div class="section-value">
+ <div id="container-chart-memory" class="inline-block"></div>
+ </div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Disk I/O")</div>
+ <div class="section-value">
+ <div id="container-chart-disk-io" class="inline-block"></div>
+ </div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Network I/O")</div>
+ <div class="section-value">
+ <div id="container-chart-network-io" class="inline-block"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="software-update-section" class="host-section hidden">
+ <h3 class="section-header"
+ aria-controls="content-software-update">
+ $_("Software Updates")
+ </h3>
+ <div id="content-software-update" class="section-content">
+ <div class="section-row">
+ <div class="section-value">
+ <div id="software-updates-grid-container"></div>
+ <div id="software-updates-progress-container" class="hidden">
+ <label for="software-updates-progress-textarea">$_("Update Progress")</label>
+ <textarea id="software-updates-progress-textarea" readonly></textarea>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="repositories-section" class="host-section hidden">
+ <h3 class="section-header"
+ aria-controls="content-repositories">
+ $_("Repositories")
+ </h3>
+ <div id="content-repositories" class="section-content">
+ <div class="section-row">
+ <div class="section-value">
+ <div id="repositories-grid-container"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="debug-report-section" class="host-section hidden">
+ <h3 class="section-header"
+ aria-controls="content-sys-reports">
+ $_("Debug Reports")
+ </h3>
+ <div id="content-sys-reports" class="section-content">
+ <div class="section-row">
+ <div class="section-value">
+ <div id="available-reports-grid-container"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</script>
+
+<script type="text/javascript">
+ kimchi.host_main();
+</script>
diff --git a/plugins/kimchi/ui/pages/network.html.tmpl b/plugins/kimchi/ui/pages/network.html.tmpl
new file mode 100644
index 0000000..421f6bc
--- /dev/null
+++ b/plugins/kimchi/ui/pages/network.html.tmpl
@@ -0,0 +1,128 @@
+#*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *#
+
+#unicode UTF-8
+#import gettext
+#from wok.cachebust import href
+#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
+#silent _ = t.gettext
+#silent _t = t.gettext
+<!DOCTYPE html>
+<html>
+<body>
+<div class="toolbar">
+ <div class="tools" style="display:none">
+ <a id="networkAdd" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
+ </div>
+</div>
+<div id="network-content" class="network">
+ <div class="list">
+ <div class="header">
+ <span class="column column-name">$_("Network Name")</span><!--
+ --><span class="column column-state">$_("State")</span><!--
+ --><span class="column column-type">$_("Network Type")</span><!--
+ --><span class="column column-interface">$_("Interface")</span><!--
+ --><span class="column column-space">$_("Address Space")</span><!--
+ --><span class="column" style="display:none">$_("Actions")</span>
+ </div>
+ <div id="networkBody" class="empty-when-logged-off"></div>
+ </div>
+ <div id="networkConfig" class="network-config">
+ <div class="section-container">
+ <div class="section-header">1. $_("Network Name")</div>
+ <div class="section-content">
+ <input type="text" id="networkName" class="network-label"/>
+ <div class="input-hint">
+ <span class="ui-icon ui-icon-info input-hint-icon"></span>
+ <span class="input-hint-text">$_("Name should not contain '/' and '\"'.")</span>
+ </div>
+ </div>
+ </div>
+ <div class="section-container">
+ <div class="section-header">2. $_("Network Type")</div>
+ <div class="section-content">
+ <div class="input-container">
+ <input type="radio" id="networkTypeIso" name="networkType" value="isolated" />
+ <label for="networkTypeIso">$_("Isolated: no external network connection")</label>
+ </div>
+ <div class="input-container">
+ <input type="radio" id="networkTypeNat" name="networkType" value="nat" />
+ <label for="networkTypeNat">$_("NAT: outbound physical network connection only")</label>
+ </div>
+ <div class="input-container">
+ <div class="bridged-inline">
+ <input type="radio" id="networkTypeBri" name="networkType" value="bridged" />
+ </div>
+ <div class="bridged-inline">
+ <label for="networkTypeBri">$_("Bridged: Virtual machines are connected to physical network directly")</label><br />
+ <label id="networkBriDisabledLabel" style="display:none">$_("(No interfaces found)")</label>
+ </div>
+ </div>
+ <div id="bridgeOptions">
+ <div>
+ <div class="bridge-option-column">
+ <label for="networkInterface">$_("Destination"): </label>
+ </div>
+ <div class="bridge-option-column">
+ <div class="network-type-wrapper-controls">
+ <div id ="networkDestinationID">
+ <input id="networkDestinationInputId" name="type" type="hidden"/>
+ <span id="networkDestinationLabel" type="text"></span><span class="arrow"></span>
+ <div>
+ <ul id="networkInterface"></ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div>
+ <input id="enableVlan" type="checkbox" value="" />
+ <label for="enableVlan" id="labelEnableVlan">$_("Enable VLAN") </label>
+ </div>
+ <label for="networkVlanID" id="labelNetworkVlanID">$_("VLAN ID"): </label>
+ <input type="text" id="networkVlanID" class="network-label"/>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<script id="networkItem" type="text/html">
+ <div id='{name}' class='item remove-when-logged-off'>
+ <span class='column column-name cell' title="{name}">{name}</span><!--
+ --><span class='column column-state cell'><span class='network-state {state}'></span></span><!--
+ --><span class='column column-type cell'>{type}</span><!--
+ --><span class='column column-interface cell'>{interface}</span><!--
+ --><span class='column column-space cell'>{addrSpace}</span><!--
+ --><span class='column-action' style="display:none">
+ <span class="ui-button-secondary dropdown popable action-button">
+ $_("Actions")
+ <ul class='popover actionsheet right-side menu-container'>
+ <li nwAct="start" class='{startClass}'><a class='button-big'>$_("Start")</a></li>
+ <li nwAct="stop" class='{stopClass}'><a {stopDisabled} class='button-big'>$_("Stop")</a></li>
+ <li nwAct="delete" class='{deleteClass}'><a {deleteDisabled} class='red'>$_("Delete")</a></li>
+ </ul>
+ </span>
+ </span>
+ </div>
+</script>
+<script>
+ kimchi.initNetwork();
+</script>
+</body>
+</html>
diff --git a/plugins/kimchi/ui/pages/storage.html.tmpl b/plugins/kimchi/ui/pages/storage.html.tmpl
new file mode 100644
index 0000000..c9ba895
--- /dev/null
+++ b/plugins/kimchi/ui/pages/storage.html.tmpl
@@ -0,0 +1,142 @@
+#*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2015
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *#
+
+#unicode UTF-8
+#import gettext
+#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
+#silent _ = t.gettext
+#silent _t = t.gettext
+<!DOCTYPE html>
+<html>
+<body>
+<div class="toolbar">
+ <div class="tools" style="display:none">
+ <a id="storage-pool-add" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
+ </div>
+</div>
+<div>
+ <div class="list-title">
+ <li class="title-name">
+ <span>$_("Name")</span>
+ <span class="title-usage">$_("%Used")</span>
+ </li>
+ <li class="title-state" >$_("State")</li>
+ <li class="title-location">$_("Location")</li>
+ <li class="title-type">$_("Type")</li>
+ <li class="title-capacity">$_("Capacity")</li>
+ <li class="title-allocate">$_("Allocated")</li>
+ <li class="title-actions" style="display:none">$_("Actions")</li>
+ </div>
+ <ul id="storagepoolsList" class="list-storage empty-when-logged-off"></ul>
+</div>
+<div id="logicalPoolExtend" title="$_("Device path")">
+ <p id="loading-info" class="text-help">
+ <img src = "plugins/kimchi/images/theme-default/loading.gif" />
+ $_("Looking for available partitions ...")
+ </p>
+ <div class="host-partition">
+ </div>
+</div>
+<script id="storageTmpl" type="html/text">
+ <li id="{name}">
+ <div class="storage-li in" data-name="{name}" data-stat="{state}">
+ <div class="storage-name">
+ <span class="storage-title" title="{name}">{name}</span>
+ <span class="storage-title usage">{usage}%</span>
+ </div>
+ <div class="storage-state">
+ <div class="status-dot toolable active" data-state="{state}">
+ <label class="tooltip">$_("active")</label>
+ </div>
+ <div class="status-dot toolable inactive" data-state="{state}">
+ <label class="tooltip">$_("inactive")</label>
+ </div>
+ </div>
+ <div class="storage-location">
+ <div class="storage-text">{path}</div>
+ </div>
+ <div class="storage-type">
+ <div class="storage-text">{type}</div>
+ </div>
+ <div class="storage-capacity">
+ <div class="storage-text" data-type="{type}">{capacity}</div>
+ </div>
+ <div class="storage-allocate">
+ <div class="storage-text" data-type="{type}">{allocated}</div>
+ </div>
+ <div class="bottom storage-button" style="display:none">
+ <div class="btn dropdown popable storage-action" data-state="{state}" data-type="{type}" data-name="{name}">
+ <span class="text">$_("Actions")</span><span class="arrow"></span>
+ <div class="popover actionsheet right-side" style="width: 250px">
+ <button class="button-big pool-deactivate" data-stat="{state}" data-name="{name}" data-persistent="{persistent}"><span class="text">$_("Deactivate")</span></button>
+ <button class="button-big pool-activate" data-stat="{state}" data-name="{name}"><span class="text">$_("Activate")</span></button>
+ <button class="button-big pool-add-volume" data-stat="{state}" data-name="{name}" data-type="{type}"><span class="text">$_("Add Volume")</span></button>
+ <button class="button-big pool-extend {enableExt}" data-stat="{state}" data-name="{name}"><span class="text">$_("Extend")</span></button>
+ <button class="button-big red pool-delete" data-stat="{state}" data-name="{name}"><span class="text">$_("Undefine")</span></button>
+ </div>
+ </div>
+ </div>
+ <div class="handle">
+ <div class="arrow-down"></div>
+ </div>
+ </div>
+ <div class="volumes">
+ <div id="volume{name}" class="volumeslist" data-name="{name}" ></div>
+ <div class="clear"></div>
+ </div>
+ </li>
+</script>
+<script id="volumeTmpl" type="html/text">
+ <div class="volume-box white-box" data-volume-name="{name}">
+ <div class="storage-icon volume-default icon-{format} ">
+ </div>
+ <div class="volume-title">
+ <div class="volume-name" title="{name}">{name}</div>
+ <div class="volume-progress hidden">
+ <div class="progress-bar-outer">
+ <div class="progress-bar-inner"></div>
+ </div>
+ <div class="progress-label">
+ <span class="progress-status"></span>
+ <span class="progress-transferred"></span>
+ </div>
+ </div>
+ </div>
+ <div class="volume-setting">
+ </div>
+ <div class="volume-type-position">
+ <div title="{type}" class="volume-text">$_("Type"): {type}</div>
+ <div title="{format}" class="volume-text">$_("Format"): {format}</div>
+ </div>
+ <div class="volume-quota-position">
+ <div title="{capacity}" class="volume-textquota">$_("Capacity"): {capacity}</div>
+ <div title="{allocation}"class="volume-textquota">$_("Allocation"): {allocation}</div>
+ </div>
+ </div>
+</script>
+<script id="logicalPoolExtendTmpl" type="html/text">
+ <div>
+ <input type="checkbox" value="{path}" name="devices" id="{name}">
+ <label for="{name}">{path}</label>
+ </div>
+</script>
+<script>
+ kimchi.storage_main();
+</script>
+</body>
+</html>
diff --git a/plugins/kimchi/ui/pages/tabs/Makefile.am b/plugins/kimchi/ui/pages/tabs/Makefile.am
deleted file mode 100644
index 4d5d33e..0000000
--- a/plugins/kimchi/ui/pages/tabs/Makefile.am
+++ /dev/null
@@ -1,20 +0,0 @@
-#
-# Kimchi
-#
-# Copyright IBM, Corp. 2013
-#
-# Licensed under the Apache License, Version 2.0 (the "License");
-# you may not use this file except in compliance with the License.
-# You may obtain a copy of the License at
-#
-# http://www.apache.org/licenses/LICENSE-2.0
-#
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-# See the License for the specific language governing permissions and
-# limitations under the License.
-
-tabshtmldir = $(datadir)/wok/plugins/kimchi/ui/pages/tabs
-
-dist_tabshtml_DATA = $(wildcard *.html.tmpl) $(NULL)
diff --git a/plugins/kimchi/ui/pages/tabs/guests.html.tmpl b/plugins/kimchi/ui/pages/tabs/guests.html.tmpl
deleted file mode 100644
index b96dd21..0000000
--- a/plugins/kimchi/ui/pages/tabs/guests.html.tmpl
+++ /dev/null
@@ -1,56 +0,0 @@
-#*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2013-2014
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *#
-
-#unicode UTF-8
-#import gettext
-#from Cheetah.Template import Template
-#from wok.cachebust import href
-#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
-#silent _ = t.gettext
-#silent _t = t.gettext
-
-#silent ht = Template
-
-<div id="guests-root-container">
- <div class="toolbar">
- <div class="tools" style="display:none">
- <a id="vm-add" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
- </div>
- </div>
- <div id="guestListField" style="display: none">
- <ul class="list-title">
- <li class="guest-type">$_("Name")</li>
- <li class="guest-cpu">$_("CPU")</li>
- <li class="guest-storage">$_("Disk I/O")</li>
- <li class="guest-network">$_("Network I/O")</li>
- <li class="guest-tile">$_("Livetile")</li>
- <li class="guest-actions">$_("Actions")</li>
- </ul>
- <ul id="guestList" class="list-vm empty-when-logged-off">
- </ul>
- </div>
- <div id="noGuests" class="list-no-result" style="display: none;">
- $_("No guests found.")
- </div>
- <script id="guest-tmpl" type="kimchi/template">
- $ht(file=$data.ui_dir + "/pages/guest.html.tmpl", searchList=[self, {'lang':$lang}])
- </script>
- <script type="text/javascript">
- kimchi.guest_main();
- </script>
-</div>
diff --git a/plugins/kimchi/ui/pages/tabs/host.html.tmpl b/plugins/kimchi/ui/pages/tabs/host.html.tmpl
deleted file mode 100644
index 921b45f..0000000
--- a/plugins/kimchi/ui/pages/tabs/host.html.tmpl
+++ /dev/null
@@ -1,168 +0,0 @@
-#*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2013-2014
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *#
-
-#unicode UTF-8
-#import gettext
-#from wok.cachebust import href
-#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
-#silent _ = t.gettext
-#silent _t = t.gettext
-<div id="host-root-container">
- <div class="toolbar">
- <div class="tools">
- </div>
- </div>
- <div id="host-content-container" class="empty-when-logged-off"></div>
-</div>
-
-<script id="host-tmpl" type="kimchi/template">
- <div class="host-panel">
- <div class="logo-container">
- <div class="logo" style="background-image: url({logo});"></div>
- </div>
- <div id="host-info-container" class="info-container">
- <h2 class="hostname">{hostname}</h2>
- <div class="action-panel">
- <button id="host-button-shutdown" class="btn-normal stop">
- <div class="button-icon action-icon-stop"></div>
- $_("Shut down")
- </button>
- <button id="host-button-restart" class="btn-normal restart">
- <div class="button-icon action-icon-restart"></div>
- $_("Restart")
- </button>
- <button class="btn-normal connect" disabled="disabled">
- <div class="button-icon action-icon-connect"></div>
- $_("Connect")
- </button>
- </div>
- <div class="host-section">
- <h3 class="section-header"
- aria-expanded="false"
- aria-controls="content-sys-info">
- $_("Basic Information")
- </h3>
- <div id="content-sys-info" class="section-content">
- <div class="section-row">
- <div class="section-label">$_("OS Distro")</div>
- <div class="section-value">{os_distro}</div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("OS Version")</div>
- <div class="section-value">{os_version}</div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("OS Code Name")</div>
- <div class="section-value">{os_codename}</div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Processor")</div>
- <div class="section-value">{cpu_model}</div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("CPU(s)")</div>
- <div class="section-value">{cpus}</div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Memory")</div>
- <div class="section-value">{memory}</div>
- </div>
- </div>
- </div>
- <div class="host-section">
- <h3 class="section-header"
- aria-controls="content-sys-statistics">
- $_("System Statistics")
- </h3>
- <div id="content-sys-statistics" class="section-content">
- <div class="section-row">
- <div class="section-label">$_("CPU")</div>
- <div class="section-value">
- <div id="container-chart-cpu" class="inline-block"></div>
- </div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Memory")</div>
- <div class="section-value">
- <div id="container-chart-memory" class="inline-block"></div>
- </div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Disk I/O")</div>
- <div class="section-value">
- <div id="container-chart-disk-io" class="inline-block"></div>
- </div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Network I/O")</div>
- <div class="section-value">
- <div id="container-chart-network-io" class="inline-block"></div>
- </div>
- </div>
- </div>
- </div>
- <div id="software-update-section" class="host-section hidden">
- <h3 class="section-header"
- aria-controls="content-software-update">
- $_("Software Updates")
- </h3>
- <div id="content-software-update" class="section-content">
- <div class="section-row">
- <div class="section-value">
- <div id="software-updates-grid-container"></div>
- <div id="software-updates-progress-container" class="hidden">
- <label for="software-updates-progress-textarea">$_("Update Progress")</label>
- <textarea id="software-updates-progress-textarea" readonly></textarea>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="repositories-section" class="host-section hidden">
- <h3 class="section-header"
- aria-controls="content-repositories">
- $_("Repositories")
- </h3>
- <div id="content-repositories" class="section-content">
- <div class="section-row">
- <div class="section-value">
- <div id="repositories-grid-container"></div>
- </div>
- </div>
- </div>
- </div>
- <div id="debug-report-section" class="host-section hidden">
- <h3 class="section-header"
- aria-controls="content-sys-reports">
- $_("Debug Reports")
- </h3>
- <div id="content-sys-reports" class="section-content">
- <div class="section-row">
- <div class="section-value">
- <div id="available-reports-grid-container"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-</script>
-
-<script type="text/javascript">
- kimchi.host_main();
-</script>
diff --git a/plugins/kimchi/ui/pages/tabs/network.html.tmpl b/plugins/kimchi/ui/pages/tabs/network.html.tmpl
deleted file mode 100644
index 421f6bc..0000000
--- a/plugins/kimchi/ui/pages/tabs/network.html.tmpl
+++ /dev/null
@@ -1,128 +0,0 @@
-#*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2013-2014
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *#
-
-#unicode UTF-8
-#import gettext
-#from wok.cachebust import href
-#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
-#silent _ = t.gettext
-#silent _t = t.gettext
-<!DOCTYPE html>
-<html>
-<body>
-<div class="toolbar">
- <div class="tools" style="display:none">
- <a id="networkAdd" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
- </div>
-</div>
-<div id="network-content" class="network">
- <div class="list">
- <div class="header">
- <span class="column column-name">$_("Network Name")</span><!--
- --><span class="column column-state">$_("State")</span><!--
- --><span class="column column-type">$_("Network Type")</span><!--
- --><span class="column column-interface">$_("Interface")</span><!--
- --><span class="column column-space">$_("Address Space")</span><!--
- --><span class="column" style="display:none">$_("Actions")</span>
- </div>
- <div id="networkBody" class="empty-when-logged-off"></div>
- </div>
- <div id="networkConfig" class="network-config">
- <div class="section-container">
- <div class="section-header">1. $_("Network Name")</div>
- <div class="section-content">
- <input type="text" id="networkName" class="network-label"/>
- <div class="input-hint">
- <span class="ui-icon ui-icon-info input-hint-icon"></span>
- <span class="input-hint-text">$_("Name should not contain '/' and '\"'.")</span>
- </div>
- </div>
- </div>
- <div class="section-container">
- <div class="section-header">2. $_("Network Type")</div>
- <div class="section-content">
- <div class="input-container">
- <input type="radio" id="networkTypeIso" name="networkType" value="isolated" />
- <label for="networkTypeIso">$_("Isolated: no external network connection")</label>
- </div>
- <div class="input-container">
- <input type="radio" id="networkTypeNat" name="networkType" value="nat" />
- <label for="networkTypeNat">$_("NAT: outbound physical network connection only")</label>
- </div>
- <div class="input-container">
- <div class="bridged-inline">
- <input type="radio" id="networkTypeBri" name="networkType" value="bridged" />
- </div>
- <div class="bridged-inline">
- <label for="networkTypeBri">$_("Bridged: Virtual machines are connected to physical network directly")</label><br />
- <label id="networkBriDisabledLabel" style="display:none">$_("(No interfaces found)")</label>
- </div>
- </div>
- <div id="bridgeOptions">
- <div>
- <div class="bridge-option-column">
- <label for="networkInterface">$_("Destination"): </label>
- </div>
- <div class="bridge-option-column">
- <div class="network-type-wrapper-controls">
- <div id ="networkDestinationID">
- <input id="networkDestinationInputId" name="type" type="hidden"/>
- <span id="networkDestinationLabel" type="text"></span><span class="arrow"></span>
- <div>
- <ul id="networkInterface"></ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div>
- <input id="enableVlan" type="checkbox" value="" />
- <label for="enableVlan" id="labelEnableVlan">$_("Enable VLAN") </label>
- </div>
- <label for="networkVlanID" id="labelNetworkVlanID">$_("VLAN ID"): </label>
- <input type="text" id="networkVlanID" class="network-label"/>
- </div>
- </div>
- </div>
- </div>
- </div>
-</div>
-<script id="networkItem" type="text/html">
- <div id='{name}' class='item remove-when-logged-off'>
- <span class='column column-name cell' title="{name}">{name}</span><!--
- --><span class='column column-state cell'><span class='network-state {state}'></span></span><!--
- --><span class='column column-type cell'>{type}</span><!--
- --><span class='column column-interface cell'>{interface}</span><!--
- --><span class='column column-space cell'>{addrSpace}</span><!--
- --><span class='column-action' style="display:none">
- <span class="ui-button-secondary dropdown popable action-button">
- $_("Actions")
- <ul class='popover actionsheet right-side menu-container'>
- <li nwAct="start" class='{startClass}'><a class='button-big'>$_("Start")</a></li>
- <li nwAct="stop" class='{stopClass}'><a {stopDisabled} class='button-big'>$_("Stop")</a></li>
- <li nwAct="delete" class='{deleteClass}'><a {deleteDisabled} class='red'>$_("Delete")</a></li>
- </ul>
- </span>
- </span>
- </div>
-</script>
-<script>
- kimchi.initNetwork();
-</script>
-</body>
-</html>
diff --git a/plugins/kimchi/ui/pages/tabs/storage.html.tmpl b/plugins/kimchi/ui/pages/tabs/storage.html.tmpl
deleted file mode 100644
index c9ba895..0000000
--- a/plugins/kimchi/ui/pages/tabs/storage.html.tmpl
+++ /dev/null
@@ -1,142 +0,0 @@
-#*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2013-2015
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *#
-
-#unicode UTF-8
-#import gettext
-#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
-#silent _ = t.gettext
-#silent _t = t.gettext
-<!DOCTYPE html>
-<html>
-<body>
-<div class="toolbar">
- <div class="tools" style="display:none">
- <a id="storage-pool-add" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
- </div>
-</div>
-<div>
- <div class="list-title">
- <li class="title-name">
- <span>$_("Name")</span>
- <span class="title-usage">$_("%Used")</span>
- </li>
- <li class="title-state" >$_("State")</li>
- <li class="title-location">$_("Location")</li>
- <li class="title-type">$_("Type")</li>
- <li class="title-capacity">$_("Capacity")</li>
- <li class="title-allocate">$_("Allocated")</li>
- <li class="title-actions" style="display:none">$_("Actions")</li>
- </div>
- <ul id="storagepoolsList" class="list-storage empty-when-logged-off"></ul>
-</div>
-<div id="logicalPoolExtend" title="$_("Device path")">
- <p id="loading-info" class="text-help">
- <img src = "plugins/kimchi/images/theme-default/loading.gif" />
- $_("Looking for available partitions ...")
- </p>
- <div class="host-partition">
- </div>
-</div>
-<script id="storageTmpl" type="html/text">
- <li id="{name}">
- <div class="storage-li in" data-name="{name}" data-stat="{state}">
- <div class="storage-name">
- <span class="storage-title" title="{name}">{name}</span>
- <span class="storage-title usage">{usage}%</span>
- </div>
- <div class="storage-state">
- <div class="status-dot toolable active" data-state="{state}">
- <label class="tooltip">$_("active")</label>
- </div>
- <div class="status-dot toolable inactive" data-state="{state}">
- <label class="tooltip">$_("inactive")</label>
- </div>
- </div>
- <div class="storage-location">
- <div class="storage-text">{path}</div>
- </div>
- <div class="storage-type">
- <div class="storage-text">{type}</div>
- </div>
- <div class="storage-capacity">
- <div class="storage-text" data-type="{type}">{capacity}</div>
- </div>
- <div class="storage-allocate">
- <div class="storage-text" data-type="{type}">{allocated}</div>
- </div>
- <div class="bottom storage-button" style="display:none">
- <div class="btn dropdown popable storage-action" data-state="{state}" data-type="{type}" data-name="{name}">
- <span class="text">$_("Actions")</span><span class="arrow"></span>
- <div class="popover actionsheet right-side" style="width: 250px">
- <button class="button-big pool-deactivate" data-stat="{state}" data-name="{name}" data-persistent="{persistent}"><span class="text">$_("Deactivate")</span></button>
- <button class="button-big pool-activate" data-stat="{state}" data-name="{name}"><span class="text">$_("Activate")</span></button>
- <button class="button-big pool-add-volume" data-stat="{state}" data-name="{name}" data-type="{type}"><span class="text">$_("Add Volume")</span></button>
- <button class="button-big pool-extend {enableExt}" data-stat="{state}" data-name="{name}"><span class="text">$_("Extend")</span></button>
- <button class="button-big red pool-delete" data-stat="{state}" data-name="{name}"><span class="text">$_("Undefine")</span></button>
- </div>
- </div>
- </div>
- <div class="handle">
- <div class="arrow-down"></div>
- </div>
- </div>
- <div class="volumes">
- <div id="volume{name}" class="volumeslist" data-name="{name}" ></div>
- <div class="clear"></div>
- </div>
- </li>
-</script>
-<script id="volumeTmpl" type="html/text">
- <div class="volume-box white-box" data-volume-name="{name}">
- <div class="storage-icon volume-default icon-{format} ">
- </div>
- <div class="volume-title">
- <div class="volume-name" title="{name}">{name}</div>
- <div class="volume-progress hidden">
- <div class="progress-bar-outer">
- <div class="progress-bar-inner"></div>
- </div>
- <div class="progress-label">
- <span class="progress-status"></span>
- <span class="progress-transferred"></span>
- </div>
- </div>
- </div>
- <div class="volume-setting">
- </div>
- <div class="volume-type-position">
- <div title="{type}" class="volume-text">$_("Type"): {type}</div>
- <div title="{format}" class="volume-text">$_("Format"): {format}</div>
- </div>
- <div class="volume-quota-position">
- <div title="{capacity}" class="volume-textquota">$_("Capacity"): {capacity}</div>
- <div title="{allocation}"class="volume-textquota">$_("Allocation"): {allocation}</div>
- </div>
- </div>
-</script>
-<script id="logicalPoolExtendTmpl" type="html/text">
- <div>
- <input type="checkbox" value="{path}" name="devices" id="{name}">
- <label for="{name}">{path}</label>
- </div>
-</script>
-<script>
- kimchi.storage_main();
-</script>
-</body>
-</html>
diff --git a/plugins/kimchi/ui/pages/tabs/templates.html.tmpl b/plugins/kimchi/ui/pages/tabs/templates.html.tmpl
deleted file mode 100644
index cd9b8e5..0000000
--- a/plugins/kimchi/ui/pages/tabs/templates.html.tmpl
+++ /dev/null
@@ -1,73 +0,0 @@
-#*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2013-2014
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *#
-#unicode UTF-8
-#import gettext
-#from wok.cachebust import href
-#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
-#silent _ = t.gettext
-#silent _t = t.gettext
-<!DOCTYPE html>
-<html>
-<body>
-<div class="toolbar">
- <div class="tools" style="display:none">
- <a id="template-add" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
- </div>
-</div>
-<div>
- <div id="noTemplates" class="list-no-result" style="display: none;">
- $_("No templates found.")
- </div>
-
- <ul id="templateList" class="empty-when-logged-off"></ul>
-
- <script id="templateTmpl" type="html/text">
-
- <div class="template-box white-box template-border">
- <div class="btn dropdown popable" style="width: 70px">
- <span class="text">$_("Actions")</span><span class="arrow"></span>
- <div class="popover actionsheet right-side" style="width: 250px">
- <a class="button-big template-edit" data-template='{name}'>$_("Edit")</a>
- <a class="button-big template-clone" data-template='{name}'>$_("Clone")</a>
- <a class="button-big red template-delete" data-template='{name}'>$_("Delete")</a>
- </div>
- </div>
-
- <div class="template-icon template-icon-position">
- <img alt="" src="{icon}">
- <img alt="" src="{location}" class="template-type-icon-position">
- </div>
- <div class="template-general template-title template-title-position">
- <h2 class="title" title="{name}">{name}</h2>
- </div>
- <div class="template-os-position">
- <div class="template-text">$_("OS"): {os_distro}</div>
- <div class="template-text">$_("Version"): {os_version}</div>
- </div>
- <div class="template-cpu-position">
- <div class="template-text">$_("CPUs"): {cpus}</div>
- <div class="template-text">$_("Memory"): {memory}M</div>
- </div>
- </div>
- </script>
-</div>
-<script>
- kimchi.template_main();
-</script>
-</body>
-</html>
diff --git a/plugins/kimchi/ui/pages/templates.html.tmpl b/plugins/kimchi/ui/pages/templates.html.tmpl
new file mode 100644
index 0000000..cd9b8e5
--- /dev/null
+++ b/plugins/kimchi/ui/pages/templates.html.tmpl
@@ -0,0 +1,73 @@
+#*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *#
+#unicode UTF-8
+#import gettext
+#from wok.cachebust import href
+#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang, fallback=True)
+#silent _ = t.gettext
+#silent _t = t.gettext
+<!DOCTYPE html>
+<html>
+<body>
+<div class="toolbar">
+ <div class="tools" style="display:none">
+ <a id="template-add" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
+ </div>
+</div>
+<div>
+ <div id="noTemplates" class="list-no-result" style="display: none;">
+ $_("No templates found.")
+ </div>
+
+ <ul id="templateList" class="empty-when-logged-off"></ul>
+
+ <script id="templateTmpl" type="html/text">
+
+ <div class="template-box white-box template-border">
+ <div class="btn dropdown popable" style="width: 70px">
+ <span class="text">$_("Actions")</span><span class="arrow"></span>
+ <div class="popover actionsheet right-side" style="width: 250px">
+ <a class="button-big template-edit" data-template='{name}'>$_("Edit")</a>
+ <a class="button-big template-clone" data-template='{name}'>$_("Clone")</a>
+ <a class="button-big red template-delete" data-template='{name}'>$_("Delete")</a>
+ </div>
+ </div>
+
+ <div class="template-icon template-icon-position">
+ <img alt="" src="{icon}">
+ <img alt="" src="{location}" class="template-type-icon-position">
+ </div>
+ <div class="template-general template-title template-title-position">
+ <h2 class="title" title="{name}">{name}</h2>
+ </div>
+ <div class="template-os-position">
+ <div class="template-text">$_("OS"): {os_distro}</div>
+ <div class="template-text">$_("Version"): {os_version}</div>
+ </div>
+ <div class="template-cpu-position">
+ <div class="template-text">$_("CPUs"): {cpus}</div>
+ <div class="template-text">$_("Memory"): {memory}M</div>
+ </div>
+ </div>
+ </script>
+</div>
+<script>
+ kimchi.template_main();
+</script>
+</body>
+</html>
--
1.7.1
More information about the Kimchi-devel
mailing list