Git Product home page Git Product logo

bootstrap_patterns's Introduction

Bootstrap Patterns

UI Patterns showcase theme based on the Bootstrap Drupal 8 theme.

Usage

Run:

$ composer install

Thanks to the integration with Drupal Component Scaffold you'll find a fully functional Drupal 8 site under ./build.

After that proceed with the site installation and setup:

$ cd build
$ drush si standard -y --db-url=mysql://username:password@host/database
$ drush en ui_patterns_library -y
$ drush then bootstrap_patterns -y
$ drush config-set system.theme default bootstrap_patterns -y
$ drush cr

Then visit the Patterns Overview page at /patterns.

bootstrap_patterns's People

Contributors

ademarco avatar lobsterr avatar tassilogroeper avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

quocnht valeriopisapia jordanpagewhite smethews kentgottschalk begrafx

bootstrap_patterns's Issues

Add to drupal.org

Any chance of getting this project on drupal.org?

Main reason: I'd like to test this on simplytest.me

composer install fails

composer install returns

Your requirements could not be resolved to an installable set of packages.

  Problem 1
    - Root composer.json requires nuvoleweb/drupal-component-scaffold * -> satisfiable by nuvoleweb/drupal-component-scaffold[dev-master, 0.1.0, 9999999-dev].
    - nuvoleweb/drupal-component-scaffold[dev-master, 0.1.0] require composer-plugin-api ^1.0.0 -> found composer-plugin-api[2.3.0] but it does not match the constraint.

composer [install] failed, composer command failed: exit status 2. stderr=

Running composer version 2.3.7

When install the website and enable the theme it causes the warning 


Message | Warning: file_get_contents(/var/www/html/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/themes/custom/bootstrap_patterns/build/core/modules/system/templates/off-canvas-page-wrapper.html.twig): failed to open stream: No such file or directory in Twig_Loader_Filesystem->getSourceContext() (line 145 of /var/www/html/bootstrap_patterns/vendor/twig/twig/lib/Twig/Loader/Filesystem.php) #0 /var/www/html/bootstrap_patterns/build/core/includes/bootstrap.inc(582): _drupal_error_handler_real(2, 'file_get_conten...', '/var/www/html/b...', 145, Array) #1 [internal function]: _drupal_error_handler(2, 'file_get_conten...', '/var/www/html/b...', 145, Array) #2 /var/www/html/bootstrap_patterns/vendor/twig/twig/lib/Twig/Loader/Filesystem.php(145): file_get_contents('/var/www/html/b...') #3 /var/www/html/bootstrap_patterns/vendor/twig/twig/lib/Twig/Loader/Chain.php(70): Twig_Loader_Filesystem->getSourceContext('themes/custom/b...') #4 /var/www/html/bootstrap_patterns/vendor/twig/twig/lib/Twig/Environment.php(449): Twig_Loader_Chain->getSourceContext('themes/custom/b...') #5 /var/www/html/bootstrap_patterns/build/core/themes/engines/twig/twig.engine(64): Twig_Environment->loadTemplate('themes/custom/b...') #6 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Theme/ThemeManager.php(384): twig_render_template('themes/custom/b...', Array) #7 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Render/Renderer.php(493): Drupal\Core\Theme\ThemeManager->render('off_canvas_page...', Array) #8 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Render/Renderer.php(195): Drupal\Core\Render\Renderer->doRender(Array, false) #9 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Template/TwigExtension.php(490): Drupal\Core\Render\Renderer->render(Array) #10 /var/www/html/bootstrap_patterns/build/sites/default/files/php/twig/5aafcda7c476b_html.html.twig_KMDjWz_OpJcQh84XN4ZFQN2BC/DUN9GovicJtVJxoiuaAvb9mmet6blW5xRulcB5iwDgg.php(90): Drupal\Core\Template\TwigExtension->escapeFilter(Object(Drupal\Core\Template\TwigEnvironment), Array, 'html', NULL, true) #11 /var/www/html/bootstrap_patterns/vendor/twig/twig/lib/Twig/Template.php(432): __TwigTemplate_1851d7a76e53df9c9a6b9fa5328c4c7d784772b2109ead0be693668c41ae4e88->doDisplay(Array, Array) #12 /var/www/html/bootstrap_patterns/vendor/twig/twig/lib/Twig/Template.php(403): Twig_Template->displayWithErrorHandling(Array, Array) #13 /var/www/html/bootstrap_patterns/vendor/twig/twig/lib/Twig/Template.php(411): Twig_Template->display(Array) #14 /var/www/html/bootstrap_patterns/build/core/themes/engines/twig/twig.engine(64): Twig_Template->render(Array) #15 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Theme/ThemeManager.php(384): twig_render_template('themes/custom/b...', Array) #16 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Render/Renderer.php(437): Drupal\Core\Theme\ThemeManager->render('html', Array) #17 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Render/Renderer.php(195): Drupal\Core\Render\Renderer->doRender(Array, false) #18 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(147): Drupal\Core\Render\Renderer->render(Array) #19 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Render/Renderer.php(582): Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}() #20 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(148): Drupal\Core\Render\Renderer->executeInRenderContext(Object(Drupal\Core\Render\RenderContext), Object(Closure)) #21 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/EventSubscriber/MainContentViewSubscriber.php(90): Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object(Symfony\Component\HttpFoundation\Request), Object(Drupal\Core\Routing\CurrentRouteMatch)) #22 [internal function]: Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object(Symfony\Component\HttpKernel\Event\GetResponseForControllerResultEvent), 'kernel.view', Object(Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher)) #23 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Component/EventDispatcher/ContainerAwareEventDispatcher.php(111): call_user_func(Array, Object(Symfony\Component\HttpKernel\Event\GetResponseForControllerResultEvent), 'kernel.view', Object(Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher)) #24 /var/www/html/bootstrap_patterns/vendor/symfony/http-kernel/HttpKernel.php(156): Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch('kernel.view', Object(Symfony\Component\HttpKernel\Event\GetResponseForControllerResultEvent)) #25 /var/www/html/bootstrap_patterns/vendor/symfony/http-kernel/HttpKernel.php(68): Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object(Symfony\Component\HttpFoundation\Request), 1) #26 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/StackMiddleware/Session.php(57): Symfony\Component\HttpKernel\HttpKernel->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true) #27 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/StackMiddleware/KernelPreHandle.php(47): Drupal\Core\StackMiddleware\Session->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true) #28 /var/www/html/bootstrap_patterns/build/core/modules/page_cache/src/StackMiddleware/PageCache.php(99): Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true) #29 /var/www/html/bootstrap_patterns/build/core/modules/page_cache/src/StackMiddleware/PageCache.php(78): Drupal\page_cache\StackMiddleware\PageCache->pass(Object(Symfony\Component\HttpFoundation\Request), 1, true) #30 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/StackMiddleware/ReverseProxyMiddleware.php(47): Drupal\page_cache\StackMiddleware\PageCache->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true) #31 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/StackMiddleware/NegotiationMiddleware.php(50): Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true) #32 /var/www/html/bootstrap_patterns/vendor/stack/builder/src/Stack/StackedHttpKernel.php(23): Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true) #33 /var/www/html/bootstrap_patterns/build/core/lib/Drupal/Core/DrupalKernel.php(657): Stack\StackedHttpKernel->handle(Object(Symfony\Component\HttpFoundation\Request), 1, true) #34 /var/www/html/bootstrap_patterns/build/index.php(19): Drupal\Core\DrupalKernel->handle(Object(Symfony\Component\HttpFoundation\Request)) #35 {main}.
-- | --

If I remove symlink and put theme files directly to the theme folder. it works without warning

Update of README file 

$ drush en ui_patterns_library bootstrap_patterns -y

Should be replaced with

$ drush en ui_patterns_library bootstrap_patterns -y
$ drush then bootstrap_patterns -y
```

Question about Carousel slideshow

Hi @ademarco , thanks for the module and samples, it looks really amazing.

I am trying to check how it works in case of collection items, in the carousel example which you provided, the slide item should be created as a separate pattern or there is some way to map the slide properties of title, image and description to some multivalued field?

Pattern link encountered unexpected error

After enabling all required modules and the theme bootstrap pattern theme "UI Patterns example theme 8.3.7", I was not able to access the /patterns overview page, getting this error message in Drupal logs.

Twig_Error_Loader: Template "./templates/metadata.html.twig" is not defined (Drupal\Core\Template\Loader\ThemeRegistryLoader: Unable to find template "./templates/metadata.html.twig" in the Drupal theme registry.). in Twig_Loader_Chain->getCacheKey() (line 36 of /opt/app-root/src/themes/custom/bootstrap_patterns/templates/overview/patterns-overview-page.html.twig).

Commenting out this line fix the issue.

Update to composer 2, dependency error on install

Problem

On installing I get a dependency issue. composer-plugin-api seems to be coming with composer 2.x, so the theme dependencies should be updated to 2.x

$ composer install
No lock file found. Updating dependencies instead of installing from lock file. Use composer update over composer install if you do not have a lock file.
Loading composer repositories with package information
Updating dependencies
Your requirements could not be resolved to an installable set of packages.

  Problem 1
    - nuvoleweb/drupal-component-scaffold[dev-master, 0.1.0] require composer-plugin-api ^1.0.0 -> found composer-plugin-api[2.0.0] but it does not match the constraint.
    - Root composer.json requires nuvoleweb/drupal-component-scaffold * -> satisfiable by nuvoleweb/drupal-component-scaffold[dev-master, 0.1.0].

You are using Composer 2, which some of your plugins seem to be incompatible with. Make sure you update your plugins or report a plugin-issue to ask them to support Composer 2.

expose default library as a module for easy integration into existing projects

hi i would like to preload a set of working patterns to new and existing projects without needing to load an entire site. there are a lot of moving parts it may be useful for adoption to have a standalone module which can be installed and enabled on any site to provide a working set of patterns.

does one already exist? this is the only example I can find but its tied into a theme so not usable in my existing projects.

thanks

nowhere to login and Access Denied to patterns

i followed install instructions to the letter and i have a page displayed but nowhere to login, so Access Denied. screen dump follows...

UI Patterns
Install the UI Patterns module and click here to visit the Patterns Overview page.
Access denied
You are not authorized to access this page.
Demo site for the UI Patterns module. Brought to you by Nuvole and a team of wonderful contributors.

Reopening previous issue on ui pattern broken link

From this issue #2 , added comment,

Hi @ademarco , I have an updated composer file from the repo and run composer install but I dont actually need the build folder as we have our custom site. We just want to use UI Patterns as tools for bootstrap_pattern theme.

I just wanna know why we are getting that message when installing the theme?

Twig_Error_Loader: Template "./templates/metadata.html.twig" is not defined (Drupal\Core\Template\Loader\ThemeRegistryLoader: Unable to find template "./templates/metadata.html.twig" in the Drupal theme registry.). in Twig_Loader_Chain->getCacheKey() (line 36 of /opt/app-root/src/themes/custom/bootstrap_patterns/templates/overview/patterns-overview-page.html.twig).

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.