Modified,Toggle was added and fonts fixes

This commit is contained in:
umaircb 2014-02-11 13:35:01 +00:00
parent 632d073505
commit 9a369705e3
2 changed files with 65 additions and 75 deletions

View file

@ -2,7 +2,7 @@
<form name="add_group" action="" method="post" enctype="multipart/form-data">
<p class="alert alert-info">* are required fields</p>
<div class="form-group">
<label for="users"><legend>Select User *</legend></label>
<label for="users">Select User *</label>
<select class="form-control" name="users" tabindex="1">
<option>Select User</option>
{section name=u_list loop=$users}
@ -11,35 +11,35 @@
</select>
</div>
<div class="form-group">
<label for="title"><legend>Group Title *</legend></label>
<label for="title">Group Title *</label>
<input class="form-control" name="title" id="titile" tabindex="2">
</div>
<div class="form-group">
<label for="description"><legend>Group Description *</legend></label>
<label for="description">Group Description *</label>
<textarea class="form-control" name="descriptio" id="description" rows="5" tabindex="3"></textarea>
</div>
<div class="form-group">
<label for="tags"><legend>Group Tags *</legend></label>
<label for="tags">Group Tags *</label>
<input class="form-control" name="tags" id="tag" tabindex="4">
</div>
<div class="form-group">
<label for="gp_url"><legend>Group Url *</legend></label>
<label for="gp_url">Group Url *</label>
<input class="form-control" name="gp_url" id="gp_url" tabindex="5">
<small>Only these characters are allowed. a-z, 0-9, Hypen (-), Underscore(_), Period(.)</small>
</div>
<div class="form-group">
<label for="gptype"><legend>Group Type </legend></label>
<label for="gptype">Group Type </label>
<input name="gptype" class="radio-inline" type="radio" tabindex="7" value="1">Public
<input name="gptype" class="radio-inline"type="radio" tabindex="8" value="2">Only Invited Members
<input name="gptype" class="radio-inline" type="radio" tabindex="7" value="1">Private
</div>
<div class="form-group">
<label for="category"><legend>Group Category *</legend></label>
<label for="category">Group Category *</label>
<select class="form-control" name="category" tabindex="9">
<option>Choose A Category</option>
{section name=cat_list loop=$category}
@ -48,7 +48,7 @@
</select>
</div>
<div class="form-group">
<label for="gpthumb"><legend>Group Thumb</legend></label>
<label for="gpthumb">Group Thumb</label>
<input class="form-control" type="file" name="gpThumb" id="gpThumb" tabindex="10">
</div>
<div class="form-group">

View file

@ -1,6 +1,5 @@
{if $mode =='show_settings'}
<h2>ClipBucket Website Player Settings</h2>
<div class="form-group">
<label for="pak_license">
Pakplayer license<br>
@ -8,7 +7,6 @@
</label>
<input class="form-control" type="text" name="pak_license" id="pak_license" value="{$row.pak_license}" />
</div>
<div class="form-group">
<label for="">
Autoplay<br>
@ -22,7 +20,6 @@
<input type="radio" name="autoplay_video" value="no" id="autoplay_video_1" {if $row.autoplay_video=='no'} checked="checked"{/if} />No
</label>
</div>
<div class="form-group">
<label for="use_playlist">
Use Playlist<br>
@ -36,7 +33,6 @@
No
</label>
</div>
<div class="form-group">
<label for="logo_file">
Logo File<br>
@ -44,10 +40,8 @@
Logo file that will display on your flash player
</small>
</label>
<input type="file" name="logo_file" id="logo_file" />
<input type="file" class="form-control" name="logo_file" id="logo_file" />
</div>
<div class="form-group">
<label for="logo_placement">
Logo Placement<br>
@ -60,17 +54,14 @@
<option value="bl" {if $row.logo_placement=='bl'} selected="selected"{/if}>Bottom Left</option>
</select>
</div>
<div class="form-group">
<label for="logo_padding">Logo padding</label>
<input class="form-control" type="text" id="logo_padding" name="logo_padding" value="{$row.logo_padding}" />
</div>
<div class="form-group">
<label for="buffer_time">Buffer time</label>
<input class="form-control" type="text" name="buffer_time" id="buffer_time" value="{$row.buffer_time}" />
</div>
<div class="form-group">
<label for="youtube_enabled">
Play Youtube Video Inside Player<br>
@ -85,7 +76,6 @@
No
</label>
</div>
<div class="form-group">
<label for="embed_player_width">
Embed Player Width<br>
@ -93,7 +83,6 @@
</label>
<input class="form-control" name="embed_player_width" type="text" id="embed_player_width" value="{$row.embed_player_width}" />
</div>
<div class="form-group">
<label for="textfield">
Embed Player Height<br>
@ -101,7 +90,6 @@
</label>
<input class="form-control" name="embed_player_height" type="text" id="textfield" value="{$row.embed_player_height}" />
</div>
<div class="form-group">
<label for="autoplay_embed0">
Autoplay Embed<br>
@ -114,7 +102,6 @@
<input type="radio" name="autoplay_embed" value="no" id="autoplay_embed1" {if $row.autoplay_embed=='no'} checked="checked"{/if} />No
</label>
</div>
<div class="form-group">
<label for="pseudostreaming_0">
Use PseudoStreaming<br>
@ -122,12 +109,11 @@
</label>
<label class="radio">
<input type="radio" name="pseudostreaming" value="yes" id="pseudostreaming_0"{if $row.pseudostreaming=='yes'} checked="checked"{/if} />Yes
</label class="radio">
<label>
</label>
<label class="radio">
<input type="radio" name="pseudostreaming" value="no" id="pseudostreaming_1" {if $row.pseudostreaming=='no'} checked="checked"{/if} />No
</label>
</div>
<div class="form-group">
<label for="pakplayer_contextmsg">
Pakplayer Context Menu<br>
@ -135,63 +121,67 @@
</label>
<input class="form-control" type="text" name="pakplayer_contextmsg" id="pakplayer_contextmsg" value="{$row.pakplayer_contextmsg}" />
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary" value="Update" name="update" />
</div>
<div>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title alert alert-info">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<b>Click Here to edit main website player size.</b>
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<div class="ui-widget-content" style=" width:{$Cbucket->configs.player_width}px; height:{$Cbucket->configs.player_height}px;">
<h3 class="ui-widget-header">Original Size of your Main Website Player</h3>
</div>
<div class="player_dims">
<label for="width">Width</label>
<input type="text" name="width" id="width" value="{$Cbucket->configs.player_width}" />
<label for="height">Height</label>
<input type="text" name="height" id="height" value="{$Cbucket->configs.player_height}" />
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title alert alert-info">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
<b> Click here to edit channel player size.</b>
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<div class="ui-widget-content" style="width:{$Cbucket->configs.channel_player_width}px; height:{$Cbucket->configs.channel_player_height}px; margin:auto">
<h3 class="ui-widget-header">Original Size of your Channel Player</h3>
</div>
<div class="player_dims">
<label for="width">Width</label>
<input type="text" name="width" id="channel_width" value="{$Cbucket->configs.channel_player_width}" />
<label for="height">Height</label>
<input type="text" name="height" id="channel_height" value="{$Cbucket->configs.channel_player_height}" />
</div>
</div>
</div>
</div>
</div>
<p>In order to change player size, resize the box given below..</p>
<div onclick="toggle_search('website_player');" style="cursor:pointer">
Main Website Player Size -
<a href="#"> click here to main website player</a>
</div>
<div class="demo" style="{if $smarty.cookies.website_player_search!='show'}display:none{/if}" id="website_player">
<div id="msg_box"></div>
<div id="resizable" class="ui-widget-content" style="width:{$Cbucket->configs.player_width}px; height:{$Cbucket->configs.player_height}px;">
<h3 class="ui-widget-header">Original Size of your Main Website Player</h3>
</div>
<div class="player_dims"><label for="width">Width</label>
<input type="text" name="width" id="width" value="{$Cbucket->configs.player_width}" />
<label for="height">Height</label>
<input type="text" name="height" id="height" value="{$Cbucket->configs.player_height}" />
</div>
</div>
<div onclick="toggle_search('channel_player');" style="cursor:pointer">
Channel Player Settings Size -
<a href="#">click here to edit channel player settings</a>
</div>
<div class="demo" style="{if $smarty.cookies.channel_player_search!='show'}display:none{/if}" id="channel_player">
<div id="resizable-channel" class="ui-widget-content" style="width:{$Cbucket->configs.channel_player_width}px; height:{$Cbucket->configs.channel_player_height}px; margin:auto">
<h3 class="ui-widget-header">Original Size of your Main Website Player</h3>
</div>
<div class="player_dims">
<label for="width">Width</label>
<input type="text" name="width" id="channel_width" value="{$Cbucket->configs.channel_player_width}" />
<label for="height">Height</label>
<input type="text" name="height" id="channel_height" value="{$Cbucket->configs.channel_player_height}" />
</div>
</div>
</div>
{literal}
<script type="text/javascript">
function update_player_size(width,height,normal_player,channel_player)
{
var page = baseurl+'/actions/update_configs.php';
$.post(page,
{
$.post(page,
{
width : width,
height : height,
update_player_size : normal_player,
@ -204,9 +194,9 @@
else
$("#msg_box").html('<div style="width:300px; padding:5px; text-align:center; background-color:#0099cc; border-radius:5px; -moz-border-radius:5px; color:#fff">'+data+'</div>');
},'text');
}
$(function() {
$("#resizable").resizable({
maxHeight: 800,
@ -217,12 +207,12 @@
resize:function(event,ui){$("#width").val(ui.size.width);$("#height").val(ui.size.height);},
stop:function(event,ui){update_player_size(ui.size.width,ui.size.height,'yes','')}
});
$("#width").change(function () {$('#resizable').css("width",this.value+'px') ; update_player_size(this.value,$("#height").val(),'yes','') });
$("#height").change(function () {$('#resizable').css("height",this.value+'px'); update_player_size($("#width").val(),this.value,'yes','') });
});
$(function() {
$("#resizable-channel").resizable({
maxHeight: 800,
@ -233,7 +223,7 @@
resize:function(event,ui){$("#channel_width").val(ui.size.width);$("#channel_height").val(ui.size.height);},
stop:function(event,ui){update_player_size(ui.size.width,ui.size.height,'','yes')}
});
$("#channel_width").change(function () {$('#resizable-channel').css("width",this.value+'px') ; update_player_size(this.value,$("#channel_height").val(),'','yes') });
$("#channel_height").change(function () {$('#resizable-channel').css("height",this.value+'px'); update_player_size($("#channel_width").val(),this.value,'','yes') });
});