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 25.1 to 26.1 From 28.1 to 29.1

From version

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

Change comment: There is no comment for this version

To version

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

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,302 +1,333 @@
  requirejs.config({
    baseUrl: '${xwiki.getDocument("TodoLists.TodoListMacro").getURL("download")}/',
    paths: {
--    'jquery': 'https://code.jquery.com/jquery-3.6.0.min'  // Updated jQuery version
++    'jquery-1.10.2': 'https://code.jquery.com/jquery-1.10.2.min'
    },
    shim: {
      'ember-data': {
--      deps: ['ember', 'jquery']
++      deps: ['ember']
      },
      'ember': {
--      deps: ['jquery']
++      deps: ['jquery-1.10.2']
      }
    }
  });
--require(['jquery', 'handlebars-v1.2.1', 'ember-data', 'ember'], function($) {
--  // Create app
--  window.Todos = Ember.Application.create({
--    rootElement: '#todoappdiv'
++// 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$;
    });
++
++  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({
--    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) };
++    // 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;
++      },
--      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);
++      createRecord: function(store, type, record) {
++        console.log("createRecord");
++        var serialized = this.serialize(record, { includeId: true });
++        var query = { create: "1", content: JSON.stringify(serialized) };
--        jQuery.getJSON(url, query).then(function(data) {
--          console.log("Create success:", data);
--          Ember.run(function() {
--            resolve(data);
++        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);
++            });
            });
--        }, 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 };
++      },
--      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);
++      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 };
--        jQuery.getJSON(url, query).then(function(data) {
--          console.log("FindAll success:", data);
--          Ember.run(function() {
--            resolve(data);
++        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);
++            });
            });
--        }, 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) };
++      },
--      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);
++      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) };
--        jQuery.getJSON(url, query).then(function(data) {
--          console.log("SaveAll success:", data);
--          Ember.run(function() {
--            resolve(data);
++        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);
++            });
            });
--        }, 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');
        });
--    }
--  });
++    });
--  // 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');
++      }
      });
--  });
--  Todos.TodosRoute = Ember.Route.extend({
--    model: function() {
--      return this.store.find('todo');
--    }
--  });
++    Todos.TodosIndexRoute = Ember.Route.extend({
++      model: function() {
++        return this.modelFor('todos');
++      }
++    });
--  Todos.TodosIndexRoute = Ember.Route.extend({
--    model: function() {
--      return this.modelFor('todos');
--    }
--  });
++    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.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.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.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 });
--    }
--  });
++    // Data model
++    Todos.Todo = DS.Model.extend({
++      title: DS.attr('string'),
++      priority: DS.attr('string'),
++      assignee: DS.attr('string'),
++      isCompleted: DS.attr('boolean')
++    });
--  // Data model
--  Todos.Todo = DS.Model.extend({
--    title: DS.attr('string'),
--    priority: DS.attr('string'),
--    assignee: DS.attr('string'),
--    isCompleted: DS.attr('boolean')
--  });
++    // Controller
++    Todos.TodoController = Ember.ObjectController.extend({
++      actions: {
++        editTodo: function() {
++          this.set('isEditing', true);
++        },
++        acceptChanges: function() {
++          this.set('isEditing', false);
--  // Controller
--  Todos.TodoController = Ember.ObjectController.extend({
--    actions: {
--      editTodo: function() {
--        this.set('isEditing', true);
--      },
--      acceptChanges: function() {
--        this.set('isEditing', false);
--
--        if (Ember.isEmpty(this.get('model.title'))) {
--          this.send('removeTodo');
--        } else {
--          this.get('model').save();
++          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();
          }
        },
--      removeTodo: function() {
--        var todo = this.get('model');
--        todo.deleteRecord();
--        todo.save();
--      }
--    },
--    isEditing: false,
++      isEditing: false,
--    isCompleted: function(key, value) {
--      var model = this.get('model');
++      isCompleted: function(key, value) {
++        var model = this.get('model');
--      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')
--  });
++        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')
++    });
--  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; }
++    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; }
--        console.log("Creating new todo with title:", title);
++          console.log("Creating new todo with title:", title);
--        // Create the new Todo model
--        var todo = this.store.createRecord('todo', {
--          title: title,
--          priority: "P3",
--          assignee: "all",
--          isCompleted: false
--        });
++          // Create the new Todo model
++          var todo = this.store.createRecord('todo', {
++            title: title,
++            priority: "P3",
++            assignee: "all",
++            isCompleted: false
++          });
--        // Clear the "New Todo" text field
--        this.set('newTitle', '');
++          // Clear the "New Todo" text field
++          this.set('newTitle', '');
--        // 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');
--        });
++          // 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);
++          });
++        },
--        completed.forEach(function(todo) {
--          todo.deleteRecord();
--          todo.save();
--        });
--      }
--    },
++        clearCompleted: function() {
++          var completed = this.filter(function(todo) {
++            return todo.get('isCompleted');
++          });
++
++          completed.forEach(function(todo) {
++            todo.deleteRecord();
++            todo.save();
++          });
++        }
++      },
--    remaining: function() {
--      return this.filter(function(todo) {
--        return !todo.get('isCompleted');
--      }).get('length');
--    }.property('@each.isCompleted'),
++      remaining: function() {
++        return this.filter(function(todo) {
++          return !todo.get('isCompleted');
++        }).get('length');
++      }.property('@each.isCompleted'),
--    inflection: function() {
--      var remaining = this.get('remaining');
--      return remaining === 1 ? 'item' : 'items';
--    }.property('remaining'),
--
--    hasCompleted: function() {
--      return this.get('completed') > 0;
--    }.property('completed'),
++      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) {
++      completed: function() {
++        return this.filter(function(todo) {
            return todo.get('isCompleted');
--        });
--      } else {
--        this.forEach(function(todo) {
--          todo.set('isCompleted', value);
--          todo.save();
--        });
--        return value;
--      }
--    }.property('@each.isCompleted')
--  });
++        }).get('length');
++      }.property('@each.isCompleted'),
--  // Editing
--  Todos.EditTodoView = Ember.TextField.extend({
--    didInsertElement: function() {
--      this.$().focus();
--    }
--  });
++      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);
++  }
  });