Skip to content

Instantly share code, notes, and snippets.

@lucasmarques73

lucasmarques73/init.coffee

Last active January 16, 2017 00:37
Show Gist options
  • Save lucasmarques73/a432d6d0a02fb4c2d02bff83e5bfb427 to your computer and use it in GitHub Desktop.
Save lucasmarques73/a432d6d0a02fb4c2d02bff83e5bfb427 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
init.coffee
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
# console.log "Saved! #{editor.getPath()}"
Raw
keymap.cson
# Your keymap
#
# Atom keymaps work similarly to style sheets. Just as style sheets use
# selectors to apply styles to elements, Atom keymaps use selectors to associate
# keystrokes with events in specific contexts. Unlike style sheets however,
# each selector can only be declared once.
#
# You can create a new keybinding in this file by typing "key" and then hitting
# tab.
#
# Here's an example taken from Atom's built-in keymap:
#
# 'atom-text-editor':
# 'enter': 'editor:newline'
#
# 'atom-workspace':
# 'ctrl-shift-p': 'core:move-up'
# 'ctrl-p': 'core:move-down'
#
# You can find more information about keymaps in these guides:
# * https://atom.io/docs/latest/using-atom-basic-customization#customizing-key-bindings
# * https://atom.io/docs/latest/behind-atom-keymaps-in-depth
#
# If you're having trouble with your keybindings not working, try the
# Keybinding Resolver: `Cmd+.` on OS X and `Ctrl+.` on other platforms. See the
# Debugging Guide for more information:
# * https://atom.io/docs/latest/hacking-atom-debugging#check-the-keybindings
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# https://atom.io/docs/latest/using-atom-basic-customization#cson
Raw
packages.json
[
{
"name": "about",
"version": "1.7.2"
},
{
"name": "archive-view",
"version": "0.62.0"
},
{
"name": "atom-autocomplete-php",
"version": "0.21.0"
},
{
"name": "atom-beautify",
"version": "0.29.16"
},
{
"name": "atom-css-comb",
"version": "3.1.0"
},
{
"name": "atom-dark-syntax",
"version": "0.28.0",
"theme": "syntax"
},
{
"name": "atom-dark-ui",
"version": "0.53.0",
"theme": "ui"
},
{
"name": "atom-light-syntax",
"version": "0.29.0",
"theme": "syntax"
},
{
"name": "atom-light-ui",
"version": "0.46.0",
"theme": "ui"
},
{
"name": "autoclose-html",
"version": "0.23.0"
},
{
"name": "autocomplete-atom-api",
"version": "0.10.0"
},
{
"name": "autocomplete-css",
"version": "0.14.1"
},
{
"name": "autocomplete-html",
"version": "0.7.2"
},
{
"name": "autocomplete-paths",
"version": "1.0.5"
},
{
"name": "autocomplete-plus",
"version": "2.33.1"
},
{
"name": "autocomplete-snippets",
"version": "1.11.0"
},
{
"name": "autoflow",
"version": "0.29.0"
},
{
"name": "autosave",
"version": "0.23.2"
},
{
"name": "background-tips",
"version": "0.26.1"
},
{
"name": "base16-tomorrow-dark-theme",
"version": "1.4.0",
"theme": "syntax"
},
{
"name": "base16-tomorrow-light-theme",
"version": "1.4.0",
"theme": "syntax"
},
{
"name": "bookmarks",
"version": "0.43.2"
},
{
"name": "bracket-matcher",
"version": "0.85.1"
},
{
"name": "color-picker",
"version": "2.2.4"
},
{
"name": "command-palette",
"version": "0.39.1"
},
{
"name": "deprecation-cop",
"version": "0.55.1"
},
{
"name": "dev-live-reload",
"version": "0.47.0"
},
{
"name": "emmet",
"version": "2.4.3"
},
{
"name": "encoding-selector",
"version": "0.22.0"
},
{
"name": "exception-reporting",
"version": "0.40.0"
},
{
"name": "file-icons",
"version": "2.0.9"
},
{
"name": "find-and-replace",
"version": "0.204.5"
},
{
"name": "fuzzy-finder",
"version": "1.4.0"
},
{
"name": "git-diff",
"version": "1.2.0"
},
{
"name": "git-plus",
"version": "7.1.0"
},
{
"name": "go-to-line",
"version": "0.31.2"
},
{
"name": "grammar-selector",
"version": "0.48.2"
},
{
"name": "highlight-selected",
"version": "0.12.0"
},
{
"name": "image-view",
"version": "0.60.0"
},
{
"name": "incompatible-packages",
"version": "0.26.1"
},
{
"name": "ionic-framework-snippets",
"version": "1.2.1"
},
{
"name": "javascript-snippets",
"version": "1.2.1"
},
{
"name": "keybinding-resolver",
"version": "0.35.0"
},
{
"name": "language-c",
"version": "0.54.0"
},
{
"name": "language-clojure",
"version": "0.22.1"
},
{
"name": "language-coffee-script",
"version": "0.48.1"
},
{
"name": "language-csharp",
"version": "0.13.0"
},
{
"name": "language-css",
"version": "0.40.1"
},
{
"name": "language-gfm",
"version": "0.88.0"
},
{
"name": "language-git",
"version": "0.15.0"
},
{
"name": "language-go",
"version": "0.43.0"
},
{
"name": "language-html",
"version": "0.47.1"
},
{
"name": "language-hyperlink",
"version": "0.16.1"
},
{
"name": "language-java",
"version": "0.24.0"
},
{
"name": "language-javascript",
"version": "0.122.0"
},
{
"name": "language-json",
"version": "0.18.3"
},
{
"name": "language-less",
"version": "0.29.6"
},
{
"name": "language-make",
"version": "0.22.2"
},
{
"name": "language-mustache",
"version": "0.13.0"
},
{
"name": "language-objective-c",
"version": "0.15.1"
},
{
"name": "language-perl",
"version": "0.37.0"
},
{
"name": "language-php",
"version": "0.37.3"
},
{
"name": "language-property-list",
"version": "0.8.0"
},
{
"name": "language-python",
"version": "0.45.1"
},
{
"name": "language-ruby",
"version": "0.70.2"
},
{
"name": "language-ruby-on-rails",
"version": "0.25.1"
},
{
"name": "language-sass",
"version": "0.57.0"
},
{
"name": "language-shellscript",
"version": "0.23.0"
},
{
"name": "language-source",
"version": "0.9.0"
},
{
"name": "language-sql",
"version": "0.25.0"
},
{
"name": "language-text",
"version": "0.7.1"
},
{
"name": "language-todo",
"version": "0.29.1"
},
{
"name": "language-toml",
"version": "0.18.1"
},
{
"name": "language-xml",
"version": "0.34.12"
},
{
"name": "language-yaml",
"version": "0.27.1"
},
{
"name": "line-ending-selector",
"version": "0.5.1"
},
{
"name": "link",
"version": "0.31.2"
},
{
"name": "markdown-preview",
"version": "0.159.1"
},
{
"name": "metrics",
"version": "1.1.2"
},
{
"name": "minimap",
"version": "4.26.6"
},
{
"name": "minimap-highlight-selected",
"version": "4.5.0"
},
{
"name": "notifications",
"version": "0.65.1"
},
{
"name": "one-dark-syntax",
"version": "1.6.0",
"theme": "syntax"
},
{
"name": "one-dark-ui",
"version": "1.8.2",
"theme": "ui"
},
{
"name": "one-light-syntax",
"version": "1.6.0",
"theme": "syntax"
},
{
"name": "one-light-ui",
"version": "1.8.2",
"theme": "ui"
},
{
"name": "open-on-bitbucket",
"version": "0.4.0"
},
{
"name": "open-on-github",
"version": "1.2.1"
},
{
"name": "open-recent",
"version": "5.0.0"
},
{
"name": "package-generator",
"version": "1.0.2"
},
{
"name": "settings-view",
"version": "0.244.0"
},
{
"name": "snippets",
"version": "1.0.4"
},
{
"name": "solarized-dark-syntax",
"version": "1.1.1",
"theme": "syntax"
},
{
"name": "solarized-light-syntax",
"version": "1.1.1",
"theme": "syntax"
},
{
"name": "spell-check",
"version": "0.68.5"
},
{
"name": "status-bar",
"version": "1.6.0"
},
{
"name": "styleguide",
"version": "0.48.0"
},
{
"name": "symbols-view",
"version": "0.113.1"
},
{
"name": "sync-settings",
"version": "0.8.1"
},
{
"name": "synced-sidebar",
"version": "0.4.3"
},
{
"name": "tabs",
"version": "0.103.1"
},
{
"name": "timecop",
"version": "0.33.2"
},
{
"name": "tool-bar",
"version": "1.0.1"
},
{
"name": "toolbar-iconshortcuts",
"version": "3.10.0"
},
{
"name": "tree-view",
"version": "0.211.1"
},
{
"name": "update-package-dependencies",
"version": "0.10.0"
},
{
"name": "webbox-color",
"version": "0.5.9"
},
{
"name": "welcome",
"version": "0.35.1"
},
{
"name": "whitespace",
"version": "0.35.0"
},
{
"name": "wrap-guide",
"version": "0.39.0"
}
]
Raw
settings.json
{
"core": {
"disabledPackages": [
"atom-autocomplete-php"
],
"telemetryConsent": "no"
},
"editor": {
"fontSize": 13,
"softWrap": true
},
"exception-reporting": {
"userId": "9003f737-6b40-d983-65cb-7b11a34fe7cd"
},
"git-plus": {
"general": {
"_analyticsUserId": "5c1936ff-7dc7-40f0-bfa3-4cec99747af6"
}
},
"minimap": {
"plugins": {
"highlight-selected": true,
"highlight-selectedDecorationsZIndex": 0
}
},
"sync-settings": {
"syncStyles": false
},
"tool-bar": {
"position": "Left"
},
"welcome": {
"showOnStartup": false
}
}
Raw
snippets.cson
# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#
# '.source.coffee':
# 'Console log':
# 'prefix': 'log'
# 'body': 'console.log $1'
#
# Each scope (e.g. '.source.coffee' above) can only be declared once.
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# https://atom.io/docs/latest/using-atom-basic-customization#cson
# ESTRUTURA HTML SIMPLES HTML5
'*':
'Estrutura HTML':
'prefix': 'html'
'body': """
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/estilo.css">
<script type="text/javascript" src="js/arquivoJS.js"></script>
<title>Tit Aba</title>
</head>
<body>
<h1>CONTEUDO</h1>
</body>
</html>
"""
#ESTRUTURA HTML SO BOOTSTRAP E ICON AWESOME
"Estrutura HTML Bootstrap e Icon Awesome":
"prefix":"htmlbootstrap"
"body":"""
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Palavras chave separadas por virgulas" />
<meta name="description" content="Texto resumido aparecera nos resultados de busca atalhos" />
<meta name="author" content="Nome do autor">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<title>Título Aba</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Boottrap opicional tema -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<!-- MDL Google -->
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- CSS Personalizado -->
<link rel="stylesheet" type="text/css" href="css/estilo.css">
</head>
<body>
<h1>CONTEUDO</h1>
</body>
</html>
"""
# ESTRUTURA HTML COMPLETA - BOOTSTRAP, FONT AWESOME, IECSS, JQUERY
"Estrutura HTML Completa":
"prefix":"htmlcompleto"
"body":"""
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Palavras chave separadas por virgulas" />
<meta name="description" content="Texto resumido aparecera nos resultados de busca atalhos" />
<meta name="author" content="Nome do autor">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<title>Título Aba</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Boottrap opicional tema -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- HTML5 e Respond.js para suporte IE8 -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- jQuery - Versao 2 e 1 -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Angular e Angular Material -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.9.0/angular-material.min.js"></script>
<!-- JQuery Mobile -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<!-- JQuery UI -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<!-- MDL Google -->
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<!-- CSS Personalizado -->
<link rel="stylesheet" type="text/css" href="css/estilo.css">
</head>
<body>
<h1>CONTEUDO</h1>
</body>
</html>
"""
# MATERIAL DESIGN GOOGLE
'mdlTag':
'prefix': 'mdlTag'
'body': """
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
"""
# MATERIALIZE
'materialize':
'prefix': 'materialize'
'body': """
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
"""
# DECLARACAO CSS
'Declara CSS':
'prefix': 'declaracss'
'body': """
<style type="text/css">
</style>
"""
# DECLARACAO JAVA SCRIP
'Declara JS':
'prefix': 'declarajs'
'body': """
<script type="text/javascript">
</script>
"""
# DECLARACAO INTERNET EXPLORER CSS
"Boostrap IECSS":
"prefix":"iecss"
"body":"""
<!--[if lt IE 9]>
<script src='https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js'></script>
<script src='https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js'></script>
<![endif]-->
"""
# DECLARACAO BOOTSTRAP
"Declara Boostrap":
"prefix":"bootsrap"
"body":"""
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
"""
# DECLARACAO FONT AWESOME
"Declara Font Awesome":
"prefix":"fontawesome"
"body":"""
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
"""
# DECLARACAO OCTICONS
"HTML Template (Using Octicons by GitHub)":
"prefix":"octicons"
'body': """
<link href="https://cdn.jsdelivr.net/octicons/2.1.2/octicons.css" rel="stylesheet">
"""
# DECLARACAO IONIC
"Declara Ionic Framework":
"prefix":"ionic"
"body":"""
<!-- Ionic frameworks -->
<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
"""
#TOOLTIP BOOSTRAP
'Tooltip Bootstrap':
'prefix': 'tooltip'
'body': """
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>$1
<style type="text/css">
.tooltip{
position:absolute;
z-index:1020;
display:block;
visibility:visible;
padding:5px;
font-size:11px;
opacity:0;
filter:alpha(opacity=0)
}
.tooltip.in{
opacity:.8;
filter:alpha(opacity=80)
}
.tooltip.top{
margin-top:-2px
}
.tooltip.right{
margin-left:2px
}
.tooltip.bottom{
margin-top:2px
}
.tooltip.left{
margin-left:-2px
}
.tooltip.top .tooltip-arrow{
bottom:0;
left:50%;
margin-left:-5px;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid #000
}
.tooltip.left .tooltip-arrow{
top:50%;
right:0;
margin-top:-5px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-left:5px solid #000
}
.tooltip.bottom .tooltip-arrow{
top:0;
left:50%;
margin-left:-5px;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-bottom:5px solid #000
}
.tooltip.right .tooltip-arrow{
top:50%;
left:0;
margin-top:-5px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-right:5px solid #000
}
.tooltip-inner{
max-width:200px;
padding:3px 8px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#000;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.tooltip-arrow{
position:absolute;
width:0;
height:0
}
</style>
<body>
<div class="container">
<h3>Tooltip Example</h3>
<p>The data-placement attribute specifies the tooltip position.</p>
<ul class="list-inline">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">Top</a></li>
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">Bottom</a></li>
<li><a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Left</a></li>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Hooray!">Right</a></li>
</ul>
</div>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
$3
</body>
</html>
"""
# MODAL SIMPLES BOOTSTRAP
"Modal Simples Bootsrap":
"prefix":"modalsimples"
"body":"""
<div class="modal fade" id="" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;
</button>
<h4 class="modal-title" id=""></h4>
</div>
<div class="modal-body">
CORPO DO CONTEUDO DA MODAL
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary"></button>
</div>
</div>
</div>
</div>
"""
# MODAL PEQUENA E GRANDE BOOTSTRAP
"Modal Pequena e grande Bootsrap":
"prefix":"modaltamanhos"
"body":"""
<!-- MODAL GRANDE -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
CORPO DO CONTEUDO DA MODAL
</div>
</div>
</div>
<!-- MODAL PEQUENA -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
CORPO DO CONTEUDO DA MODAL
</div>
</div>
</div>
"""
# MODAL COM FORMULARIO BOOTSTRAP
'Modal':
'prefix': 'modalform'
'body': """
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Open modal for @mdo</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@fat">Open modal for @fat</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@getbootstrap">Open modal for @getbootstrap</button>
...more buttons...
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="exampleModalLabel">New message</h4>
</div>
<div class="modal-body">
<!-- CONTEUDO -->
<form>
<div class="form-group">
<label for="recipient-name" class="control-label">Recipient:</label>
<input type="text" class="form-control" id="recipient-name">
</div>
<div class="form-group">
<label for="message-text" class="control-label">Message:</label>
<textarea class="form-control" id="message-text"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Send message</button>
</div>
</div>
</div>
</div>
"""
#ACORDION BOOSTRAP
'Accordion':
'prefix': 'accordion'
'body': """
<div class="panel-group" id="$1">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#$2" href="#$3">
$4
</a>
</h4>
</div>
<div id="$5" class="panel-collapse collapse in">
<div class="panel-body">
$6
</div>
</div>
</div>
</div>
"""
# CAROUSEL BOOSTRAP
'Carousel Bootstrap':
'prefix': 'carousel'
'body': """
<div id="${1:carousel-generic}" class="carousel slide" data-ride="carousel">
<!-- Indicadores -->
<ol class="carousel-indicators">
<li data-target="#${1:carousel-generic}" data-slide-to="0" class="active"></li>
<li data-target="#${1:carousel-generic}" data-slide-to="1"></li>
<li data-target="#${1:carousel-generic}" data-slide-to="2"></li>
</ol>
<!-- Div dos slides -->
<div class="carousel-inner">
<div class="item active">
<img src="$2" alt="$3">
<div class="carousel-caption">
$4
</div>
</div>
$5
</div>
<!-- setas direcionais do slides -->
<a class="left carousel-control" href="#${1:carousel-generic}" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#${1:carousel-generic}" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
"""
# NAVBAR RESPONSIVA BOOSTRAP
'Navbar Boostrap':
'prefix': 'navbarbootstrap'
'body': """
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#${1:navbar}">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">$2</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="${1:navbar}">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">$3</a></li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">$4</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
"""
'Navbar Dropdown':
'prefix': 'navbar-dropdown'
'body': """
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">${1:Menu Item} <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">$2</a></li>
<li class="divider"></li>
</ul>
</li>
$1
"""
Raw
sync-settings-atom
sync-settings-atom
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment