CoreUI modal not working – Fix CoreUI modal

I’ve faced a problem when displaying the modal of coreui when calling a js function, such as:

$('#modal-create-token').modal('show');

Well, after searching for a solution I’ve founded that adding CSS style as above will fix the probelm, and the modal of the coreui will be display:

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.fade.out {
  opacity: 0;
}

Also, you may need to add to the modal tag ‘data-backdrop=”false”‘, for example:

<div class="modal fade" id="modal-create-token" tabindex="-1" role="dialog" data-backdrop="false">

🙂

Add VUE syntax highlighting support to Sublime Text 3

While the Sublime Text 3 editor can handle with the common web development languages (HTML / JS / CSS / PHP / etc), in order to add a syntax highlighting support for VUE, you may need to add a plugin to the Sublime Text 3 editor.

vue-syntax-highlight

The stages to highlighting VUE in Sublime Text 3 are:

1) Open the VUE file in Sublime Text 3

2) Go to menu view->show console

3) Add this to the console:

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaeeebe013ee18cced0ef93d5f746d80ef60' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

4) Click on Enter. Wait for the installation to finish, this may take a few seconds.

5) Press on CTRL+Shift+p, a new select box should be open.

6) Search for ‘Package Control :: Install Package’ then search for ‘vue-syntax-highlight’

7) Reopen the Sublime Text 3.

That’s it. From now on your VUE script will be highlight in Sublime Text 3

Install Sublime Text 3 on Ubuntu / Debian

Sublime text is my favorite code editor. This editor can handle easily with HTML / Java Script / CSS / PHP and any other web development language.

While installing the Sublime Text 3 on windows is easy, on linux you can install it using the above command lines:

# Download the Sublime Text 3
wget http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3083_amd64.deb

# Install it
dpkg -i sublime-text_build-3083_amd64.deb

That’s it!

Now, in order to open the Sub Lime Text 3 run:

subl

If you want to open a specific document or file:

subl 'the_path_to_the_file_name.php'