{include file='headinclude.tpl'}
{include file='header.tpl'}
<!--
Commom [album] JS Tasks -->
<script type="text/javascript"
src="{$SITE_URL}/js/page.editalbum.js"></script>
<!--
Commom [album] JS Tasks -->
<!-- Content -->
<div
class="contentWrapper">
<div
class="content">
<table
class="mainContent">
<tr>
<!-- Left Panel -->
<td
class="leftPanel">
{include
file='appsmenu.tpl'}
</td>
<!--
Left Panel -->
<!-- Center Panel
-->
<td class="centerPanel">
<div
class="centerPanelHeader">
<!-- App Header -->
<div
class="appHeaderWrapper" style="border-bottom: 0
none;">
<strong>Edit Album -
{$album.Title}</strong>
<div
class="right">
<a
class="uiButton"
href="{$SITE_URL}/albums/{$media}/{$album.ID}/">Back to
Album</a>
<span
id="{$album.ID}" class="uiButton {if $media ==
'photos'}doRemovePhotoAlbum{else}doRemoveVideoAlbum{/if}">Delete
Album</span>
</div>
</div>
<!-- App Header -->
{if !$album.published}
<!-- Published Status -->
<div class="highlightContianer">This album has
not yet been published to your profile or Posts Feed.</div>
<!-- Published Status -->
{/if}
<!-- filters
tabs -->
<div
class="filters">
<ul>
<li><a {if $tab ==
'add'}class="active"{/if}
href="{$SITE_URL}/editalbum/{$media}/{$album.ID}/add/">Add
{$media|capitalize}</a></li>
<li><a {if $tab == 'edit'}class="active"{/if}
href="{$SITE_URL}/editalbum/{$media}/{$album.ID}/edit/">Edit
{$media|capitalize}</a></li>
<li><a {if $tab == 'info'}class="active"{/if}
href="{$SITE_URL}/editalbum/{$media}/{$album.ID}/info/">Edit
Info</a></li>
</ul>
</div>
<!-- filters tabs
-->
</div>
<div class="centerPanelContent">
{if $tab == "add"}
{if $error != ""}
<div
class="errorContianer">{$error}</div>
{/if}
{if $album.IsWall == 'N'}
<table class="inputTable mt10">
<tr>
<td class="label">{$media|capitalize}:</td>
<td class="input">
{if $media == "photos"}
{for $i=1 to 5}
<form
action="{$SITE_URL}/ajax/publisher/upload.php"
method="post" target="uploadFrame-{$i}"
enctype="multipart/form-data">
<input class="uploadFile"
name="uploadFile" type="file" size="30"
/>
<input
type="hidden" name="key" value="{$i}" />
<input
type="hidden" name="secret" value="{$secret}"
/>
</form>
<div
class="uploadStatus uploadStatus-{$i} hidden"></div>
<iframe
name="uploadFrame-{$i}" style="width: 0; height: 0; border:0
none;" ></iframe>
{/for}
<p
class="mt5">You can upload JPG, GIF or PNG files.</p>
{elseif $media ==
"videos"}
{for
$i=1 to 5}
<form
class="attachLink mb5">
<input class="uiInput bigButton attachLink"
type="text" value="http://" />
<input class="uiButton bigButton
attachLink" type="submit" name="submit"
value="Attach" />
<input type="hidden" name="key"
value="{$i}" />
</form>
<div class="uploadStatus uploadStatus-{$i}
hidden"></div>
{/for}
<p
class="mt5">We now only support sharing videos from YouTube
and Vimeo only.</p>
{/if}
</td>
</tr>
<tr>
<td
class="label"></td>
<td class="input">
<form class="postAlbum" method="post"
action="{$SITE_URL}/editalbum/{$media}/{$album.ID}/add/">
<input class="uiButton
light-blue" type="submit" name="submit"
value="Publish" />
</form>
</td>
</tr>
</table>
{else}
<div class="dataNullState">You can not add multiple
{$media} to wall album</div>
{/if}
{elseif $tab ==
"edit"}
{if $album.Total > 0}
<form class="mt10 mb10"
method="post"
action="{$SITE_URL}/editalbum/{$media}/{$album.ID}/edit/"
enctype="multipart/form-data">
{foreach $album.resources as $resource}
<div class="uploadStatus"
id="{$album.ID}-{$resource.ID}">
<div class="albumMediaContainer"
style="width: 501px;">
<div class="albumMediaThumbnail">
<div
class="uiMediaThumb">
<i {if $media ==
'videos'}class="videoThumbnail"{/if}
style="background-image:
url("{$resource.Thumbnail}");"></i>
{if $media == 'videos'}
<i
class="plyrBtn"></i>
{/if}
</div>
</div>
<div
class="albumMediaDetails ml10 pt10" style="width:
318px;">
<div class="button-close {if $media ==
'photos'}doRemovePhoto{else}doRemoveVideo{/if}
right"></div>
<div class="mb10">Description:</div>
<div
class="mb10"><textarea class="uiInput active"
name="thumbText[{$resource.ID}]" style="width: 308px;
height: 48px;">{$resource.Text}</textarea></div>
<div><input
type="radio" {if $album.ThumbnailID ==
$resource.ID}checked="checked"{/if}
id="thumbnail-{$resource.ID}" name="albumCover"
value="{$resource.ID}" /><label
for="thumbnail-{$resource.ID}">This is the album
cover.</label></div>
</div>
</div>
</div>
{/foreach}
<div class="mb10">
<input class="uiButton light-blue" type="submit"
name="submit" value="Save Changes" />
</div>
</form>
{else}
<div class="dataNullState">There are no {$media} to
edit.</div>
{/if}
{elseif $tab == "info"}
{if $error !=
""}
<div
class="errorContianer">{$error}</div>
{/if}
<form method="post"
action="{$SITE_URL}/editalbum/{$media}/{$album.ID}/info/"
enctype="multipart/form-data">
<table class="inputTable mt10">
<tr>
<td
class="label">Title:</td>
<td class="input">
<input class="uiInput active"
type="text" name="title"
value="{$album.Title}" style="width: 350px;" />
</td>
</tr>
<tr>
<td
class="label">Description:</td>
<td class="input">
<textarea class="uiInput active expand"
name="text" style="width: 350px; height:
48px;">{$album.Text}</textarea>
</td>
</tr>
<tr>
<td class="label"></td>
<td class="input">
<input class="uiButton light-blue"
type="submit" name="submit" value="Save
Changes" />
</td>
</tr>
</table>
</form>
{/if}
</div>
</td>
<!-- Center Panel -->
<!--
Right Panel -->
<td
class="rightPanel">
</td>
<!-- Right Panel -->
</tr>
</table>
</div>
</div>
<!-- Content
-->
{include file='footer.tpl' footerType = 'narrow'}