some work on jot, remove some deprecated js and some random style fixes

This commit is contained in:
marijus 2014-04-03 17:03:32 +02:00
parent 98788308e1
commit 3f1a78fa69
8 changed files with 98 additions and 198 deletions

View File

@ -46,7 +46,7 @@
params: {},
fnFormatResult: fnFormatResult,
delimiter: null,
zIndex: 9999
zIndex: 999
};
this.initialize();
this.setOptions(options);
@ -78,7 +78,7 @@
if (!this.options.width) { this.options.width = this.el.width(); }
this.mainContainerId = 'AutocompleteContainter_' + uid;
$('<div id="' + this.mainContainerId + '" style="position:absolute;z-index:9999;"><div class="autocomplete-w1" id="'+this.id+'"><div class="autocomplete" id="' + autocompleteElId + '" style="display:none; width:300px;"></div></div></div>').appendTo('body');
$('<div id="' + this.mainContainerId + '" style="position:absolute;z-index:999;"><div class="autocomplete-w1" id="'+this.id+'"><div class="autocomplete" id="' + autocompleteElId + '" style="display:none; width:300px;"></div></div></div>').appendTo('body');
this.container = $('#' + autocompleteElId);
this.fixPosition();

View File

@ -18,71 +18,20 @@
#profile-jot-text {
height: 3.4em;
padding: 8px;
margin-right: 0px;
width: 100%;
}
#profile-jot-text-loading {
float: left;
margin: 14px 0px 0px 12px;
padding: 30px 0px 0px 12px;
}
#profile-jot-submit-wrapper {
margin-top: 10px;
width: 100%;
}
#profile-jot-submit {
height: 30px;
width: 70px;
float: right;
}
#profile-upload-wrapper,
#wall-image-upload-div,
#wall-image-upload,
#wall-file-upload-div,
#wall-file-upload,
#profile-link,
#profile-video,
#profile-audio,
#profile-location,
#profile-nolocation,
#profile-expires,
#profile-expires,
#jot-perms-icon,
#jot-preview-link,
#profile-encrypt,
.hover, .focus {
cursor: pointer;
}
#profile-upload-wrapper,
#profile-attach-wrapper,
#profile-link-wrapper,
#profile-video-wrapper,
#profile-audio-wrapper,
#profile-location-wrapper,
#profile-nolocation-wrapper,
#profile-expire-wrapper,
#profile-encrypt-wrapper {
float: left;
margin-left: 15px;
}
#profile-jot-perms {
float: right;
padding: 6px;
}
#jot-perms-icon {
float: left;
}
#jot-preview-link {
float: left;
margin-left: 45px;
margin-top: 0px;
margin: 1px;
}
#profile-jot-perms-end {
@ -93,9 +42,12 @@
margin-bottom: 30px;
}
#profile-rotator {
#profile-rotator-wrapper {
float: left;
margin: 8px 0px 0px 20px;
}
#profile-rotator {
margin: 16px 0px 0px 16px;
}
/* this is referenced in js/acl.js - not sure if it is still needed. */

View File

@ -24,7 +24,7 @@ aside#region_1 {
}
aside input[type='text'] {
width: 174px;
width: 100%;
}
section {

View File

@ -3,7 +3,6 @@ $(document).ready(function() {
a = $("#search-text").autocomplete({
serviceUrl: baseurl + '/search_ac',
minChars: 2,
width: 250,
id: 'search-text-ac',
});
});

View File

@ -818,6 +818,7 @@ footer {
}
#search-text {
border: 1px solid #ccc;
font-size: 1em;
}
@ -1444,13 +1445,20 @@ div.jGrowl div.jGrowl-notification {
border-top: none;
}
#search-text-ac .autocomplete,
#search-text-ac .autocomplete {
margin-top: 2px;
margin-left: $radiuspx;
border: 1px solid #ccc;
border-top: none;
}
#recip-ac .autocomplete,
#poke-recip-ac .autocomplete,
#id-name-ac .autocomplete,
#contact-search-ac .autocomplete {
margin-top: 2px;
margin-left: $radiuspx;
margin-right: $radiuspx;
border: 1px solid #666;
border-top: none;
@ -1881,34 +1889,7 @@ img.mail-list-sender-photo {
#profile-jot-text-loading {
color: #777;
}
#profile-jot-submit {
background: linear-gradient(top, #0080ff 0%, #0080aa);
background: -webkit-linear-gradient(top, #0080ff 0%, #0080aa);
background: -moz-linear-gradient(top, #0080ff 0%, #0080aa);
background: -o-linear-gradient(top, #0080ff 0%, #0080aa);
background: -ms-linear-gradient(top, #0080ff 0%, #0080aa);
color: #fff;
font-weight: bold;
border-radius: 0px $radiuspx $radiuspx 0px;
text-shadow: 1px 1px #111;
cursor: pointer;
}
#profile-jot-submit:hover {
background: linear-gradient(top, #0080aa 0%, #0080ff);
background: -webkit-linear-gradient(top, #0080aa 0%, #0080ff);
background: -moz-linear-gradient(top, #0080aa 0%, #0080ff);
background: -o-linear-gradient(top, #0080aa 0%, #0080ff);
background: -ms-linear-gradient(top, #0080aa 0%, #0080ff);
}
#profile-jot-perms {
background-color: $toolicon_colour;
border: 1px solid #666;
border-right: none;
border-radius: $radiuspx 0px 0px $radiuspx;
display: none;
}
#profile-rotator {
@ -1916,14 +1897,9 @@ img.mail-list-sender-photo {
}
.jot-icons {
font-size: 1.2em;
color: $toolicon_colour;
}
.jot-icons:hover {
color: $toolicon_activecolour;
}
/* conversation */
.thread-wrapper .wall-item-comment-wrapper,
@ -2015,7 +1991,6 @@ img.mail-list-sender-photo {
color: darkgreen;
}
.wall-item-ago {
color: #777;
font-size: 0.8em;

View File

@ -40,31 +40,6 @@ if($('#tabs-collapse-1').length == 0) {
$('#expand-tabs').hide();
}
$('.group-edit-icon').hover(
function() {
$(this).css('opacity','1.0');},
function() {
$(this).css('opacity','0');}
);
$('.sidebar-group-element').hover(
function() {
id = $(this).attr('id');
$('#edit-' + id).css('opacity','1.0');},
function() {
id = $(this).attr('id');
$('#edit-' + id).css('opacity','0');}
);
$('.savedsearchdrop').hover(
function() {
$(this).css('opacity','1.0');},
function() {
$(this).css('opacity','0');}
);
});

View File

@ -6,9 +6,9 @@ var plaintext = '{{$editselect}}';
function initEditor(cb){
if (editor==false){
$("#profile-jot-text-loading").spin('small');
$("#profile-jot-text-loading").spin('small').show();
if(plaintext == 'none') {
$("#profile-jot-text-loading").spin(false);
$("#profile-jot-text-loading").spin(false).hide();
$("#profile-jot-text").css({ 'height': 200, 'color': '#000' });
$("#profile-jot-text").contact_autocomplete(baseurl+"/acl");
editor = true;
@ -77,7 +77,7 @@ function initEditor(cb){
ed.onInit.add(function(ed) {
ed.pasteAsPlainText = true;
$("#profile-jot-text-loading").spin(false);
$("#profile-jot-text-loading").spin(false).hide();
$(".jothidden").show();
if (typeof cb!="undefined") cb();
});

View File

@ -1,5 +1,4 @@
<div id="profile-jot-wrapper" >
<form id="profile-jot-form" action="{{$action}}" method="post" >
<input type="hidden" name="type" value="{{$ptyp}}" />
<input type="hidden" name="profile_uid" value="{{$profile_uid}}" />
@ -15,80 +14,86 @@
{{$mimeselect}}
{{$layoutselect}}
<div id="jot-title-wrap"><input name="title" id="jot-title" type="text" placeholder="{{$placeholdertitle}}" value="{{$title}}" class="jothidden" style="display:none"></div>
<div id="jot-title-wrap">
<input name="title" id="jot-title" type="text" placeholder="{{$placeholdertitle}}" value="{{$title}}" class="jothidden" style="display:none">
</div>
{{if $catsenabled}}
<div id="jot-category-wrap"><input name="category" id="jot-category" type="text" placeholder="{{$placeholdercategory}}" value="{{$category}}" class="jothidden" style="display:none" /></div>
<div id="jot-category-wrap">
<input name="category" id="jot-category" type="text" placeholder="{{$placeholdercategory}}" value="{{$category}}" class="jothidden" style="display:none" />
</div>
{{/if}}
{{if $webpage}}
<div id="jot-pagetitle-wrap"><input name="pagetitle" id="jot-pagetitle" type="text" placeholder="{{$placeholdpagetitle}}" value="{{$pagetitle}}" class="jothidden" style="display:none" /></div>
<div id="jot-pagetitle-wrap">
<input name="pagetitle" id="jot-pagetitle" type="text" placeholder="{{$placeholdpagetitle}}" value="{{$pagetitle}}" class="jothidden" style="display:none" />
</div>
{{/if}}
<div id="jot-text-wrap">
<textarea class="profile-jot-text" id="profile-jot-text" name="body" placeholder="{{$share}}">{{$content}}</textarea>
<textarea class="profile-jot-text" id="profile-jot-text" name="body" placeholder="{{$share}}">{{$content}}</textarea>
</div>
<div id="profile-jot-submit-wrapper" class="jothidden">
<div id="profile-jot-submit-left" class="btn-group pull-left">
<button id="wall-image-upload" class="btn btn-default btn-sm" title="{{$upload}}" style="display: {{$visitor}};" >
<i class="icon-camera jot-icons"></i>
</button>
<button id="wall-file-upload" class="btn btn-default btn-sm" title="{{$attach}}" style="display: {{$visitor}};" >
<i id="wall-file-upload" class="icon-paper-clip jot-icons"></i>
</button>
<button id="profile-link-wrapper" class="btn btn-default btn-sm" style="display: {{$visitor}};" title="{{$weblink}}" ondragenter="linkdropper(event);" ondragover="linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;">
<i id="profile-link" class="icon-link jot-icons"></i>
</button>
<button id="profile-video-wrapper" class="btn btn-default btn-sm" style="display: {{$visitor}};" title="{{$video}}" onclick="jotVideoURL();return false;">
<i id="profile-video" class="icon-facetime-video jot-icons"></i>
</button>
<button id="profile-audio-wrapper" class="btn btn-default btn-sm" style="display: {{$visitor}};" title="{{$audio}}" onclick="jotAudioURL();return false;">
<i id="profile-audio" class="icon-volume-up jot-icons"></i>
</button>
<button id="profile-location-wrapper" class="btn btn-default btn-sm" style="display: {{$visitor}};" title="{{$setloc}}" onclick="jotGetLocation();return false;">
<i id="profile-location" class="icon-globe jot-icons"></i>
</button>
<button id="profile-nolocation-wrapper" class="btn btn-default btn-sm" style="display: none;" title="{{$noloc}}" onclick="jotClearLocation();return false;">
<i id="profile-nolocation" class="icon-circle-blank jot-icons"></i>
</button>
<button id="profile-expire-wrapper" class="btn btn-default btn-sm" style="display: {{$feature_expire}};" title="{{$expires}}" onclick="jotGetExpiry();return false;">
<i id="profile-expires" class="icon-eraser jot-icons"></i>
</button>
<button id="profile-encrypt-wrapper" class="btn btn-default btn-sm" style="display: {{$feature_encrypt}};" title="{{$encrypt}}" onclick="red_encrypt('{{$cipher}}','#profile-jot-text',$('#profile-jot-text').val());return false;">
<i id="profile-encrypt" class="icon-key jot-icons"></i>
</button>
</div>
<div id="profile-rotator-wrapper" style="display: {{$visitor}};" >
<div id="profile-rotator"></div>
</div>
<div id="profile-jot-submit-right" class="btn-group pull-right">
{{if $showacl}}
<div class="btn btn-default btn-sm" id="profile-jot-perms" style="display: {{$pvisit}};" title="{{$permset}}" >
<a href="#profile-jot-acl-wrapper" id="jot-perms-icon" class="icon {{$lockstate}}"></a>{{$bang}}
</div>
{{/if}}
{{if $preview}}
<button class="btn btn-default btn-sm" onclick="preview_post();return false;" title="{{$preview}}">
<i class="icon-eye-open jot-icons" ></i>
</button>
{{/if}}
<button class="btn btn-primary btn-sm" type="submit" name="submit">{{$share}}</button>
</div>
<div id="profile-jot-perms-end"></div>
<div id="profile-jot-plugin-wrapper">
{{$jotplugins}}
</div>
<div style="display: none;">
<div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;">
{{$acl}}
<hr style="clear:both"/>
{{$jotnets}}
</div>
</div>
</div>
<div id="profile-jot-text-loading"></div>
<div id="profile-jot-end" class="clear"></div>
<div id="jot-preview-content" style="display:none;"></div>
</form>
</div>
<div id="profile-jot-submit-wrapper" class="jothidden">
<input type="submit" id="profile-jot-submit" name="submit" value="{{$share}}" />
<div id="profile-upload-wrapper" style="display: {{$visitor}};" >
<div id="wall-image-upload-div" ><i id="wall-image-upload" class="icon-camera jot-icons" title="{{$upload}}"></i></div>
</div>
<div id="profile-attach-wrapper" style="display: {{$visitor}};" >
<div id="wall-file-upload-div" ><i id="wall-file-upload" class="icon-paper-clip jot-icons" title="{{$attach}}"></i></div>
</div>
<div id="profile-link-wrapper" style="display: {{$visitor}};" ondragenter="linkdropper(event);" ondragover="linkdropper(event);" ondrop="linkdrop(event);" >
<i id="profile-link" class="icon-link jot-icons" title="{{$weblink}}" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;"></i>
</div>
<div id="profile-video-wrapper" style="display: {{$visitor}};" >
<i id="profile-video" class="icon-facetime-video jot-icons" title="{{$video}}" onclick="jotVideoURL();return false;"></i>
</div>
<div id="profile-audio-wrapper" style="display: {{$visitor}};" >
<i id="profile-audio" class="icon-volume-up jot-icons" title="{{$audio}}" onclick="jotAudioURL();return false;"></i>
</div>
<div id="profile-location-wrapper" style="display: {{$visitor}};" >
<i id="profile-location" class="icon-globe jot-icons" title="{{$setloc}}" onclick="jotGetLocation();return false;"></i>
</div>
<div id="profile-nolocation-wrapper" style="display: none;" >
<i id="profile-nolocation" class="icon-circle-blank jot-icons" title="{{$noloc}}" onclick="jotClearLocation();return false;"></i>
</div>
<div id="profile-expire-wrapper" style="display: {{$feature_expire}};" >
<i id="profile-expires" class="icon-eraser jot-icons" title="{{$expires}}" onclick="jotGetExpiry();return false;"></i>
</div>
<div id="profile-encrypt-wrapper" style="display: {{$feature_encrypt}};" >
<i id="profile-encrypt" class="icon-key jot-icons" title="{{$encrypt}}" onclick="red_encrypt('{{$cipher}}','#profile-jot-text',$('#profile-jot-text').val());return false;"></i>
</div>
<div id="profile-rotator-wrapper" style="display: {{$visitor}};" >
<div id="profile-rotator"></div>
</div>
{{if $showacl}}
<div id="profile-jot-perms" class="profile-jot-perms" style="display: {{$pvisit}};" >
<a href="#profile-jot-acl-wrapper" id="jot-perms-icon" class="icon {{$lockstate}}" title="{{$permset}}" ></a>{{$bang}}
</div>
{{/if}}
{{if $preview}}<span onclick="preview_post();" id="jot-preview-link"><i class="icon-eye-open jot-icons" title="{{$preview}}"></i></span>{{/if}}
<div id="profile-jot-perms-end"></div>
<div id="profile-jot-plugin-wrapper">
{{$jotplugins}}
</div>
<div id="jot-preview-content" style="display:none;"></div>
<div style="display: none;">
<div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;">
{{$acl}}
<hr style="clear:both"/>
{{$jotnets}}
</div>
</div>
<!-- Modal for item expiry-->
<div class="modal fade" id="expiryModal" tabindex="-1" role="dialog" aria-labelledby="expiryModalLabel" aria-hidden="true">
<div class="modal-dialog">
@ -127,13 +132,7 @@
});
});
</script>
</div>
<div id="profile-jot-end"></div>
</form>
</div>
{{if $content}}<script>initEditor();</script>{{/if}}
{{if $content}}
<script>initEditor();</script>
{{/if}}