mirror of
https://github.com/e107inc/e107.git
synced 2025-02-13 11:04:38 +01:00
Remove old js files
This commit is contained in:
CaMer0n
parent
d7ce49d911
commit
2d834ab240
@ -1,130 +0,0 @@
|
||||
#content{
|
||||
margin: 0 auto 0 auto;
|
||||
width: 700px;
|
||||
border: 1px solid red;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.block{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#portal .block h3{
|
||||
margin:0;
|
||||
background:transparent none repeat scroll 0 0;
|
||||
border-bottom:1px solid #CCCCCC;
|
||||
color:#4D3870;
|
||||
font-size:18px;
|
||||
height:36px;
|
||||
padding:0px;
|
||||
padding-left:10px;
|
||||
line-height: 35px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.block {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#portal .block .content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#portal .block .config{
|
||||
padding: 5px;
|
||||
border-bottom:1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
#portal .block .config .cancel-button{
|
||||
border: 1px solid #c1c1c1;
|
||||
3
|
||||
color: #333333;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#portal .block .config .save-button{
|
||||
border: 1px solid #c1c1c1;
|
||||
color: #000000;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#portal .block .block-config, #portal .block .block-remove{
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#portal .block-list-handle, #portal .handle {
|
||||
cursor: default;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.block-controls{
|
||||
float: right;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
#portal .block-controls a{
|
||||
color: #999;
|
||||
font-size: 11px;
|
||||
}
|
||||
#portal .block-controls a:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#portal .handle a {
|
||||
color: #999;
|
||||
font-size: 11px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#portal .block-controls .block-remove span, #portal .block-controls .block-config span, #portal .handle span{
|
||||
border: 1px solid #EFF0F1;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#portal .block-controls .block-remove span:hover, #portal .block-controls .block-config span:hover, #portal .handle span:hover{
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#portal .dropHelper{
|
||||
border: 1px solid blue;
|
||||
}
|
||||
|
||||
#portal .dropHelper div{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
border: 1px dashed blue;
|
||||
}
|
||||
|
||||
#portal .block-horizontal ul {
|
||||
list-style-image:none;
|
||||
list-style-position:outside;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#portal .block-horizontal ul li {
|
||||
display: inline;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#portal .block .block-toggle{
|
||||
display: none;
|
||||
}
|
||||
#portal #portal-column-block-list .block-archive .block-toggle{
|
||||
display: block;
|
||||
}
|
||||
|
||||
#portal #portal-column-block-list .block .content {
|
||||
display: none;
|
||||
}
|
||||
#portal .block-hover {
|
||||
border: 1px dashed #f00;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,253 +0,0 @@
|
||||
/**
|
||||
iGoogle-style Drag&Drop Portal v1
|
||||
|
||||
Author: M.D.A. (Michel) Hiemstra
|
||||
mhiemstra@php.net
|
||||
www.michelhiemstra.nl
|
||||
|
||||
Inspired by 'Drag/Drop Portal Interface with Drupal'
|
||||
|
||||
Required: Prototype (1.6 and higher)
|
||||
Script.aculo.us (with Effects and DragDrop) v1.8.2
|
||||
|
||||
Recoded and optimized for Prototype 1.6.0.3
|
||||
|
||||
Licenced CC BY-SA - http://creativecommons.org/licenses/by-sa/3.0/
|
||||
|
||||
Usage:
|
||||
|
||||
<script type="text/javascript">
|
||||
var settings = { 'portal-column-1':['block-test'] };
|
||||
var options = { editorEnabled : true, 'saveurl' : '/path/to/script' };
|
||||
var data = { };
|
||||
|
||||
var portal;
|
||||
|
||||
Event.observe(window, 'load', function() {
|
||||
portal = new Portal(settings, options, data);
|
||||
}, false);
|
||||
|
||||
</script>
|
||||
|
||||
<div id="content">
|
||||
<!-- These are destinations of 'blocks' -->
|
||||
<div id="portal">
|
||||
<div class="portal-column dir-horizontal" id="portal-column-0"></div>
|
||||
<div class="portal-column dir-vertical" id="portal-column-1"></div>
|
||||
</div>
|
||||
|
||||
<!-- These are the blocks you can choose from -->
|
||||
<div class="portal-column" id="portal-column-block-list">
|
||||
<h2 class="block-list-handle">Block List</h2>
|
||||
|
||||
<!-- Block: testblock -->
|
||||
<div class="block block-test" id="block-test">
|
||||
<h3 class="handle"><div class="block-controls" style="display: none;"><a class="block-remove"><span>x</span></a> <a class="block-config"><span>e</span></a></div>Testblock</h3>
|
||||
|
||||
<div class="config" style="display: none;">
|
||||
<div>config-params</div>
|
||||
<div align="right">
|
||||
<a href="#" class="cancel-button">cancel</a>
|
||||
<a href="#" class="save-button">cancel</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div id="block-test-content">
|
||||
test
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End: testblock -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
**/
|
||||
|
||||
|
||||
|
||||
var Portal = Class.create();
|
||||
|
||||
Portal.prototype = {
|
||||
|
||||
initialize : function (settings, options, data) {
|
||||
// set options
|
||||
this.setOptions(options);
|
||||
|
||||
// set blocks to their positions
|
||||
this.applySettings(settings);
|
||||
|
||||
// load data to blocks
|
||||
this.loadData(data);
|
||||
|
||||
// set styles of blocks
|
||||
this.set_styles();
|
||||
|
||||
// if editor is enabled we proceed
|
||||
if (!this.options.editorEnabled) return;
|
||||
|
||||
// get all available columns
|
||||
var columns = $(this.options.portal).getElementsByClassName(this.options.column);
|
||||
|
||||
// loop trough columns array
|
||||
$A(columns).each(function(column) {
|
||||
|
||||
// create sortable
|
||||
Sortable.create(column, {
|
||||
containment : $A(columns),
|
||||
constraint : false,
|
||||
ghosting : true,
|
||||
tag : 'div',
|
||||
only : this.options.block,
|
||||
dropOnEmpty : true,
|
||||
handle : this.options.handle,
|
||||
hoverclass : this.options.hoverclass,
|
||||
|
||||
onUpdate : function (container) {
|
||||
|
||||
// if we dont have a save url we dont update
|
||||
if (!this.options.saveurl) return;
|
||||
|
||||
// if we are in the same container we do nothing
|
||||
if (container.id == this.options.blocklist) return;
|
||||
|
||||
// get blocks in this container
|
||||
var blocks = container.getElementsByClassName(this.options.block);
|
||||
|
||||
// serialize all blocks in this container
|
||||
var postBody = container.id + ':';
|
||||
postBody += $A(blocks).pluck('id').join(',');
|
||||
postBody = 'value=' + escape(postBody);
|
||||
|
||||
// save it to the database
|
||||
//new Ajax.Request(this.options.saveurl, { method: 'post', postBody: postBody });
|
||||
|
||||
/* DEMO ONLY, REMOVE THIS */
|
||||
new Ajax.Updater('debug', this.options.saveurl, {
|
||||
method: 'post', postBody: postBody,
|
||||
insertion: Insertion.Top
|
||||
});
|
||||
|
||||
|
||||
// reset styles
|
||||
this.set_styles();
|
||||
|
||||
}.bind(this)
|
||||
});
|
||||
|
||||
}.bind(this));
|
||||
|
||||
|
||||
//-----------//
|
||||
|
||||
// get all blocks
|
||||
var blocks = $(this.options.portal).getElementsByClassName(this.options.block);
|
||||
|
||||
// loop trough blocks
|
||||
$A(blocks).each(function(block) {
|
||||
|
||||
// enable controls if available
|
||||
if (typeof(block.getElementsByClassName('block-controls').item(0)) == 'object') {
|
||||
block.getElementsByClassName('block-controls').item(0).setStyle({'display' : 'block'});
|
||||
}
|
||||
|
||||
// detail, set cursor style to move when in admin modus
|
||||
if (typeof(block.getElementsByClassName('handle').item(0)) == 'object') {
|
||||
// block.getElementsByClassName('handle').item(0).setStyle({'cursor' : 'move'});
|
||||
}
|
||||
|
||||
// toggle configuration element
|
||||
if (typeof(block.getElementsByClassName(this.options.config).item(0)) == 'object') {
|
||||
Event.observe(block.getElementsByClassName(this.options.config).item(0), 'click', function () {
|
||||
block.getElementsByClassName(this.options.configElement).item(0).toggle();
|
||||
}.bind(this));
|
||||
}
|
||||
|
||||
// observe save button
|
||||
if (typeof(block.getElementsByClassName(this.options.configSave).item(0)) == 'object') {
|
||||
Event.observe(block.getElementsByClassName(this.options.configSave).item(0), 'click', function (e) {
|
||||
alert('save');
|
||||
}.bind(this));
|
||||
}
|
||||
|
||||
// observe cancel button
|
||||
if (typeof(block.getElementsByClassName(this.options.configCancel).item(0)) == 'object') {
|
||||
Event.observe(block.getElementsByClassName(this.options.configCancel).item(0), 'click', function (e) {
|
||||
block.getElementsByClassName(this.options.configElement).item(0).toggle();
|
||||
}.bind(this));
|
||||
}
|
||||
|
||||
// observe delete block button
|
||||
if (typeof(block.getElementsByClassName(this.options.remove).item(0)) == 'object') {
|
||||
Event.observe(block.getElementsByClassName(this.options.remove).item(0), 'click', function (e) {
|
||||
if (confirm('Are you sure you wish to delete this block?')) {
|
||||
// alert(this.options.saveurl + '?delete')
|
||||
new Ajax.Request(this.options.saveurl + 'delete', { method: 'post', postBody: 'block='+block.id }); $(block.id).hide();
|
||||
}
|
||||
}.bind(this));
|
||||
}
|
||||
|
||||
}.bind(this));
|
||||
|
||||
},
|
||||
|
||||
set_styles : function () {
|
||||
|
||||
// get all blocks
|
||||
var blocks = $(this.options.portal).getElementsByClassName(this.options.block);
|
||||
|
||||
// loop trough blocks
|
||||
$A(blocks).each(function(block) {
|
||||
if (block.up().hasClassName('dir-vertical')) {
|
||||
|
||||
block.removeClassName('block-horizontal').addClassName('block-vertical');
|
||||
} else {
|
||||
block.removeClassName('block-vertical').addClassName('block-horizontal');
|
||||
}
|
||||
}.bind(this));
|
||||
|
||||
},
|
||||
|
||||
applySettings : function (settings) {
|
||||
// apply settings to the array
|
||||
for (var container in settings) {
|
||||
settings[container].each(function (block) { $(container).appendChild($(block)); });
|
||||
}
|
||||
},
|
||||
|
||||
setOptions : function (options) {
|
||||
// set options
|
||||
this.options = {
|
||||
editorEnabled : false,
|
||||
portal : 'portal',
|
||||
column : 'portal-column',
|
||||
block : 'block',
|
||||
content : 'content',
|
||||
configElement : 'config',
|
||||
configSave : 'save-button',
|
||||
configCancel : 'cancel-button',
|
||||
handle : 'handle',
|
||||
hoverclass : false,
|
||||
remove : 'block-remove',
|
||||
config : 'block-config',
|
||||
blocklist : 'portal-column-block-list',
|
||||
blocklistlink : 'portal-block-list-link',
|
||||
blocklisthandle : 'block-list-handle',
|
||||
saveurl : false
|
||||
}
|
||||
|
||||
Object.extend(this.options, options || {});
|
||||
},
|
||||
|
||||
loadData : function (data) {
|
||||
// load data for each block
|
||||
for (var type in data) {
|
||||
data[type].each(function(block) {
|
||||
for (var blockname in block) {
|
||||
// your code to load data here
|
||||
new Ajax.Updater(blockname + '-content', '/url?'+type+'?data='+block[blockname]);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
Loading…
x
Reference in New Issue
Block a user