Difference between revisions of "Team:GO Paris-Saclay/PlasmidSketcher"

m
m
Line 1: Line 1:
 
<html>
 
<html>
 
<meta charset="UTF-8">  
 
<meta charset="UTF-8">  
−
<!--
+
 
 +
 
 +
 
 +
 
 +
        <link rel="stylesheet" href="https://static.igem.org/mediawiki/2018/1/1a/T--GO_Paris-Saclay--ps.txt">
 +
 
 +
        <script src="https://static.igem.org/mediawiki/2018/4/49/T--GO_Paris-Saclay--angular.txt"></script>
 +
        <script src='https://static.igem.org/mediawiki/2018/c/c9/T--GO_Paris-Saclay--plasmid_sketcher.txt'></script>
 +
       
 +
 
 +
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
 +
 
 +
        <!-- Angular Material stuff -->
 +
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.css">
 +
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
 +
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-animate.min.js"></script>
 +
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-aria.min.js"></script>
 +
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-messages.min.js"></script>
 +
        <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.js"></script>
 +
 
 +
 
 +
<div id="bigmaindiv"  ng-controller="plasmidController as pc">
 +
<!--
  
 
     Copyright (c) 2018 Eliane Briand
 
     Copyright (c) 2018 Eliane Briand
Line 35: Line 57:
  
 
-->
 
-->
−
 
+
     
−
 
+
−
 
+
−
 
+
−
        <link rel="stylesheet" href="https://static.igem.org/mediawiki/2018/1/1a/T--GO_Paris-Saclay--ps.txt">
+
−
 
+
−
        <script src="https://static.igem.org/mediawiki/2018/4/49/T--GO_Paris-Saclay--angular.txt"></script>
+
−
        <script src='https://static.igem.org/mediawiki/2018/c/c9/T--GO_Paris-Saclay--plasmid_sketcher.txt'></script>
+
−
       
+
−
 
+
−
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+
−
 
+
−
        <!-- Angular Material stuff -->
+
−
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.css">
+
−
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-animate.min.js"></script>
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-aria.min.js"></script>
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-messages.min.js"></script>
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.js"></script>
+
−
 
+
−
 
+
−
<div id="bigmaindiv"  ng-controller="plasmidController as pc">
+
−
       
+
 
         <md-toolbar class="md-menu-toolbar">
 
         <md-toolbar class="md-menu-toolbar">
 
     <div layout="row">
 
     <div layout="row">
Line 468: Line 468:
 
width:100vw;position:absolute;
 
width:100vw;position:absolute;
 
background-color: white;
 
background-color: white;
−
margin-left : 0px;
+
margin-left : -100px;
 
margin-right : 0px;
 
margin-right : 0px;
 
}
 
}

Revision as of 10:42, 10 June 2018

Plasmid Sketcher

New Edit plasmid label

Features

{{marker.text}}

{{marker.type}}

{{marker.remark}}

Delete

Properties : {{pc.currMarkerEdited.text}}

Restriction site Restriction pair Promoter RBS CDS Terminator Misc block
{{pc.markers[pc.selectedMarkerIdx].length}} (end : {{pc.markers[pc.selectedMarkerIdx].position + pc.markers[pc.selectedMarkerIdx].length}}) Default Black (light) Black (dark) {{color}} {{pc.markers[pc.selectedMarkerIdx].spec_attr.height}}
{{pc.markers[pc.selectedMarkerIdx].length}} (end : {{pc.markers[pc.selectedMarkerIdx].position + pc.markers[pc.selectedMarkerIdx].length}}) Yellow ! {{color}} Reverse {{pc.markers[pc.selectedMarkerIdx].spec_attr.angle}}
{{pc.markers[pc.selectedMarkerIdx].spec_attr.angle}}
{{pc.markers[pc.selectedMarkerIdx].length}} (end : {{pc.markers[pc.selectedMarkerIdx].position + pc.markers[pc.selectedMarkerIdx].length}}) {{color}} Outer label {{pc.markers[pc.selectedMarkerIdx].spec_attr.angle}}
{{pc.markers[pc.selectedMarkerIdx].spec_attr.angle}}
{{pc.markers[pc.selectedMarkerIdx].length}} (end : {{pc.markers[pc.selectedMarkerIdx].position + pc.markers[pc.selectedMarkerIdx].length}})
Advanced

Advanced properties
{{pc.markers[pc.selectedMarkerIdx].spec_attr.lheight}} Close