Update look and feel with bootstrap
This commit is contained in:
@@ -29,6 +29,7 @@ class MediaListing_Main extends SihnonFramework_Main {
|
||||
$this->smarty->registerPlugin('modifier', 'formatDuration', array('MediaListing_Main', 'formatDuration'));
|
||||
$this->smarty->registerPlugin('modifier', 'formatFilesize', array('MediaListing_Main', 'formatFilesize'));
|
||||
|
||||
$this->smarty->assign('title', 'Media Listing');
|
||||
$this->smarty->assign('version', '0.1');
|
||||
$this->smarty->assign('messages', array());
|
||||
|
||||
|
||||
20
source/webui/pages/navigation.php
Normal file
20
source/webui/pages/navigation.php
Normal file
@@ -0,0 +1,20 @@
|
||||
<?php
|
||||
|
||||
$main = MediaListing_Main::instance();
|
||||
$config = $main->config();
|
||||
$smarty = $main->smarty();
|
||||
$request = $main->request();
|
||||
|
||||
$source_paths = $config->get('sources');
|
||||
$sources = array();
|
||||
|
||||
foreach ($source_paths as $source_path) {
|
||||
list($name, $path) = explode(':', $source_path);
|
||||
|
||||
$sources[] = new MediaListing_Source($name, $path, false);
|
||||
}
|
||||
|
||||
$smarty->assign('sources', $sources);
|
||||
$smarty->assign('source_name', $request->get('source'));
|
||||
|
||||
?>
|
||||
@@ -1,46 +1,81 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Media Listing</title>
|
||||
<script language="javascript"></script>
|
||||
<link rel="stylesheet" type="text/css" href="{$base_uri}styles/normal.css" />
|
||||
<title>{$title|escape:html}</title>
|
||||
|
||||
<script type="text/javascript">
|
||||
var base_uri = "{$base_uri|escape:'quote'}";
|
||||
var base_url = "{$base_url|escape:'quote'}";
|
||||
</script>
|
||||
|
||||
<!-- JQuery //-->
|
||||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
|
||||
|
||||
<!-- Less //-->
|
||||
<script type="text/javascript" src="{$base_uri}scripts/3rdparty/less-1.1.5.min.js"></script>
|
||||
|
||||
<!-- Bootstrap //-->
|
||||
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
|
||||
<script type="text/javascript" src="{$base_uri}scripts/3rdparty/bootstrap-alerts.js"></script>
|
||||
<script type="text/javascript" src="{$base_uri}scripts/3rdparty/bootstrap-twipsy.js"></script>
|
||||
<script type="text/javascript" src="{$base_uri}scripts/3rdparty/bootstrap-popover.js"></script>
|
||||
<script type="text/javascript" src="{$base_uri}scripts/3rdparty/bootstrap-dropdown.js"></script>
|
||||
<script type="text/javascript" src="{$base_uri}scripts/3rdparty/bootstrap-tabs.js"></script>
|
||||
<script type="text/javascript" src="{$base_uri}scripts/3rdparty/bootstrap-modal.js"></script>
|
||||
|
||||
<!-- Local //-->
|
||||
<script type="text/javascript" src="{$base_uri}scripts/main.js"></script>
|
||||
|
||||
<link rel="stylesheet/less" href="{$base_uri}less/bootstrap.less" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="{$base_uri}styles/normal.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
{$page->include_template('navigation')}
|
||||
</div><!-- /tobar-inner -->
|
||||
</div><!-- /container-fliud -->
|
||||
</div><!-- /topbar -->
|
||||
|
||||
<div id="container">
|
||||
|
||||
<div id="banner">
|
||||
<h1>Media Listing</h1>
|
||||
</div>
|
||||
|
||||
<div id="page-container">
|
||||
|
||||
<div id="sidebar">
|
||||
{include file="sidebar.tpl"}
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span16">
|
||||
<h1>Media-Listing</h1>
|
||||
</div>
|
||||
|
||||
<div id="page">
|
||||
|
||||
{if $messages}
|
||||
<div id="messages">
|
||||
{foreach from=$messages item=message}
|
||||
{$message}
|
||||
{/foreach}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{$page_content}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
Powered by Media Listing {$version}. Written by Ben Roberts.
|
||||
<div class="row">
|
||||
{if ! $messages}
|
||||
{$session = MediaListing_Main::instance()->session()}
|
||||
{$messages = $session->get('messages')}
|
||||
{$session->delete('messages')}
|
||||
{/if}
|
||||
{if $messages}
|
||||
<div id="messages">
|
||||
{foreach from=$messages item=message}
|
||||
{if is_array($message)}
|
||||
{$severity=$message['severity']}
|
||||
<div class="alert-message {$severity}">
|
||||
{$message['content']|escape:html}
|
||||
</div>
|
||||
{else}
|
||||
<div class="alert-message info">
|
||||
{$message|escape:html}
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
</div><!-- /messages -->
|
||||
{/if}
|
||||
|
||||
{$page_content}
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
Powered by Media Listing {$version}. Written by Ben Roberts.
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
19
source/webui/templates/navigation.tpl
Normal file
19
source/webui/templates/navigation.tpl
Normal file
@@ -0,0 +1,19 @@
|
||||
<a class="brand" href="{$base_uri}home/">Media Listing</a>
|
||||
|
||||
<ul class="nav">
|
||||
<li {if $requested_page == "home"}class="active"{/if}>
|
||||
<a href="{$base_uri}home/" title="Home">Home</a>
|
||||
</li>
|
||||
|
||||
<li class="dropdown {if $requested_page == "list"}active{/if}" data-dropdown="dropdown">
|
||||
<a href="#" class="dropdown-toggle" title="Sources">Sources</a>
|
||||
<ul class="dropdown-menu">
|
||||
{foreach from=$sources item=source}
|
||||
<li {if $source_name == $source->name()}class="active"{/if}><a href="{$base_uri}list/source/{$source->name()}" title="{$source->name()}">{$source->name()}</a></li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
</ul>
|
||||
@@ -1,5 +0,0 @@
|
||||
<ul>
|
||||
<li><a href="{$base_uri}list/source/TV" title="TV">TV</a>
|
||||
<li><a href="{$base_uri}list/source/Movies" title="Movies">Movies</a>
|
||||
<li><a href="{$base_uri}list/source/Music" title="Music">Music</a>
|
||||
</ul>
|
||||
Reference in New Issue
Block a user