Giter Club home page Giter Club logo

varbase_vmi_demo's Introduction

Varbase VMI Demo


Have a demo work for how to use View Modes Inventory (VMI) module in Varbase.

Install Varbasee VMI Demo the progress Development.

composer require vardot/varbase_vmi_demo:~10.0

Install Varbasee VMI Demo the progress Development.

composer require vardot/varbase_vmi_demo:10.0.x-dev

Requirements

composer create-project vardot/varbase-project:10.0.x-dev PROJECT_DIR_NAME --no-interaction

Installation

  • Install Varbase.

  • Install the VMI module.

  • Install the Varbase VMI Demo module.

  • Generate number of content for the Post, Episode content types. as Post is a content type with an Image field [field_image] and Episode is a content type with a Video field [field_video]. And Blog post (Varbase Blog) is a content type with Media field [field_media].

  • You could install one of the following sub modules or all of them for the full demo.

  • Install the Varbase VMI Standard 16:9 Demo module.

  • Install the Varbase VMI Traditional 4:3 Demo module.

  • Install the Varbase VMI Square 1:1 Demo module.

  • Install the Varbase VMI Auto Demo module.

  • Go to your home page you will see the following links in the Main menu:


Standard 16:9

Scale of current standard 16:9 aspect ratio shape for width and height on the focal point.

  • Posts - Standard 16:9 - Hero
  • Posts - Standard 16:9 - Tout
  • Posts - Standard 16:9 - Vertical Media
  • Posts - Standard 16:9 - Horizontal Media
  • Posts - Standard 16:9 - Text
  • Episodes - Standard 16:9 - Hero
  • Episodes - Standard 16:9 - Tout
  • Episodes - Standard 16:9 - Vertical Media
  • Episodes - Standard 16:9 - Horizontal Media
  • Episodes - Standard 16:9 - Text

Ultrawide 21:9

Scale of current Ultrawide 21:9 aspect ratio shape for width and height on the focal point.

  • Posts - Ultrawide 21:9 - Hero

  • Posts - Ultrawide 21:9 - Tout

  • Posts - Ultrawide 21:9 - Vertical Media

  • Posts - Ultrawide 21:9 - Horizontal Media

  • Posts - Ultrawide 21:9 - Text

  • Episodes - Ultrawide 21:9 - Hero

  • Episodes - Ultrawide 21:9 - Tout

  • Episodes - Ultrawide 21:9 - Vertical Media

  • Episodes - Ultrawide 21:9 - Horizontal Media

  • Episodes - Ultrawide 21:9 - Text

Traditional 4:3

Scale of the old traditional 4:3 aspect ratio shape for width and height on the focal point.

  • Posts - Traditional 4:3 - Hero
  • Posts - Traditional 4:3 - Tout
  • Posts - Traditional 4:3 - Vertical Media
  • Posts - Traditional 4:3 - Horizontal Media
  • Episodes - Traditional 4:3 - Hero
  • Episodes - Traditional 4:3 - Tout*
  • Episodes - Traditional 4:3 - Vertical Media
  • Episodes - Traditional 4:3 - Horizontal Media

Square 1:1

Scale of square 1:1 aspect ratio shape for width and height on the focal point.

  • Posts - Square 1:1 - Hero
  • Posts - Square 1:1 - Tout
  • Posts - Square 1:1 - Vertical Media
  • Posts - Square 1:1 - Horizontal Media
  • Episodes - Square 1:1 - Hero
  • Episodes - Square 1:1 - Tout
  • Episodes - Square 1:1 - Vertical Media
  • Episodes - Square 1:1 - Horizontal Media

Auto

Original shape only scale the width on the focal point.

  • Posts - Auto - Hero
  • Posts - Auto - Tout
  • Posts - Auto - Vertical Media
  • Posts - Auto - Horizontal Media
  • Episodes - Auto - Hero
  • Episodes - Auto - Tout
  • Episodes - Auto - Vertical Media
  • Episodes - Auto - Horizontal Media

varbase_vmi_demo's People

Contributors

natshah avatar

Stargazers

 avatar

Watchers

Mohammed J. Razem avatar James Cloos avatar  avatar J Bajawi avatar  avatar

Forkers

mostafadev2

varbase_vmi_demo's Issues

Switch from Varbase Media Default Content to the Varbase Media Demo Assets module

Varbase Media Demo Assets

Provide a pre-set of default media assets for all Varbase Media Types, which are needed in development, testing, and demos.

Using the Varbase Media and Varbase Media Demo Assets modules in Varbase or installed with any Drupal site. Even if installed with the Minimal or Standard profile.

Having to upload files, images, local videos, and remote videos ( YouTube, Vimeo ) media entities.
And set them in every round for Development, Testing, and Demos.
Which are needed for Varbase Storybook use.
Change directory to the Varbase Project in the terminal:

cd /var/www/html/projects/PROJECT_DIR_NAME
Install with Composer

composer require 'drupal/varbase_media_demo'
Enable the module by Drush ( or install it from the UI)

drush en varbase_media_demo
Open the site with the browser and navigate to "/admin/content/media-grid"

Generate Media and Content for VMI Content and media can be added manually, But a of list commands which would speed up the work

cd PROJECT_DIR_NAME/docroot/modules/contrib/varbase_vmi_demo/scripts/
bash generate-varbase-testing-content.sh

Add Varbase Media Default Content module to help with testing and demoing new Varbase 9.1.x builds

Varbase VMO Demo Scripts

To generate new testing demo content
After changes on Varbase code and logic

  1. Install Varbase with development tools
composer create-project vardot/varbase-project:9.1.x PROJECT_DIR_NAME --no-interaction

And Install Varbase

  1. Install Varbase VMI Demo
cd PROJECT_DIR_NAME
composer require vardot/varbase_vmi_demo:9.1.x-dev
  1. Enable Varbase VMI Demos modules
    Enable the ration you like to test or demo
cd PROJECT_DIR_NAME/docroot
../vendor/drush/drush/drush pm:enable varbase_vmi_standard_demo
../vendor/drush/drush/drush pm:enable varbase_vmi_traditional_demo
../vendor/drush/drush/drush pm:enable varbase_vmi_square_demo
  1. Generate Media and Content for VMI
    Content and media can be added manually, But a of list commands
    which would speed up the work
cd PROJECT_DIR_NAME/docroot/modules/contrib/varbase_vmi_demo/scripts/
bash generate-varbase-testing-content.sh
  1. Go to "/admin/content" in the Varbase site
    And publish the content to show up in the VMI pre-set testing views

  2. Remove the Summary from content at this time

More work to have this command publish and trim the summary on generate

Start a 9.1.x branch for Varbase VMI Demo custom module to support Bootstrap 5

Drop support for Composer ~1.0 in Varbase VMI Demo module and only support Composer ~2.0 and later versions #147

Problem/Motivation

Having mixed composer requirements opens the way to get older plugins and libraries
This brings a number of issues to new builds and the autoloader.
#3301451: Have drupal-scaffold locations web-root for Varbase as docroot to fix composer web-root folder in projects
#3302442: Drop support for Composer ~1.0 in Varbase profile and only support Composer ~2.0 and later versions
Drop support for Composer ~1.0 in Varbase Project Template and only support Composer ~2.0 and later versions #147

Proposed resolution

Ditch the support for Composer ~1.0 and older plugins and libraries
Support Composer ~2.0 and later versions ( ~2.1.0, ~2.2.0, ~2.3.0 )

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.