aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authormarijus <mario@mariovavti.com>2014-04-03 17:03:32 +0200
committermarijus <mario@mariovavti.com>2014-04-03 17:03:32 +0200
commit3f1a78fa690e2220b46823527f3abf0a0d51cd8e (patch)
tree1b9784fd6dc8cb49fe4703781b60c3c502f77d1f /view
parent98788308e156173cfc49c4477bf0d12dbda88662 (diff)
downloadvolse-hubzilla-3f1a78fa690e2220b46823527f3abf0a0d51cd8e.tar.gz
volse-hubzilla-3f1a78fa690e2220b46823527f3abf0a0d51cd8e.tar.bz2
volse-hubzilla-3f1a78fa690e2220b46823527f3abf0a0d51cd8e.zip
some work on jot, remove some deprecated js and some random style fixes
Diffstat (limited to 'view')
-rw-r--r--view/css/conversation.css62
-rw-r--r--view/css/default.css2
-rw-r--r--view/js/mod_network.js1
-rw-r--r--view/theme/redbasic/css/style.css45
-rw-r--r--view/theme/redbasic/js/redbasic.js25
-rwxr-xr-xview/tpl/jot-header.tpl6
-rwxr-xr-xview/tpl/jot.tpl151
7 files changed, 96 insertions, 196 deletions
diff --git a/view/css/conversation.css b/view/css/conversation.css
index b32c5a08f..c9894f638 100644
--- a/view/css/conversation.css
+++ b/view/css/conversation.css
@@ -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. */
diff --git a/view/css/default.css b/view/css/default.css
index 267b3bd35..793148019 100644
--- a/view/css/default.css
+++ b/view/css/default.css
@@ -24,7 +24,7 @@ aside#region_1 {
}
aside input[type='text'] {
- width: 174px;
+ width: 100%;
}
section {
diff --git a/view/js/mod_network.js b/view/js/mod_network.js
index f63a57653..e95520edb 100644
--- a/view/js/mod_network.js
+++ b/view/js/mod_network.js
@@ -3,7 +3,6 @@ $(document).ready(function() {
a = $("#search-text").autocomplete({
serviceUrl: baseurl + '/search_ac',
minChars: 2,
- width: 250,
id: 'search-text-ac',
});
});
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 0b94bff80..688dcf478 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -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;
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js
index 0aab42cd5..20902fe1a 100644
--- a/view/theme/redbasic/js/redbasic.js
+++ b/view/theme/redbasic/js/redbasic.js
@@ -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');}
- );
-
});
diff --git a/view/tpl/jot-header.tpl b/view/tpl/jot-header.tpl
index 80421d552..6f5b84bbe 100755
--- a/view/tpl/jot-header.tpl
+++ b/view/tpl/jot-header.tpl
@@ -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();
});
diff --git a/view/tpl/jot.tpl b/view/tpl/jot.tpl
index 4cc9c0d10..eea586ceb 100755
--- a/view/tpl/jot.tpl
+++ b/view/tpl/jot.tpl
@@ -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}}