diff options
author | Paul Duncan <pabs@pablotron.org> | 2016-05-15 17:07:16 -0400 |
---|---|---|
committer | Paul Duncan <pabs@pablotron.org> | 2016-05-15 17:07:16 -0400 |
commit | ae667b4222a718f99091ec8bb1fb130970b051e7 (patch) | |
tree | 08b2844213893ba614896b6dd06d7cfac22f0656 /data/assets/test | |
download | guff-ae667b4222a718f99091ec8bb1fb130970b051e7.tar.bz2 guff-ae667b4222a718f99091ec8bb1fb130970b051e7.zip |
initial commit
Diffstat (limited to 'data/assets/test')
-rw-r--r-- | data/assets/test/tab-posts.js | 126 | ||||
-rw-r--r-- | data/assets/test/tab-users.js | 286 |
2 files changed, 412 insertions, 0 deletions
diff --git a/data/assets/test/tab-posts.js b/data/assets/test/tab-posts.js new file mode 100644 index 0000000..e5fe341 --- /dev/null +++ b/data/assets/test/tab-posts.js @@ -0,0 +1,126 @@ +jQuery(function($) { + "use strict"; + + var TEMPLATES = new LuigiTemplate.Cache({ + user: [ + "<a ", + "href='#' ", + "class='list-group-item %{css|h}' ", + "title='Edit user \"%{user_name|h}\".' ", + "data-row='%{row|json|h}' ", + "data-q='%{q|h}' ", + ">", + "<i class='fa fa-fw fa-spinner fa-spin hidden loading'></i>", + "<i class='fa fa-fw fa-user loading'></i>", + " ", + "%{user_name|h} (%{email|h})", + + "<span class='badge pull-right'>", + "%{role_name|h}", + "</span>", + "</a>", + ], + + loading: [ + "<span class='list-group-item disabled'>", + "<i class='fa fa-spinner fa-spin'></i>", + " ", + "Loading...", + "</span>", + ], + + error: [ + "<span class='list-group-item list-group-item-danger disabled'>", + "<i class='fa fa-exclamation-triangle'></i>", + " ", + "Error: %{responseText|h}", + "</span>", + ], + }); + + function update_slug(name, slug) { + if (slug.prop('disabled')) { + slug.val( + name.val().toLowerCase() + .replace(/[^a-z0-9_\.-]+/g, '-') + .replace(/^-+|-+$/g, '') + ); + } + } + + $.each(['blog', 'page', 'project'], function(i, id) { + var p = '#' + id + '-edit-'; + + $(p + 'dialog').one('shown.bs.modal', function() { + // lazy-init editor + CKEDITOR.replace(id + '-edit-body'); + }).on('show.bs.modal', function() { + // reset close confirmation + $(this).data('close-dialog-confirmed', false); + + // TODO load post + $(p + 'name').val(''); + $(p + 'slug').val(''); + }).on('shown.bs.modal', function() { + $(p + 'name').focus(); + }).on('hide.bs.modal', function() { + return ( + $(this).data('close-dialog-confirmed') || + confirm('Close without saving changes?') + ); + }).find('button[data-dismiss="modal"]').click(function() { + // override close confirmation + // FIXME: should this only be on save? + $(p + 'dialog').data('close-dialog-confirmed', true); + }); + + $(p + 'confirm').click(function() { + if ($(this).hasClass('disabled')) + return false; + + // TODO: see #user-add-confirm + alert('TODO: create'); + + // stop event + return false; + }); + }); + + $('.post-name').keydown(function() { + var name = $(this), + slug = $(this).parents('.modal-body').find('.post-slug'); + + setTimeout(function() { + update_slug(name, slug); + }, 10); + }); + + $('.post-slug-lock').click(function() { + var modal_body = $(this).parents('.modal-body'); + + // toggle locked state + $(this).toggleClass('btn-default btn-primary') + .find('.fa').toggleClass('fa-lock fa-unlock'); + var locked = $(this).hasClass('btn-default'); + + // update slug disabled state + var slug = modal_body.find('.post-slug'); + slug.prop('disabled', locked ? 'disabled' : null); + + if (locked) { + // auto-generate slug + update_slug(modal_body.find('.post-name'), slug); + } + + // stop event + return false; + }); + + $('.post-state').click(function() { + $(this).parent().find('.btn-primary').toggleClass('btn-default btn-primary'); + $(this).toggleClass('btn-default btn-primary'); + + // stop event + return false; + }); +}); diff --git a/data/assets/test/tab-users.js b/data/assets/test/tab-users.js new file mode 100644 index 0000000..d60e348 --- /dev/null +++ b/data/assets/test/tab-users.js @@ -0,0 +1,286 @@ +jQuery(function($) { + "use strict"; + var TEMPLATES = new LuigiTemplate.Cache({ + user: [ + "<a ", + "href='#' ", + "class='list-group-item %{css|h}' ", + "title='Edit user \"%{user_name|h}\".' ", + "data-row='%{row|json|h}' ", + "data-q='%{q|h}' ", + ">", + "<i class='fa fa-fw fa-spinner fa-spin hidden loading'></i>", + "<i class='fa fa-fw fa-user loading'></i>", + " ", + "%{user_name|h} (%{email|h})", + + "<span class='badge pull-right'>", + "%{role_name|h}", + "</span>", + "</a>", + ], + + loading: [ + "<span class='list-group-item disabled'>", + "<i class='fa fa-spinner fa-spin'></i>", + " ", + "Loading...", + "</span>", + ], + + error: [ + "<span class='list-group-item list-group-item-danger disabled'>", + "<i class='fa fa-exclamation-triangle'></i>", + " ", + "Error: %{responseText|h}", + "</span>", + ], + }); + + function filter() { + var qs = $('#users-q').val().replace(/^\s+|\s+$/g, '').toLowerCase().split(/\s+/); + + if (qs.length > 0) { + // hide all users + $('#users .list-group-item').addClass('hidden'); + + // show matching users + $($.grep($('#users .list-group-item'), function(el) { + var eq = $(el).data('q'); + + return ($.grep(qs, function(q) { + return eq.indexOf(q) !== -1; + }).length == qs.length); + })).removeClass('hidden'); + } else { + // show all users + $('#users .list-group-item').removeClass('hidden'); + } + } + + function reload() { + var btn = $('#reload'), + list = $('#users'); + + // show loading + btn.toggleClass('disabled').find('.loading').toggleClass('hidden'); + list.html(TEMPLATES.run('loading')); + + send('test/get_users').always(function() { + btn.toggleClass('disabled').find('.loading').toggleClass('hidden'); + list.html(''); + }).fail(function(r) { + console.log('get_users failed: ' + r.responseText); + list.html(TEMPLATES.run('error', r)); + }).done(function(r) { + list.html($.map(r.users, function(row) { + return TEMPLATES.run('user', $.extend({}, row, { + q: [row.user_id, row.user_name, row.email, row.role_name].join(' ').toLowerCase(), + row: row, + })); + }).join('')); + + // refresh filters + filter(); + }); + + // stop event + return false; + } + + // old test, not used any more + function set_user(user_id) { + return send('test/set_user', { + user_id: user_id, + }).fail(function(r) { + alert('Error ' + r.responseText); + }).done(function(r) { + // do nothing + }); + } + + $('#users-q').on('search-update', function() { + filter(); + }); + + $('#users').on('click', 'a.list-group-item', function() { + var me = $(this); + + // update highlight + $('#users .active').removeClass('active'); + me.addClass('active'); + + $('#user-edit-dialog').data('row', me.data('row')).modal('show'); + + // stop event + return false; + }); + + $('#user-add-dialog').on('show.bs.modal', function() { + $.each(['name', 'email', 'password'], function(i, id) { + $('#user-add-' + id).val(''); + }); + $('#user-add-role').val('guest'); + }); + + $('#user-add-dialog').on('shown.bs.modal', function() { + $('#user-add-name').focus(); + }); + + $('#user-add-name, #user-add-email, #user-add-password').keydown(function(ev) { + if (ev.which == 13) { + setTimeout(function() { + $('#user-add-confirm').click(); + }, 10); + + // stop event + return false; + } + }); + + $('#user-add-confirm').click(function() { + var me = $(this); + + if (me.hasClass('disabled')) + return false; + + // toggle loading + me.toggleClass('disabled').find('.loading').toggleClass('hidden'); + + send('test/add_user', { + name: $('#user-add-name').val(), + email: $('#user-add-email').val(), + password: $('#user-add-password').val(), + role: $('#user-add-role').val(), + active: 't', + }).always(function() { + // toggle loading + me.toggleClass('disabled').find('.loading').toggleClass('hidden'); + }).fail(function(r) { + alert('Error ' + r.responseText); + }).done(function(r) { + console.log(r); + reload(); + $('#user-add-dialog').modal('hide'); + }); + + // stop event + return false; + }); + + $('#user-edit-dialog').on('show.bs.modal', function() { + var row = $(this).data('row'); + + $.each({ + name: 'user_name', + email: 'email', + role: 'role_name', + }, function(id, col) { + $('#user-edit-' + id).val(row[col]); + }); + }); + + $('#user-edit-dialog').on('shown.bs.modal', function() { + $('#user-edit-name').focus(); + }); + + $('#user-edit-dialog').on('hide.bs.modal', function() { + // clear highlight + $('#users .active').removeClass('active'); + }); + + $('#user-edit-name, #user-edit-email').keydown(function(ev) { + if (ev.which == 13) { + setTimeout(function() { + $('#user-edit-confirm').click(); + }, 10); + + // stop event + return false; + } + }); + + $('#user-edit-confirm').click(function() { + var me = $(this), + user_id = $('#user-edit-dialog').data('row').user_id; + + if (me.hasClass('disabled')) + return false; + + // toggle loading + me.toggleClass('disabled').find('.loading').toggleClass('hidden'); + + send('test/edit_user', { + user_id: user_id, + name: $('#user-edit-name').val(), + email: $('#user-edit-email').val(), + role: $('#user-edit-role').val(), + }).always(function() { + // toggle loading + me.toggleClass('disabled').find('.loading').toggleClass('hidden'); + }).fail(function(r) { + alert('Error ' + r.responseText); + }).done(function(r) { + console.log(r); + reload(); + $('#user-edit-dialog').modal('hide'); + }); + + // stop event + return false; + }); + + $('#login-dialog').on('show.bs.modal', function() { + $('#login-email').val(''); + $('#login-password').val(''); + }); + + $('#login-dialog').on('shown.bs.modal', function() { + $('#login-email').focus(); + }); + + $('#login-confirm').click(function() { + var me = $(this); + + if (me.hasClass('disabled')) + return false; + + // toggle loading + me.toggleClass('disabled').find('.loading').toggleClass('hidden'); + + send('test/login', { + email: $('#login-email').val(), + password: $('#login-password').val(), + }).always(function() { + // toggle loading + me.toggleClass('disabled').find('.loading').toggleClass('hidden'); + }).fail(function(r) { + alert('Error ' + r.responseText); + }).done(function(r) { + console.log(r); + $('#login-dialog').modal('hide'); + }); + + // stop event + return false; + }); + + $('#login-user, #login-password').keydown(function(ev) { + if (ev.which == 13) { + setTimeout(function() { + // trigger login + $('#login-confirm').click(); + }, 10); + + // stop event + return false; + } + }); + + $('#reload').click(reload); + + // load users + $('#admin-tab-users').on('show.bs.tab', function() { + reload(); + }); +}); |