public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 18:56:22 +00:00
Code Issues Releases Wiki Activity

add snippet list

Browse Source
This commit is contained in:
Rokt33r
2015-05-28 13:35:42 +09:00
parent c83e542ea0
commit bf560c207d
22 changed files with 1183 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Gulpfile.js
View File

@@ -32,7 +32,7 @@ gulp.task('js', function(){
gulp.task('sass', function () { gulp.task('sass', function () {
return gulp.src('src/**/*.scss') return gulp.src('src/**/*.scss')
.pipe(cached('styles')) .pipe(cached('styles'))
.pipe(sass().on('error', sass.logError)) .pipe(sass())
.pipe(autoprefixer()) .pipe(autoprefixer())
.pipe(remember('styles')) .pipe(remember('styles'))
.pipe(concat('all.css')) .pipe(concat('all.css'))

1
src/_ui-select.scss
View File

@@ -111,6 +111,7 @@ body > .select2-container.open {
.ui-select-bootstrap > .ui-select-match > .btn{ .ui-select-bootstrap > .ui-select-match > .btn{
/* Instead of center because of .btn */ /* Instead of center because of .btn */
text-align: left !important; text-align: left !important;
padding-right: 25px;
} }
.ui-select-bootstrap > .ui-select-match > .caret { .ui-select-bootstrap > .ui-select-match > .caret {

2
src/_variables.scss
View File

@@ -7,3 +7,5 @@ $side-view-link-active-color: $navbar-inverse-link-active-color;
$side-view-link-hover-color: $navbar-inverse-link-hover-color; $side-view-link-hover-color: $navbar-inverse-link-hover-color;
$side-view-link-active-bg: $navbar-inverse-link-active-bg; $side-view-link-active-bg: $navbar-inverse-link-active-bg;
$side-view-link-hover-bg: $navbar-inverse-link-hover-bg; $side-view-link-hover-bg: $navbar-inverse-link-hover-bg;
$border-color: #ddd;

2
src/app.js
View File

@@ -10,10 +10,12 @@ angular.module('codexen', [
'templates', 'templates',
'codexen.config', 'codexen.config',
'codexen.directives', 'codexen.directives',
'codexen.modals',
'codexen.services', 'codexen.services',
'codexen.states']) 'codexen.states'])
angular.module('templates', []) angular.module('templates', [])
angular.module('codexen.config', []) angular.module('codexen.config', [])
angular.module('codexen.directives', []) angular.module('codexen.directives', [])
angular.module('codexen.modals', [])
angular.module('codexen.services', []) angular.module('codexen.services', [])
angular.module('codexen.states', []) angular.module('codexen.states', [])

740
src/config/ace.js Normal file
View File

@@ -0,0 +1,740 @@
angular.module('codexen.config')
.constant('aceModes', [{
"name": "ABAP",
"mode": [
"abap"
]
},
{
"name": "ABC",
"mode": [
"abc"
]
},
{
"name": "ActionScript",
"mode": [
"as"
]
},
{
"name": "ADA",
"mode": [
"ada|adb"
]
},
{
"name": "Apache_Conf",
"mode": [
"^htaccess|^htgroups|^htpasswd|^conf|htaccess|htgroups|htpasswd"
]
},
{
"name": "AsciiDoc",
"mode": [
"asciidoc|adoc"
]
},
{
"name": "Assembly_x86",
"mode": [
"asm"
]
},
{
"name": "AutoHotKey",
"mode": [
"ahk"
]
},
{
"name": "BatchFile",
"mode": [
"bat|cmd"
]
},
{
"name": "C9Search",
"mode": [
"c9search_results"
]
},
{
"name": "C_Cpp",
"mode": [
"cpp|c|cc|cxx|h|hh|hpp"
]
},
{
"name": "Cirru",
"mode": [
"cirru|cr"
]
},
{
"name": "Clojure",
"mode": [
"clj|cljs"
]
},
{
"name": "Cobol",
"mode": [
"CBL|COB"
]
},
{
"name": "coffee",
"mode": [
"coffee|cf|cson|^Cakefile"
]
},
{
"name": "ColdFusion",
"mode": [
"cfm"
]
},
{
"name": "CSharp",
"mode": [
"cs"
]
},
{
"name": "CSS",
"mode": [
"css"
]
},
{
"name": "Curly",
"mode": [
"curly"
]
},
{
"name": "D",
"mode": [
"d|di"
]
},
{
"name": "Dart",
"mode": [
"dart"
]
},
{
"name": "Diff",
"mode": [
"diff|patch"
]
},
{
"name": "Dockerfile",
"mode": [
"^Dockerfile"
]
},
{
"name": "Dot",
"mode": [
"dot"
]
},
{
"name": "Dummy",
"mode": [
"dummy"
]
},
{
"name": "DummySyntax",
"mode": [
"dummy"
]
},
{
"name": "Eiffel",
"mode": [
"e"
]
},
{
"name": "EJS",
"mode": [
"ejs"
]
},
{
"name": "Elixir",
"mode": [
"ex|exs"
]
},
{
"name": "Elm",
"mode": [
"elm"
]
},
{
"name": "Erlang",
"mode": [
"erl|hrl"
]
},
{
"name": "Forth",
"mode": [
"frt|fs|ldr"
]
},
{
"name": "FTL",
"mode": [
"ftl"
]
},
{
"name": "Gcode",
"mode": [
"gcode"
]
},
{
"name": "Gherkin",
"mode": [
"feature"
]
},
{
"name": "Gitignore",
"mode": [
"^.gitignore"
]
},
{
"name": "Glsl",
"mode": [
"glsl|frag|vert"
]
},
{
"name": "golang",
"mode": [
"go"
]
},
{
"name": "Groovy",
"mode": [
"groovy"
]
},
{
"name": "HAML",
"mode": [
"haml"
]
},
{
"name": "Handlebars",
"mode": [
"hbs|handlebars|tpl|mustache"
]
},
{
"name": "Haskell",
"mode": [
"hs"
]
},
{
"name": "haXe",
"mode": [
"hx"
]
},
{
"name": "HTML",
"mode": [
"html|htm|xhtml"
]
},
{
"name": "HTML_Ruby",
"mode": [
"erb|rhtml|html.erb"
]
},
{
"name": "INI",
"mode": [
"ini|conf|cfg|prefs"
]
},
{
"name": "Io",
"mode": [
"io"
]
},
{
"name": "Jack",
"mode": [
"jack"
]
},
{
"name": "Jade",
"mode": [
"jade"
]
},
{
"name": "Java",
"mode": [
"java"
]
},
{
"name": "JavaScript",
"mode": [
"js|jsm"
]
},
{
"name": "JSON",
"mode": [
"json"
]
},
{
"name": "JSONiq",
"mode": [
"jq"
]
},
{
"name": "JSP",
"mode": [
"jsp"
]
},
{
"name": "JSX",
"mode": [
"jsx"
]
},
{
"name": "Julia",
"mode": [
"jl"
]
},
{
"name": "LaTeX",
"mode": [
"tex|latex|ltx|bib"
]
},
{
"name": "Lean",
"mode": [
"lean|hlean"
]
},
{
"name": "LESS",
"mode": [
"less"
]
},
{
"name": "Liquid",
"mode": [
"liquid"
]
},
{
"name": "Lisp",
"mode": [
"lisp"
]
},
{
"name": "LiveScript",
"mode": [
"ls"
]
},
{
"name": "LogiQL",
"mode": [
"logic|lql"
]
},
{
"name": "LSL",
"mode": [
"lsl"
]
},
{
"name": "Lua",
"mode": [
"lua"
]
},
{
"name": "LuaPage",
"mode": [
"lp"
]
},
{
"name": "Lucene",
"mode": [
"lucene"
]
},
{
"name": "Makefile",
"mode": [
"^Makefile|^GNUmakefile|^makefile|^OCamlMakefile|make"
]
},
{
"name": "Markdown",
"mode": [
"md|markdown"
]
},
{
"name": "Mask",
"mode": [
"mask"
]
},
{
"name": "MATLAB",
"mode": [
"matlab"
]
},
{
"name": "MEL",
"mode": [
"mel"
]
},
{
"name": "MUSHCode",
"mode": [
"mc|mush"
]
},
{
"name": "MySQL",
"mode": [
"mysql"
]
},
{
"name": "Nix",
"mode": [
"nix"
]
},
{
"name": "ObjectiveC",
"mode": [
"m|mm"
]
},
{
"name": "OCaml",
"mode": [
"ml|mli"
]
},
{
"name": "Pascal",
"mode": [
"pas|p"
]
},
{
"name": "Perl",
"mode": [
"pl|pm"
]
},
{
"name": "pgSQL",
"mode": [
"pgsql"
]
},
{
"name": "PHP",
"mode": [
"php|phtml"
]
},
{
"name": "Powershell",
"mode": [
"ps1"
]
},
{
"name": "Praat",
"mode": [
"praat|praatscript|psc|proc"
]
},
{
"name": "Prolog",
"mode": [
"plg|prolog"
]
},
{
"name": "Properties",
"mode": [
"properties"
]
},
{
"name": "Protobuf",
"mode": [
"proto"
]
},
{
"name": "Python",
"mode": [
"py"
]
},
{
"name": "R",
"mode": [
"r"
]
},
{
"name": "RDoc",
"mode": [
"Rd"
]
},
{
"name": "RHTML",
"mode": [
"Rhtml"
]
},
{
"name": "Ruby",
"mode": [
"rb|ru|gemspec|rake|^Guardfile|^Rakefile|^Gemfile"
]
},
{
"name": "Rust",
"mode": [
"rs"
]
},
{
"name": "SASS",
"mode": [
"sass"
]
},
{
"name": "SCAD",
"mode": [
"scad"
]
},
{
"name": "Scala",
"mode": [
"scala"
]
},
{
"name": "Scheme",
"mode": [
"scm|rkt"
]
},
{
"name": "SCSS",
"mode": [
"scss"
]
},
{
"name": "SH",
"mode": [
"sh|bash|^.bashrc"
]
},
{
"name": "SJS",
"mode": [
"sjs"
]
},
{
"name": "Smarty",
"mode": [
"smarty|tpl"
]
},
{
"name": "snippets",
"mode": [
"snippets"
]
},
{
"name": "Soy_Template",
"mode": [
"soy"
]
},
{
"name": "Space",
"mode": [
"space"
]
},
{
"name": "SQL",
"mode": [
"sql"
]
},
{
"name": "SQLServer",
"mode": [
"sqlserver"
]
},
{
"name": "Stylus",
"mode": [
"styl|stylus"
]
},
{
"name": "SVG",
"mode": [
"svg"
]
},
{
"name": "Tcl",
"mode": [
"tcl"
]
},
{
"name": "Tex",
"mode": [
"tex"
]
},
{
"name": "Text",
"mode": [
"txt"
]
},
{
"name": "Textile",
"mode": [
"textile"
]
},
{
"name": "Toml",
"mode": [
"toml"
]
},
{
"name": "Twig",
"mode": [
"twig"
]
},
{
"name": "Typescript",
"mode": [
"ts|typescript|str"
]
},
{
"name": "Vala",
"mode": [
"vala"
]
},
{
"name": "VBScript",
"mode": [
"vbs|vb"
]
},
{
"name": "Velocity",
"mode": [
"vm"
]
},
{
"name": "Verilog",
"mode": [
"v|vh|sv|svh"
]
},
{
"name": "VHDL",
"mode": [
"vhd|vhdl"
]
},
{
"name": "XML",
"mode": [
"xml|rdf|rss|wsdl|xslt|atom|mathml|mml|xul|xbl|xaml"
]
},
{
"name": "XQuery",
"mode": [
"xq"
]
},
{
"name": "YAML",
"mode": [
"yaml|yml"
]
},
{
"name": "Django",
"mode": [
"html"
]
}
])

1
src/config/satellizer.js
View File

@@ -1,3 +1,4 @@
/* global angular */
angular.module('codexen.config') angular.module('codexen.config')
.constant('apiUrl', 'http://localhost:8000/') .constant('apiUrl', 'http://localhost:8000/')
.config(function ($authProvider, $httpProvider) { .config(function ($authProvider, $httpProvider) {

15
src/directives/btn-new-snippet.js Normal file
View File

@@ -0,0 +1,15 @@
angular.module('codexen.directives')
.directive('btnNewSnippet', function (newSnippetModal, $rootScope) {
return {
link: function (scope, el) {
el.on('click', function () {
newSnippetModal.open()
.result.then(function (snippet) {
$rootScope.$broadcast('snippetUpdated', snippet)
}, function () {
console.log('new snippet modal dismissed')
})
})
}
}
})

6
src/directives/side-nav.scss
View File

@@ -1,10 +1,16 @@
@import "../variables"; @import "../variables";
@import "../mixins";
$side-view-link-hover-color: $gray-dark; $side-view-link-hover-color: $gray-dark;
$side-view-link-active-color: $link-color; $side-view-link-active-color: $link-color;
$side-view-link-active-bg: $body-bg; $side-view-link-active-bg: $body-bg;
#side-view ul.nav.nav-pills{ #side-view ul.nav.nav-pills{
li hr{
margin: 5px 0;
border-color: lighten($gray-dark, 20%);
}
li a{ li a{
color: white; color: white;
&:hover{ &:hover{

17
src/directives/side-nav.tpl.html
View File

@@ -3,7 +3,7 @@
<img width="30" ng-src="http://www.gravatar.com/avatar/{{ vm.currentUser.email | gravatar }}"> <img width="30" ng-src="http://www.gravatar.com/avatar/{{ vm.currentUser.email | gravatar }}">
<span ng-bind="vm.currentUser.name"></span> <span ng-bind="vm.currentUser.name"></span>
<span class="dropdown" dropdown is-open> <span class="dropdown" dropdown is-open>
<button type="button" name="button" dropdown-toggle class="btn btn-default dropdown-toggle"><i class="fa fa-caret-down"></i></button> <a type="button" name="button" dropdown-toggle class="btn btn-sm btn-default dropdown-toggle"><i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li> <li>
<a ng-click="vm.signOut()"><i class="fa fa-signout"></i> Sign Out</a> <a ng-click="vm.signOut()"><i class="fa fa-signout"></i> Sign Out</a>
@@ -19,10 +19,23 @@
<p>Side Nav</p> <p>Side Nav</p>
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">
<li>
<a btn-new-snippet href="#"><i class="fa fa-plus-square-o"></i> New Snippet</a>
</li>
<li class="divider"><hr></li>
<li>
</li>
<li ui-sref-active="active"> <li ui-sref-active="active">
<a ui-sref="home"><i class="fa fa-home"></i> Home</a> <a ui-sref="home"><i class="fa fa-home"></i> Home</a>
</li> </li>
<li ui-sref-active="active">
<a ui-sref="snippets"><i class="fa fa-code"></i> Snippets</a>
</li>
<li ui-sref-active="active">
<a ui-sref="clips"><i class="fa fa-paperclip"></i> Clips</a>
</li>
<li class="divider"><hr></li>
<li> <li>
<a href="">My Page</a> <a href=""><i class="fa fa-gears"></i> Configuration</a>
</li> </li>
</ul> </ul>

6
src/main.scss
View File

@@ -46,3 +46,9 @@ label{
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
} }
.inline-form-control{
@extend .form-control;
width: auto;
display: inline-block;
}

12
src/modals/new-snippet-editor.scss Normal file
View File

@@ -0,0 +1,12 @@
@import "../variables";
$editor-border-color: $border-color;
.new-snippet-modal{
.ace_editor {
height: 200px;
border: solid 1px $editor-border-color;
border-radius: 5px;
}
}

38
src/modals/new-snippet-modal.js Normal file
View File

@@ -0,0 +1,38 @@
angular.module('codexen.modals')
.factory('newSnippetModal', function ($modal) {
var open = function () {
return $modal.open({
templateUrl:'modals/new-snippet-modal.tpl.html',
controller:'NewSnippetModalController as vm'
})
}
return {
open: open
}
})
.controller('NewSnippetModalController', function ($modalInstance, aceModes, $log, Snippet, $rootScope){
var vm = this
vm.aceModes = aceModes
vm.submit = function () {
var params = {
title: vm.title,
description: vm.description,
prefix: vm.prefix,
mode: vm.mode==null?null:vm.mode.name.toLowerCase(),
content: vm.content
}
Snippet.create(params)
.success(function(data){
$modalInstance.close(data.snippet)
console.log('snippet created!', data)
})
}
vm.cancel = function () {
$modalInstance.dismiss()
}
})

34
src/modals/new-snippet-modal.tpl.html Normal file
View File

@@ -0,0 +1,34 @@
<div class="new-snippet-modal">
<div class="modal-header">
<input ng-model="vm.title" type="title" class="form-control input-lg" placeholder="Title">
</div>
<div class="modal-body">
<div class="form-group">
<textarea ng-model="vm.description" name="description" class="form-control" placeholder="Description..."></textarea>
</div>
<div class="form-group">
<input ng-model="vm.prefix" type="text" name="prefix" class="inline-form-control" placeholder="Prefix">
<ui-select ng-model="vm.mode" style="display: inline-block;" on-select="vm.log(vm.mode.name.toLowerCase())" theme="bootstrap" ng-disabled="disabled">
<ui-select-match placeholder="Select Type">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="mode in vm.aceModes | filter: {name: $select.search}">
<div ng-bind-html="mode.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
</div>
<div
ui-ace="{
mode: vm.mode.name.toLowerCase()
}"
ng-model="vm.content"
></div>
</div>
<div class="modal-footer">
<button ng-click="vm.submit()" type="button" name="button" class="btn btn-primary">Submit</button>
<button ng-click="vm.cancel()" type="button" name="button" class="btn btn-default">Cancel</button>
</div>
</div>

13
src/services/snippet.js
View File

@@ -1,16 +1,23 @@
angular.module('codexen.services') angular.module('codexen.services')
.factory('Snippet', function ($http, $auth, apiUrl) { .factory('Snippet', function ($http, $auth, apiUrl) {
var findByUserId = function (userId) { var findByUser = function (user) {
var url = apiUrl + 'snippets' var url = apiUrl + 'snippets'
return $http.get(url, { return $http.get(url, {
params: { params: {
userId: userId user: user
} }
}) })
} }
var create = function (params) {
var url = apiUrl + 'snippets'
return $http.post(url, params)
}
return { return {
findByUserId: findByUserId findByUser: findByUser,
create: create
} }
}) })

30
src/states/home/home.js
View File

@@ -1,36 +1,6 @@
/* global angular */ /* global angular */
angular.module('codexen.states') angular.module('codexen.states')
.controller('HomeController', function ($auth, Snippet, $scope) { .controller('HomeController', function ($auth, Snippet, $scope) {
var vm = this
vm.isLoaded = false
var laodSnippets = function () {
if ($auth.isAuthenticated) {
console.log($auth.getPayload())
var userId = $auth.getPayload().sub
Snippet.findByUserId(userId)
.success(function (data) {
console.log('snippets fetched', data.snippets)
vm.isLoaded = true
vm.snippets = data.snippets
vm.isGuest = false
})
}else {
vm.isLoaded = true
vm.isGuest = true
vm.snippets = void 0
}
}
laodSnippets()
$scope.$on('userSignIn', function () {
laodSnippets()
})
$scope.$on('userSignOut', function () {
laodSnippets()
})
}) })

47
src/states/home/home.scss
View File

@@ -1,51 +1,6 @@
@import "../../variables"; @import "../../variables";
@import "../../mixins"; @import "../../mixins";
$left-pane-width: 275px;
$pane-border-color: #ddd;
$snippet-list-border-color: #ddd;
$snippet-list-item-hover-bg: #EEE;
.home-state{ .home-state{
position: absolute; padding: 10px;
top:0;
left:0;
right:0;
bottom:0;
.left-pane{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: $left-pane-width;
overflow-x: hidden;
overflow-y: auto;
border-right: solid 1px $pane-border-color;
.snippet-list{
list-style: none;
padding: 0;
li{
padding: 5px;
border-bottom: solid 1px $snippet-list-border-color;
h4{
margin: 0;
}
&:hover{
background-color: $snippet-list-item-hover-bg;
}
p{
margin:0;
}
}
}
}
.right-pane{
position: absolute;
top: 0;
bottom: 0;
left: $left-pane-width;
right: 0;
}
} }

53
src/states/home/home.tpl.html
View File

@@ -1,51 +1,10 @@
<div class="home-state"> <div class="home-state">
<h1 class="jumbotron">Codexen App, v0.1 (breakthru)</h1>
<div class="left-pane">
<ul class="snippet-list">
<li ng-if="!vm.isLoaded" class="message-item">
<h4>
Loading
</h4>
</li>
<li ng-if="vm.isLoaded && vm.snippets==0 && !vm.isGuest" class="message-item">
<h4>
Empty List
</h4>
<button class="btn btn-xs btn-default"><i class="fa fa-plus-square-o"></i> New Snippet</button>
</li>
<li ng-if="vm.isLoaded && vm.isGuest" class="message-item">
<h4>
Sign In to access
</h4>
<a ui-sref="auth.signin" class="btn btn-xs btn-default"><i class="fa fa-signin"></i> Sign In</a>
</li>
<li ng-repeat="snippet in vm.snippets">
<div class="media">
<div class="media-left">
<img width="25" height="25" src="http://www.gravatar.com/avatar/ea0b6ad1c11700120d1af08810caa19d" alt="" />
</div>
<div class="media-body">
<h4 ng-bind="snippet.title"></h4>
<p class="created-at">created at <span ng-bind="snippet.createdAt"></span></p>
</div>
</div>
<p ng-bind="snippet.description"></p>
<p> <p>
<a ng-repeat="tag in snippet.tags" ng-bind="tag.name" href="#" class="label label-default"></a> App for Code snippets<br>
App: <a href="https://github.com/Rokt33r/codexen-app">Rokt33r/codexen-app</a><br>
Server: <a href="https://github.com/Rokt33r/codexen-server">Rokt33r/codexen-server</a>
</p> </p>
</li>
</ul>
</div>
<div class="right-pane">
<div class="">
</div>
</div>
</div> </div>

40
src/states/snippets/list.js Normal file
View File

@@ -0,0 +1,40 @@
/* global angular */
angular.module('codexen.states')
.controller('SnippetsListController', function ($auth, Snippet, $scope) {
var vm = this
vm.isLoaded = false
var laodSnippets = function () {
if ($auth.isAuthenticated) {
console.log($auth.getPayload())
var userId = $auth.getPayload().sub
Snippet.findByUser(userId)
.success(function (data) {
console.log('snippets fetched', data.snippets)
vm.isLoaded = true
vm.snippets = data.snippets
vm.isGuest = false
})
}else {
vm.isLoaded = true
vm.isGuest = true
vm.snippets = void 0
}
}
laodSnippets()
$scope.$on('userSignIn', function () {
laodSnippets()
})
$scope.$on('userSignOut', function () {
laodSnippets()
})
$scope.$on('snippetUpdated', function () {
laodSnippets()
})
})

51
src/states/snippets/list.tpl.html Normal file
View File

@@ -0,0 +1,51 @@
<div class="snippets-list-state">
<div class="left-pane">
<ul class="snippet-list">
<li ng-if="!vm.isLoaded" class="message-item">
<h4>
Loading
</h4>
</li>
<li ng-if="vm.isLoaded && vm.snippets==0 && !vm.isGuest" class="message-item">
<h4>
Empty List
</h4>
<button btn-new-snippet class="btn btn-default"><i class="fa fa-plus-square-o"></i> New Snippet</button>
</li>
<li ng-if="vm.isLoaded && vm.isGuest" class="message-item">
<h4>
Sign In to access
</h4>
<a ui-sref="auth.signin" class="btn btn-default"><i class="fa fa-signin"></i> Sign In</a>
</li>
<li ng-repeat="snippet in vm.snippets">
<div class="media">
<div class="media-left">
<img width="25" height="25" src="http://www.gravatar.com/avatar/ea0b6ad1c11700120d1af08810caa19d" alt="" />
</div>
<div class="media-body">
<h4 ng-bind="snippet.title"></h4>
<p class="created-at">created at <span ng-bind="snippet.createdAt"></span></p>
</div>
</div>
<p ng-bind="snippet.description"></p>
<p>
<a ng-repeat="tag in snippet.tags" ng-bind="tag.name" href="#" class="label label-default"></a>
</p>
</li>
</ul>
</div>
<div class="right-pane">
<div class="">
</div>
</div>
</div>

51
src/states/snippets/snippets.scss Normal file
View File

@@ -0,0 +1,51 @@
@import "../../variables";
@import "../../mixins";
$left-pane-width: 275px;
$pane-border-color: $border-color;
$snippet-list-border-color: $border-color;
$snippet-list-item-hover-bg: #EEE;
.snippets-list-state{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
.left-pane{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: $left-pane-width;
overflow-x: hidden;
overflow-y: auto;
border-right: solid 1px $pane-border-color;
.snippet-list{
list-style: none;
padding: 0;
li{
padding: 5px;
border-bottom: solid 1px $snippet-list-border-color;
h4{
margin: 0;
}
&:hover{
background-color: $snippet-list-item-hover-bg;
}
p{
margin:0;
}
}
}
}
.right-pane{
position: absolute;
top: 0;
bottom: 0;
left: $left-pane-width;
right: 0;
}
}

17
src/states/states.js
View File

@@ -4,6 +4,7 @@ angular.module('codexen.states')
$urlRouterProvider $urlRouterProvider
.when('/auth', '/auth/register') .when('/auth', '/auth/register')
.when('/auth/', '/auth/register') .when('/auth/', '/auth/register')
.otherwise('/')
$stateProvider $stateProvider
/* Auth */ /* Auth */
@@ -26,6 +27,22 @@ angular.module('codexen.states')
controller: 'AuthSignInController as vm' controller: 'AuthSignInController as vm'
}) })
/* Snippets */
.state('snippets', {
url: '/snippets',
views:{
'main-view': {
templateUrl: 'states/snippets/list.tpl.html',
controller: 'SnippetsListController as vm'
}
}
})
.state('snippets.detail', {
url: '/:id',
templateUrl: 'states/snippets/detail.tpl.html',
controller: 'SnippetsDetailController as vm'
})
/* Home */ /* Home */
.state('home', { .state('home', {
url: '/', url: '/',

132
test.js Normal file
View File

@@ -0,0 +1,132 @@
var data = {
ABAP: ["abap"],
ABC: ["abc"],
ActionScript:["as"],
ADA: ["ada|adb"],
Apache_Conf: ["^htaccess|^htgroups|^htpasswd|^conf|htaccess|htgroups|htpasswd"],
AsciiDoc: ["asciidoc|adoc"],
Assembly_x86:["asm"],
AutoHotKey: ["ahk"],
BatchFile: ["bat|cmd"],
C9Search: ["c9search_results"],
C_Cpp: ["cpp|c|cc|cxx|h|hh|hpp"],
Cirru: ["cirru|cr"],
Clojure: ["clj|cljs"],
Cobol: ["CBL|COB"],
coffee: ["coffee|cf|cson|^Cakefile"],
ColdFusion: ["cfm"],
CSharp: ["cs"],
CSS: ["css"],
Curly: ["curly"],
D: ["d|di"],
Dart: ["dart"],
Diff: ["diff|patch"],
Dockerfile: ["^Dockerfile"],
Dot: ["dot"],
Dummy: ["dummy"],
DummySyntax: ["dummy"],
Eiffel: ["e"],
EJS: ["ejs"],
Elixir: ["ex|exs"],
Elm: ["elm"],
Erlang: ["erl|hrl"],
Forth: ["frt|fs|ldr"],
FTL: ["ftl"],
Gcode: ["gcode"],
Gherkin: ["feature"],
Gitignore: ["^.gitignore"],
Glsl: ["glsl|frag|vert"],
golang: ["go"],
Groovy: ["groovy"],
HAML: ["haml"],
Handlebars: ["hbs|handlebars|tpl|mustache"],
Haskell: ["hs"],
haXe: ["hx"],
HTML: ["html|htm|xhtml"],
HTML_Ruby: ["erb|rhtml|html.erb"],
INI: ["ini|conf|cfg|prefs"],
Io: ["io"],
Jack: ["jack"],
Jade: ["jade"],
Java: ["java"],
JavaScript: ["js|jsm"],
JSON: ["json"],
JSONiq: ["jq"],
JSP: ["jsp"],
JSX: ["jsx"],
Julia: ["jl"],
LaTeX: ["tex|latex|ltx|bib"],
Lean: ["lean|hlean"],
LESS: ["less"],
Liquid: ["liquid"],
Lisp: ["lisp"],
LiveScript: ["ls"],
LogiQL: ["logic|lql"],
LSL: ["lsl"],
Lua: ["lua"],
LuaPage: ["lp"],
Lucene: ["lucene"],
Makefile: ["^Makefile|^GNUmakefile|^makefile|^OCamlMakefile|make"],
Markdown: ["md|markdown"],
Mask: ["mask"],
MATLAB: ["matlab"],
MEL: ["mel"],
MUSHCode: ["mc|mush"],
MySQL: ["mysql"],
Nix: ["nix"],
ObjectiveC: ["m|mm"],
OCaml: ["ml|mli"],
Pascal: ["pas|p"],
Perl: ["pl|pm"],
pgSQL: ["pgsql"],
PHP: ["php|phtml"],
Powershell: ["ps1"],
Praat: ["praat|praatscript|psc|proc"],
Prolog: ["plg|prolog"],
Properties: ["properties"],
Protobuf: ["proto"],
Python: ["py"],
R: ["r"],
RDoc: ["Rd"],
RHTML: ["Rhtml"],
Ruby: ["rb|ru|gemspec|rake|^Guardfile|^Rakefile|^Gemfile"],
Rust: ["rs"],
SASS: ["sass"],
SCAD: ["scad"],
Scala: ["scala"],
Scheme: ["scm|rkt"],
SCSS: ["scss"],
SH: ["sh|bash|^.bashrc"],
SJS: ["sjs"],
Smarty: ["smarty|tpl"],
snippets: ["snippets"],
Soy_Template:["soy"],
Space: ["space"],
SQL: ["sql"],
SQLServer: ["sqlserver"],
Stylus: ["styl|stylus"],
SVG: ["svg"],
Tcl: ["tcl"],
Tex: ["tex"],
Text: ["txt"],
Textile: ["textile"],
Toml: ["toml"],
Twig: ["twig"],
Typescript: ["ts|typescript|str"],
Vala: ["vala"],
VBScript: ["vbs|vb"],
Velocity: ["vm"],
Verilog: ["v|vh|sv|svh"],
VHDL: ["vhd|vhdl"],
XML: ["xml|rdf|rss|wsdl|xslt|atom|mathml|mml|xul|xbl|xaml"],
XQuery: ["xq"],
YAML: ["yaml|yml"],
Django: ["html"]
}
var arr = []
for(var key in data){
arr.push({name:key, mode:data[key]})
}
console.log(JSON.stringify(arr, null, ' '))