Skip to content

Commit ad3488a

Browse files
alfredobarronalfredobarron
committed
Merge pull request #8 from alfredobarron/dev
Se modifico la función confirm
2 parents 2abdf32 + e4ce435 commit ad3488a

File tree

11 files changed

+229
-76
lines changed

11 files changed

+229
-76
lines changed

‎css/styles.css

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
.black{
1515
color: #fff;
1616
background: #000;
17-
padding-top: 110px;
17+
padding-top: 120px;
1818
padding-bottom: 120px;
1919
}
2020
.black h1, .black h3, .black .lead{
@@ -47,11 +47,10 @@
4747
}
4848

4949
.white{
50-
margin-top: 100px;
51-
margin-bottom: 20px;
50+
margin-top: 40px;
5251
}
5352
.white .row{
54-
margin-bottom: 140px;
53+
margin-top: 120px;
5554
}
5655
.white .col-lg-4 a{
5756
font-family: 'Poiret One', Arial !important;
@@ -89,7 +88,6 @@
8988
-o-transition:all .2s ease-in-out; /* Opera */
9089
-ms-transition:all .2s ease-in-out; /* IE 9 */
9190
}
92-
9391
.white .small{
9492
width: 140px;
9593
}
@@ -98,12 +96,11 @@
9896
font-family: 'Poiret One', Arial !important;
9997
margin-top: 60px;
10098
}
101-
102-
10399
.follow{
104-
padding: 30px 0;
105-
margin-top: 50px;
106-
margin-bottom: 30px;
100+
margin-bottom: 50px;
101+
}
102+
.follow ul{
103+
margin-top: 20px;
107104
}
108105
.follow ul li .fb-share-button>span{
109106
vertical-align: initial !important;

‎getting-started.html

Lines changed: 43 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -79,21 +79,21 @@ <h1>Primeros pasos</h1>
7979
<section id="download-smoke">
8080
<h1>Descargar Smoke</h1><hr>
8181
<p class="lead">Descarga Smoke y agregalo a tu proyecto, usarlo es fácil y rápido.</p>
82-
<p><a class="btn btn-default btn-lg" role="button" href="https://github.com/alfredobarron/smock" target="_blank">Descargar Smoke</a></p>
82+
<p><a class="btn btn-default btn-lg" role="button" href="https://github.com/alfredobarron/smoke/archive/v2.0.1-dist.zip" target="_blank">Descargar Smoke</a></p>
8383
</section>
8484

8585
<section id="whats-included">
8686
<h1>Que incluye</h1><hr>
8787
<p class="lead">Una vez descargado el archivo, descomprime el .zip para ver la estructura de Smoke. Verás algo como esto:</p>
88-
<pre>
88+
<pre>
8989
smoke/
9090
├── css/
9191
│ ├── smoke.css
9292
│ └── smoke.min.css
9393
└── js/
9494
├── smoke.js
9595
└── smoke.min.js
96-
</pre>
96+
</pre>
9797
</section>
9898

9999
<section id="required">
@@ -104,11 +104,10 @@ <h1>Requerimientos</h1><hr>
104104
</section>
105105

106106
<section id="basic-template">
107-
<h1>Plantilla básica</h1><hr>
108-
<p class="lead">Comienza con esta plantilla de HTML o modifícala a tus necesidades.</p>
109-
<p>Copia el código HTML de abajo para empezar a trabajar con los requerimientos mínimos de Smoke.</p>
110-
<pre>
111-
<code><span class="text-success">&lt;!DOCTYPE html&gt;</span>
107+
<h1>Plantilla básica</h1><hr>
108+
<p class="lead">Comienza con esta plantilla de HTML o modifícala a tus necesidades.</p>
109+
<p>Copia el código HTML de abajo para empezar a trabajar con los requerimientos mínimos de Smoke.</p>
110+
<pre><code><span class="text-success">&lt;!DOCTYPE html&gt;</span>
112111
<span class="text-info">&lt;html </span><span class="text-primary">lang=</span><span class="text-danger">"es"</span> <span class="text-info">&gt;</span>
113112
<span class="text-info">&lt;head&gt;</span>
114113
<span class="text-info">&lt;meta</span> <span class="text-primary">charset=</span><span class="text-danger">"utf-8"</span><span class="text-info">&gt;</span>
@@ -139,15 +138,23 @@ <h1>Plantilla básica</h1><hr>
139138
<span class="text-info">&lt;script </span><span class="text-primary">src=</span><span class="text-danger">"js/smoke.min.js"</span><span class="text-info">&gt;&lt;/script&gt;</span>
140139
<span class="text-info">&lt;/body&gt;</span>
141140
<span class="text-info">&lt;/html&gt;</span>
142-
</code>
143-
</pre>
144-
</section>
145-
146-
<footer>
147-
<div class="follow">
148-
<hr>
149-
<p>Diseñado y desarrollado con ganas por <a href="https://twitter.com/AlfredoBarronC" target="_blank">@AlfredoBarronC</a></p>
150-
</div>
141+
</code></pre>
142+
</section>
143+
144+
<footer class="follow">
145+
<hr>
146+
<ul class="list-inline">
147+
<li><div class="g-plus" data-action="share" data-annotation="bubble" data-href="http://alfredobarron.github.io/smoke"></div></li>
148+
149+
<li><div class="fb-share-button" data-href="http://alfredobarron.github.io/smoke" data-layout="button_count"></div></li>
150+
151+
<li><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://alfredobarron.github.io/smoke" data-via="AlfredoBarronC" data-hashtags="Smoke">Tweet</a></li>
152+
</ul>
153+
<p>Diseñado y Desarrollado con muchas ganas por <a href="https://twitter.com/AlfredoBarronC" target="_blank">@AlfredoBarronC</a></p>
154+
155+
<p>Código y documentación (c) Copyright 2014 Alfredo Barron. Código publicado bajo la <a href="https://github.com/alfredobarron/smoke/blob/master/LICENCIA">licencia GPL v3.</a></p>
156+
157+
<p><a href="https://github.com/alfredobarron/smoke" target="_blank">GitHub</a> . <a href="http://alfredobarron.github.io/smoke/v1.0/" target="_blank">v1.0</a> . <a href="https://github.com/alfredobarron/smoke/issues" target="_blank">Preguntas</a> . <a href="https://github.com/alfredobarron/smoke/releases" target="_blank">Versiones</a></p>
151158
</footer>
152159

153160
</div><!--/.col-lg-9 -->
@@ -162,6 +169,25 @@ <h1>Plantilla básica</h1><hr>
162169
<script src="smoke/js/smoke.js"></script>
163170
<!-- Scripts -->
164171
<script src="js/scripts.js"></script>
172+
173+
<!-- Twitter -->
174+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
175+
176+
<!-- Google + -->
177+
<script src="https://apis.google.com/js/platform.js" async defer>
178+
{lang: 'es'}
179+
</script>
180+
181+
<!-- Facebook -->
182+
<div id="fb-root"></div>
183+
<script>(function(d, s, id) {
184+
var js, fjs = d.getElementsByTagName(s)[0];
185+
if (d.getElementById(id)) return;
186+
js = d.createElement(s); js.id = id;
187+
js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&appId=521651221243058&version=v2.0";
188+
fjs.parentNode.insertBefore(js, fjs);
189+
}(document, 'script', 'facebook-jssdk'));</script>
190+
165191
<!-- Analytics -->
166192
<script>
167193
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

‎helpers.html

Lines changed: 33 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -408,11 +408,20 @@ <h3>Opciones</h3>
408408

409409
</section>
410410

411-
<footer>
412-
<div class="follow">
413-
<hr>
414-
<p>Diseñado y desarrollado con ganas por <a href="https://twitter.com/AlfredoBarronC" target="_blank">@AlfredoBarronC</a></p>
415-
</div>
411+
<footer class="follow">
412+
<hr>
413+
<ul class="list-inline">
414+
<li><div class="g-plus" data-action="share" data-annotation="bubble" data-href="http://alfredobarron.github.io/smoke"></div></li>
415+
416+
<li><div class="fb-share-button" data-href="http://alfredobarron.github.io/smoke" data-layout="button_count"></div></li>
417+
418+
<li><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://alfredobarron.github.io/smoke" data-via="AlfredoBarronC" data-hashtags="Smoke">Tweet</a></li>
419+
</ul>
420+
<p>Diseñado y Desarrollado con muchas ganas por <a href="https://twitter.com/AlfredoBarronC" target="_blank">@AlfredoBarronC</a></p>
421+
422+
<p>Código y documentación (c) Copyright 2014 Alfredo Barron. Código publicado bajo la <a href="https://github.com/alfredobarron/smoke/blob/master/LICENCIA">licencia GPL v3.</a></p>
423+
424+
<p><a href="https://github.com/alfredobarron/smoke" target="_blank">GitHub</a> . <a href="http://alfredobarron.github.io/smoke/v1.0/" target="_blank">v1.0</a> . <a href="https://github.com/alfredobarron/smoke/issues" target="_blank">Preguntas</a> . <a href="https://github.com/alfredobarron/smoke/releases" target="_blank">Versiones</a></p>
416425
</footer>
417426

418427
</div><!--/.col-lg-9 -->
@@ -429,6 +438,25 @@ <h3>Opciones</h3>
429438
<script src="js/scripts.js"></script>
430439
<!-- CodePen-->
431440
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>
441+
442+
<!-- Twitter -->
443+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
444+
445+
<!-- Google + -->
446+
<script src="https://apis.google.com/js/platform.js" async defer>
447+
{lang: 'es'}
448+
</script>
449+
450+
<!-- Facebook -->
451+
<div id="fb-root"></div>
452+
<script>(function(d, s, id) {
453+
var js, fjs = d.getElementsByTagName(s)[0];
454+
if (d.getElementById(id)) return;
455+
js = d.createElement(s); js.id = id;
456+
js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&appId=521651221243058&version=v2.0";
457+
fjs.parentNode.insertBefore(js, fjs);
458+
}(document, 'script', 'facebook-jssdk'));</script>
459+
432460
<!-- Analytics -->
433461
<script>
434462
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

‎index.html

Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ <h1>SMOKE</h1>
5959

6060
<p class="lead">Jquery Plugin diseñado para usarse en Bootstrap 3<br>Validación de formularios, Notificaciones, Alertas, Mensajes de Confirmación y Mas</p>
6161

62-
<p><a class="btn btn-default btn-lg smk-transition1" role="button" href="https://github.com/alfredobarron/smoke" target="_blank">Descarga Smoke v2.0.1</a></p>
62+
<p><a class="btn btn-default btn-lg smk-transition1" role="button" href="getting-started.html">Descargar Smoke v2.0.1</a></p>
6363

6464
</div><!-- /.container -->
6565
</div>
@@ -88,26 +88,29 @@ <h2>Helpers</h2>
8888
</div>
8989
</div>
9090

91-
<hr class="small">
92-
<p class="lead">Keep It Simple, Stupid!</p>
91+
<div class="row">
92+
<hr class="small">
93+
<p class="lead">Keep It Simple, Stupid!</p>
94+
</div>
9395

9496
<!-- <p class="lead2">Smoke es open source, esta hosteado, desarrollado y mantenido en GitHub.</p>
9597
<p><a class="btn btn-default btn-lg smk-transition1" role="button" href="https://github.com/alfredobarron/smock" target="_blank">Ver en GitHub</a></p> -->
9698

97-
98-
<div class="follow">
99+
<div class="row follow">
99100
<hr>
100-
<div class="col-md-6 text-left">
101-
<p>Diseñado y Desarrollado con muchas ganas por <a href="https://twitter.com/AlfredoBarronC" target="_blank">@AlfredoBarronC</a></p>
102-
</div>
103-
<div class="col-md-6 text-right">
101+
<div class="col-md-12 text-center">
104102
<ul class="list-inline">
105-
<li><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://alfredobarron.github.io/smoke" data-via="AlfredoBarronC" data-hashtags="Smoke">Tweet</a></li>
106-
107103
<li><div class="g-plus" data-action="share" data-annotation="bubble" data-href="http://alfredobarron.github.io/smoke"></div></li>
108104

109105
<li><div class="fb-share-button" data-href="http://alfredobarron.github.io/smoke" data-layout="button_count"></div></li>
106+
107+
<li><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://alfredobarron.github.io/smoke" data-via="AlfredoBarronC" data-hashtags="Smoke">Tweet</a></li>
110108
</ul>
109+
<p>Diseñado y Desarrollado con muchas ganas por <a href="https://twitter.com/AlfredoBarronC" target="_blank">@AlfredoBarronC</a></p>
110+
111+
<p>Código y documentación (c) Copyright 2014 Alfredo Barron. Código publicado bajo la <a href="https://github.com/alfredobarron/smoke/blob/master/LICENCIA">licencia GPL v3.</a></p>
112+
113+
<p><a href="https://github.com/alfredobarron/smoke" target="_blank">GitHub</a> . <a href="http://alfredobarron.github.io/smoke/v1.0/" target="_blank">v1.0</a> . <a href="https://github.com/alfredobarron/smoke/issues" target="_blank">Preguntas</a> . <a href="https://github.com/alfredobarron/smoke/releases" target="_blank">Versiones</a></p>
111114
</div>
112115
</div><!-- follow -->
113116

‎js/scripts.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -129,9 +129,9 @@ $(document).ready(function(){
129129
Confirmation
130130
|---------------------------------------------------------------------
131131
*/
132-
$('#btnConfirmation').click(function(e){
132+
$('#btnConfirm').click(function(e){
133133
e.preventDefault();
134-
$.smkConfirmation('Are you sure?', function(e){if(e){
134+
$.smkConfirm({text:'Are you sure?', accept:'Accept', cancel:'Cancel'}, function(e){if(e){
135135
$.smkAlert({text: 'Confirm!!', type:'success'});
136136
}});
137137
});

‎notifications.html

Lines changed: 69 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -111,7 +111,7 @@ <h3>Opciones</h3>
111111
<tr>
112112
<td>text</td>
113113
<td>Text | HTML</td>
114-
<td>Hello World</td>
114+
<td>Hola Mundo</td>
115115
<td>Mensaje</td>
116116
</tr>
117117
<tr>
@@ -170,7 +170,7 @@ <h1>Confirmación</h1><hr>
170170
<form class="form-horizontal" role="form">
171171
<div class="form-group">
172172
<div class="col-sm-12">
173-
<a href="#" class="btn btn-default" id="btnConfirmation">Confirmation</a>
173+
<a href="#" class="btn btn-default" id="btnConfirm">Confirmation</a>
174174
</div>
175175
</div>
176176
</form>
@@ -181,15 +181,58 @@ <h1>Confirmación</h1><hr>
181181
</div>
182182
</div>
183183

184+
<h3>Opciones</h3>
185+
<p>Personaliza las confirmaciones, cambiando el mensaje y el texto de los botones.</p>
186+
187+
<table class="table table-bordered">
188+
<thead>
189+
<tr>
190+
<th>Opción</th>
191+
<th>Tipo</th>
192+
<th>Default</th>
193+
<th>Descripción</th>
194+
</tr>
195+
</thead>
196+
<tbody>
197+
<tr>
198+
<td>text</td>
199+
<td>Text | HTML</td>
200+
<td>¿Estas seguro?</td>
201+
<td>Mensaje</td>
202+
</tr>
203+
<tr>
204+
<td>accept</td>
205+
<td>Text</td>
206+
<td>Aceptar</td>
207+
<td>Texto del botón aceptar</td>
208+
</tr>
209+
<tr>
210+
<td>cancel</td>
211+
<td>Text</td>
212+
<td>Cancelar</td>
213+
<td>Texto del botón cancelar</td>
214+
</tr>
215+
</tbody>
216+
</table>
217+
184218
<p data-height="260" data-theme-id="8624" data-slug-hash="tbcdw" data-default-tab="result" data-user="alfredobarron" class='codepen'>See the Pen <a href='http://codepen.io/alfredobarron/pen/tbcdw/'>Smoke Confirmation</a> by Alfredo Barron (<a href='http://codepen.io/alfredobarron'>@alfredobarron</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
185219

186220
</section>
187221

188-
<footer>
189-
<div class="follow">
190-
<hr>
191-
<p>Diseñado y desarrollado con ganas por <a href="https://twitter.com/AlfredoBarronC" target="_blank">@AlfredoBarronC</a></p>
192-
</div>
222+
<footer class="follow">
223+
<hr>
224+
<ul class="list-inline">
225+
<li><div class="g-plus" data-action="share" data-annotation="bubble" data-href="http://alfredobarron.github.io/smoke"></div></li>
226+
227+
<li><div class="fb-share-button" data-href="http://alfredobarron.github.io/smoke" data-layout="button_count"></div></li>
228+
229+
<li><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://alfredobarron.github.io/smoke" data-via="AlfredoBarronC" data-hashtags="Smoke">Tweet</a></li>
230+
</ul>
231+
<p>Diseñado y Desarrollado con muchas ganas por <a href="https://twitter.com/AlfredoBarronC" target="_blank">@AlfredoBarronC</a></p>
232+
233+
<p>Código y documentación (c) Copyright 2014 Alfredo Barron. Código publicado bajo la <a href="https://github.com/alfredobarron/smoke/blob/master/LICENCIA">licencia GPL v3.</a></p>
234+
235+
<p><a href="https://github.com/alfredobarron/smoke" target="_blank">GitHub</a> . <a href="http://alfredobarron.github.io/smoke/v1.0/" target="_blank">v1.0</a> . <a href="https://github.com/alfredobarron/smoke/issues" target="_blank">Preguntas</a> . <a href="https://github.com/alfredobarron/smoke/releases" target="_blank">Versiones</a></p>
193236
</footer>
194237

195238
</div><!--/.col-lg-9 -->
@@ -206,6 +249,25 @@ <h1>Confirmación</h1><hr>
206249
<script src="js/scripts.js"></script>
207250
<!-- CodePen-->
208251
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>
252+
253+
<!-- Twitter -->
254+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
255+
256+
<!-- Google + -->
257+
<script src="https://apis.google.com/js/platform.js" async defer>
258+
{lang: 'es'}
259+
</script>
260+
261+
<!-- Facebook -->
262+
<div id="fb-root"></div>
263+
<script>(function(d, s, id) {
264+
var js, fjs = d.getElementsByTagName(s)[0];
265+
if (d.getElementById(id)) return;
266+
js = d.createElement(s); js.id = id;
267+
js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&appId=521651221243058&version=v2.0";
268+
fjs.parentNode.insertBefore(js, fjs);
269+
}(document, 'script', 'facebook-jssdk'));</script>
270+
209271
<!-- Analytics -->
210272
<script>
211273
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

‎smoke/css/smoke.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -70,15 +70,15 @@
7070
| Confirmation
7171
|---------------------------------------------------------------------
7272
*/
73-
.smk-confirmation-back {
73+
.smk-confirm-back {
7474
position:fixed;
7575
top:0;
7676
right:0;
7777
bottom:0;
7878
left:0;
7979
z-index:1030;
8080
}
81-
.smk-confirmation {
81+
.smk-confirm {
8282
position:absolute;
8383
opacity:0;
8484
filter:alpha(opacity=0);
@@ -88,9 +88,9 @@
8888
margin:auto;
8989
max-width:440px;
9090
z-index:2060;
91-
box-shadow:0 5px 25px #333;
92-
-webkit-box-shadow:0 5px 25px #333; /* Chrome & Safari */
93-
-moz-box-shadow:0 5px 25px #333; /* Firefox */
91+
box-shadow:0 5px 25px -1px #333;
92+
-webkit-box-shadow:0 5px 25px -1px #333; /* Chrome & Safari */
93+
-moz-box-shadow:0 5px 25px -1px #333; /* Firefox */
9494
}
9595

9696

0 commit comments

Comments
 (0)