f/atom-bootstrap3

Twitter Bootstrap 3 Snippets for Atom

atom-bootstrap3's Issues

[Feature Request] JSX autocomplete support

It'd be great to have the same autocomplete functionality you get with HTML files within React.js .jsx files.

missing some font awesome autocomplete icons(need icons update)

example: fa-paw

Usage with other grammar than HTML?

Is it possible to use this plugin for other grammars than HTML? I am using the Spacebars grammar, since I am developing for Meteor, the snippets are not recognized there.

Snippets Expand by Tab not working

When I type html-+ tab nothing happens. I've gone over my settings, i don't see anything wrong. I'm new to atom, so it may be something I'm missing, but it seems pretty self-explanatory. I cannot get any of the snippets from this package to work. I've disabled, uninstalled, reinstalled, restarted Atom. I can't seem to get this working.

Any help appreciated. Thanks.

lack of hint in atom 1.8

no hint p tag class:
text-uppercase,
text-lowercase,
text-capitalize

but it worrks!

2 calls to deprecated methods

I get the following error after installing the bootstrap snippet.

atom-bootstrap3 (2 deprecations)
Store package settings files in the settings/ directory instead of scoped-properties/
Called 1 time
Package.loadSettings - C:\Users\CRISTIAN\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:566:9

• C:\Users\CRISTIAN\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:168:43
  Package.measure - C:\Users\CRISTIAN\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:147:15
  Package.load - C:\Users\CRISTIAN\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:161:12
  Use activationCommands instead of activationEvents in your package.json Commands should be grouped by selector as follows:

"activationCommands": {
"atom-workspace": ["foo:bar", "foo:baz"],
"atom-text-editor": ["foo:quux"]
}
Called 1 time
Package.getActivationCommands - C:\Users\CRISTIAN\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:790:9
Package.hasActivationCommands - C:\Users\CRISTIAN\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:715:20

• C:\Users\CRISTIAN\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:169:24
  Package.measure - C:\Users\CRISTIAN\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:147:15

Tab Key Defaults to Emmet

When I press the tab key (even when the dropdown of options is shown), the behavior defaults to emmet. For example, pressing tab when panel shows results in <panel></panel>.

Command Key

What is the command key to toggle completion?

The README defines triggers; however how do you 'trigger' one of the triggers?

I want to type:

page-header

And Get:

a div with < div class="page-header" >
a heading 1 and a small
with a < / div > closed.

With Sublime Text 3 you do CTRL + SHIFT + P and just type 'bs3'

usage with other snippets

it would be easier if snippets had bs3- prefix because if there are multiple snippet packages installed it's confusing, same problem for foundation package for atom, when I use sublime text it's easier because snippets have prefixes bs3- or zf-

Missing Classes: hidden-*

The package is missing the classes hidden-xs, hidden-sm, hidden-lg etc.

ENTER inserts new line instead of selecting autocomplete suggestion in a tags

Let's say for example that I'm in an HTML file and I want to specify classes of an a tag, so the cursor is between the quotation marks:

<a class=""></a>

Now, the problem is that when I start typing the name of a Bootstrap class, like btn, the autosuggestion menu comes up and then hit ENTER, a new line is inserted rather than the class name is autocompleted.

I don't have this problem with div tags at all though.

Typo in alert-dismissible

There is a typo in the word "dismissible" in alert-dismissible autocompletion entry. It should be "dismissible" not "dismissable".

oddity

Running Mavericks, and this dosen't seem to work for me. Probably something silly on my end, but in any case I'm typing

html-

and nothing at all happens! Sorry if this in on my end. I've installed with apm, and everything looks ok on the atom side.

I'll keep pokin' around!

works in .js file

How can I configure to use code completation in .js file, for me only works in .html file.

tks

Feature request - more markup for tables

Could we have a snippet for a full BS3 table example:

<table class="table">
    <caption>Optional table caption.</caption>
    <thead>
        <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Username</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">1</th>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
        </tr>
        <tr>
            <th scope="row">2</th>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
        </tr>
        <tr>
            <th scope="row">3</th>
            <td>Larry</td>
            <td>the Bird</td>
            <td>@twitter</td>
        </tr>
    </tbody>
</table>

shortcut to add the css bootstrap

my english is bad.
Add this code fragment in my html is very util

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

Add support for GitHub Octicons

Add support for GitHub Octicons

Since FA has nothing with twbs/bootstrap, I thought it would be nice to also support GitHub Octicons.

Add a CHANGELOG.md

Would be good to add a CHANGELOG.md. These show in Atom when an update is available so users will be able to see what's new/changed.

Uncaught TypeError: undefined is not a function

1. On Recent Projects Page
2. Click the red "X" to delete
3. ???
4. Profit!

Atom Version: 0.187.0
System: Microsoft Windows 8.1 Pro
Thrown From: atom-bootstrap3 package, v1.2.0

Stack Trace

Uncaught TypeError: undefined is not a function

At /c:/Users/xxxxxxx/.atom/packages/recent-projects/lib/recent-projects.coffee:112

TypeError: undefined is not a function
  at fn (C:\Users\xxxxxxx\.atom\packages\recent-projects\lib\recent-projects.coffee:68:24)
  at C:\Users\xxxxxxx\.atom\packages\recent-projects\lib\recent-projects.coffee:42:13
  at C:\Users\xxxxxxx\.atom\packages\recent-projects\lib\recent-projects.coffee:26:25
  at FSReqWrap.cb [as oncomplete] (fs.js:229:19)

Commands

     -3:23.9 settings-view:check-for-package-updates (atom-workspace.workspace.scrollbars-visible-always.theme-atom-dark-syntax.theme-atom-dark-ui)
     -1:17.2 deprecation-cop:view (atom-workspace.workspace.scrollbars-visible-always.theme-atom-dark-syntax.theme-atom-dark-ui)

Config

{
  "core": {
    "followSymlinks": true,
    "projectHome": "D:\\Dropbox\\Projects",
    "disabledPackages": [
      "symbols-view",
      "autocomplete-paths"
    ]
  }
}

Installed Packages

# User
atom-color-highlight, v3.0.8
auto-detect-indentation, v0.3.0
autoclose-html, v0.15.0
autocomplete-plus, v2.5.0
autocomplete-snippets, v1.1.0
color-picker, v1.4.4
emmet, v2.3.4
file-icons, v1.5.1
git-tab-status, v1.5.3
html-id-class-snippets, v1.4.1
javascript-snippets, v1.0.0
linter, v0.12.0
linter-bootlint, v0.0.3
linter-csslint, v0.0.11
linter-htmlhint, v0.0.8
linter-javac, v0.1.3
linter-jshint, v0.1.0
linter-php, v0.0.11
linter-pylint, v0.2.1
linter-rubocop, v0.2.2
linter-scss-lint, v0.0.14
linter-shellcheck, v0.0.7
linter-xmllint, v0.0.5
recent-projects, v0.3.0
sync-settings, v0.2.2
travis-ci-status, v0.13.0

# Dev
No dev packages

Uncaught Error: Can't undo with an open transaction

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 0.177.0
System: Microsoft Windows 8.1 Single Language
Thrown From: atom-bootstrap3 package, v1.2.0

Stack Trace

Uncaught Error: Can't undo with an open transaction

At F:\Apps\Atom\resources\app\node_modules\text-buffer\lib\history.js:76

Error: Can't undo with an open transaction
  at History.module.exports.History.undo (F:\Apps\Atom\resources\app\node_modules\text-buffer\lib\history.js:76:15)
  at History.module.exports.History.revertToCheckpoint (F:\Apps\Atom\resources\app\node_modules\text-buffer\lib\history.js:188:16)
  at TextBuffer.module.exports.TextBuffer.revertToCheckpoint (F:\Apps\Atom\resources\app\node_modules\text-buffer\lib\text-buffer.js:714:27)
  at TextEditor.module.exports.TextEditor.revertToCheckpoint (F:\Apps\Atom\resources\app\src\text-editor.js:1201:26)
  at AutocompleteView.module.exports.AutocompleteView.cancelled (F:\Apps\Atom\resources\app\node_modules\autocomplete\lib\autocomplete-view.js:174:21)
  at AutocompleteView.module.exports.SelectListView.cancel (F:\Apps\Atom\resources\app\node_modules\archive-view\node_modules\atom-space-pen-views\lib\select-list-view.js:260:14)
  at atom-text-editor.<anonymous> (F:\Apps\Atom\resources\app\node_modules\archive-view\node_modules\atom-space-pen-views\lib\select-list-view.js:76:26)
  at atom-text-editor.jQuery.event.dispatch (F:\Apps\Atom\resources\app\node_modules\jquery\dist\jquery.js:4430:9)
  at atom-text-editor.elemData.handle (F:\Apps\Atom\resources\app\node_modules\jquery\dist\jquery.js:4116:28)
  at atom-text-editor.jQuery.event.special.focus.trigger (F:\Apps\Atom\resources\app\node_modules\space-pen\vendor\jquery.js:4842:11)
  at Object.jQuery.event.trigger (F:\Apps\Atom\resources\app\node_modules\space-pen\vendor\jquery.js:4565:60)
  at atom-text-editor.<anonymous> (F:\Apps\Atom\resources\app\node_modules\space-pen\vendor\jquery.js:5124:17)
  at Function.jQuery.extend.each (F:\Apps\Atom\resources\app\node_modules\space-pen\vendor\jquery.js:590:23)
  at TextEditorView.jQuery.fn.jQuery.each (F:\Apps\Atom\resources\app\node_modules\space-pen\vendor\jquery.js:237:17)
  at TextEditorView.jQuery.fn.extend.trigger (F:\Apps\Atom\resources\app\node_modules\space-pen\vendor\jquery.js:5123:15)
  at TextEditorView.jQuery.fn.trigger (F:\Apps\Atom\resources\app\src\space-pen-extensions.js:56:28)
  at TextEditorView.jQuery.fn.(anonymous function) [as focus] (F:\Apps\Atom\resources\app\node_modules\space-pen\vendor\jquery.js:6733:9)
  at AutocompleteView.module.exports.AutocompleteView.cancel (C:\Users\ps48\.atom\packages\autocomplete-plus-async\lib\autocomplete-view.coffee:143:19)
  at AutocompleteView.cancel (C:\Users\ps48\.atom\packages\autocomplete-plus-async\lib\autocomplete-view.coffee:1:1)
  at AutocompleteView.module.exports.AutocompleteView.onChanged (C:\Users\ps48\.atom\packages\autocomplete-plus-async\lib\autocomplete-view.coffee:226:8)
  at C:\Users\ps48\.atom\packages\autocomplete-plus-async\lib\autocomplete-view.coffee:1:1
  at TextBuffer.module.exports.Emitter.emit (F:\Apps\Atom\resources\app\node_modules\emissary\lib\emitter.js:118:15)
  at TextBuffer.module.exports.TextBuffer.applyPatch (F:\Apps\Atom\resources\app\node_modules\text-buffer\lib\text-buffer.js:595:12)
  at TextBuffer.module.exports.TextBuffer.setTextInRange (F:\Apps\Atom\resources\app\node_modules\text-buffer\lib\text-buffer.js:507:12)
  at TextBuffer.module.exports.TextBuffer.delete (F:\Apps\Atom\resources\app\node_modules\text-buffer\lib\text-buffer.js:604:19)
  at Selection.module.exports.Selection.deleteSelectedText (F:\Apps\Atom\resources\app\src\selection.js:562:37)
  at F:\Apps\Atom\resources\app\node_modules\autocomplete\lib\autocomplete-view.js:265:23
  at Array.forEach (native)
  at F:\Apps\Atom\resources\app\node_modules\autocomplete\lib\autocomplete-view.js:261:22
  at History.module.exports.History.transact (F:\Apps\Atom\resources\app\node_modules\text-buffer\lib\history.js:115:18)
  at TextBuffer.module.exports.TextBuffer.transact (F:\Apps\Atom\resources\app\node_modules\text-buffer\lib\text-buffer.js:687:27)
  at TextEditor.module.exports.TextEditor.transact (F:\Apps\Atom\resources\app\src\text-editor.js:1181:26)
  at AutocompleteView.module.exports.AutocompleteView.replaceSelectedTextWithMatch (F:\Apps\Atom\resources\app\node_modules\autocomplete\lib\autocomplete-view.js:257:26)
  at AutocompleteView.module.exports.AutocompleteView.selectItemView (F:\Apps\Atom\resources\app\node_modules\autocomplete\lib\autocomplete-view.js:93:21)
  at AutocompleteView.module.exports.SelectListView.populateList (F:\Apps\Atom\resources\app\node_modules\archive-view\node_modules\atom-space-pen-views\lib\select-list-view.js:207:21)
  at AutocompleteView.module.exports.AutocompleteView.populateList (F:\Apps\Atom\resources\app\node_modules\autocomplete\lib\autocomplete-view.js:336:54)
  at F:\Apps\Atom\resources\app\node_modules\archive-view\node_modules\atom-space-pen-views\lib\select-list-view.js:347:26

Commands

     -34:51.0 editor:newline (atom-text-editor.editor.is-focused)
     -34:42.9 core:save (atom-text-editor.editor.is-focused)
  4x -34:37.1 core:backspace (atom-text-editor.editor.is-focused)
     -34:32.3 core:save (atom-text-editor.editor.is-focused)
  4x -31:58.6 editor:newline (atom-text-editor.editor.is-focused)
     -31:52.5 core:paste (atom-text-editor.editor.is-focused)
  2x -31:51.6 core:save (atom-text-editor.editor.is-focused)
     -31:31.6 core:backspace (atom-text-editor.editor)
     -31:30.8 core:save (atom-text-editor.editor)
  9x -31:16.5 core:undo (atom-text-editor.editor)
     -31:13.0 core:save (atom-text-editor.editor)
  2x -30:15.7 editor:newline (atom-text-editor.editor.is-focused)
     -30:09.6 core:backspace (atom-text-editor.editor.is-focused)
  2x -30:09.0 editor:newline (atom-text-editor.editor.is-focused)
     -30:04.3 autocomplete:toggle (atom-text-editor.editor.is-focused)
  5x -30:02.1 core:backspace (atom-text-editor.editor.is-focused)

Config

{
  "core": {
    "themes": [
      "seti-ui",
      "monokai-seti"
    ]
  }
}

Installed Packages

# User
autocomplete-plus-async, v0.22.0
monokai-seti, v0.4.0
seti-ui, v0.6.3

# Dev
No dev packages

/cc @atom/core

Progress bars and aria-* class

The striped effect on progress bars don't work with the class provided by the package (progress-striped), instead progress-bar-striped works.

The aria-* class is not added.

Thanks.

not working

I type as shown html- but instead I am getting:
(<)html-(>) (</) html- (>)
I am not getting the Bootstrap snippet.
html-min:
html-oi
is not working either. I do have Emmet so I don't know if this is causing the problem.
Please help. Thanks

Autocomplete trigger

Newbie question:
What triggers the autocomplete menu for the classes? For example, if my cursor is after the b in class below how do I make a menu pop up?

<button type="button" class="b">

(Snippets work fine for me.)

Thanks.

need more support for glyphicon autocomplete

when typing glyphicon in atom it doesn't autocomplete it to tag with glyphicon class!!!

Support for HAML

would it be possible to support HAML output?

Insert tabs instead of spaces

Is it possible to create an option to insert tabs instead of spaces when a snippet is triggered? Or, even better, is it possible for the package to check whether soft tabs are enabled in the core settings of Atom, and insert tabs or spaces accordingly?

classes snippets did not work

I added this package but it didn't work for classes

Failed to load the wordpress-api package settings

[Enter steps to reproduce below:]

1. ...
2. ...

Atom Version: 0.187.0
System: Microsoft Windows 7 Professional
Thrown From: atom-bootstrap3 package, v1.2.0

Stack Trace

Failed to load the wordpress-api package settings

At unexpected action in C:\Users\Tousif\.atom\packages\wordpress-api\scoped-properties\wordpress.hooks.cson

[stdin]:40:33: error: unexpected action
      'admin_action_{$_REQUEST['action']}'
                                ^^^^^^
  at C:\Users\Tousif\.atom\packages\wordpress-api\scoped-properties\wordpress.hooks.cson:1:1

Commands

Config

{
  "core": {
    "themes": [
      "atom-dark-ui",
      "atom-dark-syntax"
    ]
  }
}

Installed Packages

# User
autocomplete-css, v0.6.0
autocomplete-html, v0.5.0
autocomplete-paths, v1.0.2
autocomplete-plus, v2.5.0
autocomplete-snippets, v1.2.0
color-picker, v1.4.4
css-snippets, v0.5.0
docs-snippets, v0.8.0
emmet, v2.3.4
javascript-snippets, v1.0.0
jshint, v1.3.0
linter, v0.12.0
minimap, v4.6.0
remote-atom, v1.2.0
Remote-FTP, v0.6.2
remote-sync, v2.4.0
wordpress-api, v1.1.0

# Dev
No dev packages

atom-bootstrap3 cdn links included not working

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

Both the css and the script links give error in browser console.

Failed to load resource: net::ERR_FILE_NOT_FOUND