diff --git a/panels/topListe/script.js b/panels/topListe/script.js index 81ed454015588d5c1f64ebf137ec92e988f3a17a..fef4259f784ee2c1ae72743ec5878762b2e8e819 100644 --- a/panels/topListe/script.js +++ b/panels/topListe/script.js @@ -1,5 +1,15 @@ this.loaded = function(panel, config) { +<<<<<<< HEAD + +$(function() { + $( "#sortable" ).sortable(); + $( "#sortable" ).disableSelection(); + }); + +} +======= var $li = $("<li class='ui-state-default'/>").text("BLA"); $("#sortable").append($li); $("#sortable").sortable('refresh'); } +>>>>>>> remotes/origin/dev diff --git a/panels/topListe/style.less b/panels/topListe/style.less index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..2483010ebda05e2fe89abfbfe9b533e6249eee29 100644 --- a/panels/topListe/style.less +++ 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 index bd06a3e881b605d7a7b51c4ddfe39f1e1bae2102..f9387a2d73a3cc92c6706d3ffacacdc79b8bc366 100644 --- a/panels/topListe/template.html +++ b/panels/topListe/template.html @@ -1,3 +1,26 @@ +<<<<<<< HEAD +<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> +======= <ul id="sortable"> <li class="ui-state-default">Item 1</li> -</ul> \ No newline at end of file +</ul> +>>>>>>> remotes/origin/dev