Turning complexity into clarity.

Senior Software Developer - Adacado.com - Vancouver, BC

NodeJS jobs - Wed, 12/05/2018 - 09:59
Kubernetes, Golang, Maven, Git, Tomcat, Nginx, MySQL/MariaDB, Redis, ElasticSearch, ActiveMQ, Akka, ReactJS, NodeJS, Webpack, Python, Hibernate, Spring,...
From Adacado.com - Wed, 05 Dec 2018 09:59:45 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Senior Software Architect - Adacado.com - Vancouver, BC

NodeJS jobs - Wed, 12/05/2018 - 09:59
Kubernetes, Golang, Maven, Java, Tomcat, Nginx, MySQL/MariaDB, Redis, ElasticSearch, ActiveMQ, Akka, NodeJS, Python, Hibernate, Spring, Aerospike, Apache Spark,...
From Adacado.com - Wed, 05 Dec 2018 09:59:45 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Online Course Creation Advisory and Partial Manual Help To Set up All Technology - Upwork

WordPress Work From UpWork - Wed, 12/05/2018 - 08:10
THE CONTEXT

I am a serial tech entrepreneur who has built several websites and managed several teams.
https://www.linkedin.com/in/paolo-messina/

THE PROBLEM
I am starting an online class on "become a Machine learning manager" for managers worldwide.
Although I know how ot create a wordpress site, I have an account on teachable and I know how to set up an email marketig system etc... putting the pieces together is wasting me lot of time.

THE GOAL
In less than a week I want to create all the website, marketing content and marketing funnel to start the PRE-LAUNCH. Basically, I want to sell the course even before I have it to my linkedin connections.

THE POTENTIAL HELP NEEDED( TASK DEFINITION)

1) Consulting on how to integrate Wordpress and Teachable
2) Consulting on How to integrate the funnel software with Teachable , this is being a pain.
3) Optimize the funnel for the specific objective we have now e.g. pre-enroll students like 6 weeks before the course launches. For example, I have a dilemma whether going with a Webinar approach or a multiple emails with several videos.
4) I am undecided on how much time invest on the traditional funnel given that I want to use my linkedin network to sell the pre-sale. So some guidance on linkedin network marketing and how to decide maybe very helpful.
5) Potentially if the cost is not too high I may outsource the creation of all website/funnel/plugins and I may focus on creating the marketing content e.g. lead magnet, top of the funnel free content, potential linkedin ads.  


WHAT I ASK

1) Define very specifically how you can address all of the 4 points above, if you can not do all the 4 define how you could source the missing piece and what would be the indicative cost.
2) Make a clear offer on the estimated total cost and delivery time
3) Specifically, discuss only the elements of your experience that are relevant to my pain points. DO not overwhelm me with material about everything.  

Some Info the course is:
https://innodemia.teachable.com/

My competitors are:
https://executive.mit.edu/openenrollment/program/artificial-intelligence-implications-for-business-strategy-self-paced-online/#.XAd1hWhKiUk

https://www.getsmarter.com/courses/us/mit-artificial-intelligence-online-short-course

https://www.getsmarter.com/search?utf8=%E2%9C%93&query=Deep+Learning%3A+A+Critical+Appraisal+&category=no-results


Posted On: December 05, 2018 11:11 UTC
Category: Design & Creative > Other - Design & Creative
Skills: aWeber, ClickFunnels, Email Marketing, Internet Marketing, LinkedIn Development, Social Media Marketing, Teachable, Web Design, Website Development, WordPress
Country: United States
click to apply

[DISCUSSION] tinyShield - a new security plugin for WordPress

Talk about plugins - Wed, 12/05/2018 - 04:02

Hi WordPressPlugins - I'm looking for feedback on a plugin that I've been working on for the past several months.

The plugin is called tinyShield and is a security plugin for WordPress. It's not a Web Application Firewall per se, it's not a malware scanner or file integrity checker or anything else similar. tinyShield focuses directly on the traffic that is coming to a WordPress site and compares the originating IP with blacklists.

The blacklists are comprised of several sources; one that we're particularly excited about is generated directly from users of tinyShield. We're using tinyShield to generate a blacklist that takes each failed login attempt from a site using tinyShield and sends it over to us to compare with other failed login attempts. If it meets our criteria, it goes in the blacklist where it will stay for 24 hours and then the process starts over again. This is a sort of herd immunity concept.

The plugin consists of a whitelist, blacklist and permanent whitelist. Each visitor that attempts to connect to the site is sent over to our servers for verification against the blacklist and if deemed ok, it will be added to your sites whitelist and it will stay for 24 hours before being rechecked on their next visit. The blacklist is exactly the same but only if IP is deemed malicious.

In the tests we've ran on live sites ranging from little to no traffic to sites with ~20k hits a day, we have seen about a 90% drop in brute force attempts and a notable decline in bots trying to exploit known vulnerabilities. This is also coming with no noticeable lag or decline in site performance.

One other thing to note, we encourage you to use other security plugins along side tinyShield, we play nice with others with the exception of wp-spamshield - it has some conflicts.

The goal of this plugin is to add an additional layer of security through blacklists while focusing ONLY on that avenue. We are not out to become a full fledged WAF or end all security plugin. tinyShield is just focused on simple, fast, and reliable blacklists.

This plugin does run off of a subscription model with two tiers of feeds. The community feed is and always will be free, one just has to register the site to generate a key. The second is a professional feed which includes additional blacklist sources as well as our own crowd sourced blacklist, which includes a manual human review process when our automated processes can not determine if a failed login or traffic is malicious.

If you'd like to read up more, visit our website at https://tinyshield.me or in the plugin repo https://wordpress.org/plugins/tinyshield/

I'd love any feedback on the project!

submitted by /u/tinyShield
[link] [comments]

Website Design - Insects and Organic Gardening - Upwork

WordPress Work From UpWork - Wed, 12/05/2018 - 02:50
I am looking for a web designer for a website I need to build about insects and organic gardening.

Here are some comments:

Pages:  
We’re envisioning around 5 different type pages.  I am attaching a content map and have only marked the pages that I think need design.  The rest can be adapted from these.

- Home
- Blog
- Content pages (they talk about different subjects like soil, plants, planting, pest control, etc)
- Insect pages (like a wiki page of each insect)
- Insect Gallery (photos of all insects with buttons to filter)

Photographs
They will use mostly their own photographs as they are very specialised and they are part of their own collection. (insect database and photos of different projects)
These photos are not great, but they have been collected on the field for many years, so we can’t do much about this.
We might need a few nice stock ones for home page and banners (maybe?).  If we use good stock photos for home page we could create a good first impression (although I realise this might not work well as it will increase the contrast with the other photos that are not great).

Brand
They are farmers and they don’t have a brand as such.  So we will need to come up with a nice logo for the website as well.   

Web Development
We already have a developer who will create the website using Wordpress / Oxygen builder.  So we are only looking for a designer at this stage.

Purpose of website / Design
A bit more insight of what we’re after.  We're after a design that is earthy, organic, tidy, relaxing, pleasant to the eye and easy to read.  Something that connect people to earth, to nature.

The purpose of this website is more idealistic rather than a business.  They want to help people that want to grow their food organically.


-----
Please send me a quote and ONLY RELEVANT samples of your designs
(this means, designs related to nature, farming, etc).  

Please do not send designs of other types of websites as your proposal will be deleted.


Posted On: December 05, 2018 11:11 UTC
Category: Web, Mobile & Software Dev > Web & Mobile Design
Skills: Graphic Design, UX Design, Web Design
Country: Australia
click to apply

Lead Data Scientist - Invoice Simple - Vancouver, BC

NodeJS jobs - Wed, 12/05/2018 - 00:44
Written Typecript and/or Javascript on the backend with NodeJS. Invoice Simple's mission is to build the world's simplest way to run and grow a small business....
From GlassDoor.com - Wed, 05 Dec 2018 00:44:30 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Senior Front-end Engineer - MetaOptima - Vancouver, BC

NodeJS jobs - Wed, 12/05/2018 - 00:30
Python/Django, NodeJS, JSON, RESTful APIs, Git, Linux, Gulp, PostgreSQL/MySQL, SocketIO. We are one of Vancouver’s fastest growing startups looking for a highly...
From GlassDoor.com - Wed, 05 Dec 2018 00:30:51 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Full Stack Senior Web Developer - Real Estate WEbmasters - Nanaimo, BC

NodeJS jobs - Tue, 12/04/2018 - 23:30
JavaScript (ES5, ES6+), NodeJS, Vue.js, webpack. Real Estate Webmasters is a state-of-the-art website vendor, specializing in luxury sites for the world’s top...
From GlassDoor.com - Tue, 04 Dec 2018 23:30:36 GMT - View all Nanaimo, BC jobs
Categories: NodeJS

iOS Software Engineer - Invoice Simple - Vancouver, BC

NodeJS jobs - Tue, 12/04/2018 - 23:22
NodeJS backend in Typescript. Want to join one of Canada's fastest growing startups?...
From GlassDoor.com - Tue, 04 Dec 2018 23:22:39 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Web Developer needed for developing our website to be high end luxurious looking website. - Upwork

WordPress Work From UpWork - Tue, 12/04/2018 - 23:15
Looking for someone who can rise our website to higher level and make it high end luxurious looking website with good pictures, videos, and creative contents.
- Must has knowledge of Wordpress and Woo Commerce.
- Able to meet time sensitive deadlines.
- Design graphics as required.
- Digital content development, assist in editing and creating content in various digital formats.
I will provide a test webpage to work on at the beginning after that you can start working on the official website.


Posted On: December 05, 2018 11:11 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: Adobe Photoshop, Content Writing, Graphic Design, HTML, Web Design, Website Development, WordPress
Country: Canada
click to apply

UI Engineer - FORESEE - Vancouver, BC

NodeJS jobs - Tue, 12/04/2018 - 22:37
Experience with some of ES6, NodeJS, Express JS, AWS or similar cloud solution. Founded in 2001, ForeSee is the pioneering leader in Voice of Customer (VOC)...
From GlassDoor.com - Tue, 04 Dec 2018 22:37:34 GMT - View all Vancouver, BC jobs
Categories: NodeJS

[Request] Looking for Plugin to Assist with Animation

Talk about plugins - Tue, 12/04/2018 - 21:22

I'm normally an application developer but to facilitate some business needs I'm the poor sap that has drawn to short straw and has to set up a word press site.

I've attached an image of our header, right now its a simple row with 2 columns. The line between the columns is added in with a boat load of annoying CSS. We are using the uncode theme as our base if that matters. But what the business users wants is an animation that when you hover over 1 column it grows to overlap the other and the one that is not being hovered would blur.

https://i.redd.it/dfsijvuhqb221.png

submitted by /u/jbarnard83
[link] [comments]

Kanopi Studios: Kanopi 2019 DrupalCon Seattle Sessions

News from Planet Drupal - Tue, 12/04/2018 - 20:29

We are thrilled to have had three of our sessions chosen for DrupalCon Seattle in April 2019. You’ll find us at the booth, in the hallway, and out and about in Seattle, but make sure to visit us in our three Builder Track sessions:

Keep Living the Dream! How to work remotely AND foster a happy, balanced life

Virtual. Remote. Distributed. Pick your label. This style of organization is becoming wildly more in demand and popular among many Drupal shops. While many folks have gone remote, some people find the experience quite isolating and disconnected.

In this session we will talk about how to be the best remote employee, as well as provide ideas if you are a leader of a remote team. We will talk about key tactics to keep you (and all other staff) inspired, creative, productive and most importantly, happy!

Presenter: Anne Stefanyk

Beyond the Screen Reader: Humanizing Accessibility

We talk a lot about the basics of accessibility. But what does it really mean to be accessible? How do we ensure we are including everyone and empowering every user in every scenario to use our sites, products, and devices? We think about deaf and blind users, we check contrast for colorblind users. We consider the elderly and sometimes those with dyslexia. Are we including trans folks? Parents? The chronically ill? People with limited literacy? The injured? People in a major emergency? Who are we designing for? What should we be considering?

If you’re wondering how these folks might be affected by accessibility and you want your website to be inclusive for everyone, this is the session for you.

Presenter: Alanna Burke

Deep Cleaning: Creating franchise model efficiencies with Drupal 8

COIT offers cleaning and 24/7 emergency restoration services. Their 100+ locations serve more than 12 million homes & businesses across the United States and Canada.

It had been years since the COIT site had been updated, and it posed a host of technical challenges. Franchise content optimizations resulted in redundant updates for the SEO team. The mobile experience wasn’t optimized for conversions. There was a mountain of custom technical debt. And despite the current content administrative challenges, the localized experience lacked the level of context-awareness that consumers have come to expect. It was time for COIT to clean up its own mess.

In this case study we will cover the more technical parts of this Drupal 8 implementation: how we kept a multinational but distinctly separate brand presence with geolocative features, maintained custom promotions tailored to each franchise location, and kept the existing hard-won SEO and SEM business drivers intact.

Presenters: Anne Stefanyk and Katherine White

The post Kanopi 2019 DrupalCon Seattle Sessions appeared first on Kanopi Studios.

Categories: Drupal

Google's, "Mobile-First indexing"–Are You Familiar With How it Works? (Need Help Implementing) - Upwork

WordPress Work From UpWork - Tue, 12/04/2018 - 14:56
I am looking to hire a developer to help make GoldenFS.org in line with best practices for mobile-first indexing.  Currently, our site has AMP and non-AMP pages, but Google stated that Google "prefers to index the mobile version of the non-AMP page." (here's Google's official statement on this matter:
https://webmasters.googleblog.com/2018/03/rolling-out-mobile-first-indexing.html)

If you look at goldenfs.org and its individual pages:

Here are a few examples:

https://goldenfs.org/arizona-debt-relief/
https://goldenfs.org/debt-relief-blog/
https://goldenfs.org/best-financial-advice/

(multiple templates)

You will see on these pages that Google's page speed score is low. We need to get this up to 95+!!

Right now, it's under 65.

To recap, Google's crawling, indexing, and ranking systems have typically used the desktop version of a page's content, which may cause issues for mobile searchers when that version is vastly different from the mobile version. Mobile-first indexing means that Google will use the mobile version of the page for indexing and ranking, to better help our – primarily mobile – users find what they're looking for.

Statement from Google: "Google is notifying sites that are migrating to mobile-first indexing via Search Console. Site owners will see significantly increased crawl rate from the Smartphone Googlebot. Additionally, Google will show the mobile version of pages in Search results and Google cached pages."

Here are the instructions on how to do this, from Google:
https://developers.google.com/search/mobile-sites/mobile-first-indexing
(It covers how sites using responsive web design or dynamic serving are generally set for mobile-first indexing. For sites that have AMP and non-AMP pages, Google will prefer to index the mobile version of the non-AMP page.)

***I am interested in doing this for a flat fee, so please include what your flat fee would be to ensure all of the pages, including all 3 examples I Provided above, are in line with Google's best practices for mobile first indexing.***


Posted On: December 04, 2018 21:11 UTC
Category: Web, Mobile & Software Dev > Web & Mobile Design
Skills: HTML, HTML5, jQuery, Web Design, Website Development, WordPress
Country: United States
click to apply

Web design for marketing agency site (in Wordpress) - Upwork

WordPress Work From UpWork - Tue, 12/04/2018 - 14:03
I run a small marketing consulting agency and built my site. PLEASE CONFIRM IN YOUR APPLICATION THAT YOU CAN ADDRESS POINTS 1-4 BELOW.

Looking for someone to review my new site and redesign it. The site was built in wordpress. All the new pages that were created are listed below. I will need you to:
1. redesign every page as you best you see fit, while maintaining the current text and order of content blocks.
2. Create/buy a couple of images to replace the current ones (the images and videos you see now on the site where either created or bought. You may choose to keep them or replace them with stock…up to you). I don’t have aan unlimited budget so please be mindful in trying to use as many free images as you can!
3. The theme comes with default font, so this is the font we will need to use UNLESS you strongly believe a new font would make a world of difference
4. Please confirm whether you are experienced with wordpress and can update the changes yourself or you will need my dev team to do it.

I will give you the logo and colors for the logo. Current colors throughout the site where used from logo. You may use those colors throughout the site if you see fit, or choose your own colors.

I want a site that looks 100% professional, clean and state of the art.

Pages:

1. HOME PAGE NEW - https://mobileevco.com/home1/
2. ASO PAGE NEW - https://mobileevco.com/app-store-optimization-1/
3. USER ACQUISITION PAGE NEW - https://mobileevco.com/user-acquisition-2/
4. CONTACT US FORM NEW - https://mobileevco.com/contact-us-3/ - We have created 6 colored boxes to display addresses of your 6 offices worldwide.
5. THE TEAM NEW - https://mobileevco.com/team2/ - In this page we have displayed names of 6 offices and placed a Contact us button below them. We propose this section of WHERE THE MAGIC HAPPENS must be common on all pages.


Posted On: December 04, 2018 21:11 UTC
Category: Web, Mobile & Software Dev > Web & Mobile Design
Skills: Adobe Illustrator, Adobe InDesign, Adobe Photoshop, Graphic Design, Illustration, Photo Editing, Web Design, WordPress
Country: United States
click to apply

Need LANDING Website for Tech Startup - Upwork

WordPress Work From UpWork - Tue, 12/04/2018 - 11:24
For my recently founded Tech Startup, I need a small and short landing page with innovative, beautiful and at the same time futuristic and technological looking look. The example that reflects my needs as best is the following:

https://the8760.com/

I do not need more text or content. I can fit in my content and text perfectly into this one.

I am searching for a Front End Developer with the needed expertise in the required fields.


Posted On: December 04, 2018 11:41 UTC
Category: Web, Mobile & Software Dev > Web Development
Country: Germany
click to apply

ComputerMinds.co.uk: Open links in popups with Foundation

News from Planet Drupal - Tue, 12/04/2018 - 11:16

Let me take you on a journey. We'll pass by Drupal content renderer services, AJAX commands, javascript libraries and a popular front-end framework. If you've only heard of one or two of those things, come lean on the experience I took diving deep into Drupal. I'm pleased with where my adventure took me to, and maybe what I learned will be useful to you too.

Here's the end result: a contact form, launched from a button link in the site header, with the page beneath obscured by an overlay. The form allows site visitors to get in touch from any page, without leaving what they were looking at.

Drupal has its own API for making links launch dialogs (leveraging jQuery UI Dialogs). But our front-end of the site was built with Foundation, the super-popular theming framework, which provides components of its own that are much better for styling. We often base our bespoke themes on Foundation, and manipulate Drupal to fit.

We had already done some styling of Foundation's Reveal component. In those places, the markup to show in the popup is already in the page, but I didn't really want the form to be in the page until it was needed. Instead, AJAX could fetch it in. So I wondered if I could combine Drupal's AJAX APIs with Foundation's Reveal markup and styling. Come with me down the rabbit hole...

There are quite a few components in making this possible. Here's a diagram:

So it comes down to the following parts, which we'll explore together. Wherever custom code is needed, I've posted it in full later in this article.

  • A link that uses AJAX, with a dialog type set in an attribute.
  • Drupal builds the content of the page that was linked to.
  • Drupal's content view subscriber picks up that response and looks for a content renderer service that matches the dialog type.
  • The content renderer returns an AJAX command PHP class in its response, and attaches a javascript library that will contain a javascript AJAX command (a method).
  • That command returns the content to show in the popup, and that javascript method name.
  • The javascript method launches the popup containing the HTML content.

Let's start at the beginning: the link. Drupal's AJAX API for links is pretty neat. We trigger it with two things:

  1. A use-ajax class, which tells it to open that link via an AJAX call, returning just the main page content (e.g. without headers & footers), to be presented in your existing page.
  2. A data-dialog-type attribute, to instruct how that content should be presented. This can be used for the jQuery UI dialogs (written up elsewhere) or the newer off-canvas sidebar, for example.

I wanted to have a go at creating my own 'dialog type', which would be a Foundation Reveal popup. The HTML fetched by the AJAX call would be shown in it. Let's start with the basic markup I wanted to my link to have:

Enquire

This could either just be part of content, or I could get this into a template using a preprocess function that would build the link. Something like this:

<?php // $url could have come from $node->toUrl(), Url::fromRoute() or similar. // For this example, it's come from a contact form entity. $url->setOption('attributes', [ 'class' => [ 'use-ajax', ], // This attribute tells it to use our kind of dialog 'data-dialog-type' => 'reveal', ]); // The variable 'popup_launcher' is to be used in the template. $variables['popup_launcher'] = \Drupal\Core\Link::fromTextAndUrl(t('Enquire'), $url);

After much reading around and breakpoint debugging to figure it out, I discovered that dialog types are matched up to content rendering services. So I needed to define a new one of those, which I could base closely on Drupal's own DialogRenderer. Here's the definition from my module's mymodule.services.yml file:

services: main_content_renderer.foundation_reveal: class: Drupal\mymodule\Render\MainContent\FoundationReveal arguments: ['@title_resolver'] tags: - { name: render.main_content_renderer, format: drupal_reveal }

Adding the tag named 'render.main_content_renderer' means my class will be picked up by core's MainContentRenderersPass when building the container. Drupal's MainContentViewSubscriber will then consider it as a service that can render responses.

The 'format' part of the tag needs to be the value that our data-dialog-type attribute has, with (somewhat arbitrarily?) 'drupal_' prepended. The arguments will just be whatever the constructor for the class needs. I often write my class first and then go back to adjust the service definition once I know what it needs. But I'll be a good tour guide and show you things in order, rather than shuttling you backwards and forwards!

Onto that FoundationReveal service class now. I started out with a copy of core's own ModalRenderer which is a simple extension to the DialogRenderer class. Ultimately, that renderer is geared around returning an AJAX command (see the AJAX API documentation), which comes down to specifying a command to invoke in the client-side javascript with some parameters.

I would need my own command, and my FoundationReveal renderer would need to specify it to be used. That only two functional differences were needed in comparison to core's DialogRenderer:

  1. Attach a custom library, which would contain the actual javascript command to be invoked:
$main_content['#attached']['library'][] = 'mymodule/dialog.ajax';
  1. Return an AJAX command class, that will specify that javascript command (rather than the OpenDialogCommand command that DialogRenderer uses) - i.e. adding this to the returned $response:
new OpenFoundationRevealCommand('#mymodule-reveal')

We'll learn about that command class later!

So the renderer file, mymodule/src/Render/MainContent/FoundationReveal.php (in that location in order to match the namespace in the service file definition), looks like this - look out for those two tweaks:

<?php namespace Drupal\mymodule\Render\MainContent; use Drupal\Core\Ajax\AjaxResponse; use Drupal\Core\Render\MainContent\DialogRenderer; use Drupal\Core\Routing\RouteMatchInterface; use Drupal\mymodule\Ajax\OpenFoundationRevealCommand; use Symfony\Component\HttpFoundation\Request; /** * Default main content renderer for foundation reveal requests. */ class FoundationReveal extends DialogRenderer { /** * {@inheritdoc} */ public function renderResponse(array $main_content, Request $request, RouteMatchInterface $route_match) { $response = new AjaxResponse(); // First render the main content, because it might provide a title. $content = drupal_render_root($main_content); // Attach the library necessary for using the OpenFoundationRevealCommand // and set the attachments for this Ajax response. $main_content['#attached']['library'][] = 'core/drupal.dialog.ajax'; $main_content['#attached']['library'][] = 'mymodule/dialog.ajax'; $response->setAttachments($main_content['#attached']); // Determine the title: use the title provided by the main content if any, // otherwise get it from the routing information. $title = isset($main_content['#title']) ? $main_content['#title'] : $this->titleResolver->getTitle($request, $route_match->getRouteObject()); // Determine the dialog options and the target for the OpenDialogCommand. $options = $request->request->get('dialogOptions', []); $response->addCommand(new OpenFoundationRevealCommand('#mymodule-reveal', $title, $content, $options)); return $response; } }

That AJAX command class, OpenFoundationRevealCommand sits in mymodule/src/Ajax/OpenFoundationRevealCommand.php. Its render() method is the key, it returns the command which will map to a javascript function, and the actual HTML under 'data'. Here's the code:

<?php namespace Drupal\mymodule\Ajax; use Drupal\Core\Ajax\OpenDialogCommand; use Drupal\Core\StringTranslation\StringTranslationTrait; /** * Defines an AJAX command to open certain content in a foundation reveal popup. * * @ingroup ajax */ class OpenFoundationRevealCommand extends OpenDialogCommand { use StringTranslationTrait; /** * Implements \Drupal\Core\Ajax\CommandInterface:render(). */ public function render() { return [ 'command' => 'openFoundationReveal', 'selector' => $this->selector, 'settings' => $this->settings, 'data' => $this->getRenderedContent(), 'dialogOptions' => $this->dialogOptions, ]; } /** * {@inheritdoc} */ protected function getRenderedContent() { if (empty($this->dialogOptions['title'])) { $title = ''; } else { $title = '' . $this->dialogOptions['title'] . ''; } $button = 't('Close') . '" type="button">×'; return '' . $title . parent::getRenderedContent() . '' . $button; } }

Now, I've mentioned that the command needs to match a javascript function. That means adding some new javascript to the page, which, in Drupal 8, we do by defining a library. My 'mymodule/dialog.ajax' library was attached in the middle of FoundationReveal above. My library file defines what actual javascript file to include - it is mymodule.libraries.yml and looks like this:

dialog.ajax: version: VERSION js: js/dialog.ajax.js: {} dependencies: - core/drupal.dialog.ajax

Then here's that actual mymodule/js/dialog.ajax.js file. It adds the 'openFoundationReveal' method to the prototype of the globally-accessible Drupal.AjaxCommands. That matches the command name returned by my OpenFoundationRevealCommand::render() method that we saw.

(function ($, Drupal) { Drupal.AjaxCommands.prototype.openFoundationReveal = function (ajax, response, status) { if (!response.selector) { return false; } // An element matching the selector will be added to the page if it does not exist yet. var $dialog = $(response.selector); if (!$dialog.length) { // Foundation expects certain things on a Reveal container. $dialog = $('').appendTo('body'); } if (!ajax.wrapper) { ajax.wrapper = $dialog.attr('id'); } // Get the markup inserted into the page. response.command = 'insert'; response.method = 'html'; ajax.commands.insert(ajax, response, status); // The content is ready, now open the dialog! var popup = new Foundation.Reveal($dialog); popup.open(); }; })(jQuery, Drupal);

There we have it - that last bit of the command opens the Foundation Reveal popup dialog!

I should also add that since I was showing a contact form in the popup, I installed the Contact ajax module. This meant that a site visitor would stay within the popup once they submit the form, which meant for a clean user experience.

Thanks for following along with me!

Categories: Drupal

WeKnow: Improving Drupal and Gatsby Integration - The Drupal Modules

News from Planet Drupal - Tue, 12/04/2018 - 11:15
Improving Drupal and Gatsby Integration - The Drupal Modules

At weKnow we are not only using Drupal, we also take contributing back very seriously and now is the time for improving the Drupal and Gatsby integration.

As mentioned in my personal blog, Moving weKnow's personal blog sites from Drupal to GatsbyJS, we have been using Gatsby with Drupal for projects as our decouple strategy lately, and after building a few sites with Drupal and Gatsby we found some challenges, which we resolved writing custom code. But now we’ve decided to share our knowledge as contributed modules.

Toast UI Editor

This module provides a markdown WYSIWYG editor integration for Toast UI Editor

jmolivas Tue, 12/04/2018 - 11:15
Categories: Drupal

Wordpress website project manager - Upwork

WordPress Work From UpWork - Tue, 12/04/2018 - 09:27
We have purchased a template wordpress website and we are looking now for a project manager to customise it with our brand, logos, manage and coordinate content creation and translations, manage and coordinate images content, set it up, and manage and coordinate its hosting and full operational mode delivery and completion.
Thanks in advance for your reply.
Kind regards


Posted On: December 04, 2018 11:41 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: Content Writing, Facebook Marketing, Project Management, Project Management Professional, Website Development, WordPress, Wordpress Theme
Country: United Kingdom
click to apply

Navigation

Let's Talk


Let's talk about your website:
Get Started

My LinkedIn profile



LocalSolo Freelance