Skip to content
This repository was archived by the owner on Aug 19, 2024. It is now read-only.

Commit 1fdfaff

Browse files
author
Irfan Maulana
committed
move to .vue file
1 parent be605e1 commit 1fdfaff

File tree

4 files changed

+33
-121
lines changed

4 files changed

+33
-121
lines changed

‎dist/bundle.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/bundle.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 9 additions & 103 deletions
Original file line numberDiff line numberDiff line change
@@ -3,28 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<title>Vue Complexify by Irfan Maulana</title>
6-
7-
<meta name="language" content="en-EN" />
8-
<meta name="author" content="Irfan Maulana" />
9-
<link rel="author" href="https://plus.google.com/u/0/+irfanmaulana-mazipan/posts" />
10-
<link rel="publisher" href="https://plus.google.com/u/0/+irfanmaulana-mazipan" />
11-
12-
<meta name="keywords" content="vue complexify, complexify, password complexity, complexify js" />
13-
<meta name="description" content="Vuejs porting library from jquery.complexify.js" />
14-
15-
<meta property="og:title" content="Vue Complexify by Irfan Maulana" />
16-
<meta property="og:description" content="Vuejs porting library from jquery.complexify.js by Irfan Maulana" />
17-
<meta property="og:url" content="https://mazipan.github.io/vue-complexify/" />
18-
<meta property="og:site_name" content="vue-complexify" />
19-
<meta property="og:type" content="website" />
20-
21-
<meta name="twitter:card" content="summary_large_image" />
22-
<meta name="twitter:site" content="@maz_ipan" />
23-
<meta name="twitter:creator" content="@maz_ipan" />
24-
<meta name="twitter:title" content="Vue Complexify | Irfan Maulana" />
25-
<meta name="twitter:description" content="Vuejs porting library from jquery.complexify.js by Irfan Maulana" />
26-
<meta name="twitter:domain" content="https://mazipan.github.io/vue-complexify/" />
27-
<link rel="home" href="https://mazipan.github.io/vue-complexify/">
6+
<meta name="language" content="en-EN" /><meta name="author" content="Irfan Maulana" /><link rel="author" href="https://plus.google.com/u/0/+irfanmaulana-mazipan/posts" /><link rel="publisher" href="https://plus.google.com/u/0/+irfanmaulana-mazipan" /><meta name="keywords" content="vue complexify, complexify, password complexity, complexify js" /><meta name="description" content="Vuejs porting library from jquery.complexify.js" /><meta property="og:title" content="Vue Complexify by Irfan Maulana" /><meta property="og:description" content="Vuejs porting library from jquery.complexify.js by Irfan Maulana" /><meta property="og:url" content="https://mazipan.github.io/vue-complexify/" /><meta property="og:site_name" content="vue-complexify" /><meta property="og:type" content="website" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@maz_ipan" /><meta name="twitter:creator" content="@maz_ipan" /><meta name="twitter:title" content="Vue Complexify | Irfan Maulana" /><meta name="twitter:description" content="Vuejs porting library from jquery.complexify.js by Irfan Maulana" /><meta name="twitter:domain" content="https://mazipan.github.io/vue-complexify/" /><link rel="home" href="https://mazipan.github.io/vue-complexify/">
287

298
<style>
309
.header{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);-moz-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075);position:fixed;top:0;z-index:100;width:100%;height:60px;background:rgba(255,255,255,.95294)}.header__wrapper{display:flex;justify-content:space-between;align-items:center}.header__brand{display:flex;justify-content:space-between;align-items:center;margin:.2em}.header__brand img{width:50px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.header__title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-style:normal;font-size:1.8rem;font-weight:500;margin-left:.5em}.app{margin-top:70px}a{color: #51a7e8;text-decoration: none;}a:focus {text-decoration: none;}
@@ -39,91 +18,18 @@
3918
</script>
4019
</head>
4120
<body>
42-
<header role="header" class="site__header header">
43-
<div class="header__wrapper">
44-
<div class="header__brand">
45-
46-
<a href="https://mazipan.github.io/demo/">
47-
<img src="https://mazipan.github.io/images/irfan-maulana.jpg" alt="Irfan Maulana" title="Irfan Maulana">
48-
</a>
49-
50-
<div class="header__title">
51-
Irfan Maulana | Demo
52-
</div>
53-
</div>
54-
</div>
55-
</header>
56-
21+
5722
<div id="app"></div>
5823

59-
<div class="grid__row content centered">
60-
<h2>Contribute</h2>
61-
62-
<p>
63-
Feel free to fork <i class="fa fa-code-fork"></i> on <a href="https://github.com/mazipan/complexify"
64-
target="_blank">GitHub <i class="fa fa-github"></i></a> if you have any features <i class="fa fa-cart-plus"></i> or bugs <i class="fa fa-bug"></i>!
65-
</p>
66-
67-
</div>
68-
69-
<div class="grid__row content centered">
70-
<h2>Contact Developer</h2>
71-
<p>
72-
73-
<a href="https://github.com/mazipan">
74-
<img src="https://img.shields.io/badge/mazipan-Github-lightgrey.svg?maxAge=3600"
75-
alt="Github">
76-
</a>
77-
78-
<a href="mailto:mazipanneh@gmail.com">
79-
<img src="https://img.shields.io/badge/mazipanneh-Email-yellow.svg?maxAge=3600"
80-
alt="Email">
81-
</a>
82-
83-
<a href="https://mazipanneh.com/blog/">
84-
<img src="https://img.shields.io/badge/mazipanneh-Blog-brightgreen.svg?maxAge=3600" alt="Blog">
85-
</a>
86-
87-
<a href="https://facebook.com/mazipanneh">
88-
<img src="https://img.shields.io/badge/mazipanneh-Facebook-blue.svg?maxAge=3600"
89-
alt="Facebook">
90-
</a>
91-
92-
<br/>
93-
94-
<a href="https://twitter.com/Maz_Ipan">
95-
<img src="https://img.shields.io/badge/Maz_Ipan-Twitter-55acee.svg?maxAge=3600"
96-
alt="Twitter">
97-
</a>
98-
99-
<a href="https://id.linkedin.com/in/irfanmaulanamazipan">
100-
<img src="https://img.shields.io/badge/irfanmaulanamazipan-Linkedin-0077b5.svg?maxAge=3600"
101-
alt="Linkedin">
102-
</a>
103-
104-
<a href="https://www.slideshare.net/IrfanMaulana21">
105-
<img src="https://img.shields.io/badge/IrfanMaulana21-Slideshare-0077b5.svg?maxAge=3600"
106-
alt="Slideshare">
107-
</a>
108-
</p>
109-
110-
</div>
111-
112-
<div class="grid__row content centered">
113-
<p>
114-
Copyright © 2017 <a href="https://mazipanneh.com/blog/">Irfan Maulana</a>, All Rights Reserved.
115-
</p>
116-
</div>
117-
24+
11825
<script src="dist/bundle.js"></script>
11926
<!-- GOOGLE ANALYTICS AND FRIENDS -->
120-
<script>function _trackLink(e,t,n){t||(t="Link"),n||(n="click"),ga("send",{hitType:"event",eventCategory:t,eventAction:n,eventLabel:e})}!function(e,t,n,a,c,i,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,i=t.createElement(n),o=t.getElementsByTagName(n)[0],i.async=1,i.src=a,o.parentNode.insertBefore(i,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-25065548-2","auto"),ga("send","pageview"),window.onload=function(){try{_trackLink("demo vue-complexify","demo","visit directly")}catch(e){}};</script>
121-
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
122-
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5442972248172818" data-ad-slot="1487770485" data-ad-format="auto"></ins>
123-
<script>
124-
(adsbygoogle = window.adsbygoogle || []).push({});
125-
</script>
126-
27+
<script>function _trackLink(e,t,n){t||(t="Link"),n||(n="click"),ga("send",{hitType:"event",eventCategory:t,eventAction:n,eventLabel:e})}!function(e,t,n,a,c,i,o){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,i=t.createElement(n),o=t.getElementsByTagName(n)[0],i.async=1,i.src=a,o.parentNode.insertBefore(i,o)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-25065548-2","auto"),ga("send","pageview"),window.onload=function(){try{_trackLink("demo vue-complexify","demo","visit directly")}catch(e){}};</script>
28+
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
29+
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5442972248172818" data-ad-slot="1487770485" data-ad-format="auto"></ins>
30+
<script>
31+
(adsbygoogle = window.adsbygoogle || []).push({});
32+
</script>
12733

12834
</body>
12935
</html>

‎src/App.vue‎

Lines changed: 21 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,27 @@
11
<template>
2-
<div id="app" class="app">
3-
<h1>{{ msg }}</h1>
4-
5-
<input type="text"
6-
v-model="passwordText"
7-
class="input"
8-
placeholder="Type some text to test"
9-
:class="{'input--error': (!valid)}"/>
10-
<div>
11-
<h3>Result</h3>
12-
Error: <b>{{ error }}</b>
13-
<br>
14-
Valid: <b>{{ valid }}</b>
15-
<br>
16-
Complexity: <b>{{ complexity }}</b>
2+
<div id="app" class="VueComplexify">
3+
<header role="header" class="site__header header"><div class="header__wrapper"><div class="header__brand"> <a href="https://mazipan.github.io/demo/"> <img src="https://mazipan.github.io/images/irfan-maulana.jpg" alt="Irfan Maulana" title="Irfan Maulana"> </a><div class="header__title"> Irfan Maulana | Demo</div></div></div> </header>
4+
5+
<div class="app">
6+
<h1>{{ msg }}</h1>
7+
8+
<input type="text"
9+
v-model="passwordText"
10+
class="input"
11+
placeholder="Type some text to test"
12+
:class="{'input--error': (!valid)}"/>
13+
<div>
14+
<h3>Result</h3>
15+
Error: <b>{{ error }}</b>
16+
<br>
17+
Valid: <b>{{ valid }}</b>
18+
<br>
19+
Complexity: <b>{{ complexity }}</b>
20+
</div>
21+
1722
</div>
1823

24+
<div class="grid__row content centered"><h2>Contribute</h2><p> Feel free to fork <i class="fa fa-code-fork"></i> on <a href="https://github.com/mazipan/complexify" target="_blank">GitHub <i class="fa fa-github"></i></a> if you have any features <i class="fa fa-cart-plus"></i> or bugs <i class="fa fa-bug"></i>!</p></div><div class="grid__row content centered"><h2>Contact Developer</h2><p><a href="https://github.com/mazipan"> <img src="https://img.shields.io/badge/mazipan-Github-lightgrey.svg?maxAge=3600" alt="Github"> </a><a href="mailto:mazipanneh@gmail.com"> <img src="https://img.shields.io/badge/mazipanneh-Email-yellow.svg?maxAge=3600" alt="Email"> </a><a href="https://mazipanneh.com/blog/"> <img src="https://img.shields.io/badge/mazipanneh-Blog-brightgreen.svg?maxAge=3600" alt="Blog"> </a><a href="https://facebook.com/mazipanneh"> <img src="https://img.shields.io/badge/mazipanneh-Facebook-blue.svg?maxAge=3600" alt="Facebook"> </a><br/><a href="https://twitter.com/Maz_Ipan"> <img src="https://img.shields.io/badge/Maz_Ipan-Twitter-55acee.svg?maxAge=3600" alt="Twitter"> </a><a href="https://id.linkedin.com/in/irfanmaulanamazipan"> <img src="https://img.shields.io/badge/irfanmaulanamazipan-Linkedin-0077b5.svg?maxAge=3600" alt="Linkedin"> </a><a href="https://www.slideshare.net/IrfanMaulana21"> <img src="https://img.shields.io/badge/IrfanMaulana21-Slideshare-0077b5.svg?maxAge=3600" alt="Slideshare"> </a></p></div><div class="grid__row content centered"><p> Copyright © 2017 <a href="https://mazipanneh.com/blog/">Irfan Maulana</a>, All Rights Reserved.</p></div>
1925
</div>
2026
</template>
2127

0 commit comments

Comments
 (0)