anonfunc/JellyPy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change input to textarea for notification body

Browse Source
This commit is contained in:
Jonathan Wong
2015-11-15 23:51:31 -08:00
parent da2e7635bd
commit 7c8fb58600
2 changed files with 34 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
data/interfaces/default/css/plexpy.css
View File

@@ -341,6 +341,24 @@ input[type="color"],
border-radius: 3px; border-radius: 3px;
transition: background-color .3s; transition: background-color .3s;
} }
textarea.form-control {
height: initial;
margin: 5px 0 5px 0;
color: #fff;
border: 0px solid #444;
background: #555;
padding: 6px 12px;
background-color: #555;
border-radius: 3px;
transition: background-color .3s;
resize: none;
}
textarea.form-control:focus {
outline: 0;
color: #555;
background-color: #fff;
transition: background-color .3s;
}
.pagination > li > a, .pagination > li > a,
.pagination > li > span { .pagination > li > span {
position: relative; position: relative;

24
data/interfaces/default/settings.html
View File

@@ -533,7 +533,7 @@ available_notification_agents = sorted(notifiers.available_notification_agents()
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="notify_on_start_body_text">Message Body</label> <label for="notify_on_start_body_text">Message Body</label>
<input class="form-control" type="text" id="notify_on_start_body_text" name="notify_on_start_body_text" value="${config['notify_on_start_body_text']}" data-parsley-trigger="change" required> <textarea class="form-control" id="notify_on_start_body_text" name="notify_on_start_body_text" data-parsley-trigger="change" data-autoresize required>${config['notify_on_start_body_text']}</textarea>
<p class="help-block">Set a custom body.</p> <p class="help-block">Set a custom body.</p>
</div> </div>
</li> </li>
@@ -550,7 +550,7 @@ available_notification_agents = sorted(notifiers.available_notification_agents()
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="notify_on_stop_body_text">Message Body</label> <label for="notify_on_stop_body_text">Message Body</label>
<input class="form-control" type="text" id="notify_on_stop_body_text" name="notify_on_stop_body_text" value="${config['notify_on_stop_body_text']}" data-parsley-trigger="change" required> <textarea class="form-control" id="notify_on_stop_body_text" name="notify_on_stop_body_text" data-parsley-trigger="change" data-autoresize required>${config['notify_on_stop_body_text']}</textarea>
<p class="help-block">Set a custom body.</p> <p class="help-block">Set a custom body.</p>
</div> </div>
</li> </li>
@@ -567,7 +567,7 @@ available_notification_agents = sorted(notifiers.available_notification_agents()
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="notify_on_pause_body_text">Message Body</label> <label for="notify_on_pause_body_text">Message Body</label>
<input class="form-control" type="text" id="notify_on_pause_body_text" name="notify_on_pause_body_text" value="${config['notify_on_pause_body_text']}" data-parsley-trigger="change" required> <textarea class="form-control" id="notify_on_pause_body_text" name="notify_on_pause_body_text" data-parsley-trigger="change" data-autoresize required>${config['notify_on_pause_body_text']}</textarea>
<p class="help-block">Set a custom body.</p> <p class="help-block">Set a custom body.</p>
</div> </div>
</li> </li>
@@ -584,7 +584,7 @@ available_notification_agents = sorted(notifiers.available_notification_agents()
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="notify_on_resume_body_text">Message Body</label> <label for="notify_on_resume_body_text">Message Body</label>
<input class="form-control" type="text" id="notify_on_resume_body_text" name="notify_on_resume_body_text" value="${config['notify_on_resume_body_text']}" data-parsley-trigger="change" required> <textarea class="form-control" id="notify_on_resume_body_text" name="notify_on_resume_body_text" data-parsley-trigger="change" data-autoresize required>${config['notify_on_resume_body_text']}</textarea>
<p class="help-block">Set a custom body.</p> <p class="help-block">Set a custom body.</p>
</div> </div>
</li> </li>
@@ -601,7 +601,7 @@ available_notification_agents = sorted(notifiers.available_notification_agents()
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="notify_on_watched_body_text">Message Body</label> <label for="notify_on_watched_body_text">Message Body</label>
<input class="form-control" type="text" id="notify_on_watched_body_text" name="notify_on_watched_body_text" value="${config['notify_on_watched_body_text']}" data-parsley-trigger="change" required> <textarea class="form-control" id="notify_on_watched_body_text" name="notify_on_watched_body_text" data-parsley-trigger="change" data-autoresize required>${config['notify_on_watched_body_text']}</textarea>
<p class="help-block">Set a custom body.</p> <p class="help-block">Set a custom body.</p>
</div> </div>
</li> </li>
@@ -618,7 +618,7 @@ available_notification_agents = sorted(notifiers.available_notification_agents()
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="notify_on_buffer_body_text">Message Body</label> <label for="notify_on_buffer_body_text">Message Body</label>
<input class="form-control" type="text" id="notify_on_buffer_body_text" name="notify_on_buffer_body_text" value="${config['notify_on_buffer_body_text']}" data-parsley-trigger="change" required> <textarea class="form-control" id="notify_on_buffer_body_text" name="notify_on_buffer_body_text" data-parsley-trigger="change" data-autoresize required>${config['notify_on_buffer_body_text']}</textarea>
<p class="help-block">Set a custom body.</p> <p class="help-block">Set a custom body.</p>
</div> </div>
</li> </li>
@@ -637,7 +637,7 @@ available_notification_agents = sorted(notifiers.available_notification_agents()
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="notify_on_created_body_text">Message Body</label> <label for="notify_on_created_body_text">Message Body</label>
<input class="form-control" type="text" id="notify_on_created_body_text" name="notify_on_created_body_text" value="${config['notify_on_created_body_text']}" data-parsley-trigger="change" required> <textarea class="form-control" id="notify_on_created_body_text" name="notify_on_created_body_text" data-parsley-trigger="change" data-autoresize required>${config['notify_on_created_body_text']}</textarea>
<p class="help-block">Set a custom body.</p> <p class="help-block">Set a custom body.</p>
</div> </div>
</li> </li>
@@ -1388,6 +1388,14 @@ $(document).ready(function() {
e.preventDefault() e.preventDefault()
}); });
// auto resizing textarea for custom notification message body
$('textarea[data-autoresize]').each(function() {
var offset = this.offsetHeight - this.clientHeight;
var resizeTextarea = function(el) {
$(el).css('height', 'auto').css('height', el.scrollHeight + offset);
};
$(this).on('focus keyup input', function() { resizeTextarea(this); }).removeAttr('data-autoresize');
});
}); });
</script> </script>
</%def> </%def>