From 02e82e496e3ec8dbd8264248ad8550dd5e335cba Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Fri, 19 Feb 2016 22:28:21 +0100 Subject: pimp up mod new_channel --- view/css/mod_new_channel.css | 173 +------------------------------------- view/js/mod_new_channel.js | 13 +-- view/pdl/mod_new_channel.pdl | 1 - view/theme/redbasic/css/style.css | 1 + view/tpl/new_channel.tpl | 76 ++++++++--------- 5 files changed, 45 insertions(+), 219 deletions(-) delete mode 100644 view/pdl/mod_new_channel.pdl (limited to 'view') 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 @@ -
-

{{$title}}

- -
- -
{{$desc}}
- - {{if $default_role}} - - {{else}} -
{{$help_role}}
- {{include file="field_select_grouped.tpl" field=$role}} -
- {{/if}} - - - -
- -
- -
{{$help_name}}
- - - -
-
{{$nick_hub}}
- -
- -
{{$nick_desc}}
- - - - -
- - -
- -
+
+
+

{{$title}}

+
+
+
+ {{$desc}} +
+ {{if $channel_usage_message}} +
+ {{$channel_usage_message}} +
+ {{/if}} +
+ {{if $default_role}} + + {{else}} + {{include file="field_select_grouped.tpl" field=$role}} + {{/if}} + + {{include file="field_input.tpl" field=$name}} + +
+ + {{include file="field_input.tpl" field=$nickname}} + +
+ + +
+ + +
+
+
-- cgit v1.2.3