d3/dc7/apps_2michael_2____init_____8py_source.html

#!/usr/bin/python

# -*- coding: utf-8 -*-

#

# Very simple script to detect video files in a directory, create

# thumbnails, and display them. It also serves as a good tutorial

# on how a basic Pafera app works.

#

# The JavaScript used is kept intentionally simple so older

# devices can view the page.


import json

import os

import traceback

import types

import importlib

import shutil

import base64

import random


from dateutil.parser import parse as ParseDate


from flask import Response


from pafera.types import *

from pafera.db import *


# =====================================================================

def index(g):


  filelist  = []


  michaelsbirthday = ParseDate('2013-01-18')


  for root, dirs, files in os.walk('static/michael'):

    for f in files:

      basename, extension = os.path.splitext(f)


      if extension != '.mp4':

        continue


      fullpath  = os.path.join(root, f)


      stats = os.stat(fullpath)


      date, description = basename.split(' - ')


      thumbfile = os.path.join(root, basename) + '.webp'


      if not os.path.exists(thumbfile):

        subprocess.run([

          'ffmpegthumbnailer',

          '-i',

          fullpath,

          '-o',

          thumbfile,

          '-s',

          '256',

          '-a',

        ])


      currentage = ParseDate(date)


      age = (currentage.replace(tzinfo = None) - michaelsbirthday).days / 365.25


      filelist.append({

        'filename':     f,

        'dirname':      root,

        'size':         stats.st_size,

        'extension':    extension,

        'thumbnail':    basename + '.webp',

        'date':         date,

        'age':          f'{age:0.1f}',

        'description':  description,

      })


  filelist.sort(key = lambda x: x['date'])


  ls  = []


  for f in filelist:

    ls.append(f"""

      <a class="VideoLink" href="/michael/{f['filename']}">

        <figure>

          <img class="Square600" src="/michael/{f['thumbnail']}">

          <figcaption>

            <div class="Description">{f['description']}<div>

            <div class="FileDate">{f['date'][0:10]}</div>

            <div class="Age">{f['age']} years old</div>

          </figcaption>

        </figure>

      </a>

    """)


  filelist  = '\n'.join(ls)


  return f"""

<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8">

    <meta name="apple-mobile-web-app-capable" content="yes" />

    <meta name="mobile-web-app-capable" content="yes" />

    <meta name="viewport" content="width=device-width,initial-scale=1">


    <link rel="manifest" href="/manifest.json">


    <title>Michael's Videos</title>


    <link rel="stylesheet" type="text/css" href="/system/normalize.css" />

    <link rel="stylesheet" type="text/css" href="/system/colors.css" />

    <link rel="stylesheet" type="text/css" href="/system/common.css" />

    <link rel="stylesheet" type="text/css" href="/system/paferalib.css" />

    <link rel="stylesheet" type="text/css" href="/system/pafera.css" />


<style>


body

{{

  margin:   0em;

  padding:  0em;

}}


h1

{{

  margin:   0em;

  padding:  0.5em;

  color:  #fff;

  background-color: #00f;

  background-image: linear-gradient(#00c, #009, #00c);

}}


h1 img

{{

  width:  2em;

  height: 1.5em;

  position:  relative;

  top:    -0.2em;

  padding-right:  0.5em;

}}


.Clear

{{

  clear:    both;

}}


.Center

{{

  text-align: center;

}}


.ImageCenter

{{

  text-align: center;

}}


.Videos

{{

  display:  flex;

  text-align: center;

  align-items:      center;

  justify-content:  center;

  flex-wrap:  wrap;

  flex-flow:  center;

}}


.Videos > a

{{

  display:    block;

  flex:       auto;

  padding:    1em;

  color:      white;

  width:      16em;

}}


.Videos img

{{

  width:    12em;

  height:   9em;

}}


.Description

{{

  color:      white;

}}


.FileDate

{{

  color:      #6f6;

  font-size:  0.8em;

}}


.Age

{{

  color:      #ff6;

  font-size:  0.8em;

}}


</style>


<script>


function IsString(v)

{{

  return (typeof v == 'string' || v instanceof String);

}}


function IsArray(v)

{{

  return Array.isArray(v);

}}


window.E  = function(selector)

{{

  return IsString(selector)

    ? document.querySelector(selector)

    : selector;

}}


window.L  = console.log;


window.Q  = function(selector)

{{

  if (IsString(selector))

  {{

    if (selector[0] == '#')

      return [ I(selector.substr(1)) ];


    return document.querySelectorAll(selector);

  }}


  if (IsArray(selector) || selector instanceof NodeList)

    return selector;


  if (selector)

    return [selector];


  return [];

}}


function SearchVideos()

{{

  let filter  = E('.videosearch').value.toLowerCase();

  let videos  = Q('.VideoLink');


  for (let i = 0, l = videos.length; i < l; i++)

  {{

    let item  = videos[i];

    let description = item.querySelector('.Description').innerText;

    let filedate    = item.querySelector('.FileDate').innerText;


    if ((description.toLowerCase().indexOf(filter) != -1)

      || (filedate.indexOf(filter) != -1)

    )

    {{

      item.style.display  = 'block';

    }} else

    {{

      item.style.display  = 'none';

    }}

  }}

}}


</script>


  </head>

  <body>


  <h1>

    <img src="logo.webp">

    Michael's Videos

  </h1>


  <div class="ButtonBar">

    <input type="text" class="videosearch">

    <a class="Color3" onclick="SearchVideos()">Search</a>

  </div>


  <div class="Videos">

    {filelist}

  </div>


  </body>

</html>

"""


# *********************************************************************

ROUTES  = {

  'index':           index,

}

michael.index
def index(g)
Definition: __init__.py:28

pafera.db
Definition: db.py:1

pafera.types
Definition: types.py:1