added a modifed NProgress (called CProgress, how clever!) to show enc…

…ryption or decryption is happening in the browser

Changes.md

@@ -2,10 +2,11 @@
 
 
 ## v0.9.2.2 - new
+* added a modifed NProgress (called CProgress, how clever!) to show the user encryption or decryption is happening in the browser
+* all Principals now use _id for reference instead of id/_id mix
+* Principal.create() now returns existing princ if already in db
 * removed error about missing macs when inserting a doc that does not contain the encrypted fields, while throwing a new error when inserting a doc with enc. fields w/o providing principal to encrypt them
 * only add to cache when a princ really exists
-* Principal.create() now returns existing princ if already in db
-* all Principals now use _id for reference instead of id/_id mix
 * fixed PrincInfo method call checking for wrong argument
 
 ## v0.9.2.2

packages/cprogress/README.md

@@ -0,0 +1,32 @@
+meteor-nprogress [![Build Status](https://travis-ci.org/zhouzhuojie/meteor-nprogress.svg?branch=master)](https://travis-ci.org/zhouzhuojie/meteor-nprogress)
+================
+
+NProgress for Meteor
+
+Installation
+```
+meteor add mrt:nprogress
+```
+
+Basic usage
+-------------
+
+Simply call `start()` and `done()` to control the progress bar.
+
+Note that NProgress needs to access DOM, so you may want to call NProgress when DOM is ready. In other words, call it
+inside Meteor.startup or Template.foo.rendered function.
+
+~~~ js
+Meteor.startup(function(){
+  NProgress.start();
+  // Do something, like loading...
+  NProgress.done();
+});
+~~~
+
+More
+-----------
+
+Official Documentation for NProgress: [https://github.com/rstacruz/nprogress](https://github.com/rstacruz/nprogress)
+
+Demo: [http://ricostacruz.com/nprogress/](http://ricostacruz.com/nprogress/)

packages/cprogress/lib/cprogress/cprogress.css

@@ -0,0 +1,74 @@
+/* Make clicks pass-through */
+#cprogress {
+  pointer-events: none;
+}
+
+#cprogress .bar {
+  background: #ff0000;
+
+  position: fixed;
+  z-index: 1031;
+  bottom: 0;
+  left: 0;
+
+  width: 100%;
+  height: 1px;
+}
+
+/* Fancy blur effect */
+#cprogress .peg {
+  display: block;
+  position: absolute;
+  right: 0px;
+  width: 100px;
+  height: 100%;
+  box-shadow: 0 0 10px #ff0000, 0 0 5px #ff0000;
+  opacity: 1.0;
+
+  -webkit-transform: rotate(3deg) translate(0px, 4px);
+      -ms-transform: rotate(3deg) translate(0px, 4px);
+          transform: rotate(3deg) translate(0px, 4px);
+}
+
+/* Remove these to get rid of the spinner */
+#cprogress .spinner {
+  display: block;
+  position: fixed;
+  z-index: 1031;
+  bottom: 15px;
+  right: 15px;
+}
+
+#cprogress .spinner-icon {
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+
+  border: solid 2px transparent;
+  border-top-color: #ff0000;
+  border-left-color: #ff0000;
+  border-radius: 50%;
+
+  -webkit-animation: cprogress-spinner 400ms linear infinite;
+          animation: cprogress-spinner 400ms linear infinite;
+}
+
+.cprogress-custom-parent {
+  overflow: hidden;
+  position: relative;
+}
+
+.cprogress-custom-parent #cprogress .spinner,
+.cprogress-custom-parent #cprogress .bar {
+  position: absolute;
+}
+
+@-webkit-keyframes cprogress-spinner {
+  0%   { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+@keyframes cprogress-spinner {
+  0%   { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+