From 7b81761b7001b1dfc1d8c9d549812b1f11016b9e Mon Sep 17 00:00:00 2001 From: Endern <Rico.VanEndern@tu-dortmund.de> Date: Thu, 1 Oct 2015 14:25:33 +0200 Subject: [PATCH] topList format --- config/layouts/sitzung.json | 22 +++++++++++++++++ panels/mensaPlan/style.less | 2 +- panels/topListe/script.js | 8 +++++++ panels/topListe/style.less | 45 +++++++++++++++++++++++++++++++++++ panels/topListe/template.html | 20 ++++++++++++++++ 5 files changed, 96 insertions(+), 1 deletion(-) create mode 100644 config/layouts/sitzung.json create mode 100644 panels/topListe/script.js create mode 100644 panels/topListe/style.less create mode 100644 panels/topListe/template.html diff --git a/config/layouts/sitzung.json b/config/layouts/sitzung.json new file mode 100644 index 0000000..3c3f822 --- /dev/null +++ b/config/layouts/sitzung.json @@ -0,0 +1,22 @@ +{ + "type":"xsplit", + "cut":35, + "left": + { + "type":"panel", + "name":"topListe" + }, + "right": + { + "type" : "ysplit", + "cut" : 30, + "up" : + { + "type":"panel","name":"clock" + }, + "down": + { + "type":"panel","name":"mensaPlan" + } + } +} diff --git a/panels/mensaPlan/style.less b/panels/mensaPlan/style.less index 34ec0df..de83b79 100755 --- a/panels/mensaPlan/style.less +++ b/panels/mensaPlan/style.less @@ -13,7 +13,7 @@ color: #000000; } -#head { +#mensaPlanTitleBar { text-align: center; } diff --git a/panels/topListe/script.js b/panels/topListe/script.js new file mode 100644 index 0000000..7b19e19 --- /dev/null +++ b/panels/topListe/script.js @@ -0,0 +1,8 @@ +this.loaded = function(panel, config) { + +$(function() { + $( "#sortable" ).sortable(); + $( "#sortable" ).disableSelection(); + }); + +} \ No newline at end of file diff --git a/panels/topListe/style.less b/panels/topListe/style.less new file mode 100644 index 0000000..2483010 --- /dev/null +++ b/panels/topListe/style.less @@ -0,0 +1,45 @@ +#topListe{ + position:relative; + width:100%; + height:100%; +} + +#currentTop { + background-color: #ffffff; + float:left; + position:relative; + top:0; + width: 100%; + height: 25%; +} + +#topName{ + float: left; + background-color: #ffffff; + width: 100%; + height: 25%; + font-size: 300%; + text-align: center; +} + +#topDescription{ + float: left; + background-color: #ffffff; + width: 100%; + height: 25%; + font-size: 200%; +} + +#topListSortable{ + float: left; + width: 100%; + height: 25%; +} + +#sortable { + font-weight: bold; + color: #ffffff; + list-style-type: decimal; + font-size: 200%; + float:left; +} diff --git a/panels/topListe/template.html b/panels/topListe/template.html new file mode 100644 index 0000000..c277180 --- /dev/null +++ b/panels/topListe/template.html @@ -0,0 +1,20 @@ +<div id="topListe"> +<div id="currentTop"> + <div id="topName"> + TEST1 + </div> + <div id="topDescription"> + TEST2 + </div> +</div> +<div id="topListSortable"> + <ol id="sortable"> + <li class="ui-state-default">Item 1</li> + <li class="ui-state-default">Item 2</li> + <li class="ui-state-default">Item 3</li> + <li class="ui-state-default">Item 4</li> + <li class="ui-state-default">Item 5</li> + <li class="ui-state-default">Item 6</li> + <li class="ui-state-default">Item 7</li> + </ol> +</div> \ No newline at end of file -- GitLab