Committer: esavintcev
LJSUP-6550: SMS NotificationU trunk/htdocs/manage/profile/index.bml U trunk/htdocs/stc/ie.css U trunk/htdocs/stc/lj_base.css
Modified: trunk/htdocs/manage/profile/index.bml =================================================================== --- trunk/htdocs/manage/profile/index.bml 2010-08-20 03:01:07 UTC (rev 17162) +++ trunk/htdocs/manage/profile/index.bml 2010-08-20 03:11:55 UTC (rev 17163) @@ -496,7 +496,7 @@ foreach (values %$tminfo) { LJ::text_out(\$_); } $tminfo->{'security'} = "N" if ($u->{'txtmsg_status'} eq 'off' || $u->{'txtmsg_status'} eq 'none'); - $ret .= "<span class='view_options'>$ML{'.fn.txtmsg'}"; + $ret .= "<span id='phone_view_options' class='view_options'>$ML{'.fn.txtmsg'} "; $ret .= LJ::html_select({ 'name' => 'txtmsg_security', 'selected' => $tminfo->{'security'} }, "all" => BML::ml(".security.visibility.everybody"), "reg" => BML::ml(".security.visibility.regusers"), @@ -504,7 +504,7 @@ "N" => BML::ml(".security.visibility.nobody") ); $ret .= "</span></div>\n"; - $ret .= "<table class='field_block'>\n"; + $ret .= "<table class='field_block' id='phone_verification'>\n"; foreach (values %$tminfo) { LJ::text_out(\$_); } @@ -521,12 +521,35 @@ @opts); } - $ret .= " " . BML::ml('.txt.details', {'aopts' => "href='$LJ::SITEROOT/tools/textmessage.bml?mode=details'"}) . "</td></tr>\n"; + $ret .= " <span>" . BML::ml('.txt.details', {'aopts' => "href='$LJ::SITEROOT/tools/textmessage.bml?mode=details'"}) . "</span></td></tr>\n"; $ret .= "<tr><td class='field_name'>$ML{'.fn.txtnum'}</td><td>"; - $ret .= LJ::html_text({ 'name' => 'txtmsg_number', 'value' => $tminfo->{'number'}, - 'size' => '15', 'maxlength' => '40' }); + $ret .= '<ul class="b-manage-smsn b-manage-smsn-hide">'; + $ret .= '<li class="b-manage-smsn-sms">' . LJ::html_text({ 'name' => 'txtmsg_number', 'value' => $tminfo->{'number'}, 'size' => '15', 'maxlength' => '15' }) . '<br /><span class="helper">' . $ML{'.section.textmsg.example'} . '</span></li>'; + $ret .= '<li class="b-manage-smsn-status"><i class="i-manage-smsn-icon"></i><span class="i-bubble b-bubble-lite"><i class="i-bubble-arrow-border"></i><i class="i-bubble-arrow"></i><span>' . $ML{'.section.textmsg.info'} . '</span></span> ' . LJ::help_icon('sms_notification') . '</li>'; + $ret .= "<li class='b-manage-smsn-btn'><input type='button' name='sendsms' value='$ML{'.section.textmsg.button'}' disabled='disabled' /></li>"; + $ret .= '</ul>'; + $ret .= '<p class="helper" style="display: none;">' . $ML{'.section.textmsg.adv'} . '</p>'; $ret .= "</td></tr>\n"; $ret .= "</table>\n"; + + $ret .= "<script type='text/javascript'>"; + $ret .= "var smsNotifyDict = {"; + $ret .= ""; + $ret .= "sendsmsbut : \"$ML{'.section.textmsg.button'}\","; + $ret .= "resendsmsbut : \"$ML{'.section.textmsg.button.resend'}\","; + $ret .= "initial : \"$ML{'.section.textmsg.info'}\","; + $ret .= "badnum : \"$ML{'.section.textmsg.info.badnum'}\","; + $ret .= "correctNum : \"$ML{'.section.textmsg.info.correctNum'}\","; + $ret .= "requestsent : \"$ML{'.section.textmsg.info.requestsent'}\","; + $ret .= "smssent : \"$ML{'.section.textmsg.info.smssent'}\","; + $ret .= "badtrans : \"$ML{'.section.textmsg.info.badtrans'}\","; + $ret .= "notasubscriber : \"$ML{'.section.textmsg.info.notasubscriber'}\","; + $ret .= "singlelimitexceeded : \"$ML{'.section.textmsg.info.singlelimitexceeded'}\","; + $ret .= "totallimitexceeded : \"$ML{'.section.textmsg.info.totallimitexceeded'}\","; + $ret .= "verified : \"$ML{'.section.textmsg.info.verified'}\","; + $ret .= "linkexpired : \"$ML{'.section.textmsg.info.linkexpired'}\","; + $ret .= "techerror : \"$ML{'.section.textmsg.info.techerror'}\""; + $ret .= "}</script>\n"; } ## FRIENDS Modified: trunk/htdocs/stc/ie.css =================================================================== --- trunk/htdocs/stc/ie.css 2010-08-20 03:01:07 UTC (rev 17162) +++ trunk/htdocs/stc/ie.css 2010-08-20 03:11:55 UTC (rev 17163) @@ -157,3 +157,15 @@ left: expression(this.parentNode.parentNode.clientWidth-this.parentNode.offsetLeft-2); } +/* SMS Notifications +--------------------------- */ +/* Must be removed after implementation of Framework! */ +.b-manage-smsn { + zoom: 1; + } + .b-manage-smsn .b-manage-smsn-status { + padding: 0 0 0 2.5em; + } + .b-manage-smsn-status #link_2 { + vertical-align: 7px; + } Modified: trunk/htdocs/stc/lj_base.css =================================================================== --- trunk/htdocs/stc/lj_base.css 2010-08-20 03:01:07 UTC (rev 17162) +++ trunk/htdocs/stc/lj_base.css 2010-08-20 03:11:55 UTC (rev 17163) @@ -328,7 +328,7 @@ .i-bubble { position:relative; margin: 0 0 0 10px !important; - padding: 10px; + padding: 8px 10px; border-width: 1px; border-style: solid; -webkit-border-radius: 5px; @@ -1016,7 +1016,7 @@ -/* Facebook & Twitter authorization +/* SMS Notifications --------------------------- */ /* Must be removed after implementation of Framework! */ .b-manage-smsn { @@ -1024,6 +1024,16 @@ padding: 0; list-style: none; } +.b-manage-smsn:after { + content: ""; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; + } +.b-manage-smsn-hide { + } .b-manage-smsn LI { margin: 0; padding: 0; @@ -1031,14 +1041,56 @@ } .b-manage-smsn .b-manage-smsn-sms { float: left; - margin: 0 10px 10px 0; + margin: 0 0.3em 0.3em 0; + padding: 0.3em 0 0; + line-height: 1.5; } + .b-manage-smsn-hide .b-manage-smsn-sms { + padding: 0; + } .b-manage-smsn .b-manage-smsn-status { + position: relative; float: left; + padding: 0 0 0 2em; } + .b-manage-smsn-hide .b-manage-smsn-status { + display: none; + } + .i-manage-smsn-icon { + position: absolute; + top: 50%; + left: 0; + width: 16px; + height: 16px; + margin: -9px 0 0 0; + background-image: url(/img/icons/smsn.gif); + background-repeat: no-repeat; + background-position: 0 -800px; + } + .i-manage-smsn-initial { + background-position: 0 0; + } + .i-manage-smsn-correctnum { + background-position: 0 0; + } + .i-manage-smsn-badnum { + background-position: 0 -1000px; + } + .i-manage-smsn-reqsent { + background-position: 0 -200px; + } + .i-manage-smsn-smssent { + background-position: 0 -400px; + } + .i-manage-smsn-verified { + background-position: 0 -600px; + } .b-manage-smsn .b-manage-smsn-btn { clear: both; } + .b-manage-smsn-hide .b-manage-smsn-btn { + display: none; + }