It’s a full python development stack, ready to be used in your browser. After a quick subscription for a free account,
-you have access from your dashboard to [python, ipython, bash] consoles in different python flavours.
-
-
You can also browse your files, make cron scripts and create python web apps on the fly.
-
-
The most interesting features are the consoles pause/resume feature, which can be shared
-with other people. This could be very helpful to collaborate on code or teach python.
-Behind the scene, it’s an encrypted ajax window over your home folder running on a remote server hosted on EC2.
-
-
DaaS may be on it’s first baby steps. Though, it could rapidly become a standard way to code for developers especially in startups.
-Before diving in the pros and cons, let’s analyse the different development stacks possibilities.
-
-
-
-
-
First, there’s the good old fashion way. Setup a server on a cloud service
-(I guess there’s still people doing it with bare metal servers ). You have plenty of choice there, (EC2, AppEngine, Azure, Rackspace…),
-it depends on your IT needs, spiritual beliefs (many don’t care) and your pockets.
-
-
Then pick the development stack of your preferred language/framework: Python(Django, Web2py, Pylons, Flask…), Ruby(Ruby On Rails) for the rock stars, Java/.Net, PHP …
-
-
Here, you have to maintain every piece involved in the process, packages versions, build tools, deployment, scaling. That’s a lot of time and resources needed to finally get your developers pushing and your apps running.
-
-
The next big step was the Heroku and Dotcloud like services, aka Deployment/Scaling as a Service.
-They release from the burden of deploying and give enough abstraction to exclusively focus your effort on the application logic.
-The process is often the same, basically setup your project with a simple conf file, then deploy to the server with one command.
-They practically all handle version control systems like git,
-so your project is deployed every time you push your code.
-I believe Github helped a lot making these services exist as deployment is often tightly bound to code revisions, and Github offers an excellent API and a huge community.
-
-
We have been adding more and more abstraction to the development process in order to make it easier, faster, stronger …
-However, there is still one constant, “localhost development”. The coding itself is done on your machine/laptop.You still can use your favourite OS, IDE, tools.
-
-
Well, DaaS is going to cross that last barrier.
-There are already several web services for online development like jsfiddle.net for web design or koding.com.
-They offer something that could change the way we see development, the abstraction of your OS, ide and development environment.
-If you think about it, that’s a lot of time saved. No multi-platform mess, no more scripts to ensure the same development stack. Using the enormous processing power
-of cloud platforms, there is virtually no compile time. You can even forget about your machine, all you need is a keyboard and a screen.
-
-
It seems only benefit but the thing is, if DaaS is really going to be the next step,I think we are missing something very important.
-Before a developer learns to code, he has
-to understand the building blocks of programming, what’s a computer, what’s an Operating System, how does it do its work. All the abstractions we built are built
-using this knowledge. How could a programmer understand code optimization ? Security flows?
-How could he understand the interaction of his code with its environment if he’s not gonna use it?
-Maybe we’re not concreted with that yet, but the next generations of programmers are.
-
-
What do you think ?
-
-
-
-
-
-
-
Comments
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/_site/blog/atom.xml b/_site/blog/atom.xml
deleted file mode 100644
index 4cec2e8..0000000
--- a/_site/blog/atom.xml
+++ /dev/null
@@ -1,319 +0,0 @@
-
-
-
- <![CDATA[]]>
-
-
- 2013-12-19T13:54:11+01:00
- http://sp4ke.github.com/blog/
-
-
-
-
- Octopress
-
-
-
- <![CDATA[My most valuable lesson in life learnt the hard way]]>
-
- 2013-04-18T11:51:00+02:00
- http://sp4ke.github.com/blog/my-most-valuable-lesson-in-life-learnt-the-hard-way
- Hollywood movies are often introduced with a main character living his life until a big event happens,
-something that is enough life changing to justify a compelling story. And we, as an audience,
-tend to identify to that hero or some event in the story that helps us forget the boredom of real life.
-I believe this is one of the secret ingredients that make the movies industry so successful.
-People need to forget about their daily life because they believe it’s boring.
-In the timespan of 159 minutes they are thrilled in something more exciting, adventurous, romantic …
-everything that does not seem to exist in “real life”.
-
-
-
-
-
I love movies and cinema, and I really enjoy seeing a good one. However, something have always kept me a bit skeptical about the whole phenomenon.
-In my sight, real life is more exciting, there’s an infinite amount of possibilities
-and outcomes to what you do. Everything seem possible when you stop picturing your
-actions and ideas in the way society expects you to do. This feeling has started filling me since I was a teenager.
-It forged my personality and made me what I have been until now. People nowadays call it being an “entrepreneur” or “hacker”.
-I don’t think any word could describe the way I feel about my life and my role in the current society.
-
-
I left my country 6 years ago and came to France in order to study computer science.
-I had been to medical school before, trying to follow my dad’s footsteps.
-My path through my studies has been the same thing as it has always been my whole life:
-trying new things, never settle down at the same place, always thinking of the next project
-and moving forward. As an immigrant student I have done many little jobs, worked for big IT
-companies ( although I was not always allowed to ), joined a prestigious computer school club
-where I learned so much about sysadmin in system engineering and met many people.
-Still, I was always feeling something missing. Deep inside, there was a voice who has been there since the beginning.
-It kept telling me what
-I needed to do. I was working as a system engineer on a short term contract when a friend
-(at the time) offered me to start our own startup where I would be responsible for all the
-technical aspect. When I think about it now, the idea was not that attractive,
-there was no business plan and we were just a team of three guys without any previous experience in
-the startup business. It was one of the most important choices I had to do.
-Either decline a comfortable job offer which would’ve let me acquire a legal worker
-status and finish my studies working with cool technologies, and maybe even travelling.
-Or jumping right into the startup adventure, with no guaranty of success, no market
-research whatsoever, and no immigration status possible especially in France which
-is about ten years far from a Startup Act .
-
-
Flash forward, I am co-founder and CTO at jib.li. Many things happened since and
-long story made short, we made a pivot and had new people in the team.
-I will share this story with my friend and co-founder Ryadh in an other article,
-a story which I think every foreign entrepreneur to France should know about.
-For the time being, Jib.li has been launched 6 months ago, had some worldwide press and
-media coverage, and is currently one of the first crowd-shipping/shopping platforms.
-
-
Then comes last week. Something big happened. Actually it was a succession of
-events that, taken alone could be considered probable, but thinking they would happen all
-at the same time in the lapse of a few days made them what we define as “life changing” events.
-They are totally unrelated, each having a huge impact in some aspect of my personal and
-professional life. But still, they are all connected together with the same variable
-that makes them what I feel like being born in a new life.
-
-
Each one of these events could be considered a failed, depressing twist filled with despair.
-In fact, they made me feel that way and I could barely sleep at night, always feeling a pain
-in my stomach like I have been punched in the nuts. I am not enough comfortable to talk about
-the personal one and the next articles will explain the rest of the story. What really matters
-here is the key denominator, something I can now consider, with confidence, as the most important factor in any
-future project and my whole new life. I am talking about Trust. Of course, it seems obvious !
-Well I taught it was too.
-
-
The history of humanity has been shaped by trust. You can’t build a pyramid if
-you can’t trust the architect. You can’t build an army when people don’t trust you. You can’t learn if you don’t
-trust a teacher or a mentor, and you can’t found a family if you don’t trust a partner…
-It is something that must be earned. Something you can’t afford with money and power. Something you can
-fake with lies and charisma . I am now convinced the only way to find trust is to look for Passion inside people and that every human
-being have to learn it the hard way. You must be betrayed in order to acknowledge it’s worth. I sincerely hope for
-you it won’t be the same as me, but I can say for sure this was my life changing event.
-Anything that will come after will be different and I am very thankful I was given this precious lesson in my youth.
-
-
I don’t know what words could describe the aftermath. I feel new, free, light.
-I feel a strength rising inside me, like the power to shape the future. I still have so many
-things to learn and experience, and the pains that come with it. Entropy makes
-life beautiful, the uncertainty built in the entire universe makes our lives much more interesting than any Hollywood movie.
-
-
Good luck to all those who create, make and change things, and for anyone else, just listen to the voice speaking to you.
-]]>
-
-
-
- <![CDATA[Redesigning jibli - lessons learned form Hack Design Part 1]]>
-
- 2013-03-06T20:01:00+01:00
- http://sp4ke.github.com/blog/redesigning-jibli-lessons-learned-form-hack-design-part-1
- As many programmers, I have always thought web design is a
-discipline best reserved for people doing art and design.
-You know, the hipster with his MacBook, his pletora of Adobe suites,
-and the huge time spent learning to use them.
-
-
I come from a background of system administration and networking, always
-fascinated by the obscure backend’s thing happening behind what you
-see on your screen. Furthermore, I started web development for the sole purpose
-of building Jib.li, as a CoFounder and CTO on this
-project, and as a team which had no money to hire a full time designer.
-
-
Needless to say I boarded the UI Design ship on the wrong foot.
-
-
In this first article I am going to share my experience on how I got passionate
-about creating and designing a User Interface and what I learned from all the
-resources shared on HN and Hack Design lessons which helped me redesign Jib.li.
-
-
-
-
-
Before
-
-
-
-
After
-
-
-
-
Where to start ?
-
-
We launched the public beta of jib.li on October 2012. A few weeks later we had had
-plenty of feedback and proposals for new features.
-
-
For strategic reasons, we chose to start Jib.li with no registering process and just a “Connect with Facebook” instead.
-
-
We had no money to make a “how it works” video we could show
-next to the home page form, like many startups do when they launch their
-product. We only had a teaser video that we made before starting this project
-where you see a bunch of people (our team at that time) pitching the idea.
-
-
The home page actually looked like many location based services and the
-typical workflow of a user was:
-
-
-
Fill in the “From” and “To” location fields
-
Choose what action to take: Send, Deliver
-
A modal shows up to let him select a date depending on which action he chose
-
Redirecting the user to a listings results page
-
The user can then click on listings or create a new one if he’s not satisified
-
-
-
-
We noticed that many people when they first reached the home page, where not able to figure out what to do next.
-To assist new users we used bootstrap tooltips everywhere, even on the action buttons.
-
-
On the graphic design aspect, we were just using a slightly customized bootstrap theme
-
-
Getting inspiration
-
-
So after we decided it was time to have a fresh and better look, I saw the opportunity
-to start practicing what I have been learning on HN, Hack Design and About Face 3 about
-UI/UX Design. It was also a good opportunity to stop frontend programming with spaghetti jQuery dom
-manipulation and start using AngularJS which devprived me of my sleep hours lately.
-(frontend programming will be the subject of an other article)
-
-
I think the most difficult step when you start working on something, no matter what kind
-of project, is actually to start. For me it was no exception. I was certainly looking
-for visual inspiration because a User Interface for a web application is first of all something
-we see before we touch and interact with.
-
-
To help me filter out the overwhelming quantity of images, photos and visuals available on the internet,
-I made list of words that sum up what Jib.li was about and started combining those words in search queries
-for images and photos.
-
-
I ended up with this one when looking for the words bike and bag, which seemed to summarize the ideas
-of transportation, carrying and environment which jib.li is all about.
-
-
-
-
This photo comes from this beautiful article by Dottie and all credits go to her.
-
-
When I saw this one ideas started immediately flowing and I knew where to start.
I actually repeated the process until I get a set of colors which validate these conditions:
-
-
-
Have at most 3 main colors
-
Have dark close to black color
-
Have a light close to white color
-
-
-
-
This one has two main colors, a wide blue range and the yellow/gold one. Grays and white are
-just desaturated and very light colors.
-
-
This should suffice to always have a color to pick from this palette instead of choosing
-one from a color picker, and so basically when looking for black I just choose the darkest one and when looking for white I pick
-the most close to white.
-
-
The wide range of blue colors made me choose the blue as the main color.
-
-
I was heavily inspired by this article of Ian Storm Taylor, which also made me
-start using HSL (Hue, Saturation, Brightness) everywhere I wanted to get new colors from the palette.
-
-
Rapid prototyping vs flat PSD design
-
-
One thing I learned in interactive design is that a User Interface can’t possibly be represented as a flat image only.
- Bret Victor made an excellent talk about the process of creation and the necessity to get immediate visual feedback.
-My design process has been a mix of rapid prototyping and design exploration with chrome developers tools then representing ideas in
-a PSD file as a reference for later.
-
-
Although I’m not going to talk much about frontend programming, this is the stack I prepared to quickly test ideas and move back and forth
-from prototype to PSD.
Using git submodules to add frontend dependencies (Bootstrap, AngularUI, FontAwesome … )
-
-
-
-
Whenever I wanted to test some behavior feature I first tested it with Chrome, played
-with styles and interactions, then tried to represent it as a layer in PSD.
-
-
On the other hand, when trying to work on the look aspect of something, I prefered the PSD
-approach first, which gives more freedom on the graphics.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
End of Part 1
-
-
I hope some programmers who are interested about web design and don’t know how
-to start might find some insight from this article and the next ones.
-
-
Part 2 will be about getting from prototype to stylesheets using chrome devtools, the importance of shadows and
-some tips I learned about textures and details.
-]]>
-
-
-
- <![CDATA[Development as a Service on its baby steps]]>
-
- 2012-04-29T20:26:09+02:00
- http://sp4ke.github.com/blog/Development-as-a-Service
- Let me start by presenting a new web service pythonanywhere.com.
-
-
It’s a full python development stack, ready to be used in your browser. After a quick subscription for a free account,
-you have access from your dashboard to [python, ipython, bash] consoles in different python flavours.
-
-
You can also browse your files, make cron scripts and create python web apps on the fly.
-
-
The most interesting features are the consoles pause/resume feature, which can be shared
-with other people. This could be very helpful to collaborate on code or teach python.
-Behind the scene, it’s an encrypted ajax window over your home folder running on a remote server hosted on EC2.
-
-
DaaS may be on it’s first baby steps. Though, it could rapidly become a standard way to code for developers especially in startups.
-Before diving in the pros and cons, let’s analyse the different development stacks possibilities.
-
-
-
-
-
First, there’s the good old fashion way. Setup a server on a cloud service
-(I guess there’s still people doing it with bare metal servers ). You have plenty of choice there, (EC2, AppEngine, Azure, Rackspace…),
-it depends on your IT needs, spiritual beliefs (many don’t care) and your pockets.
-
-
Then pick the development stack of your preferred language/framework: Python(Django, Web2py, Pylons, Flask…), Ruby(Ruby On Rails) for the rock stars, Java/.Net, PHP …
-
-
Here, you have to maintain every piece involved in the process, packages versions, build tools, deployment, scaling. That’s a lot of time and resources needed to finally get your developers pushing and your apps running.
-
-
The next big step was the Heroku and Dotcloud like services, aka Deployment/Scaling as a Service.
-They release from the burden of deploying and give enough abstraction to exclusively focus your effort on the application logic.
-The process is often the same, basically setup your project with a simple conf file, then deploy to the server with one command.
-They practically all handle version control systems like git,
-so your project is deployed every time you push your code.
-I believe Github helped a lot making these services exist as deployment is often tightly bound to code revisions, and Github offers an excellent API and a huge community.
-
-
We have been adding more and more abstraction to the development process in order to make it easier, faster, stronger …
-However, there is still one constant, “localhost development”. The coding itself is done on your machine/laptop.You still can use your favourite OS, IDE, tools.
-
-
Well, DaaS is going to cross that last barrier.
-There are already several web services for online development like jsfiddle.net for web design or koding.com.
-They offer something that could change the way we see development, the abstraction of your OS, ide and development environment.
-If you think about it, that’s a lot of time saved. No multi-platform mess, no more scripts to ensure the same development stack. Using the enormous processing power
-of cloud platforms, there is virtually no compile time. You can even forget about your machine, all you need is a keyboard and a screen.
-
-
It seems only benefit but the thing is, if DaaS is really going to be the next step,I think we are missing something very important.
-Before a developer learns to code, he has
-to understand the building blocks of programming, what’s a computer, what’s an Operating System, how does it do its work. All the abstractions we built are built
-using this knowledge. How could a programmer understand code optimization ? Security flows?
-How could he understand the interaction of his code with its environment if he’s not gonna use it?
-Maybe we’re not concreted with that yet, but the next generations of programmers are.
-
-
diff --git a/_site/blog/blog/categories/entrepreneurship/atom.xml b/_site/blog/blog/categories/entrepreneurship/atom.xml
deleted file mode 100644
index 75bdd78..0000000
--- a/_site/blog/blog/categories/entrepreneurship/atom.xml
+++ /dev/null
@@ -1,99 +0,0 @@
-
-
-
- <![CDATA[Category: entrepreneurship | ]]>
-
-
- 2013-12-19T13:54:11+01:00
- http://sp4ke.github.com/blog/
-
-
-
-
- Octopress
-
-
-
- <![CDATA[My most valuable lesson in life learnt the hard way]]>
-
- 2013-04-18T11:51:00+02:00
- http://sp4ke.github.com/blog/my-most-valuable-lesson-in-life-learnt-the-hard-way
- Hollywood movies are often introduced with a main character living his life until a big event happens,
-something that is enough life changing to justify a compelling story. And we, as an audience,
-tend to identify to that hero or some event in the story that helps us forget the boredom of real life.
-I believe this is one of the secret ingredients that make the movies industry so successful.
-People need to forget about their daily life because they believe it's boring.
-In the timespan of 159 minutes they are thrilled in something more exciting, adventurous, romantic ...
-everything that does not seem to exist in "real life".
-
-
-
-
-
I love movies and cinema, and I really enjoy seeing a good one. However, something have always kept me a bit skeptical about the whole phenomenon.
-In my sight, real life is more exciting, there's an infinite amount of possibilities
-and outcomes to what you do. Everything seem possible when you stop picturing your
-actions and ideas in the way society expects you to do. This feeling has started filling me since I was a teenager.
-It forged my personality and made me what I have been until now. People nowadays call it being an "entrepreneur" or "hacker".
-I don't think any word could describe the way I feel about my life and my role in the current society.
-
-
I left my country 6 years ago and came to France in order to study computer science.
-I had been to medical school before, trying to follow my dad's footsteps.
-My path through my studies has been the same thing as it has always been my whole life:
-trying new things, never settle down at the same place, always thinking of the next project
-and moving forward. As an immigrant student I have done many little jobs, worked for big IT
-companies ( although I was not always allowed to ), joined a prestigious computer school club
-where I learned so much about sysadmin in system engineering and met many people.
-Still, I was always feeling something missing. Deep inside, there was a voice who has been there since the beginning.
-It kept telling me what
-I needed to do. I was working as a system engineer on a short term contract when a friend
-(at the time) offered me to start our own startup where I would be responsible for all the
-technical aspect. When I think about it now, the idea was not that attractive,
-there was no business plan and we were just a team of three guys without any previous experience in
-the startup business. It was one of the most important choices I had to do.
-Either decline a comfortable job offer which would've let me acquire a legal worker
-status and finish my studies working with cool technologies, and maybe even travelling.
-Or jumping right into the startup adventure, with no guaranty of success, no market
-research whatsoever, and no immigration status possible especially in France which
-is about ten years far from a Startup Act .
-
-
Flash forward, I am co-founder and CTO at jib.li. Many things happened since and
-long story made short, we made a pivot and had new people in the team.
-I will share this story with my friend and co-founder Ryadh in an other article,
-a story which I think every foreign entrepreneur to France should know about.
-For the time being, Jib.li has been launched 6 months ago, had some worldwide press and
-media coverage, and is currently one of the first crowd-shipping/shopping platforms.
-
-
Then comes last week. Something big happened. Actually it was a succession of
-events that, taken alone could be considered probable, but thinking they would happen all
-at the same time in the lapse of a few days made them what we define as "life changing" events.
-They are totally unrelated, each having a huge impact in some aspect of my personal and
-professional life. But still, they are all connected together with the same variable
-that makes them what I feel like being born in a new life.
-
-
Each one of these events could be considered a failed, depressing twist filled with despair.
-In fact, they made me feel that way and I could barely sleep at night, always feeling a pain
-in my stomach like I have been punched in the nuts. I am not enough comfortable to talk about
-the personal one and the next articles will explain the rest of the story. What really matters
-here is the key denominator, something I can now consider, with confidence, as the most important factor in any
-future project and my whole new life. I am talking about Trust. Of course, it seems obvious !
-Well I taught it was too.
-
-
The history of humanity has been shaped by trust. You can't build a pyramid if
-you can't trust the architect. You can't build an army when people don't trust you. You can't learn if you don't
-trust a teacher or a mentor, and you can't found a family if you don't trust a partner...
-It is something that must be earned. Something you can't afford with money and power. Something you can
-fake with lies and charisma . I am now convinced the only way to find trust is to look for Passion inside people and that every human
-being have to learn it the hard way. You must be betrayed in order to acknowledge it's worth. I sincerely hope for
-you it won't be the same as me, but I can say for sure this was my life changing event.
-Anything that will come after will be different and I am very thankful I was given this precious lesson in my youth.
-
-
I don't know what words could describe the aftermath. I feel new, free, light.
-I feel a strength rising inside me, like the power to shape the future. I still have so many
-things to learn and experience, and the pains that come with it. Entropy makes
-life beautiful, the uncertainty built in the entire universe makes our lives much more interesting than any Hollywood movie.
-
-
Good luck to all those who create, make and change things, and for anyone else, just listen to the voice speaking to you.
-
-
diff --git a/_site/blog/blog/categories/experience/atom.xml b/_site/blog/blog/categories/experience/atom.xml
deleted file mode 100644
index 20902a7..0000000
--- a/_site/blog/blog/categories/experience/atom.xml
+++ /dev/null
@@ -1,99 +0,0 @@
-
-
-
- <![CDATA[Category: experience | ]]>
-
-
- 2013-12-19T13:54:11+01:00
- http://sp4ke.github.com/blog/
-
-
-
-
- Octopress
-
-
-
- <![CDATA[My most valuable lesson in life learnt the hard way]]>
-
- 2013-04-18T11:51:00+02:00
- http://sp4ke.github.com/blog/my-most-valuable-lesson-in-life-learnt-the-hard-way
- Hollywood movies are often introduced with a main character living his life until a big event happens,
-something that is enough life changing to justify a compelling story. And we, as an audience,
-tend to identify to that hero or some event in the story that helps us forget the boredom of real life.
-I believe this is one of the secret ingredients that make the movies industry so successful.
-People need to forget about their daily life because they believe it's boring.
-In the timespan of 159 minutes they are thrilled in something more exciting, adventurous, romantic ...
-everything that does not seem to exist in "real life".
-
-
-
-
-
I love movies and cinema, and I really enjoy seeing a good one. However, something have always kept me a bit skeptical about the whole phenomenon.
-In my sight, real life is more exciting, there's an infinite amount of possibilities
-and outcomes to what you do. Everything seem possible when you stop picturing your
-actions and ideas in the way society expects you to do. This feeling has started filling me since I was a teenager.
-It forged my personality and made me what I have been until now. People nowadays call it being an "entrepreneur" or "hacker".
-I don't think any word could describe the way I feel about my life and my role in the current society.
-
-
I left my country 6 years ago and came to France in order to study computer science.
-I had been to medical school before, trying to follow my dad's footsteps.
-My path through my studies has been the same thing as it has always been my whole life:
-trying new things, never settle down at the same place, always thinking of the next project
-and moving forward. As an immigrant student I have done many little jobs, worked for big IT
-companies ( although I was not always allowed to ), joined a prestigious computer school club
-where I learned so much about sysadmin in system engineering and met many people.
-Still, I was always feeling something missing. Deep inside, there was a voice who has been there since the beginning.
-It kept telling me what
-I needed to do. I was working as a system engineer on a short term contract when a friend
-(at the time) offered me to start our own startup where I would be responsible for all the
-technical aspect. When I think about it now, the idea was not that attractive,
-there was no business plan and we were just a team of three guys without any previous experience in
-the startup business. It was one of the most important choices I had to do.
-Either decline a comfortable job offer which would've let me acquire a legal worker
-status and finish my studies working with cool technologies, and maybe even travelling.
-Or jumping right into the startup adventure, with no guaranty of success, no market
-research whatsoever, and no immigration status possible especially in France which
-is about ten years far from a Startup Act .
-
-
Flash forward, I am co-founder and CTO at jib.li. Many things happened since and
-long story made short, we made a pivot and had new people in the team.
-I will share this story with my friend and co-founder Ryadh in an other article,
-a story which I think every foreign entrepreneur to France should know about.
-For the time being, Jib.li has been launched 6 months ago, had some worldwide press and
-media coverage, and is currently one of the first crowd-shipping/shopping platforms.
-
-
Then comes last week. Something big happened. Actually it was a succession of
-events that, taken alone could be considered probable, but thinking they would happen all
-at the same time in the lapse of a few days made them what we define as "life changing" events.
-They are totally unrelated, each having a huge impact in some aspect of my personal and
-professional life. But still, they are all connected together with the same variable
-that makes them what I feel like being born in a new life.
-
-
Each one of these events could be considered a failed, depressing twist filled with despair.
-In fact, they made me feel that way and I could barely sleep at night, always feeling a pain
-in my stomach like I have been punched in the nuts. I am not enough comfortable to talk about
-the personal one and the next articles will explain the rest of the story. What really matters
-here is the key denominator, something I can now consider, with confidence, as the most important factor in any
-future project and my whole new life. I am talking about Trust. Of course, it seems obvious !
-Well I taught it was too.
-
-
The history of humanity has been shaped by trust. You can't build a pyramid if
-you can't trust the architect. You can't build an army when people don't trust you. You can't learn if you don't
-trust a teacher or a mentor, and you can't found a family if you don't trust a partner...
-It is something that must be earned. Something you can't afford with money and power. Something you can
-fake with lies and charisma . I am now convinced the only way to find trust is to look for Passion inside people and that every human
-being have to learn it the hard way. You must be betrayed in order to acknowledge it's worth. I sincerely hope for
-you it won't be the same as me, but I can say for sure this was my life changing event.
-Anything that will come after will be different and I am very thankful I was given this precious lesson in my youth.
-
-
I don't know what words could describe the aftermath. I feel new, free, light.
-I feel a strength rising inside me, like the power to shape the future. I still have so many
-things to learn and experience, and the pains that come with it. Entropy makes
-life beautiful, the uncertainty built in the entire universe makes our lives much more interesting than any Hollywood movie.
-
-
Good luck to all those who create, make and change things, and for anyone else, just listen to the voice speaking to you.
-
-
diff --git a/_site/blog/blog/categories/it/atom.xml b/_site/blog/blog/categories/it/atom.xml
deleted file mode 100644
index cd7c77f..0000000
--- a/_site/blog/blog/categories/it/atom.xml
+++ /dev/null
@@ -1,73 +0,0 @@
-
-
-
- <![CDATA[Category: IT | ]]>
-
-
- 2013-12-19T13:54:11+01:00
- http://sp4ke.github.com/blog/
-
-
-
-
- Octopress
-
-
-
- <![CDATA[Development as a Service on its baby steps]]>
-
- 2012-04-29T20:26:09+02:00
- http://sp4ke.github.com/blog/Development-as-a-Service
- Let me start by presenting a new web service pythonanywhere.com.
-
-
It's a full python development stack, ready to be used in your browser. After a quick subscription for a free account,
-you have access from your dashboard to [python, ipython, bash] consoles in different python flavours.
-
-
You can also browse your files, make cron scripts and create python web apps on the fly.
-
-
The most interesting features are the consoles pause/resume feature, which can be shared
-with other people. This could be very helpful to collaborate on code or teach python.
-Behind the scene, it's an encrypted ajax window over your home folder running on a remote server hosted on EC2.
-
-
DaaS may be on it's first baby steps. Though, it could rapidly become a standard way to code for developers especially in startups.
-Before diving in the pros and cons, let's analyse the different development stacks possibilities.
-
-
-
-
-
First, there's the good old fashion way. Setup a server on a cloud service
-(I guess there's still people doing it with bare metal servers ). You have plenty of choice there, (EC2, AppEngine, Azure, Rackspace...),
-it depends on your IT needs, spiritual beliefs (many don't care) and your pockets.
-
-
Then pick the development stack of your preferred language/framework: Python(Django, Web2py, Pylons, Flask...), Ruby(Ruby On Rails) for the rock stars, Java/.Net, PHP ...
-
-
Here, you have to maintain every piece involved in the process, packages versions, build tools, deployment, scaling. That's a lot of time and resources needed to finally get your developers pushing and your apps running.
-
-
The next big step was the Heroku and Dotcloud like services, aka Deployment/Scaling as a Service.
-They release from the burden of deploying and give enough abstraction to exclusively focus your effort on the application logic.
-The process is often the same, basically setup your project with a simple conf file, then deploy to the server with one command.
-They practically all handle version control systems like git,
-so your project is deployed every time you push your code.
-I believe Github helped a lot making these services exist as deployment is often tightly bound to code revisions, and Github offers an excellent API and a huge community.
-
-
We have been adding more and more abstraction to the development process in order to make it easier, faster, stronger ...
-However, there is still one constant, "localhost development". The coding itself is done on your machine/laptop.You still can use your favourite OS, IDE, tools.
-
-
Well, DaaS is going to cross that last barrier.
-There are already several web services for online development like jsfiddle.net for web design or koding.com.
-They offer something that could change the way we see development, the abstraction of your OS, ide and development environment.
-If you think about it, that's a lot of time saved. No multi-platform mess, no more scripts to ensure the same development stack. Using the enormous processing power
-of cloud platforms, there is virtually no compile time. You can even forget about your machine, all you need is a keyboard and a screen.
-
-
It seems only benefit but the thing is, if DaaS is really going to be the next step,I think we are missing something very important.
-Before a developer learns to code, he has
-to understand the building blocks of programming, what's a computer, what's an Operating System, how does it do its work. All the abstractions we built are built
-using this knowledge. How could a programmer understand code optimization ? Security flows?
-How could he understand the interaction of his code with its environment if he's not gonna use it?
-Maybe we're not concreted with that yet, but the next generations of programmers are.
-
-
diff --git a/_site/blog/blog/categories/jib-li/atom.xml b/_site/blog/blog/categories/jib-li/atom.xml
deleted file mode 100644
index 0f51ba9..0000000
--- a/_site/blog/blog/categories/jib-li/atom.xml
+++ /dev/null
@@ -1,179 +0,0 @@
-
-
-
- <![CDATA[Category: jib.li | ]]>
-
-
- 2013-12-19T13:54:11+01:00
- http://sp4ke.github.com/blog/
-
-
-
-
- Octopress
-
-
-
- <![CDATA[Redesigning jibli - lessons learned form Hack Design Part 1]]>
-
- 2013-03-06T20:01:00+01:00
- http://sp4ke.github.com/blog/redesigning-jibli-lessons-learned-form-hack-design-part-1
- As many programmers, I have always thought web design is a
-discipline best reserved for people doing art and design.
-You know, the hipster with his MacBook, his pletora of Adobe suites,
-and the huge time spent learning to use them.
-
-
I come from a background of system administration and networking, always
-fascinated by the obscure backend's thing happening behind what you
-see on your screen. Furthermore, I started web development for the sole purpose
-of building Jib.li, as a CoFounder and CTO on this
-project, and as a team which had no money to hire a full time designer.
-
-
Needless to say I boarded the UI Design ship on the wrong foot.
-
-
In this first article I am going to share my experience on how I got passionate
-about creating and designing a User Interface and what I learned from all the
-resources shared on HN and Hack Design lessons which helped me redesign Jib.li.
-
-
-
-
-
Before
-
-
-
-
After
-
-
-
-
Where to start ?
-
-
We launched the public beta of jib.li on October 2012. A few weeks later we had had
-plenty of feedback and proposals for new features.
-
-
For strategic reasons, we chose to start Jib.li with no registering process and just a "Connect with Facebook" instead.
-
-
We had no money to make a "how it works" video we could show
-next to the home page form, like many startups do when they launch their
-product. We only had a teaser video that we made before starting this project
-where you see a bunch of people (our team at that time) pitching the idea.
-
-
The home page actually looked like many location based services and the
-typical workflow of a user was:
-
-
-
Fill in the "From" and "To" location fields
-
Choose what action to take: Send, Deliver
-
A modal shows up to let him select a date depending on which action he chose
-
Redirecting the user to a listings results page
-
The user can then click on listings or create a new one if he's not satisified
-
-
-
-
We noticed that many people when they first reached the home page, where not able to figure out what to do next.
-To assist new users we used bootstrap tooltips everywhere, even on the action buttons.
-
-
On the graphic design aspect, we were just using a slightly customized bootstrap theme
-
-
Getting inspiration
-
-
So after we decided it was time to have a fresh and better look, I saw the opportunity
-to start practicing what I have been learning on HN, Hack Design and About Face 3 about
-UI/UX Design. It was also a good opportunity to stop frontend programming with spaghetti jQuery dom
-manipulation and start using AngularJS which devprived me of my sleep hours lately.
-(frontend programming will be the subject of an other article)
-
-
I think the most difficult step when you start working on something, no matter what kind
-of project, is actually to start. For me it was no exception. I was certainly looking
-for visual inspiration because a User Interface for a web application is first of all something
-we see before we touch and interact with.
-
-
To help me filter out the overwhelming quantity of images, photos and visuals available on the internet,
-I made list of words that sum up what Jib.li was about and started combining those words in search queries
-for images and photos.
-
-
I ended up with this one when looking for the words bike and bag, which seemed to summarize the ideas
-of transportation, carrying and environment which jib.li is all about.
-
-
-
-
This photo comes from this beautiful article by Dottie and all credits go to her.
-
-
When I saw this one ideas started immediately flowing and I knew where to start.
I actually repeated the process until I get a set of colors which validate these conditions:
-
-
-
Have at most 3 main colors
-
Have dark close to black color
-
Have a light close to white color
-
-
-
-
This one has two main colors, a wide blue range and the yellow/gold one. Grays and white are
-just desaturated and very light colors.
-
-
This should suffice to always have a color to pick from this palette instead of choosing
-one from a color picker, and so basically when looking for black I just choose the darkest one and when looking for white I pick
-the most close to white.
-
-
The wide range of blue colors made me choose the blue as the main color.
-
-
I was heavily inspired by this article of Ian Storm Taylor, which also made me
-start using HSL (Hue, Saturation, Brightness) everywhere I wanted to get new colors from the palette.
-
-
Rapid prototyping vs flat PSD design
-
-
One thing I learned in interactive design is that a User Interface can't possibly be represented as a flat image only.
- Bret Victor made an excellent talk about the process of creation and the necessity to get immediate visual feedback.
-My design process has been a mix of rapid prototyping and design exploration with chrome developers tools then representing ideas in
-a PSD file as a reference for later.
-
-
Although I'm not going to talk much about frontend programming, this is the stack I prepared to quickly test ideas and move back and forth
-from prototype to PSD.
Using git submodules to add frontend dependencies (Bootstrap, AngularUI, FontAwesome ... )
-
-
-
-
Whenever I wanted to test some behavior feature I first tested it with Chrome, played
-with styles and interactions, then tried to represent it as a layer in PSD.
-
-
On the other hand, when trying to work on the look aspect of something, I prefered the PSD
-approach first, which gives more freedom on the graphics.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
End of Part 1
-
-
I hope some programmers who are interested about web design and don't know how
-to start might find some insight from this article and the next ones.
-
-
Part 2 will be about getting from prototype to stylesheets using chrome devtools, the importance of shadows and
-some tips I learned about textures and details.
-
-
diff --git a/_site/blog/blog/categories/programming/atom.xml b/_site/blog/blog/categories/programming/atom.xml
deleted file mode 100644
index e3ca004..0000000
--- a/_site/blog/blog/categories/programming/atom.xml
+++ /dev/null
@@ -1,73 +0,0 @@
-
-
-
- <![CDATA[Category: programming | ]]>
-
-
- 2013-12-19T13:54:11+01:00
- http://sp4ke.github.com/blog/
-
-
-
-
- Octopress
-
-
-
- <![CDATA[Development as a Service on its baby steps]]>
-
- 2012-04-29T20:26:09+02:00
- http://sp4ke.github.com/blog/Development-as-a-Service
- Let me start by presenting a new web service pythonanywhere.com.
-
-
It's a full python development stack, ready to be used in your browser. After a quick subscription for a free account,
-you have access from your dashboard to [python, ipython, bash] consoles in different python flavours.
-
-
You can also browse your files, make cron scripts and create python web apps on the fly.
-
-
The most interesting features are the consoles pause/resume feature, which can be shared
-with other people. This could be very helpful to collaborate on code or teach python.
-Behind the scene, it's an encrypted ajax window over your home folder running on a remote server hosted on EC2.
-
-
DaaS may be on it's first baby steps. Though, it could rapidly become a standard way to code for developers especially in startups.
-Before diving in the pros and cons, let's analyse the different development stacks possibilities.
-
-
-
-
-
First, there's the good old fashion way. Setup a server on a cloud service
-(I guess there's still people doing it with bare metal servers ). You have plenty of choice there, (EC2, AppEngine, Azure, Rackspace...),
-it depends on your IT needs, spiritual beliefs (many don't care) and your pockets.
-
-
Then pick the development stack of your preferred language/framework: Python(Django, Web2py, Pylons, Flask...), Ruby(Ruby On Rails) for the rock stars, Java/.Net, PHP ...
-
-
Here, you have to maintain every piece involved in the process, packages versions, build tools, deployment, scaling. That's a lot of time and resources needed to finally get your developers pushing and your apps running.
-
-
The next big step was the Heroku and Dotcloud like services, aka Deployment/Scaling as a Service.
-They release from the burden of deploying and give enough abstraction to exclusively focus your effort on the application logic.
-The process is often the same, basically setup your project with a simple conf file, then deploy to the server with one command.
-They practically all handle version control systems like git,
-so your project is deployed every time you push your code.
-I believe Github helped a lot making these services exist as deployment is often tightly bound to code revisions, and Github offers an excellent API and a huge community.
-
-
We have been adding more and more abstraction to the development process in order to make it easier, faster, stronger ...
-However, there is still one constant, "localhost development". The coding itself is done on your machine/laptop.You still can use your favourite OS, IDE, tools.
-
-
Well, DaaS is going to cross that last barrier.
-There are already several web services for online development like jsfiddle.net for web design or koding.com.
-They offer something that could change the way we see development, the abstraction of your OS, ide and development environment.
-If you think about it, that's a lot of time saved. No multi-platform mess, no more scripts to ensure the same development stack. Using the enormous processing power
-of cloud platforms, there is virtually no compile time. You can even forget about your machine, all you need is a keyboard and a screen.
-
-
It seems only benefit but the thing is, if DaaS is really going to be the next step,I think we are missing something very important.
-Before a developer learns to code, he has
-to understand the building blocks of programming, what's a computer, what's an Operating System, how does it do its work. All the abstractions we built are built
-using this knowledge. How could a programmer understand code optimization ? Security flows?
-How could he understand the interaction of his code with its environment if he's not gonna use it?
-Maybe we're not concreted with that yet, but the next generations of programmers are.
-
-
diff --git a/_site/blog/blog/categories/python/atom.xml b/_site/blog/blog/categories/python/atom.xml
deleted file mode 100644
index 52216a1..0000000
--- a/_site/blog/blog/categories/python/atom.xml
+++ /dev/null
@@ -1,73 +0,0 @@
-
-
-
- <![CDATA[Category: python | ]]>
-
-
- 2013-12-19T13:54:11+01:00
- http://sp4ke.github.com/blog/
-
-
-
-
- Octopress
-
-
-
- <![CDATA[Development as a Service on its baby steps]]>
-
- 2012-04-29T20:26:09+02:00
- http://sp4ke.github.com/blog/Development-as-a-Service
- Let me start by presenting a new web service pythonanywhere.com.
-
-
It's a full python development stack, ready to be used in your browser. After a quick subscription for a free account,
-you have access from your dashboard to [python, ipython, bash] consoles in different python flavours.
-
-
You can also browse your files, make cron scripts and create python web apps on the fly.
-
-
The most interesting features are the consoles pause/resume feature, which can be shared
-with other people. This could be very helpful to collaborate on code or teach python.
-Behind the scene, it's an encrypted ajax window over your home folder running on a remote server hosted on EC2.
-
-
DaaS may be on it's first baby steps. Though, it could rapidly become a standard way to code for developers especially in startups.
-Before diving in the pros and cons, let's analyse the different development stacks possibilities.
-
-
-
-
-
First, there's the good old fashion way. Setup a server on a cloud service
-(I guess there's still people doing it with bare metal servers ). You have plenty of choice there, (EC2, AppEngine, Azure, Rackspace...),
-it depends on your IT needs, spiritual beliefs (many don't care) and your pockets.
-
-
Then pick the development stack of your preferred language/framework: Python(Django, Web2py, Pylons, Flask...), Ruby(Ruby On Rails) for the rock stars, Java/.Net, PHP ...
-
-
Here, you have to maintain every piece involved in the process, packages versions, build tools, deployment, scaling. That's a lot of time and resources needed to finally get your developers pushing and your apps running.
-
-
The next big step was the Heroku and Dotcloud like services, aka Deployment/Scaling as a Service.
-They release from the burden of deploying and give enough abstraction to exclusively focus your effort on the application logic.
-The process is often the same, basically setup your project with a simple conf file, then deploy to the server with one command.
-They practically all handle version control systems like git,
-so your project is deployed every time you push your code.
-I believe Github helped a lot making these services exist as deployment is often tightly bound to code revisions, and Github offers an excellent API and a huge community.
-
-
We have been adding more and more abstraction to the development process in order to make it easier, faster, stronger ...
-However, there is still one constant, "localhost development". The coding itself is done on your machine/laptop.You still can use your favourite OS, IDE, tools.
-
-
Well, DaaS is going to cross that last barrier.
-There are already several web services for online development like jsfiddle.net for web design or koding.com.
-They offer something that could change the way we see development, the abstraction of your OS, ide and development environment.
-If you think about it, that's a lot of time saved. No multi-platform mess, no more scripts to ensure the same development stack. Using the enormous processing power
-of cloud platforms, there is virtually no compile time. You can even forget about your machine, all you need is a keyboard and a screen.
-
-
It seems only benefit but the thing is, if DaaS is really going to be the next step,I think we are missing something very important.
-Before a developer learns to code, he has
-to understand the building blocks of programming, what's a computer, what's an Operating System, how does it do its work. All the abstractions we built are built
-using this knowledge. How could a programmer understand code optimization ? Security flows?
-How could he understand the interaction of his code with its environment if he's not gonna use it?
-Maybe we're not concreted with that yet, but the next generations of programmers are.
-
-
diff --git a/_site/blog/blog/categories/ui-design/atom.xml b/_site/blog/blog/categories/ui-design/atom.xml
deleted file mode 100644
index 3b50c1d..0000000
--- a/_site/blog/blog/categories/ui-design/atom.xml
+++ /dev/null
@@ -1,179 +0,0 @@
-
-
-
- <![CDATA[Category: UI Design | ]]>
-
-
- 2013-12-19T13:54:11+01:00
- http://sp4ke.github.com/blog/
-
-
-
-
- Octopress
-
-
-
- <![CDATA[Redesigning jibli - lessons learned form Hack Design Part 1]]>
-
- 2013-03-06T20:01:00+01:00
- http://sp4ke.github.com/blog/redesigning-jibli-lessons-learned-form-hack-design-part-1
- As many programmers, I have always thought web design is a
-discipline best reserved for people doing art and design.
-You know, the hipster with his MacBook, his pletora of Adobe suites,
-and the huge time spent learning to use them.
-
-
I come from a background of system administration and networking, always
-fascinated by the obscure backend's thing happening behind what you
-see on your screen. Furthermore, I started web development for the sole purpose
-of building Jib.li, as a CoFounder and CTO on this
-project, and as a team which had no money to hire a full time designer.
-
-
Needless to say I boarded the UI Design ship on the wrong foot.
-
-
In this first article I am going to share my experience on how I got passionate
-about creating and designing a User Interface and what I learned from all the
-resources shared on HN and Hack Design lessons which helped me redesign Jib.li.
-
-
-
-
-
Before
-
-
-
-
After
-
-
-
-
Where to start ?
-
-
We launched the public beta of jib.li on October 2012. A few weeks later we had had
-plenty of feedback and proposals for new features.
-
-
For strategic reasons, we chose to start Jib.li with no registering process and just a "Connect with Facebook" instead.
-
-
We had no money to make a "how it works" video we could show
-next to the home page form, like many startups do when they launch their
-product. We only had a teaser video that we made before starting this project
-where you see a bunch of people (our team at that time) pitching the idea.
-
-
The home page actually looked like many location based services and the
-typical workflow of a user was:
-
-
-
Fill in the "From" and "To" location fields
-
Choose what action to take: Send, Deliver
-
A modal shows up to let him select a date depending on which action he chose
-
Redirecting the user to a listings results page
-
The user can then click on listings or create a new one if he's not satisified
-
-
-
-
We noticed that many people when they first reached the home page, where not able to figure out what to do next.
-To assist new users we used bootstrap tooltips everywhere, even on the action buttons.
-
-
On the graphic design aspect, we were just using a slightly customized bootstrap theme
-
-
Getting inspiration
-
-
So after we decided it was time to have a fresh and better look, I saw the opportunity
-to start practicing what I have been learning on HN, Hack Design and About Face 3 about
-UI/UX Design. It was also a good opportunity to stop frontend programming with spaghetti jQuery dom
-manipulation and start using AngularJS which devprived me of my sleep hours lately.
-(frontend programming will be the subject of an other article)
-
-
I think the most difficult step when you start working on something, no matter what kind
-of project, is actually to start. For me it was no exception. I was certainly looking
-for visual inspiration because a User Interface for a web application is first of all something
-we see before we touch and interact with.
-
-
To help me filter out the overwhelming quantity of images, photos and visuals available on the internet,
-I made list of words that sum up what Jib.li was about and started combining those words in search queries
-for images and photos.
-
-
I ended up with this one when looking for the words bike and bag, which seemed to summarize the ideas
-of transportation, carrying and environment which jib.li is all about.
-
-
-
-
This photo comes from this beautiful article by Dottie and all credits go to her.
-
-
When I saw this one ideas started immediately flowing and I knew where to start.
I actually repeated the process until I get a set of colors which validate these conditions:
-
-
-
Have at most 3 main colors
-
Have dark close to black color
-
Have a light close to white color
-
-
-
-
This one has two main colors, a wide blue range and the yellow/gold one. Grays and white are
-just desaturated and very light colors.
-
-
This should suffice to always have a color to pick from this palette instead of choosing
-one from a color picker, and so basically when looking for black I just choose the darkest one and when looking for white I pick
-the most close to white.
-
-
The wide range of blue colors made me choose the blue as the main color.
-
-
I was heavily inspired by this article of Ian Storm Taylor, which also made me
-start using HSL (Hue, Saturation, Brightness) everywhere I wanted to get new colors from the palette.
-
-
Rapid prototyping vs flat PSD design
-
-
One thing I learned in interactive design is that a User Interface can't possibly be represented as a flat image only.
- Bret Victor made an excellent talk about the process of creation and the necessity to get immediate visual feedback.
-My design process has been a mix of rapid prototyping and design exploration with chrome developers tools then representing ideas in
-a PSD file as a reference for later.
-
-
Although I'm not going to talk much about frontend programming, this is the stack I prepared to quickly test ideas and move back and forth
-from prototype to PSD.
Using git submodules to add frontend dependencies (Bootstrap, AngularUI, FontAwesome ... )
-
-
-
-
Whenever I wanted to test some behavior feature I first tested it with Chrome, played
-with styles and interactions, then tried to represent it as a layer in PSD.
-
-
On the other hand, when trying to work on the look aspect of something, I prefered the PSD
-approach first, which gives more freedom on the graphics.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
End of Part 1
-
-
I hope some programmers who are interested about web design and don't know how
-to start might find some insight from this article and the next ones.
-
-
Part 2 will be about getting from prototype to stylesheets using chrome devtools, the importance of shadows and
-some tips I learned about textures and details.
Hollywood movies are often introduced with a main character living his life until a big event happens,
-something that is enough life changing to justify a compelling story. And we, as an audience,
-tend to identify to that hero or some event in the story that helps us forget the boredom of real life.
-I believe this is one of the secret ingredients that make the movies industry so successful.
-People need to forget about their daily life because they believe it’s boring.
-In the timespan of 159 minutes they are thrilled in something more exciting, adventurous, romantic …
-everything that does not seem to exist in “real life”.
As many programmers, I have always thought web design is a
-discipline best reserved for people doing art and design.
-You know, the hipster with his MacBook, his pletora of Adobe suites,
-and the huge time spent learning to use them.
-
-
I come from a background of system administration and networking, always
-fascinated by the obscure backend’s thing happening behind what you
-see on your screen. Furthermore, I started web development for the sole purpose
-of building Jib.li, as a CoFounder and CTO on this
-project, and as a team which had no money to hire a full time designer.
-
-
Needless to say I boarded the UI Design ship on the wrong foot.
-
-
In this first article I am going to share my experience on how I got passionate
-about creating and designing a User Interface and what I learned from all the
-resources shared on HN and Hack Design lessons which helped me redesign Jib.li.
It’s a full python development stack, ready to be used in your browser. After a quick subscription for a free account,
-you have access from your dashboard to [python, ipython, bash] consoles in different python flavours.
-
-
You can also browse your files, make cron scripts and create python web apps on the fly.
-
-
The most interesting features are the consoles pause/resume feature, which can be shared
-with other people. This could be very helpful to collaborate on code or teach python.
-Behind the scene, it’s an encrypted ajax window over your home folder running on a remote server hosted on EC2.
-
-
DaaS may be on it’s first baby steps. Though, it could rapidly become a standard way to code for developers especially in startups.
-Before diving in the pros and cons, let’s analyse the different development stacks possibilities.
-
-
diff --git a/_site/blog/my-most-valuable-lesson-in-life-learnt-the-hard-way/index.html b/_site/blog/my-most-valuable-lesson-in-life-learnt-the-hard-way/index.html
deleted file mode 100644
index bc9f99b..0000000
--- a/_site/blog/my-most-valuable-lesson-in-life-learnt-the-hard-way/index.html
+++ /dev/null
@@ -1,221 +0,0 @@
-
-
-
-
-
- My most valuable lesson in life learnt the hard way -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
An entrepreneur thaughts and ideas.
-
-
-
-
-
-
-
-
-
-
-
-
-
My Most Valuable Lesson in Life Learnt the Hard Way
-
Hollywood movies are often introduced with a main character living his life until a big event happens,
-something that is enough life changing to justify a compelling story. And we, as an audience,
-tend to identify to that hero or some event in the story that helps us forget the boredom of real life.
-I believe this is one of the secret ingredients that make the movies industry so successful.
-People need to forget about their daily life because they believe it’s boring.
-In the timespan of 159 minutes they are thrilled in something more exciting, adventurous, romantic …
-everything that does not seem to exist in “real life”.
-
-
-
-
-
I love movies and cinema, and I really enjoy seeing a good one. However, something have always kept me a bit skeptical about the whole phenomenon.
-In my sight, real life is more exciting, there’s an infinite amount of possibilities
-and outcomes to what you do. Everything seem possible when you stop picturing your
-actions and ideas in the way society expects you to do. This feeling has started filling me since I was a teenager.
-It forged my personality and made me what I have been until now. People nowadays call it being an “entrepreneur” or “hacker”.
-I don’t think any word could describe the way I feel about my life and my role in the current society.
-
-
I left my country 6 years ago and came to France in order to study computer science.
-I had been to medical school before, trying to follow my dad’s footsteps.
-My path through my studies has been the same thing as it has always been my whole life:
-trying new things, never settle down at the same place, always thinking of the next project
-and moving forward. As an immigrant student I have done many little jobs, worked for big IT
-companies ( although I was not always allowed to ), joined a prestigious computer school club
-where I learned so much about sysadmin in system engineering and met many people.
-Still, I was always feeling something missing. Deep inside, there was a voice who has been there since the beginning.
-It kept telling me what
-I needed to do. I was working as a system engineer on a short term contract when a friend
-(at the time) offered me to start our own startup where I would be responsible for all the
-technical aspect. When I think about it now, the idea was not that attractive,
-there was no business plan and we were just a team of three guys without any previous experience in
-the startup business. It was one of the most important choices I had to do.
-Either decline a comfortable job offer which would’ve let me acquire a legal worker
-status and finish my studies working with cool technologies, and maybe even travelling.
-Or jumping right into the startup adventure, with no guaranty of success, no market
-research whatsoever, and no immigration status possible especially in France which
-is about ten years far from a Startup Act .
-
-
Flash forward, I am co-founder and CTO at jib.li. Many things happened since and
-long story made short, we made a pivot and had new people in the team.
-I will share this story with my friend and co-founder Ryadh in an other article,
-a story which I think every foreign entrepreneur to France should know about.
-For the time being, Jib.li has been launched 6 months ago, had some worldwide press and
-media coverage, and is currently one of the first crowd-shipping/shopping platforms.
-
-
Then comes last week. Something big happened. Actually it was a succession of
-events that, taken alone could be considered probable, but thinking they would happen all
-at the same time in the lapse of a few days made them what we define as “life changing” events.
-They are totally unrelated, each having a huge impact in some aspect of my personal and
-professional life. But still, they are all connected together with the same variable
-that makes them what I feel like being born in a new life.
-
-
Each one of these events could be considered a failed, depressing twist filled with despair.
-In fact, they made me feel that way and I could barely sleep at night, always feeling a pain
-in my stomach like I have been punched in the nuts. I am not enough comfortable to talk about
-the personal one and the next articles will explain the rest of the story. What really matters
-here is the key denominator, something I can now consider, with confidence, as the most important factor in any
-future project and my whole new life. I am talking about Trust. Of course, it seems obvious !
-Well I taught it was too.
-
-
The history of humanity has been shaped by trust. You can’t build a pyramid if
-you can’t trust the architect. You can’t build an army when people don’t trust you. You can’t learn if you don’t
-trust a teacher or a mentor, and you can’t found a family if you don’t trust a partner…
-It is something that must be earned. Something you can’t afford with money and power. Something you can
-fake with lies and charisma . I am now convinced the only way to find trust is to look for Passion inside people and that every human
-being have to learn it the hard way. You must be betrayed in order to acknowledge it’s worth. I sincerely hope for
-you it won’t be the same as me, but I can say for sure this was my life changing event.
-Anything that will come after will be different and I am very thankful I was given this precious lesson in my youth.
-
-
I don’t know what words could describe the aftermath. I feel new, free, light.
-I feel a strength rising inside me, like the power to shape the future. I still have so many
-things to learn and experience, and the pains that come with it. Entropy makes
-life beautiful, the uncertainty built in the entire universe makes our lives much more interesting than any Hollywood movie.
-
-
Good luck to all those who create, make and change things, and for anyone else, just listen to the voice speaking to you.
Redesigning Jibli - Lessons Learned Form Hack Design Part 1
-
As many programmers, I have always thought web design is a
-discipline best reserved for people doing art and design.
-You know, the hipster with his MacBook, his pletora of Adobe suites,
-and the huge time spent learning to use them.
-
-
I come from a background of system administration and networking, always
-fascinated by the obscure backend’s thing happening behind what you
-see on your screen. Furthermore, I started web development for the sole purpose
-of building Jib.li, as a CoFounder and CTO on this
-project, and as a team which had no money to hire a full time designer.
-
-
Needless to say I boarded the UI Design ship on the wrong foot.
-
-
In this first article I am going to share my experience on how I got passionate
-about creating and designing a User Interface and what I learned from all the
-resources shared on HN and Hack Design lessons which helped me redesign Jib.li.
-
-
-
-
-
Before
-
-
-
-
After
-
-
-
-
Where to start ?
-
-
We launched the public beta of jib.li on October 2012. A few weeks later we had had
-plenty of feedback and proposals for new features.
-
-
For strategic reasons, we chose to start Jib.li with no registering process and just a “Connect with Facebook” instead.
-
-
We had no money to make a “how it works” video we could show
-next to the home page form, like many startups do when they launch their
-product. We only had a teaser video that we made before starting this project
-where you see a bunch of people (our team at that time) pitching the idea.
-
-
The home page actually looked like many location based services and the
-typical workflow of a user was:
-
-
-
Fill in the “From” and “To” location fields
-
Choose what action to take: Send, Deliver
-
A modal shows up to let him select a date depending on which action he chose
-
Redirecting the user to a listings results page
-
The user can then click on listings or create a new one if he’s not satisified
-
-
-
-
We noticed that many people when they first reached the home page, where not able to figure out what to do next.
-To assist new users we used bootstrap tooltips everywhere, even on the action buttons.
-
-
On the graphic design aspect, we were just using a slightly customized bootstrap theme
-
-
Getting inspiration
-
-
So after we decided it was time to have a fresh and better look, I saw the opportunity
-to start practicing what I have been learning on HN, Hack Design and About Face 3 about
-UI/UX Design. It was also a good opportunity to stop frontend programming with spaghetti jQuery dom
-manipulation and start using AngularJS which devprived me of my sleep hours lately.
-(frontend programming will be the subject of an other article)
-
-
I think the most difficult step when you start working on something, no matter what kind
-of project, is actually to start. For me it was no exception. I was certainly looking
-for visual inspiration because a User Interface for a web application is first of all something
-we see before we touch and interact with.
-
-
To help me filter out the overwhelming quantity of images, photos and visuals available on the internet,
-I made list of words that sum up what Jib.li was about and started combining those words in search queries
-for images and photos.
-
-
I ended up with this one when looking for the words bike and bag, which seemed to summarize the ideas
-of transportation, carrying and environment which jib.li is all about.
-
-
-
-
This photo comes from this beautiful article by Dottie and all credits go to her.
-
-
When I saw this one ideas started immediately flowing and I knew where to start.
I actually repeated the process until I get a set of colors which validate these conditions:
-
-
-
Have at most 3 main colors
-
Have dark close to black color
-
Have a light close to white color
-
-
-
-
This one has two main colors, a wide blue range and the yellow/gold one. Grays and white are
-just desaturated and very light colors.
-
-
This should suffice to always have a color to pick from this palette instead of choosing
-one from a color picker, and so basically when looking for black I just choose the darkest one and when looking for white I pick
-the most close to white.
-
-
The wide range of blue colors made me choose the blue as the main color.
-
-
I was heavily inspired by this article of Ian Storm Taylor, which also made me
-start using HSL (Hue, Saturation, Brightness) everywhere I wanted to get new colors from the palette.
-
-
Rapid prototyping vs flat PSD design
-
-
One thing I learned in interactive design is that a User Interface can’t possibly be represented as a flat image only.
- Bret Victor made an excellent talk about the process of creation and the necessity to get immediate visual feedback.
-My design process has been a mix of rapid prototyping and design exploration with chrome developers tools then representing ideas in
-a PSD file as a reference for later.
-
-
Although I’m not going to talk much about frontend programming, this is the stack I prepared to quickly test ideas and move back and forth
-from prototype to PSD.
Using git submodules to add frontend dependencies (Bootstrap, AngularUI, FontAwesome … )
-
-
-
-
Whenever I wanted to test some behavior feature I first tested it with Chrome, played
-with styles and interactions, then tried to represent it as a layer in PSD.
-
-
On the other hand, when trying to work on the look aspect of something, I prefered the PSD
-approach first, which gives more freedom on the graphics.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
End of Part 1
-
-
I hope some programmers who are interested about web design and don’t know how
-to start might find some insight from this article and the next ones.
-
-
Part 2 will be about getting from prototype to stylesheets using chrome devtools, the importance of shadows and
-some tips I learned about textures and details.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/_site/js/app.js b/_site/js/app.js
deleted file mode 100644
index 9b43545..0000000
--- a/_site/js/app.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// Generated by CoffeeScript 1.4.0
-(function() {
-
- angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'ui', 'ui.directives']).config([
- '$routeProvider', function($routeProvider) {
- $routeProvider.when('/', {
- templateUrl: 'partials/home.html',
- controller: MyCtrl1
- });
- $routeProvider.when('/freelance', {
- templateUrl: 'partials/freelance.html',
- controller: MyCtrl1
- });
- $routeProvider.when('/projects', {
- templateUrl: 'partials/projects.html',
- controller: projectsCtrl
- });
- $routeProvider.when('/blog', {
- redirectTo: '/blog'
- });
- $routeProvider.when('/contact', {
- templateUrl: 'partials/contact.html',
- controller: MyCtrl2
- });
- return $routeProvider.otherwise({
- redirectTo: '/'
- });
- }
- ]);
-
-}).call(this);
diff --git a/_site/js/controllers.js b/_site/js/controllers.js
deleted file mode 100644
index b77794d..0000000
--- a/_site/js/controllers.js
+++ /dev/null
@@ -1,85 +0,0 @@
-// Generated by CoffeeScript 1.4.0
-(function() {
-
- this.projectsCtrl = function($scope) {};
-
- projectsCtrl.$inject = ['$scope'];
-
- this.dockCtrl = function($scope, $location, $window) {
- var defaultSelected;
- $scope.icons = [
- {
- "class": 'profil',
- icon: 'icon-user',
- link: '/freelance',
- text: 'What I Do'
- }, {
- "class": 'projects',
- icon: 'icon-laptop',
- link: '/projects',
- text: 'My work'
- }, {
- "class": 'contact',
- icon: 'icon-phone',
- link: '/contact',
- text: 'Get in touch'
- }, {
- "class": 'blog',
- icon: 'icon-book',
- link: '/blog',
- text: 'Ideas'
- }
- ];
- $scope.hovered = false;
- $scope.hoverText = function($index) {
- $scope.hovered = true;
- $scope.hoveredIndex = $index;
- return console.log($scope.hovered);
- };
- $scope.hoverOut = function() {
- $scope.hovered = false;
- return $scope.hoveredIndex = null;
- };
- $scope.selected = null;
- defaultSelected = function() {
- var icon, _i, _len, _ref, _results;
- _ref = $scope.icons;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- icon = _ref[_i];
- if ($location.path() === icon.link) {
- _results.push($scope.selected = $scope.icons.indexOf(icon));
- } else {
- _results.push(void 0);
- }
- }
- return _results;
- };
- defaultSelected();
- return $scope["switch"] = function($index) {
- if ($index === 3) {
- $window.location.hash = '';
- $window.location.pathname = '/blog';
- return;
- }
- if ($scope.selected === $index) {
- $location.path('/');
- return $scope.selected = null;
- } else {
- $scope.selected = $index;
- return $location.path($scope.icons[$index].link);
- }
- };
- };
-
- dockCtrl.$inject = ['$scope', '$location', '$window'];
-
- window.MyCtrl1 = function() {};
-
- MyCtrl1.$inject = [];
-
- window.MyCtrl2 = function() {};
-
- MyCtrl2.$inject = [];
-
-}).call(this);
diff --git a/_site/js/directives.js b/_site/js/directives.js
deleted file mode 100644
index 566a430..0000000
--- a/_site/js/directives.js
+++ /dev/null
@@ -1,27 +0,0 @@
-// Generated by CoffeeScript 1.4.0
-(function() {
-
- angular.module('myApp.directives', []).directive('appVersion', [
- 'version', function(version) {
- return function(scope, elm, attrs) {
- return elm.text(version);
- };
- }
- ]).directive('hoverShow', function() {
- return {
- link: function(scope, elm, attrs) {
- elm.bind('mouseover', {
- attrs: attrs
- }, function(ev) {
- return elm.closest('.projects').find('.' + ev.data.attrs.hoverShow).show();
- });
- return elm.bind('mouseout', {
- attrs: attrs
- }, function(ev) {
- return elm.closest('.projects').find('.' + ev.data.attrs.hoverShow).hide();
- });
- }
- };
- });
-
-}).call(this);
diff --git a/_site/js/filters.js b/_site/js/filters.js
deleted file mode 100644
index 1c6f7c9..0000000
--- a/_site/js/filters.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// Generated by CoffeeScript 1.4.0
-(function() {
-
- angular.module('myApp.filters', []).filter('interpolate', [
- 'version', function(version) {
- return function(text) {
- return String(text).replace(/\%VERSION\%/mg, version);
- };
- }
- ]);
-
-}).call(this);
diff --git a/_site/js/services.js b/_site/js/services.js
deleted file mode 100644
index c4bd4b2..0000000
--- a/_site/js/services.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// Generated by CoffeeScript 1.4.0
-(function() {
-
- angular.module('myApp.services', []).value('version', '0.1');
-
-}).call(this);
diff --git a/_site/less/Junction-webfont.eot b/_site/less/Junction-webfont.eot
deleted file mode 100644
index 9dd9d82..0000000
Binary files a/_site/less/Junction-webfont.eot and /dev/null differ
diff --git a/_site/less/Junction-webfont.svg b/_site/less/Junction-webfont.svg
deleted file mode 100644
index 091d757..0000000
--- a/_site/less/Junction-webfont.svg
+++ /dev/null
@@ -1,140 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/_site/less/Junction-webfont.ttf b/_site/less/Junction-webfont.ttf
deleted file mode 100644
index 6ad3a25..0000000
Binary files a/_site/less/Junction-webfont.ttf and /dev/null differ
diff --git a/_site/less/Junction-webfont.woff b/_site/less/Junction-webfont.woff
deleted file mode 100644
index eaf83dd..0000000
Binary files a/_site/less/Junction-webfont.woff and /dev/null differ
diff --git a/_site/less/compile.less b/_site/less/compile.less
deleted file mode 100644
index 74b4093..0000000
--- a/_site/less/compile.less
+++ /dev/null
@@ -1,10 +0,0 @@
-// Angustrap v0.1
-// This file is for less compiling prupose, do not modify !
-
-
-@import "../lib/bootstrap/less/bootstrap.less";
-@import "../lib/fontawesome/less/font-awesome.less";
-@FontAwesomePath: "../lib/fontawesome/font";
-@import "variables.less";
-@import "theme.less";
-@import "../lib/bootstrap/less/utilities.less";
diff --git a/_site/less/theme.less b/_site/less/theme.less
deleted file mode 100644
index 2ff50b7..0000000
--- a/_site/less/theme.less
+++ /dev/null
@@ -1,187 +0,0 @@
-body {
- font: 18px/27px 'junctionregularRegular', Arial, sans-serif;
- color: @textColor;
- h1,
- h2,
- h3,
- h4,
- h5 {
- font-family: @headingFont;
- @media (max-width: 767px) {
- text-shadow: 0 1px 0 rgba(0, 0, 0, .45);
- }
- }
-
- h2 {
- font-size: 40px;
- font-weight: 400;
- line-height: 40px;
- }
-
-}
-
-.main {
- height: 70%;
- text-align: center;
- padding-top: 3%;
- padding-left: 0;
- padding-right: 0;
-
-
- .profil {
- .qrcode {
- display: block;
- position: absolute;
- left: 65%;
- top: 30%;
- opacity: 0;
- .transition(all 500ms ease);
- }
-
- &:hover .qrcode {
- opacity: 1;
- }
- padding-top: 8%;
-
- h2 {
- padding-bottom: 3%;
- }
- }
-
- .hero {
- padding-bottom: 2%;
- }
-
- .freelance {
-
- @media (max-width: 767px) {
- padding-bottom: 16%;
- }
- .row-fluid {
- div {
- padding: 10px;
- }
- }
- }
-
-
- .contact {
- padding-top: 10%;
-
-
- a {
- text-decoration: none !important;
- color: @textColor;
- .transition(all 200ms ease);
- padding-left: .5em;
- padding-right: .5em;
-
- &:hover {
- color: @contactColor;
- .transition(all 50ms ease);
- text-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);
-
- }
- }
- }
-
- .projects {
- margin-top: 5%;
-
-
- .details {
- /*position: fixed;*/
- /*right: 2%;*/
- /*top: 20%;*/
- &.github {
- padding-top: 5%;
- }
- }
-
- a {
- text-decoration: none !important;
- color: @textColor;
-
- &:hover {
- color: @projectsColor;
- }
- }
- .title {
- text-align: right;
- padding-right: 3em;
- .transition(all 200ms ease-out);
- border-right: 5px solid @textColor;
-
- h2 {
- padding-bottom: .6em;
- }
- }
- }
-}
-
-.dock {
- .animation-delay(1.5s);
- width: 100%;
- position: fixed;
- bottom: 0;
- text-align: center;
- background: #fff;
- .box-shadow(0 -30px 40px #fff);
-
- .hoverText {
- top: -5%;
- display: none;
-
- &.hovered {
- display: block;
- }
- }
-
-
- a {
- color: @dockIconColor;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.18);
- padding-left: 1.5em;
- padding-right: 1.5em;
- .transition(all 100ms ease);
- display: inline-block;
-
- &:hover, &.active {
- text-decoration: none;
-
- .contact {
- color: @contactColor;
-
- }
-
- .profil {
- color: @profilColor;
- }
-
- .projects {
- color: @projectsColor;
- }
-
- .blog {
- color: @blogColor;
- }
- }
-
- i {
- font-size: 4.5em;
- .transition(all 200ms ease);
-
- &.contact {
- font-size: 4.5em;
- }
-
- @media (max-width: 767px) {
- font-size: 2em;
-
- &.contact {
- font-size: 1.5em;
- }
- }
- }
- }
-}
diff --git a/_site/less/variables.less b/_site/less/variables.less
deleted file mode 100644
index e59de7b..0000000
--- a/_site/less/variables.less
+++ /dev/null
@@ -1,40 +0,0 @@
-@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
-@import url('http://fonts.googleapis.com/css?family=Gentium+Book+Basic');
-@import url('http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
-
-
-@headingFont: "Open Sans";
-@titleFont: "Gentium Book Basic";
-
-@orange: #ef4723;
-@darkGrey: #222;
-@white: rgb(252, 252, 252);
-
-@dockIconColor: rgb(224,224,224);
-@profilColor: rgb(81, 250, 128);
-@projectsColor: rgb(87, 221, 247);
-@blogColor: rgb(255, 140, 150);
-@contactColor: rgb(249, 255, 107);
-
-@font-face {
- font-family: 'junctionregularRegular';
- src: url('Junction-webfont.eot');
- src: url('Junction-webfont.eot?#iefix') format('embedded-opentype'),
- url('Junction-webfont.woff') format('woff'),
- url('Junction-webfont.ttf') format('truetype'),
- url('Junction-webfont.svg#junctionregularRegular') format('svg');
- font-weight: normal;
- font-style: normal;
-
-}
-
-@textFontSize: 18px;
-@textColor: rgb(167, 167, 167);
-
-// Animation delay
-.animation-delay(@delay: 500ms) {
- -webkit-animation-delay : @delay;
- -moz-animation-delay : @delay;
- animation-delay : @delay;
-}
-
diff --git a/_site/lib/angular-ui/CHANGELOG.md b/_site/lib/angular-ui/CHANGELOG.md
deleted file mode 100644
index 038ca1c..0000000
--- a/_site/lib/angular-ui/CHANGELOG.md
+++ /dev/null
@@ -1,60 +0,0 @@
-# [Cha Cha Cha Changes](http://www.youtube.com/watch?v=pl3vxEudif8&t=0m53s)
-
-## Master
-
-## v0.4.0
-* **Validate directive** has been upgraded
- * **API BREAKING CHANGE!** now takes expressions instead of function references
- * You must explicitly specify the $value variable, but you no longer need to create a function
- * **NEW FEATURE** uiValidateWatch allows you to re-fire a validation rule (or all rules) when a related model changes (confirm_password)
-* **CodeMirror directive** has been updated
- * Now works with v3.02
- * **NEW FEATURE** uiRefresh lets you specify an expression to watch for changes to refresh codemirror (useful for modals)
-* **Mask directive** has many new fixes
-* Fixes for **uiDate**
- * **DateFormat directive** can now be declared in **uiConfig**
-* **uiJq Passthru directive** has upgrades to support a wider variety of directives
- * Now fires asyncronously post-angular-rendering of the view (**uiDefer** option is now always true)
- * New **uiRefresh** lets you specify an expression to watch to re-fire the plugin (call $(elm).focus() when a modal opens)
-* **Select2 directive** now adds support for setting the selected item by specifying a simple ID
- * FINALLY have unit-tests for Select2!
-* **IEShiv** has been simplified and stripped of browser-sniffing code (just use conditional comments)
-* **Calendar directive** now performs better watching of events data
- * Added optional equalsTracker attr (increment to force update from scope)
-* **Sortable directive** now properly supports connectWith option
-* New **route directive** that sets a boolean based on a pattern match of the current route (useful for tabs/navigation)
-* Refactored **If directive** to be tidier
-* **API BREAKING CHANGE!** **Modal directive** has been completely removed (if you still need it, grab the files from v0.3.x)
-
-## v0.3.0
-* New **format** filter
-* Lots of cleanup! Consistent indentation, linting
-* Custom builds via grunt (soon to be leveraged via builder)
-* uiDate now watches options
-* Rewrote ui-keypress (API is not backwards-compatible)
- * **ui-**keypress has been expanded into **ui-keyup**, **ui-keydown** and **ui-keypress**
- * The **ui-keypress** can now be used to `$event.preventDefault()` as expected
- * Multiple combinations are separated by spaces, while multi-key combos are separated by dashes: `'enter alt-space 13-shift':'whatever()'`
- * The string-notation (__a and be or c and d__) has been dropped completely
-* Can now pass (or globally define) the value uiReset resets to
-
-## v0.2.0
-* Unit tests. Unit tests. Unit tests.
-* New **inflector** filter (previously named **prettifier**)
- * Added 2 alternative modes, now contains: humanize, underscore and variable
-* **Passthrough directive** (uiJq) now fixes common ngModel problems due to trigger(change). Can optionally be disabled
-* Removed **Length Filter** (you can instead do {{ ( myArray | filter: { gender:'m' } ).length }})
-* Added **validate directive**, allows you to pass validation functions
-* **Sortable directive**
-* Fixed **unique filter**
-* **Highlight filter** has had bug fixes
-* **Event directive** has been refactored / improved
-* **Keypress directive** has been refactored / improved
-* New **if-directive** instead of **remove directive** (removed)
-* New **google maps directive**
-* New **animate directive** that transitions the injection of new DOM elements (transitioning the removal of DOM is still not supported yet)
-* Improvements to **scrollfix directive**
-
-## v0.1.0
-* New folder structure
-* Too many to list
diff --git a/_site/lib/angular-ui/LICENSE b/_site/lib/angular-ui/LICENSE
deleted file mode 100644
index dfc5e0c..0000000
--- a/_site/lib/angular-ui/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-The MIT License
-
-Copyright (c) 2012 the AngularUI Team, http://angular-ui.github.com
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
diff --git a/_site/lib/angular-ui/README.md b/_site/lib/angular-ui/README.md
deleted file mode 100644
index 0aab445..0000000
--- a/_site/lib/angular-ui/README.md
+++ /dev/null
@@ -1,73 +0,0 @@
-# AngularUI - The companion suite for AngularJS
-
-***
-
-[](http://travis-ci.org/angular-ui/angular-ui)
-
-## Usage
-
-### Requirements
-
-* **AngularJS v1.0.0+** is currently required.
-* **jQuery / Plugins** _(depends on directive)._ Check specific directive dependencies for more information
-
-## Installation
-
-The repository comes with the modules pre-built and compressed into the `build/` directory.
-
-```javascript
-angular.module('myApp', ['ui']);
-```
-
-The modules can be found in the [Directives](https://github.com/angular-ui/angular-ui/tree/master/modules/directives) and [Filters](https://github.com/angular-ui/angular-ui/tree/master/modules/filters) folders. Check out the readme file associated with each module for specific module usage information.
-
-## Development
-
-You do not need to build the project to use it - see above - but if you are working on it then this is what you need to know.
-
-### Requirements
-
-0. Install [Node.js](http://nodejs.org/) and NPM (should come with)
-
-1. Install local dependencies:
-
-```bash
-$ npm install
-```
-
-2. Install global dependencies `grunt`, `coffee-script`, and `testacular`:
-
-```bash
-$ npm install -g testacular coffee-script grunt
-```
-
-### Build Files & Run Tests
-
-Before you commit, always run `grunt` to build and test everything once.
-
-```bash
-$ grunt
-```
-
-### Test & Develop
-
-The modules come with unit tests that should be run on any changes and certainly before commiting changes to the project. The unit tests should also provide further insight into the usage of the modules.
-
-First, start the testacular server:
-```bash
-$ grunt server
-```
-Then, open your browser to http://localhost:8080 and run the watch command to re-run tests on every save:
-```bash
-$ grunt watch
-```
-
-### Publishing
-
-For core team: if you wish to publish a new version follow these steps:
-
-1. Bump the version number inside `package.json`
-2. Build and test
-3. Commit the updated `package.json` and `build/` folder on their own commit
-4. Tag the commit: `git tag v[maj].[min].[patch]`
-5. Push the tag: `git push [angular-ui] master --tags`
\ No newline at end of file
diff --git a/_site/lib/angular-ui/build/angular-ui-ieshiv.js b/_site/lib/angular-ui/build/angular-ui-ieshiv.js
deleted file mode 100644
index 6fb0dcd..0000000
--- a/_site/lib/angular-ui/build/angular-ui-ieshiv.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * AngularUI - The companion suite for AngularJS
- * @version v0.4.0 - 2013-02-15
- * @link http://angular-ui.github.com
- * @license MIT License, http://www.opensource.org/licenses/MIT
- */
-
-// READ: http://docs-next.angularjs.org/guide/ie
-// element tags are statically defined in order to accommodate lazy-loading whereby directives are also unknown
-
-// The ieshiv takes care of our ui.directives and AngularJS's ng-view, ng-include, ng-pluralize, ng-switch.
-// However, IF you have custom directives that can be used as html tags (yours or someone else's) then
-// add list of directives into window.myCustomTags
-
-//
-
-(function (exports) {
-
- var debug = window.ieShivDebug || false,
- tags = [ "ngInclude", "ngPluralize", "ngView", "ngSwitch", "uiCurrency", "uiCodemirror", "uiDate", "uiEvent",
- "uiKeypress", "uiKeyup", "uiKeydown", "uiMask", "uiMapInfoWindow", "uiMapMarker", "uiMapPolyline",
- "uiMapPolygon", "uiMapRectangle", "uiMapCircle", "uiMapGroundOverlay", "uiModal", "uiReset",
- "uiScrollfix", "uiSelect2", "uiShow", "uiHide", "uiToggle", "uiSortable", "uiTinymce"
- ];
-
- window.myCustomTags = window.myCustomTags || []; // externally defined by developer using angular-ui directives
- tags.push.apply(tags, window.myCustomTags);
-
- var toCustomElements = function (str) {
- var result = [];
- var dashed = str.replace(/([A-Z])/g, function ($1) {
- return " " + $1.toLowerCase();
- });
- var tokens = dashed.split(' ');
- var ns = tokens[0];
- var dirname = tokens.slice(1).join('-');
-
- // this is finite list and it seemed senseless to create a custom method
- result.push(ns + ":" + dirname);
- result.push(ns + "-" + dirname);
- result.push("x-" + ns + "-" + dirname);
- result.push("data-" + ns + "-" + dirname);
- return result;
- };
-
- for (var i = 0, tlen = tags.length; i < tlen; i++) {
- var customElements = toCustomElements(tags[i]);
- for (var j = 0, clen = customElements.length; j < clen; j++) {
- var customElement = customElements[j];
- document.createElement(customElement);
- }
- }
-
-})(window);
\ No newline at end of file
diff --git a/_site/lib/angular-ui/build/angular-ui-ieshiv.min.js b/_site/lib/angular-ui/build/angular-ui-ieshiv.min.js
deleted file mode 100644
index 43332ae..0000000
--- a/_site/lib/angular-ui/build/angular-ui-ieshiv.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * AngularUI - The companion suite for AngularJS
- * @version v0.4.0 - 2013-02-15
- * @link http://angular-ui.github.com
- * @license MIT License, http://www.opensource.org/licenses/MIT
- */
-(function(e){var t=window.ieShivDebug||!1,n=["ngInclude","ngPluralize","ngView","ngSwitch","uiCurrency","uiCodemirror","uiDate","uiEvent","uiKeypress","uiKeyup","uiKeydown","uiMask","uiMapInfoWindow","uiMapMarker","uiMapPolyline","uiMapPolygon","uiMapRectangle","uiMapCircle","uiMapGroundOverlay","uiModal","uiReset","uiScrollfix","uiSelect2","uiShow","uiHide","uiToggle","uiSortable","uiTinymce"];window.myCustomTags=window.myCustomTags||[],n.push.apply(n,window.myCustomTags);var r=function(e){var t=[],n=e.replace(/([A-Z])/g,function(e){return" "+e.toLowerCase()}),r=n.split(" "),i=r[0],s=r.slice(1).join("-");return t.push(i+":"+s),t.push(i+"-"+s),t.push("x-"+i+"-"+s),t.push("data-"+i+"-"+s),t};for(var i=0,s=n.length;i{{item}}
- */
-angular.module('ui.directives').directive('uiAnimate', ['ui.config', '$timeout', function (uiConfig, $timeout) {
- var options = {};
- if (angular.isString(uiConfig.animate)) {
- options['class'] = uiConfig.animate;
- } else if (uiConfig.animate) {
- options = uiConfig.animate;
- }
- return {
- restrict: 'A', // supports using directive as element, attribute and class
- link: function ($scope, element, attrs) {
- var opts = {};
- if (attrs.uiAnimate) {
- opts = $scope.$eval(attrs.uiAnimate);
- if (angular.isString(opts)) {
- opts = {'class': opts};
- }
- }
- opts = angular.extend({'class': 'ui-animate'}, options, opts);
-
- element.addClass(opts['class']);
- $timeout(function () {
- element.removeClass(opts['class']);
- }, 20, false);
- }
- };
-}]);
-
-
-/*
-* AngularJs Fullcalendar Wrapper for the JQuery FullCalendar
-* API @ http://arshaw.com/fullcalendar/
-*
-* Angular Calendar Directive that takes in the [eventSources] nested array object as the ng-model and watches (eventSources.length + eventSources[i].length) for changes.
-* Can also take in multiple event urls as a source object(s) and feed the events per view.
-* The calendar will watch any eventSource array and update itself when a delta is created
-* An equalsTracker attrs has been added for use cases that would render the overall length tracker the same even though the events have changed to force updates.
-*
-*/
-
-angular.module('ui.directives').directive('uiCalendar',['ui.config', '$parse', function (uiConfig,$parse) {
- uiConfig.uiCalendar = uiConfig.uiCalendar || {};
- //returns calendar
- return {
- require: 'ngModel',
- restrict: 'A',
- link: function(scope, elm, attrs, $timeout) {
- var sources = scope.$eval(attrs.ngModel);
- var tracker = 0;
- /* returns the length of all source arrays plus the length of eventSource itself */
- var getSources = function () {
- var equalsTracker = scope.$eval(attrs.equalsTracker);
- tracker = 0;
- angular.forEach(sources,function(value,key){
- if(angular.isArray(value)){
- tracker += value.length;
- }
- });
- if(angular.isNumber(equalsTracker)){
- return tracker + sources.length + equalsTracker;
- }else{
- return tracker + sources.length;
- }
- };
- /* update the calendar with the correct options */
- function update() {
- //calendar object exposed on scope
- scope.calendar = elm.html('');
- var view = scope.calendar.fullCalendar('getView');
- if(view){
- view = view.name; //setting the default view to be whatever the current view is. This can be overwritten.
- }
- /* If the calendar has options added then render them */
- var expression,
- options = {
- defaultView : view,
- eventSources: sources
- };
- if (attrs.uiCalendar) {
- expression = scope.$eval(attrs.uiCalendar);
- } else {
- expression = {};
- }
- angular.extend(options, uiConfig.uiCalendar, expression);
- scope.calendar.fullCalendar(options);
- }
- update();
- /* watches all eventSources */
- scope.$watch(getSources, function( newVal, oldVal )
- {
- update();
- });
- }
- };
-}]);
-/*global angular, CodeMirror, Error*/
-/**
- * Binds a CodeMirror widget to a ')(scope);
- }
-
- expect(compile).not.toThrow();
- });
-
- it('should throw an error when no ngModel attribute defined', function () {
- function compile() {
- $compile('')(scope);
- }
-
- expect(compile).toThrow();
- });
-
- it('should watch the uiCodemirror attribute', function () {
- spyOn(scope, '$watch');
- $compile('')(scope);
- $timeout.flush();
- expect(scope.$watch).toHaveBeenCalled();
- });
-
- });
-
- describe('while spying on the CodeMirror instance', function () {
-
- var codemirror;
-
- beforeEach(function () {
- var fromTextArea = CodeMirror.fromTextArea;
- spyOn(CodeMirror, 'fromTextArea').andCallFake(function () {
- codemirror = fromTextArea.apply(this, arguments);
- return codemirror;
- });
- });
-
- describe('verify the directive options', function () {
- it('should include the passed options', function () {
- $compile('')(scope);
- $timeout.flush();
- expect(CodeMirror.fromTextArea.mostRecentCall.args[1].oof).toEqual("baar");
- });
-
- it('should include the default options', function () {
- $compile('')(scope);
- $timeout.flush();
- expect(CodeMirror.fromTextArea.mostRecentCall.args[1].bar).toEqual('baz');
- });
- });
-
- describe('when uiRefresh is added', function () {
- it('should trigger the CodeMirror.refresh() method', function () {
- $compile('')(scope);
- $timeout.flush();
- spyOn(codemirror, 'refresh');
- scope.$apply('bar = true');
- $timeout.flush();
- expect(codemirror.refresh).toHaveBeenCalled();
- });
- });
-
-
- describe('when the IDE changes', function () {
- it('should update the model', function () {
- $compile('')(scope);
- scope.$apply("foo = 'bar'");
- $timeout.flush();
- var value = 'baz';
- codemirror.setValue(value);
- expect(scope.foo).toBe(value);
- });
- });
-
- describe('when the model changes', function () {
- it('should update the IDE', function () {
- var element = $compile('')(scope);
- scope.foo = 'bar';
- scope.$apply();
- $timeout.flush();
- expect(codemirror.getValue()).toBe(scope.foo);
- });
- });
-
- describe('when the model is undefined/null', function () {
- it('should update the IDE with an empty string', function () {
- var element = $compile('')(scope);
- scope.$apply();
- $timeout.flush();
- expect(scope.foo).toBe(undefined);
- expect(codemirror.getValue()).toBe('');
- scope.$apply('foo = "bar"');
- expect(scope.foo).toBe('bar');
- expect(codemirror.getValue()).toBe('bar');
- scope.$apply('foo = null');
- expect(scope.foo).toBe(null);
- expect(codemirror.getValue()).toBe('');
- });
- });
- });
-
- describe('when the model is an object or an array', function () {
- it('should throw an error', function () {
- function compileWithObject() {
- $compile('')(scope);
- $timeout.flush();
- scope.foo = {};
- scope.$apply();
- }
-
- function compileWithArray() {
- $compile('')(scope);
- $timeout.flush();
- scope.foo = [];
- scope.$apply();
- }
-
- expect(compileWithObject).toThrow();
- expect(compileWithArray).toThrow();
- });
- });
-});
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/currency/README.md b/_site/lib/angular-ui/modules/directives/currency/README.md
deleted file mode 100644
index 7959201..0000000
--- a/_site/lib/angular-ui/modules/directives/currency/README.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# ui-currency directive
-
-This directive gives greater control over your currency elements by allowing you to set CSS styles based on the number's sign.
-In angular, you are only able to specify what the currency symbol is (however, you might not want to change it for localization).
-
-## Usage
-
-Apply the directive to your html elements:
-
- myAppModule.controller('MyController', function($scope) {
- $scope.SomeNumber = 123;
- });
-
-
-
-Default styles are in angular-ui.css and are pretty boring, you could just override these in your
-stylesheet and make things most excellent (e.g. increasing size for negatives, doing a hover sorta thingy )
-
- .ui-currency-pos {
- color: green;
- }
- .ui-currency-neg {
- color: red;
- }
- .ui-currency-zero {
- color: blue;
- }
- .ui-currency-pos.ui-bignum, .ui-currency-neg.ui-smallnum {
- font-size: 110%;
- }
-
-### Options
-
-All the options can be controlled by ui.config (see Global Defaults) or passed in the ui-currency attribute on the declaration.
-The symbol attribute defaults to null and is then controlled by the default locale settings.
-
-
-
-If the model is greater than or equal to 1000 add ui-bignum to css class, if less than or equal to -1000 add ui-small num. If attr is-total attribute
-is set the bignum/smallnum is not applied. This is useful if the options are global and you don't want totals to necessarily have these classes.
-
-### Notes
-
-This directive wraps angular's currency filter. If that changes, you are on your own.
-
-
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/currency/currency.js b/_site/lib/angular-ui/modules/directives/currency/currency.js
deleted file mode 100644
index 97ad384..0000000
--- a/_site/lib/angular-ui/modules/directives/currency/currency.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- Gives the ability to style currency based on its sign.
- */
-angular.module('ui.directives').directive('uiCurrency', ['ui.config', 'currencyFilter' , function (uiConfig, currencyFilter) {
- var options = {
- pos: 'ui-currency-pos',
- neg: 'ui-currency-neg',
- zero: 'ui-currency-zero'
- };
- if (uiConfig.currency) {
- angular.extend(options, uiConfig.currency);
- }
- return {
- restrict: 'EAC',
- require: 'ngModel',
- link: function (scope, element, attrs, controller) {
- var opts, // instance-specific options
- renderview,
- value;
-
- opts = angular.extend({}, options, scope.$eval(attrs.uiCurrency));
-
- renderview = function (viewvalue) {
- var num;
- num = viewvalue * 1;
- element.toggleClass(opts.pos, (num > 0) );
- element.toggleClass(opts.neg, (num < 0) );
- element.toggleClass(opts.zero, (num === 0) );
- if (viewvalue === '') {
- element.text('');
- } else {
- element.text(currencyFilter(num, opts.symbol));
- }
- return true;
- };
-
- controller.$render = function () {
- value = controller.$viewValue;
- element.val(value);
- renderview(value);
- };
-
- }
- };
-}]);
diff --git a/_site/lib/angular-ui/modules/directives/currency/stylesheets/currency.less b/_site/lib/angular-ui/modules/directives/currency/stylesheets/currency.less
deleted file mode 100644
index e1ab0af..0000000
--- a/_site/lib/angular-ui/modules/directives/currency/stylesheets/currency.less
+++ /dev/null
@@ -1,14 +0,0 @@
-
-/* ui-currency */
-.ui-currency-pos {
- color: green;
-}
-.ui-currency-neg {
- color: red;
-}
-.ui-currency-zero {
- color: blue;
-}
-.ui-currency-pos.ui-bignum, .ui-currency-neg.ui-smallnum {
- font-size: 110%;
-}
diff --git a/_site/lib/angular-ui/modules/directives/currency/test/currencySpec.js b/_site/lib/angular-ui/modules/directives/currency/test/currencySpec.js
deleted file mode 100644
index bbbc71f..0000000
--- a/_site/lib/angular-ui/modules/directives/currency/test/currencySpec.js
+++ /dev/null
@@ -1,95 +0,0 @@
-describe('uiCurrency', function () {
- var scope;
- beforeEach(module('ui'));
- beforeEach(inject(function ($rootScope) {
- scope = $rootScope.$new();
- }));
- describe('use on a div element with two-way binding', function () {
- it('should have ui-currency-pos style non-zero positive model number ', function () {
- inject(function ($compile) {
- var element;
- element = $compile("")(scope);
- scope.$apply(function () {
- scope.aNum = 0.5123;
- });
- expect(element.text()).toEqual('$0.51');
- expect(element.hasClass('ui-currency-pos')).toBeTruthy();
- expect(element.hasClass('ui-currency-neg')).toBeFalsy();
- expect(element.hasClass('ui-currency-zero')).toBeFalsy();
- });
- });
- it('should have ui-currency-neg style when negative model number', function () {
- inject(function ($compile) {
- var element;
- element = $compile("")(scope);
- scope.$apply(function () {
- scope.aNum = -123;
- });
- expect(element.text()).toEqual('($123.00)');
- expect(element.hasClass('ui-currency-pos')).toBeFalsy();
- expect(element.hasClass('ui-currency-neg')).toBeTruthy();
- });
- });
- it('should have ui-currency-zero style when zero model number', function () {
- inject(function ($compile) {
- var element;
- element = $compile("")(scope);
- scope.$apply(function () {
- scope.aNum = 0;
- });
- expect(element.text()).toEqual('$0.00');
- expect(element.hasClass('ui-currency-pos')).toBeFalsy();
- expect(element.hasClass('ui-currency-neg')).toBeFalsy();
- expect(element.hasClass('ui-currency-zero')).toBeTruthy();
- });
- });
- it('should not have any ui-currency styles or a value at all when missing scope model value', function () {
- inject(function ($compile) {
- var element;
- element = $compile("")(scope);
- expect(element.text()).toEqual('');
- expect(element.hasClass('ui-currency-pos')).toBeFalsy();
- expect(element.hasClass('ui-currency-neg')).toBeFalsy();
- expect(element.hasClass('ui-currency-zero')).toBeFalsy();
- });
- });
- it('should not have any ui-currency styles or a value at all when provided a non-numeric model value', function () {
- inject(function ($compile) {
- var element;
- element = $compile("")(scope);
- scope.$apply(function () {
- scope.aBadNum = 'bad';
- });
- expect(element.text()).toEqual('');
- expect(element.hasClass('ui-currency-pos')).toBeFalsy();
- expect(element.hasClass('ui-currency-neg')).toBeFalsy();
- expect(element.hasClass('ui-currency-zero')).toBeFalsy();
- });
- });
-
- it('should have user-defined positive style when provided in uiCurrency attr', function () {
- inject(function ($compile) {
- var element;
- element = $compile("")(scope);
- scope.$apply(function () {
- scope.aNum = 1;
- });
- expect(element.hasClass('pstyle')).toBeTruthy();
- });
- });
- // Presumption is if above works then no need to test other cases, given the coverage in previous describe
- });
- describe('use on a tag element', function () {
- it('should have a defined element', function () {
- inject(function ($compile) {
- var element;
- element = $compile("")(scope);
- scope.$apply(function () {
- scope.aNum = 1;
- });
- expect(element).toBeDefined();
- expect(element.text()).toEqual('$1.00');
- });
- });
- });
-});
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/date/README.md b/_site/lib/angular-ui/modules/directives/date/README.md
deleted file mode 100644
index 71f15d9..0000000
--- a/_site/lib/angular-ui/modules/directives/date/README.md
+++ /dev/null
@@ -1,73 +0,0 @@
-# ui-date directive
-
-This directive allows you to add a date-picker to your form elements.
-
-# Requirements
-
-- JQuery
-- JQueryUI
-- [Date.toISOString()](https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Date/toISOString) (requires [polyfill](https://github.com/kriskowal/es5-shim/) for ≤IE8)
-
-# Usage
-
-Load the script file in your application:
-
-
-
-Add the date module as a dependency to your application module:
-
- var myAppModule = angular.module('MyApp', ['ui.directives'])
-
-Apply the directive to your form elements:
-
-
-
-## Options
-
-All the jQueryUI DatePicker options can be passed through the directive.
-
- myAppModule.controller('MyController', function($scope) {
- $scope.dateOptions = {
- changeYear: true,
- changeMonth: true,
- yearRange: '1900:-0'
- };
- });
-
-
-
-## Static Inline Picker
-
-If you want a static picker then simply apply the directive to a div rather than an input element.
-
-
-
-# Working with ng-model
-
-The ui-date directive plays nicely with ng-model and validation directives such as ng-required.
-
-If you add the ng-model directive to same the element as ui-date then the picked date is automatically synchronized with the model value.
-
-_The ui-date directive stores and expects the model value to be a standard javascript Date object._
-
-## ui-date-format directive
-The ui-date directive only works with Date objects.
-If you want to pass date strings to and from the date directive via ng-model then you must use the ui-date-format directive.
-This directive specifies the format of the date string that will be expected in the ng-model.
-The format string syntax is that defined by the JQueryUI Date picker. For example
-
-
-
-Now you can set myDate in the controller.
-
- $scope.myDate = "Thursday, 11 October, 2012";
-
-## ng-required directive
-
-If you apply the required directive to element then the form element is invalid until a date is picked.
-
-Note: Remember that the ng-required directive must be explictly set, i.e. to "true". This is especially true on divs:
-
-
-
-
diff --git a/_site/lib/angular-ui/modules/directives/date/date.js b/_site/lib/angular-ui/modules/directives/date/date.js
deleted file mode 100644
index 238ac7f..0000000
--- a/_site/lib/angular-ui/modules/directives/date/date.js
+++ /dev/null
@@ -1,111 +0,0 @@
-/*global angular */
-/*
- jQuery UI Datepicker plugin wrapper
-
- @note If ≤ IE8 make sure you have a polyfill for Date.toISOString()
- @param [ui-date] {object} Options to pass to $.fn.datepicker() merged onto ui.config
- */
-
-angular.module('ui.directives')
-
-.directive('uiDate', ['ui.config', function (uiConfig) {
- 'use strict';
- var options;
- options = {};
- if (angular.isObject(uiConfig.date)) {
- angular.extend(options, uiConfig.date);
- }
- return {
- require:'?ngModel',
- link:function (scope, element, attrs, controller) {
- var getOptions = function () {
- return angular.extend({}, uiConfig.date, scope.$eval(attrs.uiDate));
- };
- var initDateWidget = function () {
- var opts = getOptions();
-
- // If we have a controller (i.e. ngModelController) then wire it up
- if (controller) {
- var updateModel = function () {
- scope.$apply(function () {
- var date = element.datepicker("getDate");
- element.datepicker("setDate", element.val());
- controller.$setViewValue(date);
- element.blur();
- });
- };
- if (opts.onSelect) {
- // Caller has specified onSelect, so call this as well as updating the model
- var userHandler = opts.onSelect;
- opts.onSelect = function (value, picker) {
- updateModel();
- scope.$apply(function() {
- userHandler(value, picker);
- });
- };
- } else {
- // No onSelect already specified so just update the model
- opts.onSelect = updateModel;
- }
- // In case the user changes the text directly in the input box
- element.bind('change', updateModel);
-
- // Update the date picker when the model changes
- controller.$render = function () {
- var date = controller.$viewValue;
- if ( angular.isDefined(date) && date !== null && !angular.isDate(date) ) {
- throw new Error('ng-Model value must be a Date object - currently it is a ' + typeof date + ' - use ui-date-format to convert it from a string');
- }
- element.datepicker("setDate", date);
- };
- }
- // If we don't destroy the old one it doesn't update properly when the config changes
- element.datepicker('destroy');
- // Create the new datepicker widget
- element.datepicker(opts);
- if ( controller ) {
- // Force a render to override whatever is in the input text box
- controller.$render();
- }
- };
- // Watch for changes to the directives options
- scope.$watch(getOptions, initDateWidget, true);
- }
- };
-}
-])
-
-.directive('uiDateFormat', ['ui.config', function(uiConfig) {
- var directive = {
- require:'ngModel',
- link: function(scope, element, attrs, modelCtrl) {
- var dateFormat = attrs.uiDateFormat || uiConfig.dateFormat;
- if ( dateFormat ) {
- // Use the datepicker with the attribute value as the dateFormat string to convert to and from a string
- modelCtrl.$formatters.push(function(value) {
- if (angular.isString(value) ) {
- return $.datepicker.parseDate(dateFormat, value);
- }
- });
- modelCtrl.$parsers.push(function(value){
- if (value) {
- return $.datepicker.formatDate(dateFormat, value);
- }
- });
- } else {
- // Default to ISO formatting
- modelCtrl.$formatters.push(function(value) {
- if (angular.isString(value) ) {
- return new Date(value);
- }
- });
- modelCtrl.$parsers.push(function(value){
- if (value) {
- return value.toISOString();
- }
- });
- }
- }
- };
- return directive;
-}]);
diff --git a/_site/lib/angular-ui/modules/directives/date/dependencies.json b/_site/lib/angular-ui/modules/directives/date/dependencies.json
deleted file mode 100644
index 9b9d050..0000000
--- a/_site/lib/angular-ui/modules/directives/date/dependencies.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
- "core": [ "jquery", "jquery-ui" ],
- "internal": [],
- "external": []
-}
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/date/test/dateSpec.js b/_site/lib/angular-ui/modules/directives/date/test/dateSpec.js
deleted file mode 100644
index fc0c4db..0000000
--- a/_site/lib/angular-ui/modules/directives/date/test/dateSpec.js
+++ /dev/null
@@ -1,354 +0,0 @@
-/*global describe, beforeEach, it, inject, expect, module, $*/
-describe('uiDate', function() {
- 'use strict';
- var selectDate;
- selectDate = function(element, date) {
- element.datepicker('setDate', date);
- $.datepicker._selectDate(element);
- };
- beforeEach(module('ui.directives'));
- describe('simple use on input element', function() {
- it('should have a date picker attached', function() {
- inject(function($compile, $rootScope) {
- var element;
- element = $compile("")($rootScope);
- expect(element.datepicker()).toBeDefined();
- });
- });
- it('should be able to get the date from the model', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply(function() {
- $rootScope.x = aDate;
- });
- expect(element.datepicker('getDate')).toEqual(aDate);
- });
- });
- it('should put the date in the model', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply();
- selectDate(element, aDate);
- expect($rootScope.x).toEqual(aDate);
- });
- });
- it('should blur the input element after selecting a date', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply();
- $(document.body).append(element); // Need to add it to the document so that it can get focus
- element.focus();
- expect(document.activeElement).toEqual(element[0]);
- selectDate(element, aDate);
- expect(document.activeElement).not.toEqual(element[0]);
- element.remove(); // And then remove it again!
- });
- });
- });
- describe('when model is not a Date', function() {
- var element;
- var scope;
- beforeEach(inject(function($compile, $rootScope) {
- element = $compile('')($rootScope);
- scope = $rootScope;
- }));
- it('should not freak out when the model is null', function() {
- scope.$apply(function() {
- scope.x = null;
- });
- expect(element.datepicker('getDate')).toBe(null);
- });
- it('should not freak out when the model is undefined', function() {
- scope.$apply(function() {
- scope.x = undefined;
- });
- expect(element.datepicker('getDate')).toBe(null);
- });
- it('should throw an error if you try to pass in a boolean when the model is false', function() {
- expect(function() {
- scope.$apply(function() {
- scope.x = false;
- });
- }).toThrow();
- });
- });
-
- it('should update the input field correctly on a manual update', function() {
- inject(function($compile, $rootScope) {
- var dateString = '2012-08-17';
- var dateObj = $.datepicker.parseDate('yy-mm-dd', dateString);
- var element = $compile('')($rootScope);
- $rootScope.$apply(function() {
- $rootScope.x = dateObj;
- });
- // Now change the data in the input box
- dateString = '2012-8-01';
- dateObj = $.datepicker.parseDate('yy-mm-dd', dateString);
- element.val(dateString);
- element.trigger("change");
- expect(element.datepicker('getDate')).toEqual(dateObj);
- expect(element.val()).toEqual('2012-08-01');
- $rootScope.$digest();
- expect($rootScope.x).toEqual(dateObj);
- });
- });
-
- describe("use with user events", function() {
- it('should call the user onSelect event within a scope.$apply context', function() {
- inject(function($compile, $rootScope) {
- var watched = false;
- $rootScope.myDateSelected = function() {
- $rootScope.watchMe = true;
- }
- $rootScope.$watch("watchMe", function(watchMe) {
- if (watchMe) {
- watched = true;
- }
- });
- var aDate = new Date(2012,9,11);
- var element = $compile('')($rootScope);
- $rootScope.$apply();
- selectDate(element, aDate);
- expect(watched).toBeTruthy();
- });
- });
- });
-
- describe('use with ng-required directive', function() {
- it('should be invalid initially', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply();
- expect(element.hasClass('ng-invalid')).toBeTruthy();
- });
- });
- it('should be valid if model has been specified', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply(function() {
- $rootScope.x = aDate;
- });
- expect(element.hasClass('ng-valid')).toBeTruthy();
- });
- });
- it('should be valid after the date has been picked', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply();
- selectDate(element, aDate);
- expect(element.hasClass('ng-valid')).toBeTruthy();
- });
- });
- });
- describe('simple use on a div element', function() {
- it('should have a date picker attached', function() {
- inject(function($compile, $rootScope) {
- var element;
- element = $compile("")($rootScope);
- expect(element.datepicker()).toBeDefined();
- });
- });
- it('should be able to get the date from the model', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply(function() {
- $rootScope.x = aDate;
- });
- expect(element.datepicker('getDate')).toEqual(aDate);
- });
- });
- it('should put the date in the model', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply();
- selectDate(element, aDate);
- expect($rootScope.x).toEqual(aDate);
- });
- });
- });
- describe('use with ng-required directive', function() {
- it('should be invalid initially', function() {
- inject(function($compile, $rootScope) {
- var element = $compile("")($rootScope);
- $rootScope.$apply();
- expect(element.hasClass('ng-invalid')).toBeTruthy();
- });
- });
- it('should be valid if model has been specified', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply(function() {
- $rootScope.x = aDate;
- });
- expect(element.hasClass('ng-valid')).toBeTruthy();
- });
- });
- it('should be valid after the date has been picked', function() {
- inject(function($compile, $rootScope) {
- var aDate, element;
- aDate = new Date(2010, 12, 1);
- element = $compile("")($rootScope);
- $rootScope.$apply();
- selectDate(element, aDate);
- expect(element.hasClass('ng-valid')).toBeTruthy();
- });
- });
- });
- describe('when attribute options change', function() {
- it('should watch attribute and update date widget accordingly', function() {
- inject(function($compile, $rootScope) {
- var element;
- $rootScope.config = {
- minDate: 5
- };
- element = $compile("")($rootScope);
- $rootScope.$apply();
- expect(element.datepicker("option", "minDate")).toBe(5);
- $rootScope.$apply(function() {
- $rootScope.config.minDate = 10;
- });
- expect(element.datepicker("option", "minDate")).toBe(10);
- });
- });
- });
-});
-
-describe('uiDateFormat', function() {
- beforeEach(module('ui.directives'));
-
- describe('$formatting', function() {
- it('should parse the date correctly from an ISO string', function() {
- inject(function($compile, $rootScope) {
- var aDate, aDateString, element;
- aDate = new Date(2012,8,17);
- aDateString = (aDate).toISOString();
-
- element = $compile('')($rootScope);
- $rootScope.x = aDateString;
- $rootScope.$digest();
-
- // Check that the model has not been altered
- expect($rootScope.x).toEqual(aDateString);
- // Check that the viewValue has been parsed correctly
- expect(element.controller('ngModel').$viewValue).toEqual(aDate);
- });
- });
- it('should parse the date correctly from a custom string', function() {
- inject(function($compile, $rootScope) {
- var aDate = new Date(2012, 9, 11);
- var aDateString = "Thursday, 11 October, 2012";
-
- var element = $compile('')($rootScope);
- $rootScope.x = aDateString;
- $rootScope.$digest();
-
- // Check that the model has not been altered
- expect($rootScope.x).toEqual(aDateString);
- // Check that the viewValue has been parsed correctly
- expect(element.controller('ngModel').$viewValue).toEqual(aDate);
- });
- });
- it('should handle unusual model values', function() {
- inject(function($compile, $rootScope) {
- var element = $compile('')($rootScope);
-
- $rootScope.x = false;
- $rootScope.$digest();
- // Check that the model has not been altered
- expect($rootScope.x).toEqual(false);
- // Check that the viewValue has been parsed correctly
- expect(element.controller('ngModel').$viewValue).toEqual(null);
-
- $rootScope.x = undefined;
- $rootScope.$digest();
- // Check that the model has not been altered
- expect($rootScope.x).toBeUndefined();
- // Check that the viewValue has been parsed correctly
- expect(element.controller('ngModel').$viewValue).toEqual(null);
-
- $rootScope.x = null;
- $rootScope.$digest();
- // Check that the model has not been altered
- expect($rootScope.x).toBeNull();
- // Check that the viewValue has been parsed correctly
- expect(element.controller('ngModel').$viewValue).toEqual(null);
- });
- });
- });
-
- describe('$parsing', function() {
- it('should format a selected date correctly to an ISO string', function() {
- inject(function($compile, $rootScope) {
- var aDate = new Date(2012,8,17);
- var aDateString = (aDate).toISOString();
- var element = $compile('')($rootScope);
- $rootScope.$digest();
-
- element.controller('ngModel').$setViewValue(aDate);
- // Check that the model is updated correctly
- expect($rootScope.x).toEqual(aDateString);
- // Check that the $viewValue has not been altered
- expect(element.controller('ngModel').$viewValue).toEqual(aDate);
- });
- });
-
- it('should format a selected date correctly to a custom string', function() {
- inject(function($compile, $rootScope) {
- var format = 'DD, d MM, yy';
- var aDate = new Date(2012,9,11);
- var aDateString = "Thursday, 11 October, 2012";
- var element = $compile('')($rootScope);
- $rootScope.$digest();
-
- element.controller('ngModel').$setViewValue(aDate);
- // Check that the model is updated correctly
- expect($rootScope.x).toEqual(aDateString);
- // Check that the $viewValue has not been altered
- expect(element.controller('ngModel').$viewValue).toEqual(aDate);
- });
- });
- });
-
- describe('with uiConfig', function() {
- var element, scope, config;
- var format = 'DD, d MM, yy';
- var aDate = new Date(2012,9,11);
- var aDateString = "Thursday, 11 October, 2012";
- var aISODateString = aDate.toISOString();
- beforeEach(inject(['$compile', '$rootScope', 'ui.config', function($compile, $rootScope, uiConfig) {
- config = uiConfig;
- element = $compile('')($rootScope);
- scope = $rootScope;
- }]));
-
- it('use ISO if not config value', function() {
- scope.x = aISODateString;
- scope.$digest();
- expect(element.controller('ngModel').$viewValue).toEqual(aDate);
- });
- it('use format value if config given', function() {
- config.dateFormat = format;
- scope.x = aDateString;
- scope.$digest();
- expect(element.controller('ngModel').$viewValue).toEqual(aDate);
- });
- });
-});
diff --git a/_site/lib/angular-ui/modules/directives/event/event.js b/_site/lib/angular-ui/modules/directives/event/event.js
deleted file mode 100644
index 4373baf..0000000
--- a/_site/lib/angular-ui/modules/directives/event/event.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * General-purpose Event binding. Bind any event not natively supported by Angular
- * Pass an object with keynames for events to ui-event
- * Allows $event object and $params object to be passed
- *
- * @example
- * @example
- *
- * @param ui-event {string|object literal} The event to bind to as a string or a hash of events with their callbacks
- */
-angular.module('ui.directives').directive('uiEvent', ['$parse',
- function ($parse) {
- return function (scope, elm, attrs) {
- var events = scope.$eval(attrs.uiEvent);
- angular.forEach(events, function (uiEvent, eventName) {
- var fn = $parse(uiEvent);
- elm.bind(eventName, function (evt) {
- var params = Array.prototype.slice.call(arguments);
- //Take out first paramater (event object);
- params = params.splice(1);
- scope.$apply(function () {
- fn(scope, {$event: evt, $params: params});
- });
- });
- });
- };
- }]);
diff --git a/_site/lib/angular-ui/modules/directives/event/test/eventSpec.js b/_site/lib/angular-ui/modules/directives/event/test/eventSpec.js
deleted file mode 100644
index 53865f8..0000000
--- a/_site/lib/angular-ui/modules/directives/event/test/eventSpec.js
+++ /dev/null
@@ -1,79 +0,0 @@
-describe('uiEvent', function () {
- var $scope, $rootScope, $compile;
-
- beforeEach(module('ui.directives'));
- beforeEach(inject(function (_$rootScope_, _$compile_) {
- $compile = _$compile_;
- $rootScope = _$rootScope_;
- }));
-
- //helper for creating event elements
- function eventElement(scope, eventObject) {
- scope._uiEvent = eventObject || {};
- return $compile('')(scope);
- }
-
- describe('test', function () {
- it('should work with dblclick event and assignment', function () {
- $scope = $rootScope.$new();
- var elm = eventElement($scope, {'dblclick': 'dbl=true'});
- expect($scope.dbl).toBeUndefined();
- elm.trigger('dblclick');
- expect($scope.dbl).toBe(true);
- });
-
- it('should work with two events in one key a function', function () {
- $scope = $rootScope.$new();
- $scope.counter = 0;
- $scope.myfn = function () {
- $scope.counter++;
- };
- var elm = eventElement($scope, {'keyup mouseenter': 'myfn()'});
- elm.trigger('keyup');
- elm.trigger('mouseenter');
- expect($scope.counter).toBe(2);
- });
-
- it('should work work with multiple entries', function () {
- $scope = $rootScope.$new();
- $scope.amount = 5;
- var elm = eventElement($scope, {
- 'click': 'amount=amount*2',
- 'mouseenter': 'amount=amount*4',
- 'keyup': 'amount=amount*3'
- });
- elm.trigger('click');
- expect($scope.amount).toBe(10);
- elm.trigger('mouseenter');
- expect($scope.amount).toBe(40);
- elm.trigger('keyup');
- expect($scope.amount).toBe(120);
- });
-
- it('should allow passing of $event object', function () {
- $scope = $rootScope.$new();
- $scope.clicky = function (par1, $event, par2) {
- expect($event.foo).toBe('bar');
- expect(par1).toBe(1);
- expect(par2).toBe(2);
- };
- var elm = eventElement($scope, {'click': 'clicky(1, $event, 2)'});
- $(elm).trigger({
- type: 'click',
- foo: 'bar'
- });
- });
-
- it('should allow passing of $params object', function () {
- $scope = $rootScope.$new();
- $scope.onStuff = function ($event, $params) {
- expect($event.type).toBe('stuff');
- expect($params[0]).toBe('foo');
- expect($params[1]).toBe('bar');
- };
- var elm = eventElement($scope, {'stuff': 'onStuff($event, $params)'});
- $(elm).trigger('stuff', ['foo', 'bar']);
- });
- });
-
-});
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/if/if.js b/_site/lib/angular-ui/modules/directives/if/if.js
deleted file mode 100644
index db650ac..0000000
--- a/_site/lib/angular-ui/modules/directives/if/if.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * Defines the ui-if tag. This removes/adds an element from the dom depending on a condition
- * Originally created by @tigbro, for the @jquery-mobile-angular-adapter
- * https://github.com/tigbro/jquery-mobile-angular-adapter
- */
-angular.module('ui.directives').directive('uiIf', [function () {
- return {
- transclude: 'element',
- priority: 1000,
- terminal: true,
- restrict: 'A',
- compile: function (element, attr, transclude) {
- return function (scope, element, attr) {
-
- var childElement;
- var childScope;
-
- scope.$watch(attr['uiIf'], function (newValue) {
- if (childElement) {
- childElement.remove();
- childElement = undefined;
- }
- if (childScope) {
- childScope.$destroy();
- childScope = undefined;
- }
-
- if (newValue) {
- childScope = scope.$new();
- transclude(childScope, function (clone) {
- childElement = clone;
- element.after(clone);
- });
- }
- });
- };
- }
- };
-}]);
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/if/test/ifSpec.js b/_site/lib/angular-ui/modules/directives/if/test/ifSpec.js
deleted file mode 100644
index 8edfc10..0000000
--- a/_site/lib/angular-ui/modules/directives/if/test/ifSpec.js
+++ /dev/null
@@ -1,57 +0,0 @@
-describe('ui-if', function () {
- var scope, $compile, elm;
-
- beforeEach(module('ui.directives'));
- beforeEach(inject(function ($rootScope, _$compile_) {
- scope = $rootScope.$new();
- $compile = _$compile_;
- elm = $('
');
- }));
-
- function makeIf(expr) {
- elm.append($compile('
Hi
')(scope));
- scope.$apply();
- }
-
- it('should immediately remove element if condition is false', function () {
- makeIf('false');
- expect(elm.children().length).toBe(0);
- });
-
- it('should leave the element if condition is true', function () {
- makeIf('true');
- expect(elm.children().length).toBe(1);
- });
-
- it('should create then remove the element if condition changes', function () {
- scope.hello = true;
- makeIf('hello');
- expect(elm.children().length).toBe(1);
- scope.$apply('hello = false');
- expect(elm.children().length).toBe(0);
- });
-
- it('should create a new scope', function () {
- scope.$apply('value = true');
- elm.append($compile(
- '
'
- )(scope));
- scope.$apply();
- expect(elm.children('div').length).toBe(1);
- });
-
- it('should play nice with other elements beside it', function () {
- scope.values = [1, 2, 3, 4];
- elm.append($compile(
- '' +
- '' +
- ''
- )(scope));
- scope.$apply();
- expect(elm.children().length).toBe(9);
- scope.$apply('values.splice(0,1)');
- expect(elm.children().length).toBe(6);
- scope.$apply('values.push(1)');
- expect(elm.children().length).toBe(9);
- });
-});
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/jq/README.md b/_site/lib/angular-ui/modules/directives/jq/README.md
deleted file mode 100644
index fcdb4c1..0000000
--- a/_site/lib/angular-ui/modules/directives/jq/README.md
+++ /dev/null
@@ -1,112 +0,0 @@
-# uiJq :: jQuery Passthru Directive
-
-This directive is designed to reduce the need for you to create new directives for fairly simple jQuery plugins or behaviors. Instead of listing plugin compatibility, this document attempts to break down what **uiJq** (jQuery Passthru Directive) is doing so that you can figure out how to circumvent problems you encounter and at the same time understand how the AngularJS template engine works.
-
-## Injecting, Compiling, and Linking functions
-
-When you create a directive, there are up to 3 function layers for you to define[[1]](#footnotes):
-
-```js
-myApp.directive('uiJq', function uiJqInjectingFunction(){
-
- // === InjectingFunction === //
- // Logic is executed 0 or 1 times per app (depending on if directive is used).
- // Useful for bootstrap and global configuration
-
- return {
- compile: function uiJqCompilingFunction($templateElement, $templateAttributes) {
-
- // === CompilingFunction === //
- // Logic is executed once (1) for every instance of ui-jq in your original UNRENDERED template.
- // Scope is UNAVAILABLE as the templates are only being cached.
- // You CAN examine the DOM and cache information about what variables
- // or expressions will be used, but you cannot yet figure out their values.
- // Angular is caching the templates, now is a good time to inject new angular templates
- // as children or future siblings to automatically run..
-
- return function uiJqLinkingFunction($scope, $linkElement, $linkAttributes) {
-
- // === LinkingFunction === //
- // Logic is executed once (1) for every RENDERED instance.
- // Once for each row in an ng-repeat when the row is created.
- // If ui-if or ng-switch may also affect if this is executed.
- // Scope IS available because controller logic has finished executing.
- // All variables and expression values can finally be determined.
- // Angular is rendering cached templates. It's too late to add templates for angular
- // to automatically run. If you MUST inject new templates, you must $compile them manually.
-
- };
- }
- };
-})
-```
-
-You can _only_ access data in `$scope` inside the **LinkingFunction**. Since the template logic may remove or duplicate elements, you can _only_ rely on the final DOM configuration in the **LinkingFunction**. You still _cannot_ rely upon **children** or **following-siblings** since they have not been linked yet.
-
-## Deferred Execution
-Even though you can evaluate variables and expressions by the time we hit our `LinkingFunction`, children DOM elements haven't been rendered yet. Sometimes jQuery plugins need to know the number and size of the DOM element's children (such as slideshows or layout managers like Isotope). To add support for these plugins, we decided to delay the plugin's execution using [$timeout](http://docs.angularjs.org/api/ng.$timeout) so that AngularJS can finish rendering the rest of the page.
-
-**This does _NOT_ accomodate for async changes such as loading `$scope` data via AJAX**
-
-If you need to wait till your `$scope` data finishes loading before calling **uiJq** try using [ui-if](http://angular-ui.github.com/#directives-if).
-
-## $element === angular.element() === jQuery()
-
-To make working with the DOM easier, AngularJS contains a miniaturized version of jQuery called jqlite. This emulates some of the core features of jQuery using an _almost_ identical API as jQuery. Any time you see an AngularJS DOM element, it will be the equivalent to a `jQuery()` wrapped DOM element.
-
-**You do _NOT_ have to wrap AngularJS elements in `jQuery()`**
-
-If you are noticing that the full array of jQuery methods (or plugins) aren't available on an AngularJS element, it's because you either forgot to load the jQuery lib, or you forgot to load it **BEFORE** loading AngularJS. If AngularJS doesn't see jQuery already loaded by the time AngularJS loads, it will use it's own jqlite library instead.
-
-**If jQuery plugins complain about missing jQuery methods, you should probably double check this**
-
-Since an AngularJS element is the same as a jQuery() wrapped element, you can essentially call any jQuery method or plugin the same exact way you would have done outside of angular. This is how uiJq works.
-
-uiJq simply takes the string passed and uses it to call a method on the AngularJS element for you:
-
-```js
-$('input[type=date]').datepicker() === $('input[type=date]')["datepicker"]() === $linkElement["datepicker"]()
-```
-
-## uiOptions and ui.config
-
-Since all jQuery methods take arguments (such as the options for datepicker or the class name for `addClass()`) we provided an easy way for you to pass these options. These options are evaluated from angular so that you can define them in your app:
-
-```js
-$('input').datepicker(options) === $linkElement.datepicker(uiOptions)
-```
-
-Since there's a good chance you'll use the same options for a plugin across your entire app as defaults, we allow you to declare them inside [ui.config](http://angular-ui.github.com/#defaults). Just remember to use the `jq` key and the `pluginName` subkey:
-
-```js
-myApp.value('ui.config', {
- jq: {
- datepicker: {
- // default datepicker options go here
- }
- }
-})
-```
-
-Because we're awesome, if your `ui.config` options is an object and your `ui-options` is also an object, we'll merge them together for you with `ui-options` taking priority! If `ui-options` is a primitive the defaults will be ignored.
-
-## uiRefresh
-
-Sometimes you need to call the same jQuery method / plugin multiple times on the same element during an app lifecycle:
-
-```js
-// every time the login modal is shown, focus on the username field
-$('.modal').on('show', function(){
- $('.login-username').focus()
-})
-```
-
-To make this easy, we added a `ui-refresh` property. This is the equivalent to a `$scope.$watch()` and you can pretend that whatever expression you pass to `ui-refresh` will be just like any expression you pass to `$watch()`. Every time this expression changes (by reference, not by value) uiJq will re-fire:
-
-```html
-
-```
-
-## Footnotes
-
-1. A [transcluding function](http://docs.angularjs.org/guide/directive) is actually a 4th layer, but this is not used by uiJq
diff --git a/_site/lib/angular-ui/modules/directives/jq/jq.js b/_site/lib/angular-ui/modules/directives/jq/jq.js
deleted file mode 100644
index 278d91a..0000000
--- a/_site/lib/angular-ui/modules/directives/jq/jq.js
+++ /dev/null
@@ -1,64 +0,0 @@
-/**
- * General-purpose jQuery wrapper. Simply pass the plugin name as the expression.
- *
- * It is possible to specify a default set of parameters for each jQuery plugin.
- * Under the jq key, namespace each plugin by that which will be passed to ui-jq.
- * Unfortunately, at this time you can only pre-define the first parameter.
- * @example { jq : { datepicker : { showOn:'click' } } }
- *
- * @param ui-jq {string} The $elm.[pluginName]() to call.
- * @param [ui-options] {mixed} Expression to be evaluated and passed as options to the function
- * Multiple parameters can be separated by commas
- * @param [ui-refresh] {expression} Watch expression and refire plugin on changes
- *
- * @example
- */
-angular.module('ui.directives').directive('uiJq', ['ui.config', '$timeout', function uiJqInjectingFunction(uiConfig, $timeout) {
-
- return {
- restrict: 'A',
- compile: function uiJqCompilingFunction(tElm, tAttrs) {
-
- if (!angular.isFunction(tElm[tAttrs.uiJq])) {
- throw new Error('ui-jq: The "' + tAttrs.uiJq + '" function does not exist');
- }
- var options = uiConfig.jq && uiConfig.jq[tAttrs.uiJq];
-
- return function uiJqLinkingFunction(scope, elm, attrs) {
-
- var linkOptions = [];
-
- // If ui-options are passed, merge (or override) them onto global defaults and pass to the jQuery method
- if (attrs.uiOptions) {
- linkOptions = scope.$eval('[' + attrs.uiOptions + ']');
- if (angular.isObject(options) && angular.isObject(linkOptions[0])) {
- linkOptions[0] = angular.extend({}, options, linkOptions[0]);
- }
- } else if (options) {
- linkOptions = [options];
- }
- // If change compatibility is enabled, the form input's "change" event will trigger an "input" event
- if (attrs.ngModel && elm.is('select,input,textarea')) {
- elm.on('change', function() {
- elm.trigger('input');
- });
- }
-
- // Call jQuery method and pass relevant options
- function callPlugin() {
- $timeout(function() {
- elm[attrs.uiJq].apply(elm, linkOptions);
- }, 0, false);
- }
-
- // If ui-refresh is used, re-fire the the method upon every change
- if (attrs.uiRefresh) {
- scope.$watch(attrs.uiRefresh, function(newVal) {
- callPlugin();
- });
- }
- callPlugin();
- };
- }
- };
-}]);
diff --git a/_site/lib/angular-ui/modules/directives/jq/test/jqSpec.js b/_site/lib/angular-ui/modules/directives/jq/test/jqSpec.js
deleted file mode 100644
index 7818ccb..0000000
--- a/_site/lib/angular-ui/modules/directives/jq/test/jqSpec.js
+++ /dev/null
@@ -1,111 +0,0 @@
-describe('uiJq', function () {
- var scope, compile, timeout;
- scope = null;
- beforeEach(module('ui.directives'));
- beforeEach(function () {
- jQuery.fn.foo = function () {};
- module(function ($provide) {
- $provide.value('ui.config', {
- jq: {foo: {}}
- });
- });
- });
- beforeEach(inject(function ($rootScope, $compile, $timeout) {
- scope = $rootScope.$new();
- compile = $compile;
- timeout = $timeout;
- }));
- describe('function or plugin isn\'t found', function () {
- it('should throw an error', function () {
- expect(function () {
- compile("")(scope);
- }).toThrow();
- });
- });
- describe('calling a jQuery element function', function () {
- it('should just like, sort of work and junk', function () {
- spyOn(jQuery.fn, 'foo');
- compile("")(scope);
- timeout.flush();
- expect(jQuery.fn.foo).toHaveBeenCalled();
- });
- it('should fire after the view has rendered', function() {
- var length;
- jQuery.fn.bar = function() {
- length = $(this).children().length;
- console.log(length);
- };
- scope.$apply('items=[1, 2]');
- compile("
")(scope);
- scope.$apply();
- timeout.flush();
- expect(length).toBe(2);
- });
- });
- describe('calling a jQuery element function with options', function() {
- it('should not copy options.pizza to global', function() {
- spyOn(jQuery.fn, 'foo');
- compile('')(scope);
- timeout.flush();
- expect(jQuery.fn.foo.calls[0].args).toEqual([{pizza: true}]);
- expect(jQuery.fn.foo.calls[1].args).toEqual([{}]);
- });
- });
- describe('using ui-refresh', function() {
- it('should execute exactly once if the expression is never set', function() {
- spyOn(jQuery.fn, 'foo');
- compile('')(scope);
- timeout.flush();
- expect(jQuery.fn.foo.callCount).toBe(1);
- });
- it('should execute exactly once if the expression is set at initialization', function() {
- spyOn(jQuery.fn, 'foo');
- scope.$apply('bar = true');
- compile('')(scope);
- timeout.flush();
- expect(jQuery.fn.foo.callCount).toBe(1);
- });
- it('should execute once for each time the expression changes', function() {
- spyOn(jQuery.fn, 'foo');
- scope.$apply('bar = 1');
- compile('')(scope);
- timeout.flush();
- expect(jQuery.fn.foo.callCount).toBe(1);
- scope.$apply('bar = bar+1');
- timeout.flush();
- expect(jQuery.fn.foo.callCount).toBe(2);
- scope.$apply('bar = bar+1');
- timeout.flush();
- expect(jQuery.fn.foo.callCount).toBe(3);
- });
- });
- describe('change events', function() {
- it('should trigger an `input` event', function() {
- var bar = false;
- var element = compile('')(scope);
- element.bind('input', function(){
- bar = true;
- });
- element.trigger('change');
- expect(bar).toBe(true);
- });
- it('should ignore controls without ngModel attribute', function() {
- var bar = false;
- var element = compile('')(scope);
- element.bind('input', function(){
- bar = true;
- });
- element.trigger('change');
- expect(bar).toBe(false);
- });
- it('should ignore non-form controls', function() {
- var bar = false;
- var element = compile('')(scope);
- element.bind('input', function(){
- bar = true;
- });
- element.trigger('change');
- expect(bar).toBe(false);
- });
- });
-});
diff --git a/_site/lib/angular-ui/modules/directives/keypress/keypress.js b/_site/lib/angular-ui/modules/directives/keypress/keypress.js
deleted file mode 100644
index 1efa5df..0000000
--- a/_site/lib/angular-ui/modules/directives/keypress/keypress.js
+++ /dev/null
@@ -1,110 +0,0 @@
-angular.module('ui.directives').factory('keypressHelper', ['$parse', function keypress($parse){
- var keysByCode = {
- 8: 'backspace',
- 9: 'tab',
- 13: 'enter',
- 27: 'esc',
- 32: 'space',
- 33: 'pageup',
- 34: 'pagedown',
- 35: 'end',
- 36: 'home',
- 37: 'left',
- 38: 'up',
- 39: 'right',
- 40: 'down',
- 45: 'insert',
- 46: 'delete'
- };
-
- var capitaliseFirstLetter = function (string) {
- return string.charAt(0).toUpperCase() + string.slice(1);
- };
-
- return function(mode, scope, elm, attrs) {
- var params, combinations = [];
- params = scope.$eval(attrs['ui'+capitaliseFirstLetter(mode)]);
-
- // Prepare combinations for simple checking
- angular.forEach(params, function (v, k) {
- var combination, expression;
- expression = $parse(v);
-
- angular.forEach(k.split(' '), function(variation) {
- combination = {
- expression: expression,
- keys: {}
- };
- angular.forEach(variation.split('-'), function (value) {
- combination.keys[value] = true;
- });
- combinations.push(combination);
- });
- });
-
- // Check only matching of pressed keys one of the conditions
- elm.bind(mode, function (event) {
- // No need to do that inside the cycle
- var altPressed = event.metaKey || event.altKey;
- var ctrlPressed = event.ctrlKey;
- var shiftPressed = event.shiftKey;
- var keyCode = event.keyCode;
-
- // normalize keycodes
- if (mode === 'keypress' && !shiftPressed && keyCode >= 97 && keyCode <= 122) {
- keyCode = keyCode - 32;
- }
-
- // Iterate over prepared combinations
- angular.forEach(combinations, function (combination) {
-
- var mainKeyPressed = (combination.keys[keysByCode[event.keyCode]] || combination.keys[event.keyCode.toString()]) || false;
-
- var altRequired = combination.keys.alt || false;
- var ctrlRequired = combination.keys.ctrl || false;
- var shiftRequired = combination.keys.shift || false;
-
- if (
- mainKeyPressed &&
- ( altRequired == altPressed ) &&
- ( ctrlRequired == ctrlPressed ) &&
- ( shiftRequired == shiftPressed )
- ) {
- // Run the function
- scope.$apply(function () {
- combination.expression(scope, { '$event': event });
- });
- }
- });
- });
- };
-}]);
-
-/**
- * Bind one or more handlers to particular keys or their combination
- * @param hash {mixed} keyBindings Can be an object or string where keybinding expression of keys or keys combinations and AngularJS Exspressions are set. Object syntax: "{ keys1: expression1 [, keys2: expression2 [ , ... ]]}". String syntax: ""expression1 on keys1 [ and expression2 on keys2 [ and ... ]]"". Expression is an AngularJS Expression, and key(s) are dash-separated combinations of keys and modifiers (one or many, if any. Order does not matter). Supported modifiers are 'ctrl', 'shift', 'alt' and key can be used either via its keyCode (13 for Return) or name. Named keys are 'backspace', 'tab', 'enter', 'esc', 'space', 'pageup', 'pagedown', 'end', 'home', 'left', 'up', 'right', 'down', 'insert', 'delete'.
- * @example
- **/
-angular.module('ui.directives').directive('uiKeydown', ['keypressHelper', function(keypressHelper){
- return {
- link: function (scope, elm, attrs) {
- keypressHelper('keydown', scope, elm, attrs);
- }
- };
-}]);
-
-angular.module('ui.directives').directive('uiKeypress', ['keypressHelper', function(keypressHelper){
- return {
- link: function (scope, elm, attrs) {
- keypressHelper('keypress', scope, elm, attrs);
- }
- };
-}]);
-
-angular.module('ui.directives').directive('uiKeyup', ['keypressHelper', function(keypressHelper){
- return {
- link: function (scope, elm, attrs) {
- keypressHelper('keyup', scope, elm, attrs);
- }
- };
-}]);
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/keypress/test/keydownSpec.js b/_site/lib/angular-ui/modules/directives/keypress/test/keydownSpec.js
deleted file mode 100644
index 412b05c..0000000
--- a/_site/lib/angular-ui/modules/directives/keypress/test/keydownSpec.js
+++ /dev/null
@@ -1,67 +0,0 @@
-describe('uiKeydown', function () {
-
- var $scope, $compile;
-
- var createKeyEvent = function (mainKey, alt, ctrl, shif) {
- var keyEvent = jQuery.Event("keydown");
-
- keyEvent.keyCode = mainKey;
- keyEvent.altKey = alt || false;
- keyEvent.ctrlKey = ctrl || false;
- keyEvent.shiftKey = shif || false;
-
- return keyEvent;
- };
-
- var createElement = function (elementDef) {
- var elementStr = angular.isString(elementDef) ? elementDef : angular.toJson(elementDef);
- return $compile("")($scope);
- };
-
- beforeEach(module('ui.directives'));
- beforeEach(inject(function (_$rootScope_, _$compile_) {
- $compile = _$compile_;
- $scope = _$rootScope_.$new();
-
- $scope.cb = function (event) {
- this.event1 = event;
- };
- }));
-
- it('should support single key press', function () {
- createElement({'13': 'event=true'}).trigger(createKeyEvent(13));
- expect($scope.event).toBe(true);
- });
-
- it('should support combined key press', function () {
- createElement({'ctrl-shift-13': 'event=true'}).trigger(createKeyEvent(13, false, true, true));
- expect($scope.event).toBe(true);
- });
-
- it('should support alternative combinations', function () {
- $scope.event = 0;
- createElement({'ctrl-shift-14 ctrl-shift-13': 'event=event+1'}).trigger(createKeyEvent(13, false, true, true)).trigger(createKeyEvent(14, false, true, true));
- expect($scope.event).toBe(2);
- });
-
- it('should support multiple key press definitions', function () {
- var elm = createElement({'13': 'event1=true', 'ctrl-shift-13': 'event2=true'});
-
- elm.trigger(createKeyEvent(13));
- expect($scope.event1).toBe(true);
-
- elm.trigger(createKeyEvent(13, false, true, true));
- expect($scope.event2).toBe(true);
- });
-
- it('should support $event in expressions', function () {
-
- var element = createElement({'esc': 'cb($event)', '13': 'event2=$event'});
-
- element.trigger(createKeyEvent(27));
- expect($scope.event1.keyCode).toBe(27);
-
- element.trigger(createKeyEvent(13));
- expect($scope.event2.keyCode).toBe(13);
- });
-});
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/keypress/test/keypressSpec.js b/_site/lib/angular-ui/modules/directives/keypress/test/keypressSpec.js
deleted file mode 100644
index 3b1309f..0000000
--- a/_site/lib/angular-ui/modules/directives/keypress/test/keypressSpec.js
+++ /dev/null
@@ -1,67 +0,0 @@
-describe('uiKeypress', function () {
-
- var $scope, $compile;
-
- var createKeyEvent = function (mainKey, alt, ctrl, shif) {
- var keyEvent = jQuery.Event("keypress");
-
- keyEvent.keyCode = mainKey;
- keyEvent.altKey = alt || false;
- keyEvent.ctrlKey = ctrl || false;
- keyEvent.shiftKey = shif || false;
-
- return keyEvent;
- };
-
- var createElement = function (elementDef) {
- var elementStr = angular.isString(elementDef) ? elementDef : angular.toJson(elementDef);
- return $compile("")($scope);
- };
-
- beforeEach(module('ui.directives'));
- beforeEach(inject(function (_$rootScope_, _$compile_) {
- $compile = _$compile_;
- $scope = _$rootScope_.$new();
-
- $scope.cb = function (event) {
- this.event1 = event;
- };
- }));
-
- it('should support single key press', function () {
- createElement({'13': 'event=true'}).trigger(createKeyEvent(13));
- expect($scope.event).toBe(true);
- });
-
- it('should support combined key press', function () {
- createElement({'ctrl-shift-13': 'event=true'}).trigger(createKeyEvent(13, false, true, true));
- expect($scope.event).toBe(true);
- });
-
- it('should support alternative combinations', function () {
- $scope.event = 0;
- createElement({'ctrl-shift-14 ctrl-shift-13': 'event=event+1'}).trigger(createKeyEvent(13, false, true, true)).trigger(createKeyEvent(14, false, true, true));
- expect($scope.event).toBe(2);
- });
-
- it('should support multiple key press definitions', function () {
- var elm = createElement({'13': 'event1=true', 'ctrl-shift-13': 'event2=true'});
-
- elm.trigger(createKeyEvent(13));
- expect($scope.event1).toBe(true);
-
- elm.trigger(createKeyEvent(13, false, true, true));
- expect($scope.event2).toBe(true);
- });
-
- it('should support $event in expressions', function () {
-
- var element = createElement({'esc': 'cb($event)', '13': 'event2=$event'});
-
- element.trigger(createKeyEvent(27));
- expect($scope.event1.keyCode).toBe(27);
-
- element.trigger(createKeyEvent(13));
- expect($scope.event2.keyCode).toBe(13);
- });
-});
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/keypress/test/keyupSpec.js b/_site/lib/angular-ui/modules/directives/keypress/test/keyupSpec.js
deleted file mode 100644
index d2ffa18..0000000
--- a/_site/lib/angular-ui/modules/directives/keypress/test/keyupSpec.js
+++ /dev/null
@@ -1,67 +0,0 @@
-describe('uiKeyup', function () {
-
- var $scope, $compile;
-
- var createKeyEvent = function (mainKey, alt, ctrl, shif) {
- var keyEvent = jQuery.Event("keyup");
-
- keyEvent.keyCode = mainKey;
- keyEvent.altKey = alt || false;
- keyEvent.ctrlKey = ctrl || false;
- keyEvent.shiftKey = shif || false;
-
- return keyEvent;
- };
-
- var createElement = function (elementDef) {
- var elementStr = angular.isString(elementDef) ? elementDef : angular.toJson(elementDef);
- return $compile("")($scope);
- };
-
- beforeEach(module('ui.directives'));
- beforeEach(inject(function (_$rootScope_, _$compile_) {
- $compile = _$compile_;
- $scope = _$rootScope_.$new();
-
- $scope.cb = function (event) {
- this.event1 = event;
- };
- }));
-
- it('should support single key press', function () {
- createElement({'13': 'event=true'}).trigger(createKeyEvent(13));
- expect($scope.event).toBe(true);
- });
-
- it('should support combined key press', function () {
- createElement({'ctrl-shift-13': 'event=true'}).trigger(createKeyEvent(13, false, true, true));
- expect($scope.event).toBe(true);
- });
-
- it('should support alternative combinations', function () {
- $scope.event = 0;
- createElement({'ctrl-shift-14 ctrl-shift-13': 'event=event+1'}).trigger(createKeyEvent(13, false, true, true)).trigger(createKeyEvent(14, false, true, true));
- expect($scope.event).toBe(2);
- });
-
- it('should support multiple key press definitions', function () {
- var elm = createElement({'13': 'event1=true', 'ctrl-shift-13': 'event2=true'});
-
- elm.trigger(createKeyEvent(13));
- expect($scope.event1).toBe(true);
-
- elm.trigger(createKeyEvent(13, false, true, true));
- expect($scope.event2).toBe(true);
- });
-
- it('should support $event in expressions', function () {
-
- var element = createElement({'esc': 'cb($event)', '13': 'event2=$event'});
-
- element.trigger(createKeyEvent(27));
- expect($scope.event1.keyCode).toBe(27);
-
- element.trigger(createKeyEvent(13));
- expect($scope.event2.keyCode).toBe(13);
- });
-});
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/map/map.js b/_site/lib/angular-ui/modules/directives/map/map.js
deleted file mode 100644
index 89a0e4f..0000000
--- a/_site/lib/angular-ui/modules/directives/map/map.js
+++ /dev/null
@@ -1,125 +0,0 @@
-(function () {
- var app = angular.module('ui.directives');
-
- //Setup map events from a google map object to trigger on a given element too,
- //then we just use ui-event to catch events from an element
- function bindMapEvents(scope, eventsStr, googleObject, element) {
- angular.forEach(eventsStr.split(' '), function (eventName) {
- //Prefix all googlemap events with 'map-', so eg 'click'
- //for the googlemap doesn't interfere with a normal 'click' event
- var $event = { type: 'map-' + eventName };
- google.maps.event.addListener(googleObject, eventName, function (evt) {
- element.triggerHandler(angular.extend({}, $event, evt));
- //We create an $apply if it isn't happening. we need better support for this
- //We don't want to use timeout because tons of these events fire at once,
- //and we only need one $apply
- if (!scope.$$phase) scope.$apply();
- });
- });
- }
-
- app.directive('uiMap',
- ['ui.config', '$parse', function (uiConfig, $parse) {
-
- var mapEvents = 'bounds_changed center_changed click dblclick drag dragend ' +
- 'dragstart heading_changed idle maptypeid_changed mousemove mouseout ' +
- 'mouseover projection_changed resize rightclick tilesloaded tilt_changed ' +
- 'zoom_changed';
- var options = uiConfig.map || {};
-
- return {
- restrict: 'A',
- //doesn't work as E for unknown reason
- link: function (scope, elm, attrs) {
- var opts = angular.extend({}, options, scope.$eval(attrs.uiOptions));
- var map = new google.maps.Map(elm[0], opts);
- var model = $parse(attrs.uiMap);
-
- //Set scope variable for the map
- model.assign(scope, map);
-
- bindMapEvents(scope, mapEvents, map, elm);
- }
- };
- }]);
-
- app.directive('uiMapInfoWindow',
- ['ui.config', '$parse', '$compile', function (uiConfig, $parse, $compile) {
-
- var infoWindowEvents = 'closeclick content_change domready ' +
- 'position_changed zindex_changed';
- var options = uiConfig.mapInfoWindow || {};
-
- return {
- link: function (scope, elm, attrs) {
- var opts = angular.extend({}, options, scope.$eval(attrs.uiOptions));
- opts.content = elm[0];
- var model = $parse(attrs.uiMapInfoWindow);
- var infoWindow = model(scope);
-
- if (!infoWindow) {
- infoWindow = new google.maps.InfoWindow(opts);
- model.assign(scope, infoWindow);
- }
-
- bindMapEvents(scope, infoWindowEvents, infoWindow, elm);
-
- /* The info window's contents dont' need to be on the dom anymore,
- google maps has them stored. So we just replace the infowindow element
- with an empty div. (we don't just straight remove it from the dom because
- straight removing things from the dom can mess up angular) */
- elm.replaceWith('');
-
- //Decorate infoWindow.open to $compile contents before opening
- var _open = infoWindow.open;
- infoWindow.open = function open(a1, a2, a3, a4, a5, a6) {
- $compile(elm.contents())(scope);
- _open.call(infoWindow, a1, a2, a3, a4, a5, a6);
- };
- }
- };
- }]);
-
- /*
- * Map overlay directives all work the same. Take map marker for example
- * will $watch 'myMarker' and each time it changes,
- * it will hook up myMarker's events to the directive dom element. Then
- * ui-event will be able to catch all of myMarker's events. Super simple.
- */
- function mapOverlayDirective(directiveName, events) {
- app.directive(directiveName, [function () {
- return {
- restrict: 'A',
- link: function (scope, elm, attrs) {
- scope.$watch(attrs[directiveName], function (newObject) {
- bindMapEvents(scope, events, newObject, elm);
- });
- }
- };
- }]);
- }
-
- mapOverlayDirective('uiMapMarker',
- 'animation_changed click clickable_changed cursor_changed ' +
- 'dblclick drag dragend draggable_changed dragstart flat_changed icon_changed ' +
- 'mousedown mouseout mouseover mouseup position_changed rightclick ' +
- 'shadow_changed shape_changed title_changed visible_changed zindex_changed');
-
- mapOverlayDirective('uiMapPolyline',
- 'click dblclick mousedown mousemove mouseout mouseover mouseup rightclick');
-
- mapOverlayDirective('uiMapPolygon',
- 'click dblclick mousedown mousemove mouseout mouseover mouseup rightclick');
-
- mapOverlayDirective('uiMapRectangle',
- 'bounds_changed click dblclick mousedown mousemove mouseout mouseover ' +
- 'mouseup rightclick');
-
- mapOverlayDirective('uiMapCircle',
- 'center_changed click dblclick mousedown mousemove ' +
- 'mouseout mouseover mouseup radius_changed rightclick');
-
- mapOverlayDirective('uiMapGroundOverlay',
- 'click dblclick');
-
-})();
\ No newline at end of file
diff --git a/_site/lib/angular-ui/modules/directives/map/test/mapSpec.js b/_site/lib/angular-ui/modules/directives/map/test/mapSpec.js
deleted file mode 100644
index ec2b619..0000000
--- a/_site/lib/angular-ui/modules/directives/map/test/mapSpec.js
+++ /dev/null
@@ -1,102 +0,0 @@
-xdescribe('uiMap', function () {
- var scope, $rootScope, $compile;
-
- beforeEach(module('ui.directives'));
- beforeEach(inject(function (_$compile_, _$rootScope_) {
- $rootScope = _$rootScope_;
- $compile = _$compile_;
- }));
-
- function createMap(options, events) {
- scope.gmapOptions = options || {};
- scope.gmapEvents = events || {};
- $compile("")(scope);
- }
-
- function createWindow(options, events, inner) {
- scope.gOptions = options || {};
- scope.gEvents = events || {};
- inner = inner || angular.element('');
- var elm = angular.element("");
- elm.append(inner);
- $compile(elm)(scope);
- }
-
- describe('test', function () {
- beforeEach(function () {
- scope = $rootScope.$new();
- });
-
- it('should bind google map object to scope', function () {
- createMap();
- expect(scope.gmap).toBeTruthy();
- });
-
- it('should create google map with given options', function () {
- var center = new google.maps.LatLng(40, 40);
- createMap({center: center});
- expect(scope.gmap.getCenter()).toBe(center);
- });
-
- it('should pass events to the element as "map-eventname"', function () {
- scope.zoomy = false;
- scope.county = 0;
- createMap({}, {
- 'map-zoom_changed': 'zoomy = true',
- 'map-dblclick map-dragend': 'county = county + 1'
- });
- google.maps.event.trigger(scope.gmap, 'zoom_changed');
- expect(scope.zoomy).toBeTruthy();
- google.maps.event.trigger(scope.gmap, 'dblclick');
- expect(scope.county).toBe(1);
- google.maps.event.trigger(scope.gmap, 'dragend');
- expect(scope.county).toBe(2);
- });
- });
-
- describe('test infoWindow', function () {
- beforeEach(function () {
- scope = $rootScope.$new();
- });
-
- it('should bind info window to scope', function () {
- createWindow();
- expect(scope.ginfo).toBeTruthy();
- });
-
- it('should create info window with given options & content', function () {
- var content = $('
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-