public/admin.js

/**
 * 
 */
import angular from 'angular';

// App-wide Styles
import './main.scss';

console.log("Welcome to the admin")

// Angular whines that the 'workflow' module doesn't exist even though
// it isn't used. This fixes the error but it's otherwise useless.
var workflow = angular.module('workflow', []);

var SectionToTagApp = angular.module('SectionToTag', []);
SectionToTagApp.controller('tagsPickerAppCtrl', function($scope,$http) {
    $scope.tag_search_results = []
    $scope.newSearchFragment = function(){
        $http({
            method : "GET",
            url : "https://content.guardianapis.com/tags?api-key="+CONFIG.CAPI_API_KEY+"&q="+encodeURIComponent($scope.searchfragment)
        }).then(function(response) {
            $scope.tag_search_results = [];
            angular.forEach(response.data.response.results, function(item, key) {
                this.push(item.id);
            }, $scope.tag_search_results);
        }, function(response) {
            console.error(response.statusText)
        });
    }
    $scope.addSectionTagPairing = function(sectionId,tag){
        $http({
            method : "POST",
            url : "/admin/sectiontag",
            data: {
                "section_id": sectionId,
                "tag_id"    : tag
            }
        }).then(function(response) {
            setTimeout(function(){
                location.reload();
            },1000);
        }, function(response) {
            console.error(response.statusText)
        });
    }
    $scope.removeSectionTagPairing = function(sectionId,tag){
        $http({
            method : "POST",
            url : "/admin/sectiontag/delete",
            data: {
                "section_id": sectionId,
                "tag_id"    : tag
            }
        }).then(function(response) {
            setTimeout(function(){
                location.reload();
            },1000);
        }, function(response) {
            console.error(response.statusText)
        });
    }
});