Skip to Content

Register
Log-in
Search
- The Free Speech / Pro White Wiki
- Page Index
- User Index
- Global
- What's New
- Wiki Index

0.0
1
2
3
4
5

0 Votes

Changes for page Todolist Macro

Last modified by Ryan C on 2025/04/30 07:54

From 26.1 to 25.1

From version

30.1

edited by Ryan C
on 2025/04/30 07:54

Change comment: Migrated property [featureMandatory] from class [XWiki.WikiMacroParameterClass]

To version

edited by Ryan C
on 2025/04/24 11:19

Change comment: There is no comment for this version

Raw
Rendered

Summary

Objects (1 modified, 0 added, 0 removed)
- XWiki.JavaScriptExtension[0]

Details

XWiki.JavaScriptExtension[0]

Code

@@ -1,333 +1,302 @@
  requirejs.config({
    baseUrl: '${xwiki.getDocument("TodoLists.TodoListMacro").getURL("download")}/',
    paths: {
--    'jquery-1.10.2': 'https://code.jquery.com/jquery-1.10.2.min'
++    'jquery': 'https://code.jquery.com/jquery-3.6.0.min'  // Updated jQuery version
    },
    shim: {
      'ember-data': {
--      deps: ['ember']
++      deps: ['ember', 'jquery']
      },
      'ember': {
--      deps: ['jquery-1.10.2']
++      deps: ['jquery']
      }
    }
  });
--// Load jQuery 1.10.2 specifically for Ember, using noConflict mode
--require(['jquery-1.10.2'], function(jQuery) {
--  // Store the original jQuery and $ if they exist
--  var originalJQuery = window.jQuery;
--  var original$ = window.$;
--
--  // Create a new jQuery instance in noConflict mode
--  var emberJQuery = jQuery.noConflict(true);
--
--  // Now load Ember with our specific jQuery
--  require(['handlebars-v1.2.1', 'ember-data', 'ember'], function() {
--    // Make emberJQuery available to Ember
--    window.jQuery = emberJQuery;
--    window.$ = emberJQuery;
--
--    // Initialize Ember app
--    initializeEmberApp(emberJQuery);
--
--    // Restore original jQuery and $ when done
--    window.jQuery = originalJQuery;
--    window.$ = original$;
++require(['jquery', 'handlebars-v1.2.1', 'ember-data', 'ember'], function($) {
++  // Create app
++  window.Todos = Ember.Application.create({
++    rootElement: '#todoappdiv'
    });
--
--  function initializeEmberApp(jQuery) {
--    // Create app with specific jQuery instance
--    window.Todos = Ember.Application.create({
--      rootElement: '#todoappdiv',
--      jQuery: jQuery
--    });
--    // Define the todolist store that will write to the TodoListsService
--    Todos.ApplicationAdapter = DS.Adapter.extend({
--      serialize: function(record, options) {
--        var serialized = record.record.toJSON();
--        if (options && options.includeId) {
--          serialized.id = record.id;
--        }
--        return serialized;
--      },
++  // Define the todolist store that will write to the TodoListsService
++  Todos.ApplicationAdapter = DS.Adapter.extend({
++    namespace: 'api', // Moved inside the adapter definition
++
++    createRecord: function(store, type, record) {
++      console.log("createRecord");
++      var data = this.serialize(record, { includeId: true });
++      var query = { create: "1", content: JSON.stringify(data) };
--      createRecord: function(store, type, record) {
--        console.log("createRecord");
--        var serialized = this.serialize(record, { includeId: true });
--        var query = { create: "1", content: JSON.stringify(serialized) };
++      return new Ember.RSVP.Promise(function(resolve, reject) {
++        var url = "${xwiki.getURL('TodoLists.TodoListsService')}?page=" +
++          XWiki.currentSpace + "." + XWiki.currentPage +
++          "&xpage=plain&outputSyntax=plain";
++        console.log("Creating record, URL:", url);
--        return new Ember.RSVP.Promise(function(resolve, reject) {
--          var url = "${xwiki.getURL('TodoLists.TodoListsService')}?page=" +
--            XWiki.currentSpace + "." + XWiki.currentPage +
--            "&xpage=plain&outputSyntax=plain";
--          console.log("Creating record, URL:", url);
--
--          jQuery.getJSON(url, query).then(function(data) {
--            console.log("Create success:", data);
--            Ember.run(function() {
--              resolve(data);
--            });
--          }, function(jqXHR) {
--            console.error("Create error:", jqXHR);
--            Ember.run(function() {
--              reject(jqXHR);
--            });
++        jQuery.getJSON(url, query).then(function(data) {
++          console.log("Create success:", data);
++          Ember.run(function() {
++            resolve(data);
            });
++        }, function(jqXHR) {
++          console.error("Create error:", jqXHR);
++          Ember.run(function() {
++            reject(jqXHR);
++          });
          });
--      },
++      });
++    },
++
++    deleteRecord: function(store, type, record) {
++      console.log("deleteRecord");
++      var recordArrays = store.recordArrayManager.recordArraysForRecord(record);
++      if (recordArrays && recordArrays.list && recordArrays.list[0]) {
++        return this.saveAll(recordArrays.list[0].content);
++      }
++      return Ember.RSVP.resolve();
++    },
++
++    find: function(store, type, id) {
++      console.log("find");
++      return Ember.RSVP.resolve();
++    },
++
++    findAll: function(store, type, sinceToken) {
++      console.log("findAll");
++      var query = { since: sinceToken };
--      deleteRecord: function(store, type, record) {
--        console.log("deleteRecord");
--        var recordArrays = store.recordArrayManager.recordArraysForRecord(record);
--        if (recordArrays && recordArrays.list && recordArrays.list[0]) {
--          return this.saveAll(recordArrays.list[0].content);
--        }
--        return Ember.RSVP.resolve();
--      },
--
--      find: function(store, type, id) {
--        console.log("find");
--        return Ember.RSVP.resolve();
--      },
--
--      findAll: function(store, type, sinceToken) {
--        console.log("findAll");
--        var query = { since: sinceToken };
++      return new Ember.RSVP.Promise(function(resolve, reject) {
++        var url = "${xwiki.getURL('TodoLists.TodoListsService')}?page=" +
++          XWiki.currentSpace + "." + XWiki.currentPage +
++          "&xpage=plain&outputSyntax=plain";
++        console.log("Finding all records, URL:", url);
--        return new Ember.RSVP.Promise(function(resolve, reject) {
--          var url = "${xwiki.getURL('TodoLists.TodoListsService')}?page=" +
--            XWiki.currentSpace + "." + XWiki.currentPage +
--            "&xpage=plain&outputSyntax=plain";
--          console.log("Finding all records, URL:", url);
--
--          jQuery.getJSON(url, query).then(function(data) {
--            console.log("FindAll success:", data);
--            Ember.run(function() {
--              resolve(data);
--            });
--          }, function(jqXHR) {
--            console.error("FindAll error:", jqXHR);
--            Ember.run(function() {
--              reject(jqXHR);
--            });
++        jQuery.getJSON(url, query).then(function(data) {
++          console.log("FindAll success:", data);
++          Ember.run(function() {
++            resolve(data);
            });
++        }, function(jqXHR) {
++          console.error("FindAll error:", jqXHR);
++          Ember.run(function() {
++            reject(jqXHR);
++          });
          });
--      },
++      });
++    },
++
++    updateRecord: function(store, type, record) {
++      console.log("updateRecord");
++      var recordArrays = store.recordArrayManager.recordArraysForRecord(record);
++      if (recordArrays && recordArrays.list && recordArrays.list[0]) {
++        return this.saveAll(recordArrays.list[0].content);
++      }
++      return Ember.RSVP.resolve();
++    },
++
++    saveAll: function(alldata) {
++      console.log("saveAll");
++      var query = { save: "1", content: JSON.stringify(alldata) };
--      updateRecord: function(store, type, record) {
--        console.log("updateRecord");
--        var recordArrays = store.recordArrayManager.recordArraysForRecord(record);
--        if (recordArrays && recordArrays.list && recordArrays.list[0]) {
--          return this.saveAll(recordArrays.list[0].content);
--        }
--        return Ember.RSVP.resolve();
--      },
--
--      saveAll: function(alldata) {
--        console.log("saveAll");
--        var query = { save: "1", content: JSON.stringify(alldata) };
++      return new Ember.RSVP.Promise(function(resolve, reject) {
++        var currentPage = XWiki.currentSpace + "." + XWiki.currentPage;
++        var url = "${xwiki.getURL('TodoLists.TodoListsService')}?page=" +
++          currentPage + "&xpage=plain&outputSyntax=plain";
++        console.log("Saving all records, URL:", url, "Page:", currentPage);
--        return new Ember.RSVP.Promise(function(resolve, reject) {
--          var currentPage = XWiki.currentSpace + "." + XWiki.currentPage;
--          var url = "${xwiki.getURL('TodoLists.TodoListsService')}?page=" +
--            currentPage + "&xpage=plain&outputSyntax=plain";
--          console.log("Saving all records, URL:", url, "Page:", currentPage);
--
--          jQuery.getJSON(url, query).then(function(data) {
--            console.log("SaveAll success:", data);
--            Ember.run(function() {
--              resolve(data);
--            });
--          }, function(jqXHR) {
--            console.error("SaveAll error:", jqXHR);
--            Ember.run(function() {
--              reject(jqXHR);
--            });
++        jQuery.getJSON(url, query).then(function(data) {
++          console.log("SaveAll success:", data);
++          Ember.run(function() {
++            resolve(data);
            });
++        }, function(jqXHR) {
++          console.error("SaveAll error:", jqXHR);
++          Ember.run(function() {
++            reject(jqXHR);
++          });
          });
--      }
--    });
--
--    // Routing
--    Todos.Router.map(function() {
--      this.resource('todos', { path: '' }, function() {
--        this.route('active');
--        this.route('completed');
        });
--    });
++    }
++  });
--    Todos.TodosRoute = Ember.Route.extend({
--      model: function() {
--        return this.store.find('todo');
--      }
++  // Routing
++  Todos.Router.map(function() {
++    this.resource('todos', { path: '' }, function() {
++      this.route('active');
++      this.route('completed');
      });
++  });
--    Todos.TodosIndexRoute = Ember.Route.extend({
--      model: function() {
--        return this.modelFor('todos');
--      }
--    });
++  Todos.TodosRoute = Ember.Route.extend({
++    model: function() {
++      return this.store.find('todo');
++    }
++  });
--    Todos.TodosActiveRoute = Ember.Route.extend({
--      model: function() {
--        return this.store.filter('todo', function(todo) {
--          return !todo.get('isCompleted');
--        });
--      },
--      renderTemplate: function(controller) {
--        this.render('todos/index', { controller: controller });
--      }
--    });
++  Todos.TodosIndexRoute = Ember.Route.extend({
++    model: function() {
++      return this.modelFor('todos');
++    }
++  });
--    Todos.TodosCompletedRoute = Ember.Route.extend({
--      model: function() {
--        return this.store.filter('todo', function(todo) {
--          return todo.get('isCompleted');
--        });
--      },
--      renderTemplate: function(controller) {
--        this.render('todos/index', { controller: controller });
--      }
--    });
++  Todos.TodosActiveRoute = Ember.Route.extend({
++    model: function() {
++      return this.store.filter('todo', function(todo) {
++        return !todo.get('isCompleted');
++      });
++    },
++    renderTemplate: function(controller) {
++      this.render('todos/index', { controller: controller });
++    }
++  });
--    // Data model
--    Todos.Todo = DS.Model.extend({
--      title: DS.attr('string'),
--      priority: DS.attr('string'),
--      assignee: DS.attr('string'),
--      isCompleted: DS.attr('boolean')
--    });
++  Todos.TodosCompletedRoute = Ember.Route.extend({
++    model: function() {
++      return this.store.filter('todo', function(todo) {
++        return todo.get('isCompleted');
++      });
++    },
++    renderTemplate: function(controller) {
++      this.render('todos/index', { controller: controller });
++    }
++  });
--    // Controller
--    Todos.TodoController = Ember.ObjectController.extend({
--      actions: {
--        editTodo: function() {
--          this.set('isEditing', true);
--        },
--        acceptChanges: function() {
--          this.set('isEditing', false);
++  // Data model
++  Todos.Todo = DS.Model.extend({
++    title: DS.attr('string'),
++    priority: DS.attr('string'),
++    assignee: DS.attr('string'),
++    isCompleted: DS.attr('boolean')
++  });
--          if (Ember.isEmpty(this.get('model.title'))) {
--            this.send('removeTodo');
--          } else {
--            this.get('model').save();
--          }
--        },
--        removeTodo: function() {
--          var todo = this.get('model');
--          todo.deleteRecord();
--          todo.save();
--        }
++  // Controller
++  Todos.TodoController = Ember.ObjectController.extend({
++    actions: {
++      editTodo: function() {
++        this.set('isEditing', true);
        },
++      acceptChanges: function() {
++        this.set('isEditing', false);
--      isEditing: false,
--
--      isCompleted: function(key, value) {
--        var model = this.get('model');
--
--        if (value === undefined) {
--          // Property being used as a getter
--          return model.get('isCompleted');
++        if (Ember.isEmpty(this.get('model.title'))) {
++          this.send('removeTodo');
          } else {
--          // Property being used as setter
--          model.set('isCompleted', value);
--          model.save();
--          return value;
++          this.get('model').save();
          }
--      }.property('model.isCompleted')
--    });
++      },
++      removeTodo: function() {
++        var todo = this.get('model');
++        todo.deleteRecord();
++        todo.save();
++      }
++    },
--    Todos.TodosController = Ember.ArrayController.extend({
--      actions: {
--        createTodo: function() {
--          // Get the todo title set by the "New Todo" text field
--          var title = this.get('newTitle');
--          if (!title || !title.trim()) { return; }
++    isEditing: false,
--          console.log("Creating new todo with title:", title);
++    isCompleted: function(key, value) {
++      var model = this.get('model');
--          // Create the new Todo model
--          var todo = this.store.createRecord('todo', {
--            title: title,
--            priority: "P3",
--            assignee: "all",
--            isCompleted: false
--          });
++      if (value === undefined) {
++        // Property being used as a getter
++        return model.get('isCompleted');
++      } else {
++        // Property being used as setter
++        model.set('isCompleted', value);
++        model.save();
++        return value;
++      }
++    }.property('model.isCompleted')
++  });
--          // Clear the "New Todo" text field
--          this.set('newTitle', '');
++  Todos.TodosController = Ember.ArrayController.extend({
++    actions: {
++      createTodo: function() {
++        // Get the todo title set by the "New Todo" text field
++        var title = this.get('newTitle');
++        if (!title || !title.trim()) { return; }
--          // Save the new model
--          todo.save().then(function(savedTodo) {
--            console.log("Todo saved successfully:", savedTodo);
--            // Force a refresh of the list after saving
--            Ember.run.later(function() {
--              console.log("Refreshing todo list");
--              Todos.store.find('todo');
--            }, 100);
--          }, function(error) {
--            console.error("Failed to save todo:", error);
--          });
--        },
--
--        clearCompleted: function() {
--          var completed = this.filter(function(todo) {
--            return todo.get('isCompleted');
--          });
--
--          completed.forEach(function(todo) {
--            todo.deleteRecord();
--            todo.save();
--          });
--        }
--      },
++        console.log("Creating new todo with title:", title);
--      remaining: function() {
--        return this.filter(function(todo) {
--          return !todo.get('isCompleted');
--        }).get('length');
--      }.property('@each.isCompleted'),
++        // Create the new Todo model
++        var todo = this.store.createRecord('todo', {
++          title: title,
++          priority: "P3",
++          assignee: "all",
++          isCompleted: false
++        });
--      inflection: function() {
--        var remaining = this.get('remaining');
--        return remaining === 1 ? 'item' : 'items';
--      }.property('remaining'),
--
--      hasCompleted: function() {
--        return this.get('completed') > 0;
--      }.property('completed'),
++        // Clear the "New Todo" text field
++        this.set('newTitle', '');
--      completed: function() {
--        return this.filter(function(todo) {
++        // Save the new model
++        todo.save().then(function(savedTodo) {
++          console.log("Todo saved successfully:", savedTodo);
++          // Force a refresh of the list after saving
++          Ember.run.later(function() {
++            console.log("Refreshing todo list");
++            Todos.store.find('todo');
++          }, 100);
++        }, function(error) {
++          console.error("Failed to save todo:", error);
++        });
++      },
++
++      clearCompleted: function() {
++        var completed = this.filter(function(todo) {
            return todo.get('isCompleted');
--        }).get('length');
--      }.property('@each.isCompleted'),
++        });
++
++        completed.forEach(function(todo) {
++          todo.deleteRecord();
++          todo.save();
++        });
++      }
++    },
--      allAreDone: function(key, value) {
--        if (value === undefined) {
--          return this.get('length') > 0 && this.every(function(todo) {
--            return todo.get('isCompleted');
--          });
--        } else {
--          this.forEach(function(todo) {
--            todo.set('isCompleted', value);
--            todo.save();
--          });
--          return value;
--        }
--      }.property('@each.isCompleted')
--    });
++    remaining: function() {
++      return this.filter(function(todo) {
++        return !todo.get('isCompleted');
++      }).get('length');
++    }.property('@each.isCompleted'),
--    // Editing
--    Todos.EditTodoView = Ember.TextField.extend({
--      didInsertElement: function() {
--        this.$().focus();
++    inflection: function() {
++      var remaining = this.get('remaining');
++      return remaining === 1 ? 'item' : 'items';
++    }.property('remaining'),
++
++    hasCompleted: function() {
++      return this.get('completed') > 0;
++    }.property('completed'),
++
++    completed: function() {
++      return this.filter(function(todo) {
++        return todo.get('isCompleted');
++      }).get('length');
++    }.property('@each.isCompleted'),
++
++    allAreDone: function(key, value) {
++      if (value === undefined) {
++        return this.get('length') > 0 && this.every(function(todo) {
++          return todo.get('isCompleted');
++        });
++      } else {
++        this.forEach(function(todo) {
++          todo.set('isCompleted', value);
++          todo.save();
++        });
++        return value;
        }
--    });
++    }.property('@each.isCompleted')
++  });
--    Ember.Handlebars.helper('edit-todo', Todos.EditTodoView);
--  }
++  // Editing
++  Todos.EditTodoView = Ember.TextField.extend({
++    didInsertElement: function() {
++      this.$().focus();
++    }
++  });
++
++  Ember.Handlebars.helper('edit-todo', Todos.EditTodoView);
  });