diff options
Diffstat (limited to 'view')
-rw-r--r-- | view/css/mod_new_channel.css | 173 | ||||
-rw-r--r-- | view/js/mod_new_channel.js | 13 | ||||
-rw-r--r-- | view/pdl/mod_new_channel.pdl | 1 | ||||
-rw-r--r-- | view/theme/redbasic/css/style.css | 1 | ||||
-rwxr-xr-x | view/tpl/new_channel.tpl | 76 |
5 files changed, 45 insertions, 219 deletions
diff --git a/view/css/mod_new_channel.css b/view/css/mod_new_channel.css index 397601635..fcdb3e84e 100644 --- a/view/css/mod_new_channel.css +++ b/view/css/mod_new_channel.css @@ -1,172 +1,3 @@ - -h2 { - margin-left: 15%; - margin-top: 5%; +.descriptive-paragraph { + margin-top: 10px; } - -#newchannel-form { - font-size: 1.4em; - margin-left: 15%; - margin-top: 20px; - width: 50%; -} - -#newchannel-form .descriptive-paragraph { - color: #888; - margin-left: 20px; - margin-bottom: 25px; -} - -.newchannel-label { - float: left; - width: 275px; -} - -.newchannel-role-morehelp { - float: left; - width: 32px; -} -.newchannel-input { - float: left; - width: 275px; - padding: 5px; -} - -.newchannel-feedback { - float: left; - margin-left: 5px; -} - -.newchannel-field-end { - clear: both; - margin-bottom: 20px; -} - -/** -* Stylish Select 0.4.9 - $ plugin to replace a select drop down box with a stylable unordered list -* http://github.com/scottdarby/Stylish-Select/ -* -* Copyright (c) 2009 Scott Darby -* -* Requires: jQuery 1.3 or newer -* -* Dual licensed under the MIT and GPL licenses. -*/ - -/** -* Hide lists on page load ----------------------------------------------------------*/ - -.stylish-select .SSContainerDivWrapper { - left:-9999px; -} - -/* -* Red example ----------------------------------------------------------*/ -.stylish-select .SSContainerDivWrapper { - margin:0; - padding:0; - width:290px; - position:absolute; - top:22px; - left:0; - z-index:9999; - font-size: 60%; - line-height: 1.1; -} - -.stylish-select a { - font-weight: normal !important; -} - -.stylish-select ul.newList { - margin:0; - padding:0; - list-style:none; - color:#000; - background:#fff; - border:1px solid #ccc; - overflow:auto; -} - -.stylish-select ul.newList * { - margin:0; - padding:0; -} - - -.stylish-select ul.newList a { - color: #000; - text-decoration:none; - display:block; - padding:3px 8px; -} - -.stylish-select .newListSelected { - width:285px; - color:#000; - height:19px; - padding:3px 0 0 6px; - float:left; - background:url(select-bg.png) no-repeat; -} - -.stylish-select ul.newList li a:focus { - -moz-outline-style: none; -} - -.stylish-select .selectedTxt { - width:258px; - overflow:hidden; - height:18px; - font-size: 90%; - padding:0 23px 0 0; -} - -.stylish-select .hiLite { - background:#650101!important; - color:#fff!important; -} - -.stylish-select .newListHover { - background:#ccc!important; - color:#000!important; - cursor:default; -} - -.stylish-select .newListDisabled { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); -} - -.stylish-select .newListItemDisabled { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); -} - -.stylish-select .newListOptionDisabled { - opacity: 0.6; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); -} - -.stylish-select .newListSelHover, -.stylish-select .newListSelFocus { - background-position:0 -22px; - cursor:default; -} - -.stylish-select .newListOptionTitle { - font-weight:bold; -} - -.stylish-select .newListOptionTitle ul { - margin:3px 0 0; -} - -.stylish-select .newListOptionTitle li { - font-weight:normal; -}
\ No newline at end of file diff --git a/view/js/mod_new_channel.js b/view/js/mod_new_channel.js index c4d5408f2..58573f736 100644 --- a/view/js/mod_new_channel.js +++ b/view/js/mod_new_channel.js @@ -1,19 +1,20 @@ $(document).ready(function() { // $("#id_permissions_role").sSelect(); - $("#newchannel-name").blur(function() { + $("#id_name").blur(function() { $("#name-spinner").spin('small'); - var zreg_name = $("#newchannel-name").val(); + var zreg_name = $("#id_name").val(); $.get("new_channel/autofill.json?f=&name=" + encodeURIComponent(zreg_name),function(data) { - $("#newchannel-nickname").val(data); + $("#id_nickname").val(data); zFormError("#newchannel-name-feedback",data.error); $("#name-spinner").spin(false); }); }); - $("#newchannel-nickname").blur(function() { + + $("#id_nickname").blur(function() { $("#nick-spinner").spin('small'); - var zreg_nick = $("#newchannel-nickname").val(); + var zreg_nick = $("#id_nickname").val(); $.get("new_channel/checkaddr.json?f=&nick=" + encodeURIComponent(zreg_nick),function(data) { - $("#newchannel-nickname").val(data); + $("#id_nickname").val(data); zFormError("#newchannel-nickname-feedback",data.error); $("#nick-spinner").spin(false); }); diff --git a/view/pdl/mod_new_channel.pdl b/view/pdl/mod_new_channel.pdl deleted file mode 100644 index 90026f7fe..000000000 --- a/view/pdl/mod_new_channel.pdl +++ /dev/null @@ -1 +0,0 @@ -[template]full[/template] diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index b2255b3af..f4fa0415c 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -1544,6 +1544,7 @@ nav .dropdown-menu { .section-content-tools-wrapper .section-content-danger-wrapper, .section-content-wrapper .section-content-danger-wrapper { margin-bottom: 10px; + border-bottom: none; border-radius: $radiuspx; } diff --git a/view/tpl/new_channel.tpl b/view/tpl/new_channel.tpl index 156b5ec2f..9383e0902 100755 --- a/view/tpl/new_channel.tpl +++ b/view/tpl/new_channel.tpl @@ -1,42 +1,36 @@ -<div class="generic-content-wrapper-styled"> -<h2>{{$title}}</h2> - -<form action="new_channel" method="post" id="newchannel-form" class="stylish-select"> - - <div id="newchannel-desc" class="descriptive-paragraph">{{$desc}}</div> - - {{if $default_role}} - <input type="hidden" name="permissions_role" value="{{$default_role}}" /> - {{else}} - <div id="newchannel-role-help" class="descriptive-paragraph">{{$help_role}}</div> - {{include file="field_select_grouped.tpl" field=$role}} - <div id="newchannel-role-end" class="newchannel-field-end"></div> - {{/if}} - - <label for="newchannel-name" id="label-newchannel-name" class="newchannel-label" >{{$label_name}}</label> - <input type="text" name="name" id="newchannel-name" class="newchannel-input" value="{{$name}}" /> - <div id="name-spinner"></div> - <div id="newchannel-name-feedback" class="newchannel-feedback"></div> - <div id="newchannel-name-end" class="newchannel-field-end"></div> - - <div id="newchannel-name-help" class="descriptive-paragraph">{{$help_name}}</div> - - <label for="newchannel-nickname" id="label-newchannel-nickname" class="newchannel-label" >{{$label_nick}}</label> - <input type="text" name="nickname" id="newchannel-nickname" class="newchannel-input" value="{{$nickname}}" /> - <div id="nick-spinner"></div> - <div id="newchannel-nick-desc" class="descriptive-paragraph">{{$nick_hub}}</div> - <div id="newchannel-nickname-feedback" class="newchannel-feedback"></div> - <div id="newchannel-nickname-end" class="newchannel-field-end"></div> - - <div id="newchannel-nick-desc" class="descriptive-paragraph">{{$nick_desc}}</div> - - - <div id="newchannel-import-link" class="descriptive-paragraph" >{{$label_import}}</div> - - <div id="newchannel-import-end" class="newchannel-field-end"></div> - - <input type="submit" name="submit" id="newchannel-submit-button" value="{{$submit}}" /> - <div id="newchannel-submit-end" class="newchannel-field-end"></div> - -</form> +<div class="generic-content-wrapper"> + <div class="section-title-wrapper"> + <h2>{{$title}}</h2> + </div> + <div class="section-content-wrapper"> + <div class="section-content-info-wrapper"> + {{$desc}} + </div> + {{if $channel_usage_message}} + <div class="section-content-warning-wrapper"> + {{$channel_usage_message}} + </div> + {{/if}} + <form action="new_channel" method="post" id="newchannel-form"> + {{if $default_role}} + <input type="hidden" name="permissions_role" value="{{$default_role}}" /> + {{else}} + {{include file="field_select_grouped.tpl" field=$role}} + {{/if}} + + {{include file="field_input.tpl" field=$name}} + <div id="newchannel-name-feedback" class="newchannel-feedback"></div> + <div id="name-spinner"></div> + + {{include file="field_input.tpl" field=$nickname}} + <div id="newchannel-nickname-feedback" class="newchannel-feedback"></div> + <div id="nick-spinner"></div> + + <input type="submit" name="submit" id="newchannel-submit-button" value="{{$submit}}" /> + <div id="newchannel-submit-end" class="clear"></div> + + <div id="newchannel-import-link" class="descriptive-paragraph" >{{$label_import}}</div> + <div id="newchannel-import-end" class="clear"></div> + </form> + </div> </div> |