squadwuschel

module App.Directives {
 
    /*
     * Ein Ui Bootstrap Modal draggable/verschiebbar machen
     * 
     * Verwendung: 
     *
     * Einfach in AngularJs registrieren und dann sind alle Modals Draggable.
     *
     */

squadwuschel

<?xml version="1.0" encoding="utf-8"?>
<package xmlns="http://schemas.microsoft.com/packaging/2010/07/nuspec.xsd">
    <metadata>
        <id>AngularJsResharper.Settings</id>
        <version>1.9.9</version>
        <authors>SquadWuschel</authors>
        <requireLicenseAcceptance>false</requireLicenseAcceptance>
        <description>My package description.</description>
        <dependencies>
            <dependency id="Wave" version="[5.0]" />

squadwuschel

module App.Components {

    /*
     * Beschreibung ...
     *
     * Verwendung: 
     *
     *  <edit-user-cmp name="ctrl.name" test="ctrl.blubb></edit-user-cmp>
     */
    export class EditUserCmp implements ng.IComponentOptions {

squadwuschel

module App.Services {

    export interface IProxyPService {
        addTsEntryAndName(person: ProxyGeneratorDemoPage.Models.Person.Models.IPerson, name: string): ng.IPromise<ProxyGeneratorDemoPage.Models.Person.Models.IAuto>;
        loadTsCallById(id: number): ng.IPromise<ProxyGeneratorDemoPage.Models.Person.Models.IPerson>;
        loadTsCallByParams(name: string, vorname: string, alter: number): ng.IPromise<ProxyGeneratorDemoPage.Models.Person.Models.IPerson>;
        voidTsReturnType(name: string): void;
        stringTsReturnType(name: string): ng.IPromise<string>;
        integerTsReturnType(age: number): ng.IPromise<number>;
    }

squadwuschel

   public class ProxyController : Controller
    {
        [CreateAngularTsProxy(ReturnType = typeof(Auto))]
        public JsonResult AddTsEntryAndName(Person person, string name)
        {
            return Json(new Auto() { Marke = name}, JsonRequestBehavior.AllowGet);
        }

        [CreateAngularTsProxy(ReturnType = typeof(Person))]
        public JsonResult LoadTsCallById(int id)

squadwuschel

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';

@NgModule({
    imports: [BrowserModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule { }

squadwuschel

module App.AppComponents.Interceptors {

    consoleInterceptor.$inject = ["$injector", "$q"];

    export function consoleInterceptor($injector: ng.auto.IInjectorService, $q: ng.IQService): any {
        return {
            // On request success
            request: function(request) {
                console.log("Request Success");
                console.log(request);

squadwuschel

var Hello = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('helloWorld')

squadwuschel

{
  "author": "SquadWuschel",
  "description": "Packages für Hello World mit React",
  "private": true,
  "dependencies": {
    "react": "15.3.1",
    "react-dom": "15.3.1"
  }
}

squadwuschel

        //Bundles für die React Bibliothek und Jquery
        bundles.Add(new ScriptBundle("~/bundles/libraries").Include(
                        "~/Scripts/jquery-{version}.js",
                        "~/node_modules/react/dist/react-with-addons.js",
                        "~/node_modules/react-dom/dist/react-dom.js"
                        ));
        
        //Bundle für unsere React Anwendung                
        bundles.Add(new ScriptBundle("~/bundles/app").Include(
                       "~/ScriptsApp/helloWorldTypeScript.js",