fulldecent/cameralife

<?php
namespace CameraLife\Views;

use CameraLife\Models as Models;
use CameraLife\Controllers as Controllers;

/**
 * Shows a welcome page, the "index" for the website
 *
 * @author    William Entriken <cameralife@phor.net>
 * @copyright 2001-2014 William Entriken
 * @access    public
 */
class MainPageView extends View
{
    /**
     * Either: rand, popular, unpopular, newest, newest-folders
     *
     * @var    string
     * @access public
     */
    public $activeSection;

    /**
     * openGraphsForTop
     *
     * @var    OpenGraph[]
     * @access public
     */
    public $openGraphsForTop;

    /**
     * folderAndPhotoOGs
     *
     * @var    mixed
     * @access public
     */
    public $folderAndPhotoOGs;

    /**
     * tag collections
     *
     * @var    TagCollection[]
     * @access public
     */
    public $tagCollections;

    public $adminUrl;

    public $rootOpenGraph;

    public $mainPageOpenGraph;

    /**
     * Render the view to standard output
     *
     * @access public
     * @return void
     */
    public function render()
    {
        if (!count($this->openGraphsForTop)) {
        ?>
            </div>
            <div class="jumbotron">
                <div class="container">
                    <h2 class="text-success"><i class="fa fa-check"></i> Camera Life <?= constant('CAMERALIFE_VERSION') ?> is installed!</h2>
                    <p><a class="btn btn-primary btn-large" target="_blank" href="https://github.com/fulldecent/cameralife"><i
                    class="fa fa-star"></i> Star us on GitHub</a> to get important security updates</p>
                    <hr>
                    <p>
                        Add photos to your <code>photos</code> directory or visit <a href="<?= htmlspecialchars($this->adminUrl) ?>">site administration</a> to point to your existing photo directory.
                    </p>
                    <script>
                      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
                      ga('create', 'UA-52764-13', 'auto');
                      ga('send', 'pageview');
                      ga('send', 'event', 'install', 'install done', 'no photos error');
                    </script>
                </div>
            </div>
            <div class="container">
        <?php
        }
        ?>

        <div class="row">
            <div class="col-sm-8">
                <h2>New Folders</h2>
                <table class="table">
                    <?php
                    foreach ($this->folderAndPhotoOGs as $folderAndPhotoOG) {
                        list($folderOpenGraph, $photoOpenGraphs) = $folderAndPhotoOG;
                        echo "<tr><td><p class=\"lead\"><a href=\"" . htmlspecialchars($folderOpenGraph->url) . "\"> ";
                        echo htmlentities($folderOpenGraph->title) . "</a></p>\n";
                        echo '<div style="height:80px" class="clipbox">';
                        foreach ($photoOpenGraphs as $photoOpenGraph) {
                            echo '<div class="l1" style="-moz-transform:rotate(' . rand(
                                -10,
                                10
                            ) . 'deg); -webkit-transform:rotate(' . rand(-10, 10) . 'deg);">';
                            echo '<a class="minipolaroid" href="' . htmlspecialchars($photoOpenGraph->url) . '">';
                            echo '<img width="' . intval($photoOpenGraph->imageWidth / 2) . '" src="' . htmlspecialchars(
                                $photoOpenGraph->image
                            ) . '" alt="' . htmlentities($photoOpenGraph->title) . '" />';
                            echo '</a>';
                            echo '</div>';
                        }
                        echo "</div>\n";
                    }
                    echo "<tr><td><h3><a href=\"" . htmlspecialchars(
                        $this->rootOpenGraph->url
                    ) . "\">... show all folders</a></h3>";
                    ?>
                </table>
            </div>
            <div class="col-sm-4">

                <h2><i class="fa fa-random"></i> Random</h2>
                <div style="height: 400px" class="clipbox">
                    <?php
                    foreach ($this->openGraphsForTop as $resultOpenGraph) {
                        $htmlTitle = '';
                        if ($resultOpenGraph->title != 'unnamed') {
                            $htmlTitle = htmlentities($resultOpenGraph->title);
                        }

                        echo '<div class="l1" style="-moz-transform:rotate(' . rand(
                            -10,
                            10
                        ) . 'deg); -webkit-transform:rotate(' . rand(-10, 10) . 'deg)">';
                        echo '<a href="' . htmlspecialchars($resultOpenGraph->url) . '" class="l2">';
                        echo '<img alt="' . htmlspecialchars($resultOpenGraph->title) . '" src="' . htmlspecialchars(
                            $resultOpenGraph->image
                        ) . '" class="l3">';
                        if (isset($resultOpenGraph->imageWidth) && isset($resultOpenGraph->imageHeight)) {
                            echo '<div class="l4" style="width:' . ($resultOpenGraph->imageWidth) . 'px">' . $htmlTitle . '</div>';
                        } else {
                            echo '<div class="l4">' . $htmlTitle . '</div>';
                        }
                        echo '</a>';
                        echo '</div>';
                    }
                    ?>
                </div>

            </div>
        </div>
        <?php
    }
}