Всем привет, есть у меня один скрипт, на нем есть шаблон, но очень стремный, решил использовать Bootstrap
уже пытался, немного делал, получилось, так что думаю проблем быть не должно
Ищу человека, кто шарит в этом, и быстро все провернет,
О цене договоримся (в пределах разумного)
Делать не много!
Код
<script type="text/javascript" language="javascript">
{literal}
$(function(){
var optionssubuser = {
beforeSubmit: function() { $('#ajax_processing').dialog('open'); },
clearForm: true,
resetForm: true,
type: 'post',
success: function(data) {
$("#subuserlist").load("index.php?mode=subuserlist");
$('#ajax_processing').dialog('close');
var $response = $('<div />').html(data);
// Check for a good response
content = $response.find('#good');
if (content.length) { $('#ajax_good_text').html(content).parent().show(); }
else { $("#ajax_good").hide(); }
// Check for an error
content = $response.find('#error');
if (content.length) { $('#ajax_error_text').html(content).parent().show(); }
else { $("#ajax_error").hide(); }
}
};
$("#editsubuser").dialog({
width: 450,
height: 400,
buttons: {
'Save sub-user': function() {
$('#editsubuser #updateform').ajaxSubmit(optionssubuser);
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
},
close: function() {
$('#editsubuser #updateform').clearForm();
$('#editsubuser').text("");
}
});
$('.addsubuserlink').click(function() {
var url = $(this).attr('href');
$("#editsubuser").dialog("option", "title", 'Add sub-user');
$.ajax({
url: url,
beforeSend: function(){
$('#ajax_processing').dialog('open');
},
success: function(html){
$('#ajax_processing').dialog('close');
if(html == "0")
{
jAlert("{/literal}{$lang.subnoservices}{literal}", "{/literal}{$lang.error}{literal}");
}
else
{
$("#editsubuser").html(html);
$('#editsubuser').dialog('open');
}
},
error: function(objAJAXRequest, strError) {
$('#ajax_processing').dialog('close');
jAlert("{/literal}{$lang.errorsubuser}{literal}", "{/literal}{$lang.error}{literal}");
}
});
return false;
});
});
{/literal}
</script>
<form action="index.php" method="post">
<div id="tabs">
<ul>
<li><a href="#tab-1"><span>{$lang.summary}</span></a></li>
<li><a href="#tab-2"><span>{$lang.panelinfo}</span></a></li>
<li><a href="#tab-3"><span>{$lang.userprofile}</span></a></li>
<li><a href="#tab-4"><span>{$lang.subusers}</span></a></li>
<li><a href="#tab-5"><span>{$lang.eventlogs}</span></a></li>
</ul>
<div id="tab-1" class="ui-tabs-hide">
<table width="100%">
<tr>
<td width="40%" class="ui-widget ui-widget-content ui-corner-all">
<div style="height:21px;">
<h3>{$lang.clientinfo}</h3>
</div>
<div style="height:80px; margin-top:5px;">
<table width="100%" border="0" class="left">
<tr>
<th width="80">{$lang.email}:</th>
<td style="text-indent:2px">{$info.email|e}</td>
</tr>
<tr>
<th width="80">{$lang.lastlogin}:</th>
<td style="text-indent:2px">{if $lastlogin}{$lastlogin|date_format:"%D - %I:%M %p"}{else}{$lang.never}{/if}</td>
</tr>
</table>
</div>
</td>
<td width="55%" class="ui-widget ui-widget-content ui-corner-all">
<div style="height:21px;">
<h3>{$lang.recentevents}</h3>
</div>
<div style="height:80px; margin-top:5px; overflow:hidden;">
<table class="left">
{section name=id loop=$eventlist}
<tr>
<td width="135" valign="top">{$eventlist[id].time|date_format:"%D - %I:%M %p"}</td>
<td>{$eventlist[id].message}</td>
</tr>
{sectionelse}
<tr>
<td align="center">{$lang.norecentevents}</td>
</tr>
{/section}
</table>
</div>
</td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3" class="ui-widget ui-widget-content ui-corner-all">
<h3>{$lang.services}</h3>
{if !is_array($services)}
<br />
{$lang.clientnoservices}
{else}
<table style="width:100%">
<tr>
<th width="50">{$lang.status}</th>
<th width="70">{$lang.players}</th>
<th>{$lang.service}</th>
<th>{$lang.ipport}</th>
<th>{$lang.installed}</th>
<th> </th>
</tr>
{section name=id loop=$services}
<tr>
{if $services[id].type == "game"}
{if $services[id].status == "0"}
<td align="center">
<div class="status_{$services[id].ugid}"><div class="offline"></div></div>
</td>
<td align="center">
<div class="players_{$services[id].ugid}">{$lang.na}</div>
</td>
{else}
<td align="center">
<div class="status_{$services[id].ugid}"><img src="../templates/{$settings.template}/images/ajax-loader-round.gif" /></div>
</td>
<td align="center">
<div class="players_{$services[id].ugid}"><img src="../templates/{$settings.template}/images/ajax-loader-round.gif" /></div>
<script type="text/javascript" language="javascript">
{literal}
$(function() {
$.get('index.php?mode=serverinfo&ugid={/literal}{$services[id].ugid}{literal}', {}, function(data) {
var $response = $('<div />').html(data);
$(".status_{/literal}{$services[id].ugid}{literal}").html($response.find('#status'));
$(".players_{/literal}{$services[id].ugid}{literal}").html($response.find('#players'));
},'html');
});
{/literal}
</script>
</td>
{/if}
{else}
{if $services[id].status == "0"}
<td align="center">
<div class="status_v{$services[id].uvid}"><div class="offline"></div></div>
</td>
<td align="center">
<div class="players_v{$services[id].uvid}">{$lang.na}</div>
</td>
{else}
<td align="center">
<div class="status_v{$services[id].uvid}"><img src="../templates/{$settings.template}/images/ajax-loader-round.gif" /></div>
</td>
<td align="center">
<div class="players_v{$services[id].uvid}"><img src="../templates/{$settings.template}/images/ajax-loader-round.gif" /></div>
<script type="text/javascript" language="javascript">
{literal}
$(function() {
$.get('index.php?mode=serverinfo&uvid={/literal}{$services[id].uvid}{literal}', {}, function(data) {
var $response = $('<div />').html(data);
$(".status_v{/literal}{$services[id].uvid}{literal}").html($response.find('#status'));
$(".players_v{/literal}{$services[id].uvid}{literal}").html($response.find('#players'));
},'html');
});
{/literal}
</script>
</td>
{/if}
{/if}
<td align="center">{$services[id].name|e}</td>
<td align="center">{$services[id].ip|e}:{$services[id].port_main|e}</td>
{if $services[id].type == "game"}
<td align="center">{if $services[id].installed == "1" && $services[id].locked == "0"}{$lang.yesstr}{elseif $services[id].installed == "1" && $services[id].locked == "1"}{$lang.updating}{elseif $services[id].installed == "0" && $services[id].locked == "1"}{$lang.installed}{else}{$lang.nostr}{/if}</td>
<td><a href="manageservices.php?mode=managegame&ugid={$services[id].ugid}" class="button">{$lang.manage}</a></td>
{else}
<td align="center">{if $services[id].installed == "1"}{$lang.yesstr}{else}{$lang.nostr}{/if}</td>
<td><a href="manageservices.php?mode=managevoice&uvid={$services[id].uvid}" class="button">{$lang.manage}</a></td>
{/if}
</tr>
{/section}
</table>
{/if}
</td>
</tr>
</table>
</div>
<div id="tab-2" class="ui-tabs-hide">
<table class="left">
<tr>
<td>{$lang.email}: </td>
<td align="left"><input type="text" name="email" value="{$info.email|e}" autocomplete="off" class="ui-widget ui-state-default" /></td>
</tr>
<tr>
<td>{$lang.password}: </td>
<td align="left"><input type="text" name="password" value="" autocomplete="off" class="ui-widget ui-state-default" /></td>
</tr>
</table>
<input type="submit" name="submit" value="Save" />
</div>
<div id="tab-3" class="ui-tabs-hide">
<table class="left">
<tr>
<td>
<div style="width:40%; float:left;">
<table>
<tr>
<td align="left">{$lang.firstname}: </td>
<td align="left"><input type="text" name="firstname" value="{$info.firstname|e}" class="ui-widget ui-state-default" /></td>
<td width="50"> </td>
</tr>
<tr>
<td align="left">{$lang.lastname}: </td>
<td align="left"><input type="text" name="lastname" value="{$info.lastname|e}" class="ui-widget ui-state-default" /></td>
<td width="50"> </td>
</tr>
<tr>
<td>{$lang.phone}: </td>
<td align="left"><input type="text" name="phone" value="{$info.phone|e}" class="ui-widget ui-state-default" /></td>
<td width="50"> </td>
</tr>
<tr>
<td>{$lang.address}: </td>
<td align="left"><input type="text" name="address" value="{$info.address|e}" class="ui-widget ui-state-default" /></td>
</tr>
<tr>
<td>{$lang.city}: </td>
<td align="left"><input type="text" name="city" value="{$info.city|e}" class="ui-widget ui-state-default" /></td>
</tr>
<tr>
<td>{$lang.state}: </td>
<td align="left"><input type="text" name="state" value="{$info.state|e}" class="ui-widget ui-state-default" /></td>
</tr>
<tr>
<td>{$lang.zipcode}: </td>
<td align="left"><input type="text" name="zipcode" value="{$info.zipcode|e}" class="ui-widget ui-state-default" /></td>
</tr>
<tr>
<td>{$lang.country}: </td>
<td align="left"><input type="text" name="country" value="{$info.country|e}" class="ui-widget ui-state-default" /></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<input type="submit" name="submit" value="Save" />
</div>
<div id="tab-4" class="ui-tabs-hide">
<table>
<tr>
<td valign="top" colspan="2"><a href="index.php?mode=addsubuser" class="addsubuserlink">{$lang.addsubuser}</a></td>
</tr>
<tr>
<td>
<div id="subuserlist">{include file='client/ajax-subuserlist.tpl'}</div>
</td>
</tr>
</table>
<input type="submit" name="submit" value="{$lang.save}" />
</div>
<div id="tab-5">
<table>
{section name=id loop=$fulleventlist}
<tr>
<td align="left">{$fulleventlist[id].time|date_format:"%D - %I:%M %p"}</td>
<td align="left"> </td>
<td align="left"><b>|</b> {$fulleventlist[id].runby|e} -</td>
<td align="left"> </td>
<td align="left">{$fulleventlist[id].message}</td>
</tr>
{sectionelse}
<tr>
<td align="center">{$lang.noevents}</td>
</tr>
{/section}
</table>
</div>
</div>
{if $info.uid}
<input type="hidden" name="mode" value="edit" />
{else}
<input type="hidden" name="mode" value="add" />
{/if}
</form>
<div id="editsubuser" title="{$lang.editsubuser}" style="display:none;"></div>
пишите в лс, или в скайп, кто умеет и может
Отредактировал: Pro(X-Gamer)Pro, - 10.5.2013, 18:33